/* Minification failed. Returning unminified contents.
(13566,26): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(13653,19): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(13715,28): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(13740,22): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(13741,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(13742,19): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(13742,40): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(13743,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(13744,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(13745,21): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(13750,21): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(13752,25): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(13761,15): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(13769,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(13770,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(13771,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(13772,17): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(13773,19): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(13773,39): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(13775,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(13776,21): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(13782,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(13784,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(13788,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(13789,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(13793,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light'
(13794,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(13795,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(13800,15): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(13801,17): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(13806,21): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(13831,19): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(13831,39): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(17373,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#'
(22150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22233,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22261,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(22264,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(22271,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22306,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-primary'
(22309,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(22312,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-primary'
(22327,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22350,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(22373,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(22374,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(22381,20): run-time error CSS1039: Token not allowed after unary operator: '-title-large'
(22385,20): run-time error CSS1039: Token not allowed after unary operator: '-title-base'
(22389,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(22395,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-large'
(22401,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22423,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22427,17): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(22430,17): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(22433,17): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(22437,16): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22440,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22447,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(22448,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22449,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(22451,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22452,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22452,38): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22457,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(22458,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(22474,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(22478,24): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(22483,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(22487,27): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(22492,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22501,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-dark'
(22502,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-dark'
(22506,27): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(22509,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(22510,16): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(22515,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(22519,27): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(22520,16): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(22523,27): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(22532,16): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(22542,27): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(22543,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(22546,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(22549,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(22552,29): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22556,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(22559,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(22563,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(22564,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22565,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22565,35): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(22568,18): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(22571,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(22572,22): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22573,25): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22576,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(22577,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22586,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22589,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(22590,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22590,38): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22597,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22605,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22612,16): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(22623,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(22626,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(22629,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(22632,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(22636,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(22639,16): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(22643,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-gradient'
(22646,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22650,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22654,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22671,15): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22671,35): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22672,21): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22677,15): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22677,35): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22679,21): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22687,21): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22688,15): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22688,35): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22709,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(22716,20): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22716,38): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22719,20): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22733,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22734,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(22751,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22759,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22787,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22815,17): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(22818,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22827,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22834,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(22837,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22841,21): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(22842,15): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22845,21): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(22849,18): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(22853,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(22854,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(22855,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(22855,39): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22859,15): run-time error CSS1039: Token not allowed after unary operator: '-size-largest'
(22861,13): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(22865,13): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(22870,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22874,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(22875,21): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(22876,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22877,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22878,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(22885,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22886,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(22888,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(22888,39): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22889,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22890,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(22893,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(22898,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22899,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(22905,20): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(22923,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(22923,35): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22924,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(22925,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(22928,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(22929,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(22985,20): run-time error CSS1039: Token not allowed after unary operator: '-title-large'
(22996,20): run-time error CSS1039: Token not allowed after unary operator: '-title-base'
(23001,30): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(23006,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(23007,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(23008,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(23008,39): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23012,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(23017,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(23024,22): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23027,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(23028,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(23033,23): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(23036,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(23054,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23058,22): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(23059,25): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(23071,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(23072,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23072,35): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23080,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(23087,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(23087,36): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(23088,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(23093,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(23101,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(23122,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(23128,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(23157,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-larger'
(23159,28): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23165,24): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(23230,19): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(23245,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(23273,26): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23274,29): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23313,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(23335,22): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(23352,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(23353,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23371,24): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(23374,23): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(23402,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23408,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23412,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23412,35): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23431,25): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23443,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(23458,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(23482,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(23492,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(23493,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23496,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(23510,27): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(23516,23): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(23517,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(23532,22): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23533,25): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23536,20): run-time error CSS1039: Token not allowed after unary operator: '-title-small'
(23543,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23546,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(23571,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(23583,15): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(23632,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23636,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23637,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23658,22): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23659,15): run-time error CSS1039: Token not allowed after unary operator: '-closer-size'
(23660,14): run-time error CSS1039: Token not allowed after unary operator: '-closer-size'
(23661,29): run-time error CSS1039: Token not allowed after unary operator: '-closer-color'
(23662,30): run-time error CSS1039: Token not allowed after unary operator: '-closer-color'
(23686,17): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(23701,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(23706,26): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(23707,29): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(23716,27): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23725,27): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23726,28): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23741,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23749,21): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(23754,20): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(23755,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(23762,16): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(23771,17): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(23771,36): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23788,21): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(23802,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(23805,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(23808,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(23810,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23814,21): run-time error CSS1039: Token not allowed after unary operator: '-size-largest'
(23818,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(23825,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(23827,18): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(23827,37): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23828,17): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23829,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(23832,21): run-time error CSS1039: Token not allowed after unary operator: '-size-largest'
(23834,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(23839,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(23857,28): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(23884,17): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(23895,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(23897,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(23899,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(23900,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(23912,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(23920,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(23921,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(23928,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(23929,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(23932,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(23942,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(23943,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(23954,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(23958,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(23959,22): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(23963,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(23964,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(23967,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(23974,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(23975,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(23978,23): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(23979,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(23980,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-small'
(24002,17): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(24003,16): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(24010,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(24011,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(24107,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(24110,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24124,25): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24177,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24181,20): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(24189,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(24209,13): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24215,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(24216,21): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(24217,15): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24218,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(24222,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(24225,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24230,17): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(24235,17): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(24236,24): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(24238,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(24243,20): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(24253,19): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(24258,12): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(24261,15): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24263,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-dark'
(24264,21): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(24281,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(24282,13): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-dark'
(24285,24): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(24286,20): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(24310,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(24311,21): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(24312,15): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24314,24): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(24329,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(24331,27): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24332,34): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(24333,35): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(24334,36): run-time error CSS1039: Token not allowed after unary operator: '-size-largest'
(24335,34): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(24336,36): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(24337,37): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(24369,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(24370,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(24396,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(24420,38): run-time error CSS1030: Expected identifier, found '-'
(24420,38): run-time error CSS1031: Expected selector, found '-'
(24420,38): run-time error CSS1025: Expected comma or open brace, found '-'
(24468,31): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(24469,20): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(24501,24): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(24504,22): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(24504,40): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(24507,25): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(24508,26): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(24509,27): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(24525,24): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(24526,27): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24551,22): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(24554,28): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(24555,24): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(24558,31): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(24570,25): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(24601,24): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(24604,24): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(24645,22): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(24646,25): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(24663,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(24673,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(24676,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(24677,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(24680,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(24682,25): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24683,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24687,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(24694,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(24702,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(24706,24): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(24726,25): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(24743,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(24744,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(24772,24): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(24807,16): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(24825,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24837,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(24933,20): run-time error CSS1039: Token not allowed after unary operator: '-title-large'
(24934,21): run-time error CSS1039: Token not allowed after unary operator: '-title-large'
(24955,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(24990,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(24992,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(24999,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(25024,24): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(25033,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(25076,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(25095,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(25138,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(25182,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(25189,27): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(25207,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(25208,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(25213,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(25214,16): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(25227,21): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(25250,28): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(25284,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(25289,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(25293,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(25352,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(25353,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-large'
(25382,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(25435,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(25444,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(25446,22): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(25490,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(25493,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(25506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25508,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-opacity'
(25527,63): run-time error CSS1039: Token not allowed after unary operator: '-icon-opacity'
(25529,67): run-time error CSS1039: Token not allowed after unary operator: '-icon-opacity-bounce'
(25530,68): run-time error CSS1039: Token not allowed after unary operator: '-icon-opacity-bounce'
(25532,65): run-time error CSS1039: Token not allowed after unary operator: '-icon-opacity'
(25548,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(25549,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(25550,18): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(25550,37): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25560,21): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(25563,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25569,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(25573,24): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(25574,16): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(25589,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25595,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-size-larger'
(25600,26): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(25613,19): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25630,19): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25634,39): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25649,19): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25653,39): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25675,27): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(25691,21): run-time error CSS1039: Token not allowed after unary operator: '-min-section-size'
(25692,20): run-time error CSS1039: Token not allowed after unary operator: '-min-section-size'
(25696,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(25697,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(25703,18): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(25703,37): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25706,18): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(25712,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(25717,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(25720,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25726,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(25755,18): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(25755,37): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(25756,16): run-time error CSS1039: Token not allowed after unary operator: '-min-section-size'
(25758,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(25762,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(25793,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(25797,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(25820,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(25833,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(25844,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(25887,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25899,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(25902,21): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(25909,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(25917,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(25917,36): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25918,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(25922,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(25930,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(25932,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(25935,20): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(25941,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(25945,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(25965,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(25972,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(25976,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(25994,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(26028,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26034,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(26034,36): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(26035,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(26036,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(26057,16): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(26064,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26065,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26074,27): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(26095,25): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26105,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26105,35): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26106,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(26107,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26109,33): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(26113,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-size-base'
(26115,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26122,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(26124,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(26126,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(26127,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26131,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(26132,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(26134,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26140,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26146,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26150,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(26152,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26154,22): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(26157,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(26161,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26162,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-small'
(26163,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26170,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26212,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(26218,16): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(26223,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26228,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(26232,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26232,35): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26239,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26241,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(26242,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26246,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(26247,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(26251,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26258,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26262,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(26264,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26266,22): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(26269,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(26273,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26276,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(26280,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(26290,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(26291,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26296,24): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(26305,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26306,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26308,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(26309,21): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(26315,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26326,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(26332,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26340,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26355,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26356,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(26357,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26363,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(26366,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26370,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26373,24): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26374,23): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26378,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26380,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(26387,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26388,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(26391,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26392,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26396,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(26397,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(26399,37): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(26403,22): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(26404,25): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(26409,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26412,21): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(26423,22): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(26426,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(26432,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26436,23): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26449,14): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(26456,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(26457,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(26461,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(26462,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(26463,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(26464,23): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26467,23): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(26470,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(26473,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(26474,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(26475,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(26489,22): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26490,25): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26496,23): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(26497,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(26509,22): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26512,22): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26528,22): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26540,28): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26551,31): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(26552,34): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(26555,16): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(26556,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(26562,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26566,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(26567,23): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(26572,23): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(26573,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(26617,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(26628,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26628,41): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(26632,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(26640,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(26641,15): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(26648,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26649,16): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(26654,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(26667,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(26668,16): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(26686,24): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(26687,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(26692,24): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(26696,16): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(26702,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(26703,23): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(26704,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(26739,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(27050,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(27247,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27249,24): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(27252,27): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(27253,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(27256,20): run-time error CSS1039: Token not allowed after unary operator: '-title-base'
(27262,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(27265,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(27268,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(27271,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(27274,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(27280,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27281,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(27283,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(27297,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27299,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(27302,20): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27311,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(27315,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(27319,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(27332,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(27342,28): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27350,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(27351,27): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(27352,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27356,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(27357,19): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27357,37): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27358,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27365,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27369,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27376,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27380,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(27385,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27388,27): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(27389,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(27390,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(27391,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(27391,39): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27392,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(27397,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(27398,22): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27399,25): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27407,16): run-time error CSS1039: Token not allowed after unary operator: '-color-inbody'
(27408,27): run-time error CSS1039: Token not allowed after unary operator: '-color-inbody'
(27412,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(27417,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(27423,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(27424,25): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(27427,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(27430,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(27431,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(27435,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27435,35): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27436,27): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(27437,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(27444,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(27447,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27459,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27464,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(27465,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(27466,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(27467,22): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27471,20): run-time error CSS1039: Token not allowed after unary operator: '-title-small'
(27479,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27482,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(27483,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27483,35): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27484,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(27487,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(27492,27): run-time error CSS1039: Token not allowed after unary operator: '-color-inbody'
(27493,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(27494,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27494,36): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(27502,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(27503,22): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(27504,31): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(27510,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27520,16): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(27523,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(27527,23): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27552,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27570,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(27586,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27604,23): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(27605,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(27609,22): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(27631,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27637,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27639,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(27642,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27646,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27654,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(27657,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27660,20): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(27663,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27668,21): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27669,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27674,35): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(27684,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(27688,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(27694,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(27729,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(27740,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(27743,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(27750,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27753,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(27756,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(27757,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-dark'
(27764,21): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27767,22): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27771,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27772,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(27780,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27781,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(27782,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(27790,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(27791,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(27793,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27796,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27803,23): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(27808,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(27809,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27814,20): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27822,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27825,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(27829,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(27835,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(27839,25): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27856,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27868,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27872,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(27873,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(27874,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27877,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-size-large'
(27885,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27886,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(27887,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(27891,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27897,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(27900,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(27901,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(27909,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27926,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27930,22): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27931,25): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27934,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(27938,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(27940,22): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(27941,25): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(27943,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-dark'
(27944,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(27951,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(27951,36): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27952,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(27953,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(27955,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(27961,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(27961,38): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27969,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(27970,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-dark'
(27973,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(27976,31): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-dark'
(28033,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(28036,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28039,28): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(28184,20): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28188,22): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28191,25): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28194,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(28196,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28210,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(28212,20): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(28218,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(28222,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28231,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28236,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(28237,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28238,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28238,35): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28244,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(28245,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(28249,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(28256,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-larger'
(28261,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28264,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28275,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28276,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28283,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28288,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28288,35): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28289,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28290,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28300,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28305,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28307,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28315,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28321,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28322,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28323,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28324,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(28325,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28325,38): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28327,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(28328,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28333,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28335,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(28339,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28340,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(28343,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28344,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(28346,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28346,38): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28347,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28350,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28353,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(28357,24): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(28363,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28376,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(28377,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(28379,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(28390,14): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(28394,18): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(28398,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28402,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(28405,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28410,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28415,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28417,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(28417,39): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28418,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28419,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(28420,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(28428,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28429,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28430,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(28430,39): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28431,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28433,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(28438,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(28454,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28457,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(28461,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28465,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28468,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28472,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28475,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(28478,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28479,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(28485,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(28486,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28487,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-large'
(28488,18): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(28488,36): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(28494,21): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(28495,22): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(28496,31): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28513,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28521,20): run-time error CSS1039: Token not allowed after unary operator: '-title-base'
(28525,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28526,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28528,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-small'
(28535,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(28536,25): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28543,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(28558,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28559,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(28560,16): run-time error CSS1039: Token not allowed after unary operator: '-min-touchable-size'
(28561,17): run-time error CSS1039: Token not allowed after unary operator: '-min-touchable-size'
(28562,22): run-time error CSS1039: Token not allowed after unary operator: '-min-touchable-size'
(28577,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28578,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(28584,23): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28585,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28586,20): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28589,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28590,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28592,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28593,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(28598,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(28604,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(28619,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28625,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28638,15): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28642,20): run-time error CSS1039: Token not allowed after unary operator: '-title-small'
(28643,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28644,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(28648,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28652,32): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28657,23): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28661,31): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28662,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28663,22): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28666,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28669,20): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(28672,20): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28675,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(28679,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28689,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28690,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28695,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28696,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28697,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28714,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(28805,15): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28825,19): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28825,37): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28826,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28827,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28832,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(28835,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28835,36): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28839,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(28843,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(28844,25): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28849,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(28850,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(28855,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28860,19): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28860,39): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28861,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28863,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28864,17): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(28867,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28868,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(28870,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-small'
(28873,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28874,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(28880,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(28880,39): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28886,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(28889,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28890,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(28894,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(28895,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28896,20): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28898,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28902,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28909,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(28920,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28921,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(28924,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(28927,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28936,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(28937,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(28943,23): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28944,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28945,20): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28953,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(28954,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(28956,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(28957,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(28962,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(28967,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(28969,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-small'
(28973,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(28986,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28990,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(28995,21): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(28996,24): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(29004,21): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(29005,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29006,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29007,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29011,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29012,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(29015,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29016,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29024,21): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29025,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(29026,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29026,39): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29027,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29028,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small'
(29029,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29032,27): run-time error CSS1039: Token not allowed after unary operator: '-color-alert-lightest'
(29033,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(29034,23): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(29039,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29040,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29041,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(29044,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29045,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29049,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29050,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29053,16): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(29054,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(29058,20): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29066,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(29067,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29068,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29069,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29070,16): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(29071,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(29078,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29083,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29099,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29126,22): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29126,40): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29132,24): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(29139,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29139,35): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29140,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29145,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29156,25): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29161,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(29164,16): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(29167,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29173,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29174,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(29175,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29176,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29177,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29181,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(29184,20): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29185,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29192,17): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29197,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(29198,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(29199,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29200,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29205,20): run-time error CSS1039: Token not allowed after unary operator: '-title-small'
(29211,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29214,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29217,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(29222,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29223,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(29224,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29228,21): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29231,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29236,20): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29239,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29249,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29251,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29265,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29274,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29275,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29282,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29285,31): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29288,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29290,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29301,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(29302,16): run-time error CSS1039: Token not allowed after unary operator: '-min-touchable-size'
(29306,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29307,19): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29307,40): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29310,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(29317,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29322,33): run-time error CSS1039: Token not allowed after unary operator: '-min-touchable-size'
(29329,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29336,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29337,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29338,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29339,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29342,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29343,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29344,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29345,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(29352,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29353,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29354,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(29355,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29358,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(29364,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29367,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(29376,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29384,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29391,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(29392,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(29393,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29395,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(29396,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-base-light'
(29399,23): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(29407,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29412,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29415,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29418,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29421,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(29424,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(29425,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(29428,27): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(29441,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(29442,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29443,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(29446,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29448,31): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(29458,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(29461,23): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(29465,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29466,16): run-time error CSS1039: Token not allowed after unary operator: '-color-alert-lightest'
(29467,27): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(29477,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(29479,34): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(29480,25): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29485,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29492,18): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29492,36): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29493,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29494,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29496,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(29497,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-base-light'
(29500,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(29502,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(29506,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(29508,21): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(29510,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(29514,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-larger'
(29519,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29526,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29528,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29531,21): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29552,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29576,20): run-time error CSS1039: Token not allowed after unary operator: '-title-small'
(29579,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(29586,23): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(29593,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(29594,18): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29595,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(29596,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-large'
(29599,14): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29605,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29608,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29614,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29615,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29616,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(29617,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29625,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(29633,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(29641,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29647,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(29652,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29657,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29660,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29666,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(29672,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(29678,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(29683,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(29684,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(29685,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29686,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29686,39): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29696,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29700,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29704,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(29707,20): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(29708,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(29715,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29719,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(29722,21): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29728,24): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29740,27): run-time error CSS1039: Token not allowed after unary operator: '-color-success-light'
(29742,27): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(29743,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-large'
(29744,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29749,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29750,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29751,24): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(29754,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(29757,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29760,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29761,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(29771,27): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(29778,14): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29779,18): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29780,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29781,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(29782,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-base-light'
(29785,21): run-time error CSS1039: Token not allowed after unary operator: '-size-largest'
(29788,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(29790,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-dark'
(29793,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(29801,27): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(29802,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(29804,20): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29806,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29809,28): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(29810,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(29812,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(29820,26): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29821,29): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29828,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29829,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(29830,18): run-time error CSS1039: Token not allowed after unary operator: '-size-largest'
(29830,40): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29833,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29842,14): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29855,22): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29857,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(29863,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(29865,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(29871,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(29874,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29891,24): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(29892,23): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(29893,24): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(29896,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(29898,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(29903,20): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(29906,20): run-time error CSS1039: Token not allowed after unary operator: '-font-largest'
(29912,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(29921,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(29924,45): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(29925,57): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(29926,63): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(29930,24): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(29933,24): run-time error CSS1039: Token not allowed after unary operator: '-font-larger'
(29957,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(29966,23): run-time error CSS1039: Token not allowed after unary operator: '-size-largest'
(29985,18): run-time error CSS1039: Token not allowed after unary operator: '-size-largest'
(30003,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-large'
(30004,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-large'
(30026,22): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30036,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30036,36): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30044,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(30047,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-size-small'
(30052,16): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(30064,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light'
(30065,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30066,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(30068,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30069,17): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(30077,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(30081,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(30084,19): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30084,39): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30085,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(30092,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light'
(30095,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(30098,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(30099,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30100,25): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30101,34): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(30104,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30109,27): run-time error CSS1039: Token not allowed after unary operator: '-color-alert-lightest'
(30112,27): run-time error CSS1039: Token not allowed after unary operator: '-color-success-light'
(30119,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(30122,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30135,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30136,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(30140,27): run-time error CSS1039: Token not allowed after unary operator: '-color-success-light'
(30141,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(30146,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(30149,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(30150,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(30153,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(30156,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(30159,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-size-base'
(30172,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light'
(30173,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(30186,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30197,25): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30215,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(30220,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(30223,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(30224,24): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30232,22): run-time error CSS1039: Token not allowed after unary operator: '-size-largest'
(30235,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(30238,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light'
(30241,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(30244,16): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(30247,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(30256,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30291,31): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(30299,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(30369,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30379,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30379,36): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30387,20): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30392,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(30401,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30414,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30415,16): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(30418,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30419,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30425,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(30426,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(30438,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30439,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(30445,32): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(30451,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30456,31): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(30470,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30478,33): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(30483,32): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(30486,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30486,38): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(30487,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(30494,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30503,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(30511,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30514,28): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(30515,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(30539,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30544,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(30547,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(30555,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30555,38): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(30567,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(30589,29): run-time error CSS1039: Token not allowed after unary operator: '-size-large'
(30605,14): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30608,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(30609,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30610,27): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(30611,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(30612,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(30617,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(30618,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30628,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(30639,22): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(30706,24): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(30711,22): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30712,25): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30729,18): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(30730,22): run-time error CSS1039: Token not allowed after unary operator: '-size-larger'
(30736,28): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30740,28): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30748,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30759,23): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(30761,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(30766,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30771,16): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(30774,27): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(30779,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30784,20): run-time error CSS1039: Token not allowed after unary operator: '-font-base'
(30788,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30793,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smallest'
(30808,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30818,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30825,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(30834,31): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(30838,22): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30839,25): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30840,34): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(30841,23): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30842,24): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30848,14): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30849,21): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30855,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(30859,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(30869,14): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30874,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(30875,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(30876,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30880,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(30884,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-base'
(30888,16): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(30894,22): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(30901,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(30906,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30912,20): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(30918,20): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(30926,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30936,26): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30937,29): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30940,18): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(30946,28): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30953,18): run-time error CSS1039: Token not allowed after unary operator: '-size-small'
(30973,24): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(30974,27): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(30975,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(30982,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(30983,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-base'
(30998,20): run-time error CSS1039: Token not allowed after unary operator: '-font-large'
(30999,16): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(31000,27): run-time error CSS1039: Token not allowed after unary operator: '-color-accent'
(31001,21): run-time error CSS1039: Token not allowed after unary operator: '-shadow-base'
(31013,18): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(31013,38): run-time error CSS1039: Token not allowed after unary operator: '-size-base'
(31022,15): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(31026,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary'
(31027,19): run-time error CSS1039: Token not allowed after unary operator: '-size-smaller'
(31028,28): run-time error CSS1039: Token not allowed after unary operator: '-color-font'
(31029,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(31030,21): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(31223,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(31224,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(31234,25): run-time error CSS1039: Token not allowed after unary operator: '-font-small'
(31235,23): run-time error CSS1039: Token not allowed after unary operator: '-size-smallest'
(31240,40): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(31244,32): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(31246,25): run-time error CSS1039: Token not allowed after unary operator: '-font-smaller'
(31802,33): run-time error CSS1034: Expected closing parenthesis, found ','
(31802,33): run-time error CSS1042: Expected function, found ','
(31802,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/* FONTS */
@font-face {
    font-family: 'Oswald';
    src: url('Oswald/static/Oswald-ExtraLight.ttf');
    font-weight: 200;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('Oswald/static/Oswald-Light.ttf');
    font-weight: 300;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('Oswald/static/Oswald-Regular.ttf');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('Oswald/static/Oswald-Medium.ttf');
    font-weight: 500;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('Oswald/static/Oswald-SemiBold.ttf');
    font-weight: 600;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('Oswald/static/Oswald-Bold.ttf');
    font-weight: 700;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('Roboto_Slab/static/RobotoSlab-Thin.ttf');
    font-weight: 100;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('Roboto_Slab/static/RobotoSlab-ExtraLight.ttf');
    font-weight: 200;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('Roboto_Slab/static/RobotoSlab-Light.ttf');
    font-weight: 300;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('Roboto_Slab/static/RobotoSlab-Regular.ttf');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('Roboto_Slab/static/RobotoSlab-Medium.ttf');
    font-weight: 500;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('Roboto_Slab/static/RobotoSlab-SemiBold.ttf');
    font-weight: 600;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('Roboto_Slab/static/RobotoSlab-Bold.ttf');
    font-weight: 700;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('Roboto_Slab/static/RobotoSlab-ExtraBold.ttf');
    font-weight: 800;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('Roboto_Slab/static/RobotoSlab-Black.ttf');
    font-weight: 900;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Thin.ttf');
    font-weight: 100;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-ExtraLight.ttf');
    font-weight: 200;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Light.ttf');
    font-weight: 300;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Regular.ttf');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Medium.ttf');
    font-weight: 500;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-SemiBold.ttf');
    font-weight: 600;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Bold.ttf');
    font-weight: 700;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-ExtraBold.ttf');
    font-weight: 800;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Black.ttf');
    font-weight: 900;
  }
  
  @font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-Thin.ttf');
    font-weight: 100;
  }
  /* @font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-ExtraLight.ttf');
    font-weight: 200;
  } */
  @font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-Light.ttf');
    font-weight: 300;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-Regular.ttf');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-Medium.ttf');
    font-weight: 500;
  }
  /* @font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-SemiBold.ttf');
    font-weight: 600;
  } */
  @font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-Bold.ttf');
    font-weight: 700;
  }
  /* @font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-ExtraBold.ttf');
    font-weight: 800;
  } */
  @font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-Black.ttf');
    font-weight: 900;
  }
/*!
 * FullCalendar v3.3.1 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */.fc-icon,body .fc{font-size:1em}.fc-button-group,.fc-icon{display:inline-block}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-khtml-user-select:none;-webkit-touch-callout:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.ui-widget .fc-disabled-day{background-image:none}.fc-icon{height:1em;line-height:1em;overflow:hidden;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;font-weight:400}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item:hover td{background-color:#f5f5f5}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}
/*! jQuery UI - v1.11.0 - 2014-08-03
* http://jqueryui.com
* Includes: core.css, draggable.css, sortable.css, accordion.css, tabs.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/*
 *contextMenu.js v 1.1.2
 *Author: Sudhanshu Yadav
 *s-yadav.github.com
 *Copyright (c) 2013 Sudhanshu Yadav.
 *Dual licensed under the MIT and GPL licenses
 */
/*Context menu css */
.iw-contextMenu {
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	border:1px solid #E6E6E6;
	display:none;
	z-index:1000;
	overflow:auto;
}
.iw-cm-menu{
	background:#F4F4F4;
	color:#333;
	margin:0px;
	padding:0px;
	}

.iw-cm-menu li {
	list-style:none;
	padding:3px;
	padding-left:30px;
	padding-right:20px;
	border-bottom:1px solid #CCC;
	cursor:pointer;
	position:relative;
}
.iw-mOverlay{
	position:absolute; width:100%; height:100%; top:0px; left:0px;
	background:#FFF;
	opacity:.5;
	}
.iw-contextMenu li.iw-mDisable {
	opacity:.3;
}
.iw-mSelected {
	background-color:rgb(0,51,102);
	color:#F2F2F2;
}
.iw-cm-arrow-right {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-left:5px solid #333333; 
	position:absolute;
	right:3px;
	top:50%;
	margin-top:-3px;
}

.iw-mIcon{
	width:20px;
	height:20px;
	left:0px;
	top:3px;
	position:absolute;
	}
/*context menu css end */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
	font-weight: 700;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}

/*
------------------------ BASE ELEMENTS ------------------------ */
*,
*:before,
*:after { /* Apply a natural box layout model to all elements */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*For IE 10 (desktop) to work in it's new "snap mode" you need to use this */
@-moz-viewport {
	width: device-width;
	zoom: 1.0;
}
@-ms-viewport {
	width: device-width;
	zoom: 1.0;
}
@-o-viewport {
	width: device-width;
	zoom: 1.0;
}
@-webkit-viewport {
	width: device-width;
	zoom: 1.0;
}
@viewport {
	width: device-width;
	zoom: 1.0;
}
html,
body { /* Set <html> and <body> to inherit the height of the viewport */
	min-height: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}
address,
blockquote,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
menu,
ol,
p,
pre,
summary,
table,
ul {
	margin: 0;
	margin-bottom: 1.50rem;
}
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection:window-inactive {
	background: #dedede;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}
[disabled] {
	cursor: not-allowed;
}

/* ------------------------ back to top link ------------------------ */
.back-to-top {
	color: #fff;
	cursor: pointer;
	display: none;
	position: fixed;
	right: 0rem;
	bottom: 0rem;
	text-align: center;
}
	.back-to-top span {
		display: inline-block;
		font-size: 2.5rem;
		line-height: 2.5rem;
		vertical-align: middle;
		width: 2.5rem;
		height: 2.5rem;
	}

/*
------------------------ =SCAFFOLDING ------------------------ */
.wrap {
	clear: both;
	display: block;
	margin: 0 auto;
	position: relative;
	width: auto;
	max-width: 980px;
	zoom: 1;
}

	/* ------------------------ row structure ------------------------ */
	.row {
		clear: both;
		display: block;
		margin: 0 auto;
		position: relative;
		width: auto;
		zoom: 1;
	}
		.row .row {
			margin-right: -0.75rem;
			margin-left: -0.75rem;
		}
		.row .row.maintain-structure {
			margin-right: 0.75rem;
			margin-left: 0.75rem;
		}
		.wrap:before,
		.wrap:after,
		.row:before,
		.row:after {
			content: " ";
			display: table;
		}
		.wrap:after,
		.row:after {
			clear: both;
		}

	/* ------------------------ column structure ------------------------ */
	.column {
		float: left;
		padding-right: 0.75rem;
		padding-left: 0.75rem;
		position: relative;
		width: 100%;
		min-height: 1px;
	}
		.column.centered {
			float: none;
			margin: 0 auto;
			overflow: hidden;
		}
		.column.no-padding {
			padding-right: 0;
			padding-left: 0;
		}

	/* ------------------------ column widths [nano+] ------------------------ */
	.row .whole,
	.row .two-halves,
	.row .three-thirds,
	.row .four-fourths,
	.row .five-fifths,
	.row .six-sixths,
	.row .eight-eights,
	.row .ten-tenths,
	.row .twelve-twelfths {
		width: 100%;
	}
	.row .half,
	.row .two-fourths,
	.row .three-sixths,
	.row .four-eights,
	.row .five-tenths,
	.row .six-twelfths {
		width: 50%;
	}
	.row .one-third,
	.row .two-sixths,
	.row .four-twelfths {
		width: 33.3332%;
	}
	.row .two-thirds,
	.row .four-sixths,
	.row .eight-twelfths {
		width: 66.6665%;
	}
	.row .one-fourth,
	.row .two-eighths,
	.row .three-twelfths {
		width: 25%;
	}
	.row .three-fourths,
	.row .six-eighths,
	.row .nine-twelfths {
		width: 75%;
	}
	.row .one-fifth,
	.row .two-tenths {
		width: 20%;
	}
	.row .two-fifths,
	.row .four-tenths {
		width: 40%;
	}
	.row .three-fifths,
	.row .six-tenths {
		width: 60%;
	}
	.row .four-fifths,
	.row .eight-tenths {
		width: 80%;
	}
	.row .one-sixth,
	.row .two-twelfths {
		width: 16.6665%;
	}
	.row .five-sixths,
	.row .ten-twelfths {
		width: 83.3332%;
	}
	.row .one-eighth {
		width: 12.5%;
	}
	.row .three-eighths {
		width: 37.5%;
	}
	.row .five-eighths {
		width: 62.5%;
	}
	.row .seven-eighths {
		width: 87.5%;
	}
	.row .one-tenth {
		width: 10%;
	}
	.row .three-tenths {
		width: 30%;
	}
	.row .seven-tenths {
		width: 70%;
	}
	.row .nine-tenths {
		width: 90%;
	}
	.row .one-twelfth {
		width: 8.3332%;
	}
	.row .five-twelfths {
		width: 41.6665%;
	}
	.row .seven-twelfths {
		width: 58.332%;
	}
	.row .eleven-twelfths {
		width: 91.6665%;
	}
	.row .golden-small {
		width: 38.2716%;
	}
	.row .golden-large {
		width: 61.7283%;
	}
	.row .width-auto {
		width: auto;
	}

	/* ------------------------ column push ------------------------ */
	.row .push-half,
	.row .push-two-fourths,
	.row .push-three-sixths,
	.row .push-four-eights,
	.row .push-five-tenths,
	.row .push-six-twelfths {
		left: 50%;
	}
	.row .push-one-third,
	.row .push-two-sixths,
	.row .push-four-twelfths {
		left: 33.3332%;
	}
	.row .push-two-thirds,
	.row .push-four-sixths,
	.row .push-eight-twelfths {
		left: 66.6665%;
	}
	.row .push-one-fourth,
	.row .push-two-eighths,
	.row .push-three-twelfths {
		left: 25%;
	}
	.row .push-three-fourths,
	.row .push-six-eighths,
	.row .push-nine-twelfths {
		left: 75%;
	}
	.row .push-one-fifth,
	.row .push-two-tenths {
		left: 20%;
	}
	.row .push-two-fifths,
	.row .push-four-tenths {
		left: 40%;
	}
	.row .push-three-fifths,
	.row .push-six-tenths {
		left: 60%;
	}
	.row .push-four-fifths,
	.row .push-eight-tenths {
		left: 80%;
	}
	.row .push-one-sixth,
	.row .push-two-twelfths {
		left: 16.6665%;
	}
	.row .push-five-sixths,
	.row .push-ten-twelfths {
		left: 83.3332%;
	}
	.row .push-one-eighth {
		left: 12.5%;
	}
	.row .push-three-eighths {
		left: 37.5%;
	}
	.row .push-five-eighths {
		left: 62.5%;
	}
	.row .push-seven-eighths {
		left: 87.5%;
	}
	.row .push-one-tenth {
		left: 10%;
	}
	.row .push-three-tenths {
		left: 30%;
	}
	.row .push-seven-tenths {
		left: 70%;
	}
	.row .push-nine-tenths {
		left: 90%;
	}
	.row .push-one-twelfth {
		left: 8.3332%;
	}
	.row .push-five-twelfths {
		left: 41.6665%;
	}
	.row .push-seven-twelfths {
		left: 58.332%;
	}
	.row .push-eleven-twelfths {
		left: 91.6665%;
	}
	.row .push-golden-small {
		left: 38.2716%;
	}
	.row .push-golden-large {
		left: 61.7283%;
	}
	.row .push-none {
		left: auto;
	}

	/* ------------------------ column pull ------------------------ */
	.row .pull-half,
	.row .pull-two-fourths,
	.row .pull-three-sixths,
	.row .pull-four-eights,
	.row .pull-five-tenths,
	.row .pull-six-twelfths {
		right: 50%;
	}
	.row .pull-one-third,
	.row .pull-two-sixths,
	.row .pull-four-twelfths {
		right: 33.3332%;
	}
	.row .pull-two-thirds,
	.row .pull-four-sixths,
	.row .pull-eight-twelfths {
		right: 66.6665%;
	}
	.row .pull-one-fourth,
	.row .pull-two-eighths,
	.row .pull-three-twelfths {
		right: 25%;
	}
	.row .pull-three-fourths,
	.row .pull-six-eighths,
	.row .pull-nine-twelfths {
		right: 75%;
	}
	.row .pull-one-fifth,
	.row .pull-two-tenths {
		right: 20%;
	}
	.row .pull-two-fifths,
	.row .pull-four-tenths {
		right: 40%;
	}
	.row .pull-three-fifths,
	.row .pull-six-tenths {
		right: 60%;
	}
	.row .pull-four-fifths,
	.row .pull-eight-tenths {
		right: 80%;
	}
	.row .pull-one-sixth,
	.row .pull-two-twelfths {
		right: 16.6665%;
	}
	.row .pull-five-sixths,
	.row .pull-ten-twelfths {
		right: 83.3332%;
	}
	.row .pull-one-eighth {
		right: 12.5%;
	}
	.row .pull-three-eighths {
		right: 37.5%;
	}
	.row .pull-five-eighths {
		right: 62.5%;
	}
	.row .pull-seven-eighths {
		right: 87.5%;
	}
	.row .pull-one-tenth {
		right: 10%;
	}
	.row .pull-three-tenths {
		right: 30%;
	}
	.row .pull-seven-tenths {
		right: 70%;
	}
	.row .pull-nine-tenths {
		right: 90%;
	}
	.row .pull-one-twelfth {
		right: 8.3332%;
	}
	.row .pull-five-twelfths {
		right: 41.6665%;
	}
	.row .pull-seven-twelfths {
		right: 58.332%;
	}
	.row .pull-eleven-twelfths {
		right: 91.6665%;
	}
	.row .pull-golden-small {
		right: 38.2716%;
	}
	.row .pull-golden-large {
		right: 61.7283%;
	}
	.row .pull-none {
		right: auto;
	}

	/* ------------------------ column offset ------------------------ */
	.row .offset-half,
	.row .offset-two-fourths,
	.row .offset-three-sixths,
	.row .offset-four-eights,
	.row .offset-five-tenths,
	.row .offset-six-twelfths {
		margin-left: 50%;
	}
	.row .offset-one-third,
	.row .offset-two-sixths,
	.row .offset-four-twelfths {
		margin-left: 33.3332%;
	}
	.row .offset-two-thirds,
	.row .offset-four-sixths,
	.row .offset-eight-twelfths {
		margin-left: 66.6665%;
	}
	.row .offset-one-fourth,
	.row .offset-two-eighths,
	.row .offset-three-twelfths {
		margin-left: 25%;
	}
	.row .offset-three-fourths,
	.row .offset-six-eighths,
	.row .offset-nine-twelfths {
		margin-left: 75%;
	}
	.row .offset-one-fifth,
	.row .offset-two-tenths {
		margin-left: 20%;
	}
	.row .offset-two-fifths,
	.row .offset-four-tenths {
		margin-left: 40%;
	}
	.row .offset-three-fifths,
	.row .offset-six-tenths {
		margin-left: 60%;
	}
	.row .offset-four-fifths,
	.row .offset-eight-tenths {
		margin-left: 80%;
	}
	.row .offset-one-sixth,
	.row .offset-two-twelfths {
		margin-left: 16.6665%;
	}
	.row .offset-five-sixths,
	.row .offset-ten-twelfths {
		margin-left: 83.3332%;
	}
	.row .offset-one-eighth {
		margin-left: 12.5%;
	}
	.row .offset-three-eighths {
		margin-left: 37.5%;
	}
	.row .offset-five-eighths {
		margin-left: 62.5%;
	}
	.row .offset-seven-eighths {
		margin-left: 87.5%;
	}
	.row .offset-one-tenth {
		margin-left: 10%;
	}
	.row .offset-three-tenths {
		margin-left: 30%;
	}
	.row .offset-seven-tenths {
		margin-left: 70%;
	}
	.row .offset-nine-tenths {
		margin-left: 90%;
	}
	.row .offset-one-twelfth {
		margin-left: 8.3332%;
	}
	.row .offset-five-twelfths {
		margin-left: 41.6665%;
	}
	.row .offset-seven-twelfths {
		margin-left: 58.332%;
	}
	.row .offset-eleven-twelfths {
		margin-left: 91.6665%;
	}
	.row .offset-golden-small {
		margin-left: 38.2716%;
	}
	.row .offset-golden-large {
		margin-left: 61.7283%;
	}
	.row .offest-none {
		margin-left: 0;
	}

/* ------------------------ Tiny [360+] ------------------------ */
@media screen and (min-width: 360px) {
	.column.tiny-centered {
		float: none;
		margin: 0 auto;
		overflow: hidden;
	}

	/* ------------------------ column widths ------------------------ */
	.row .tiny-whole,
	.row .tiny-two-halves,
	.row .tiny-three-thirds,
	.row .tiny-four-fourths,
	.row .tiny-five-fifths,
	.row .tiny-six-sixths,
	.row .tiny-eight-eights,
	.row .tiny-ten-tenths,
	.row .tiny-twelve-twelfths {
		width: 100%;
	}
	.row .tiny-half,
	.row .tiny-two-fourths,
	.row .tiny-three-sixths,
	.row .tiny-four-eights,
	.row .tiny-five-tenths,
	.row .tiny-six-twelfths {
		width: 50%;
	}
	.row .tiny-one-third,
	.row .tiny-two-sixths,
	.row .tiny-four-twelfths {
		width: 33.3332%;
	}
	.row .tiny-two-thirds,
	.row .tiny-four-sixths,
	.row .tiny-eight-twelfths {
		width: 66.6665%;
	}
	.row .tiny-one-fourth,
	.row .tiny-two-eighths,
	.row .tiny-three-twelfths {
		width: 25%;
	}
	.row .tiny-three-fourths,
	.row .tiny-six-eighths,
	.row .tiny-nine-twelfths {
		width: 75%;
	}
	.row .tiny-one-fifth,
	.row .tiny-two-tenths {
		width: 20%;
	}
	.row .tiny-two-fifths,
	.row .tiny-four-tenths {
		width: 40%;
	}
	.row .tiny-three-fifths,
	.row .tiny-six-tenths {
		width: 60%;
	}
	.row .tiny-four-fifths,
	.row .tiny-eight-tenths {
		width: 80%;
	}
	.row .tiny-one-sixth,
	.row .tiny-two-twelfths {
		width: 16.6665%;
	}
	.row .tiny-five-sixths,
	.row .tiny-ten-twelfths {
		width: 83.3332%;
	}
	.row .tiny-one-eighth {
		width: 12.5%;
	}
	.row .tiny-three-eighths {
		width: 37.5%;
	}
	.row .tiny-five-eighths {
		width: 62.5%;
	}
	.row .tiny-seven-eighths {
		width: 87.5%;
	}
	.row .tiny-one-tenth {
		width: 10%;
	}
	.row .tiny-three-tenths {
		width: 30%;
	}
	.row .tiny-seven-tenths {
		width: 70%;
	}
	.row .tiny-nine-tenths {
		width: 90%;
	}
	.row .tiny-one-twelfth {
		width: 8.3332%;
	}
	.row .tiny-five-twelfths {
		width: 41.6665%;
	}
	.row .tiny-seven-twelfths {
		width: 58.332%;
	}
	.row .tiny-eleven-twelfths {
		width: 91.6665%;
	}
	.row .tiny-golden-small {
		width: 38.2716%;
	}
	.row .tiny-golden-large {
		width: 61.7283%;
	}
	.row .tiny-width-auto {
		width: auto;
	}

	/* ------------------------ column push ------------------------ */
	.row .tiny-push-half,
	.row .tiny-push-two-fourths,
	.row .tiny-push-three-sixths,
	.row .tiny-push-four-eights,
	.row .tiny-push-five-tenths,
	.row .tiny-push-six-twelfths {
		left: 50%;
	}
	.row .tiny-push-one-third,
	.row .tiny-push-two-sixths,
	.row .tiny-push-four-twelfths {
		left: 33.3332%;
	}
	.row .tiny-push-two-thirds,
	.row .tiny-push-four-sixths,
	.row .tiny-push-eight-twelfths {
		left: 66.6665%;
	}
	.row .tiny-push-one-fourth,
	.row .tiny-push-two-eighths,
	.row .tiny-push-three-twelfths {
		left: 25%;
	}
	.row .tiny-push-three-fourths,
	.row .tiny-push-six-eighths,
	.row .tiny-push-nine-twelfths {
		left: 75%;
	}
	.row .tiny-push-one-fifth,
	.row .tiny-push-two-tenths {
		left: 20%;
	}
	.row .tiny-push-two-fifths,
	.row .tiny-push-four-tenths {
		left: 40%;
	}
	.row .tiny-push-three-fifths,
	.row .tiny-push-six-tenths {
		left: 60%;
	}
	.row .tiny-push-four-fifths,
	.row .tiny-push-eight-tenths {
		left: 80%;
	}
	.row .tiny-push-one-sixth,
	.row .tiny-push-two-twelfths {
		left: 16.6665%;
	}
	.row .tiny-push-five-sixths,
	.row .tiny-push-ten-twelfths {
		left: 83.3332%;
	}
	.row .tiny-push-one-eighth {
		left: 12.5%;
	}
	.row .tiny-push-three-eighths {
		left: 37.5%;
	}
	.row .tiny-push-five-eighths {
		left: 62.5%;
	}
	.row .tiny-push-seven-eighths {
		left: 87.5%;
	}
	.row .tiny-push-one-tenth {
		left: 10%;
	}
	.row .tiny-push-three-tenths {
		left: 30%;
	}
	.row .tiny-push-seven-tenths {
		left: 70%;
	}
	.row .tiny-push-nine-tenths {
		left: 90%;
	}
	.row .tiny-push-one-twelfth {
		left: 8.3332%;
	}
	.row .tiny-push-five-twelfths {
		left: 41.6665%;
	}
	.row .tiny-push-seven-twelfths {
		left: 58.332%;
	}
	.row .tiny-push-eleven-twelfths {
		left: 91.6665%;
	}
	.row .tiny-push-golden-small {
		left: 38.2716%;
	}
	.row .tiny-push-golden-large {
		left: 61.7283%;
	}
	.row .tiny-push-none {
		left: auto;
	}

	/* ------------------------ column pull ------------------------ */
	.row .tiny-pull-half,
	.row .tiny-pull-two-fourths,
	.row .tiny-pull-three-sixths,
	.row .tiny-pull-four-eights,
	.row .tiny-pull-five-tenths,
	.row .tiny-pull-six-twelfths {
		right: 50%;
	}
	.row .tiny-pull-one-third,
	.row .tiny-pull-two-sixths,
	.row .tiny-pull-four-twelfths {
		right: 33.3332%;
	}
	.row .tiny-pull-two-thirds,
	.row .tiny-pull-four-sixths,
	.row .tiny-pull-eight-twelfths {
		right: 66.6665%;
	}
	.row .tiny-pull-one-fourth,
	.row .tiny-pull-two-eighths,
	.row .tiny-pull-three-twelfths {
		right: 25%;
	}
	.row .tiny-pull-three-fourths,
	.row .tiny-pull-six-eighths,
	.row .tiny-pull-nine-twelfths {
		right: 75%;
	}
	.row .tiny-pull-one-fifth,
	.row .tiny-pull-two-tenths {
		right: 20%;
	}
	.row .tiny-pull-two-fifths,
	.row .tiny-pull-four-tenths {
		right: 40%;
	}
	.row .tiny-pull-three-fifths,
	.row .tiny-pull-six-tenths {
		right: 60%;
	}
	.row .tiny-pull-four-fifths,
	.row .tiny-pull-eight-tenths {
		right: 80%;
	}
	.row .tiny-pull-one-sixth,
	.row .tiny-pull-two-twelfths {
		right: 16.6665%;
	}
	.row .tiny-pull-five-sixths,
	.row .tiny-pull-ten-twelfths {
		right: 83.3332%;
	}
	.row .tiny-pull-one-eighth {
		right: 12.5%;
	}
	.row .tiny-pull-three-eighths {
		right: 37.5%;
	}
	.row .tiny-pull-five-eighths {
		right: 62.5%;
	}
	.row .tiny-pull-seven-eighths {
		right: 87.5%;
	}
	.row .tiny-pull-one-tenth {
		right: 10%;
	}
	.row .tiny-pull-three-tenths {
		right: 30%;
	}
	.row .tiny-pull-seven-tenths {
		right: 70%;
	}
	.row .tiny-pull-nine-tenths {
		right: 90%;
	}
	.row .tiny-pull-one-twelfth {
		right: 8.3332%;
	}
	.row .tiny-pull-five-twelfths {
		right: 41.6665%;
	}
	.row .tiny-pull-seven-twelfths {
		right: 58.332%;
	}
	.row .tiny-pull-eleven-twelfths {
		right: 91.6665%;
	}
	.row .tiny-pull-golden-small {
		right: 38.2716%;
	}
	.row .tiny-pull-golden-large {
		right: 61.7283%;
	}
	.row .tiny-pull-none {
		right: auto;
	}

	/* ------------------------ column offset ------------------------ */
	.row .tiny-offset-half,
	.row .tiny-offset-two-fourths,
	.row .tiny-offset-three-sixths,
	.row .tiny-offset-four-eights,
	.row .tiny-offset-five-tenths,
	.row .tiny-offset-six-twelfths {
		margin-left: 50%;
	}
	.row .tiny-offset-one-third,
	.row .tiny-offset-two-sixths,
	.row .tiny-offset-four-twelfths {
		margin-left: 33.3332%;
	}
	.row .tiny-offset-two-thirds,
	.row .tiny-offset-four-sixths,
	.row .tiny-offset-eight-twelfths {
		margin-left: 66.6665%;
	}
	.row .tiny-offset-one-fourth,
	.row .tiny-offset-two-eighths,
	.row .tiny-offset-three-twelfths {
		margin-left: 25%;
	}
	.row .tiny-offset-three-fourths,
	.row .tiny-offset-six-eighths,
	.row .tiny-offset-nine-twelfths {
		margin-left: 75%;
	}
	.row .tiny-offset-one-fifth,
	.row .tiny-offset-two-tenths {
		margin-left: 20%;
	}
	.row .tiny-offset-two-fifths,
	.row .tiny-offset-four-tenths {
		margin-left: 40%;
	}
	.row .tiny-offset-three-fifths,
	.row .tiny-offset-six-tenths {
		margin-left: 60%;
	}
	.row .tiny-offset-four-fifths,
	.row .tiny-offset-eight-tenths {
		margin-left: 80%;
	}
	.row .tiny-offset-one-sixth,
	.row .tiny-offset-two-twelfths {
		margin-left: 16.6665%;
	}
	.row .tiny-offset-five-sixths,
	.row .tiny-offset-ten-twelfths {
		margin-left: 83.3332%;
	}
	.row .tiny-offset-one-eighth {
		margin-left: 12.5%;
	}
	.row .tiny-offset-three-eighths {
		margin-left: 37.5%;
	}
	.row .tiny-offset-five-eighths {
		margin-left: 62.5%;
	}
	.row .tiny-offset-seven-eighths {
		margin-left: 87.5%;
	}
	.row .tiny-offset-one-tenth {
		margin-left: 10%;
	}
	.row .tiny-offset-three-tenths {
		margin-left: 30%;
	}
	.row .tiny-offset-seven-tenths {
		margin-left: 70%;
	}
	.row .tiny-offset-nine-tenths {
		margin-left: 90%;
	}
	.row .tiny-offset-one-twelfth {
		margin-left: 8.3332%;
	}
	.row .tiny-offset-five-twelfths {
		margin-left: 41.6665%;
	}
	.row .tiny-offset-seven-twelfths {
		margin-left: 58.332%;
	}
	.row .tiny-offset-eleven-twelfths {
		margin-left: 91.6665%;
	}
	.row .tiny-offset-golden-small {
		margin-left: 38.2716%;
	}
	.row .tiny-offset-golden-large {
		margin-left: 61.7283%;
	}
	.row .tiny-offset-none {
		margin-left: 0;
	}
}

/* ------------------------ Mobile Landscape [480+] ------------------------ */
@media screen and (min-width: 480px) {
	.column.x-small-centered {
		float: none;
		margin: 0 auto;
		overflow: hidden;
	}

	/* ------------------------ column widths ------------------------ */
	.row .x-small-whole,
	.row .x-small-two-halves,
	.row .x-small-three-thirds,
	.row .x-small-four-fourths,
	.row .x-small-five-fifths,
	.row .x-small-six-sixths,
	.row .x-small-eight-eights,
	.row .x-small-ten-tenths,
	.row .x-small-twelve-twelfths {
		width: 100%;
	}
	.row .x-small-half,
	.row .x-small-two-fourths,
	.row .x-small-three-sixths,
	.row .x-small-four-eights,
	.row .x-small-five-tenths,
	.row .x-small-six-twelfths {
		width: 50%;
	}
	.row .x-small-one-third,
	.row .x-small-two-sixths,
	.row .x-small-four-twelfths {
		width: 33.3332%;
	}
	.row .x-small-two-thirds,
	.row .x-small-four-sixths,
	.row .x-small-eight-twelfths {
		width: 66.6665%;
	}
	.row .x-small-one-fourth,
	.row .x-small-two-eighths,
	.row .x-small-three-twelfths {
		width: 25%;
	}
	.row .x-small-three-fourths,
	.row .x-small-six-eighths,
	.row .x-small-nine-twelfths {
		width: 75%;
	}
	.row .x-small-one-fifth,
	.row .x-small-two-tenths {
		width: 20%;
	}
	.row .x-small-two-fifths,
	.row .x-small-four-tenths {
		width: 40%;
	}
	.row .x-small-three-fifths,
	.row .x-small-six-tenths {
		width: 60%;
	}
	.row .x-small-four-fifths,
	.row .x-small-eight-tenths {
		width: 80%;
	}
	.row .x-small-one-sixth,
	.row .x-small-two-twelfths {
		width: 16.6665%;
	}
	.row .x-small-five-sixths,
	.row .x-small-ten-twelfths {
		width: 83.3332%;
	}
	.row .x-small-one-eighth {
		width: 12.5%;
	}
	.row .x-small-three-eighths {
		width: 37.5%;
	}
	.row .x-small-five-eighths {
		width: 62.5%;
	}
	.row .x-small-seven-eighths {
		width: 87.5%;
	}
	.row .x-small-one-tenth {
		width: 10%;
	}
	.row .x-small-three-tenths {
		width: 30%;
	}
	.row .x-small-seven-tenths {
		width: 70%;
	}
	.row .x-small-nine-tenths {
		width: 90%;
	}
	.row .x-small-one-twelfth {
		width: 8.3332%;
	}
	.row .x-small-five-twelfths {
		width: 41.6665%;
	}
	.row .x-small-seven-twelfths {
		width: 58.332%;
	}
	.row .x-small-eleven-twelfths {
		width: 91.6665%;
	}
	.row .x-small-golden-small {
		width: 38.2716%;
	}
	.row .x-small-golden-large {
		width: 61.7283%;
	}
	.row .x-small-width-auto {
		width: auto;
	}

	/* ------------------------ column push ------------------------ */
	.row .x-small-push-half,
	.row .x-small-push-two-fourths,
	.row .x-small-push-three-sixths,
	.row .x-small-push-four-eights,
	.row .x-small-push-five-tenths,
	.row .x-small-push-six-twelfths {
		left: 50%;
	}
	.row .x-small-push-one-third,
	.row .x-small-push-two-sixths,
	.row .x-small-push-four-twelfths {
		left: 33.3332%;
	}
	.row .x-small-push-two-thirds,
	.row .x-small-push-four-sixths,
	.row .x-small-push-eight-twelfths {
		left: 66.6665%;
	}
	.row .x-small-push-one-fourth,
	.row .x-small-push-two-eighths,
	.row .x-small-push-three-twelfths {
		left: 25%;
	}
	.row .x-small-push-three-fourths,
	.row .x-small-push-six-eighths,
	.row .x-small-push-nine-twelfths {
		left: 75%;
	}
	.row .x-small-push-one-fifth,
	.row .x-small-push-two-tenths {
		left: 20%;
	}
	.row .x-small-push-two-fifths,
	.row .x-small-push-four-tenths {
		left: 40%;
	}
	.row .x-small-push-three-fifths,
	.row .x-small-push-six-tenths {
		left: 60%;
	}
	.row .x-small-push-four-fifths,
	.row .x-small-push-eight-tenths {
		left: 80%;
	}
	.row .x-small-push-one-sixth,
	.row .x-small-push-two-twelfths {
		left: 16.6665%;
	}
	.row .x-small-push-five-sixths,
	.row .x-small-push-ten-twelfths {
		left: 83.3332%;
	}
	.row .x-small-push-one-eighth {
		left: 12.5%;
	}
	.row .x-small-push-three-eighths {
		left: 37.5%;
	}
	.row .x-small-push-five-eighths {
		left: 62.5%;
	}
	.row .x-small-push-seven-eighths {
		left: 87.5%;
	}
	.row .x-small-push-one-tenth {
		left: 10%;
	}
	.row .x-small-push-three-tenths {
		left: 30%;
	}
	.row .x-small-push-seven-tenths {
		left: 70%;
	}
	.row .x-small-push-nine-tenths {
		left: 90%;
	}
	.row .x-small-push-one-twelfth {
		left: 8.3332%;
	}
	.row .x-small-push-five-twelfths {
		left: 41.6665%;
	}
	.row .x-small-push-seven-twelfths {
		left: 58.332%;
	}
	.row .x-small-push-eleven-twelfths {
		left: 91.6665%;
	}
	.row .x-small-push-golden-small {
		left: 38.2716%;
	}
	.row .x-small-push-golden-large {
		left: 61.7283%;
	}
	.row .x-small-push-none {
		left: auto;
	}

	/* ------------------------ column pull ------------------------ */
	.row .x-small-pull-half,
	.row .x-small-pull-two-fourths,
	.row .x-small-pull-three-sixths,
	.row .x-small-pull-four-eights,
	.row .x-small-pull-five-tenths,
	.row .x-small-pull-six-twelfths {
		right: 50%;
	}
	.row .x-small-pull-one-third,
	.row .x-small-pull-two-sixths,
	.row .x-small-pull-four-twelfths {
		right: 33.3332%;
	}
	.row .x-small-pull-two-thirds,
	.row .x-small-pull-four-sixths,
	.row .x-small-pull-eight-twelfths {
		right: 66.6665%;
	}
	.row .x-small-pull-one-fourth,
	.row .x-small-pull-two-eighths,
	.row .x-small-pull-three-twelfths {
		right: 25%;
	}
	.row .x-small-pull-three-fourths,
	.row .x-small-pull-six-eighths,
	.row .x-small-pull-nine-twelfths {
		right: 75%;
	}
	.row .x-small-pull-one-fifth,
	.row .x-small-pull-two-tenths {
		right: 20%;
	}
	.row .x-small-pull-two-fifths,
	.row .x-small-pull-four-tenths {
		right: 40%;
	}
	.row .x-small-pull-three-fifths,
	.row .x-small-pull-six-tenths {
		right: 60%;
	}
	.row .x-small-pull-four-fifths,
	.row .x-small-pull-eight-tenths {
		right: 80%;
	}
	.row .x-small-pull-one-sixth,
	.row .x-small-pull-two-twelfths {
		right: 16.6665%;
	}
	.row .x-small-pull-five-sixths,
	.row .x-small-pull-ten-twelfths {
		right: 83.3332%;
	}
	.row .x-small-pull-one-eighth {
		right: 12.5%;
	}
	.row .x-small-pull-three-eighths {
		right: 37.5%;
	}
	.row .x-small-pull-five-eighths {
		right: 62.5%;
	}
	.row .x-small-pull-seven-eighths {
		right: 87.5%;
	}
	.row .x-small-pull-one-tenth {
		right: 10%;
	}
	.row .x-small-pull-three-tenths {
		right: 30%;
	}
	.row .x-small-pull-seven-tenths {
		right: 70%;
	}
	.row .x-small-pull-nine-tenths {
		right: 90%;
	}
	.row .x-small-pull-one-twelfth {
		right: 8.3332%;
	}
	.row .x-small-pull-five-twelfths {
		right: 41.6665%;
	}
	.row .x-small-pull-seven-twelfths {
		right: 58.332%;
	}
	.row .x-small-pull-eleven-twelfths {
		right: 91.6665%;
	}
	.row .x-small-pull-golden-small {
		right: 38.2716%;
	}
	.row .x-small-pull-golden-large {
		right: 61.7283%;
	}
	.row .x-small-pull-none {
		right: auto;
	}

	/* ------------------------ column offset ------------------------ */
	.row .x-small-offset-half,
	.row .x-small-offset-two-fourths,
	.row .x-small-offset-three-sixths,
	.row .x-small-offset-four-eights,
	.row .x-small-offset-five-tenths,
	.row .x-small-offset-six-twelfths {
		margin-left: 50%;
	}
	.row .x-small-offset-one-third,
	.row .x-small-offset-two-sixths,
	.row .x-small-offset-four-twelfths {
		margin-left: 33.3332%;
	}
	.row .x-small-offset-two-thirds,
	.row .x-small-offset-four-sixths,
	.row .x-small-offset-eight-twelfths {
		margin-left: 66.6665%;
	}
	.row .x-small-offset-one-fourth,
	.row .x-small-offset-two-eighths,
	.row .x-small-offset-three-twelfths {
		margin-left: 25%;
	}
	.row .x-small-offset-three-fourths,
	.row .x-small-offset-six-eighths,
	.row .x-small-offset-nine-twelfths {
		margin-left: 75%;
	}
	.row .x-small-offset-one-fifth,
	.row .x-small-offset-two-tenths {
		margin-left: 20%;
	}
	.row .x-small-offset-two-fifths,
	.row .x-small-offset-four-tenths {
		margin-left: 40%;
	}
	.row .x-small-offset-three-fifths,
	.row .x-small-offset-six-tenths {
		margin-left: 60%;
	}
	.row .x-small-offset-four-fifths,
	.row .x-small-offset-eight-tenths {
		margin-left: 80%;
	}
	.row .x-small-offset-one-sixth,
	.row .x-small-offset-two-twelfths {
		margin-left: 16.6665%;
	}
	.row .x-small-offset-five-sixths,
	.row .x-small-offset-ten-twelfths {
		margin-left: 83.3332%;
	}
	.row .x-small-offset-one-eighth {
		margin-left: 12.5%;
	}
	.row .x-small-offset-three-eighths {
		margin-left: 37.5%;
	}
	.row .x-small-offset-five-eighths {
		margin-left: 62.5%;
	}
	.row .x-small-offset-seven-eighths {
		margin-left: 87.5%;
	}
	.row .x-small-offset-one-tenth {
		margin-left: 10%;
	}
	.row .x-small-offset-three-tenths {
		margin-left: 30%;
	}
	.row .x-small-offset-seven-tenths {
		margin-left: 70%;
	}
	.row .x-small-offset-nine-tenths {
		margin-left: 90%;
	}
	.row .x-small-offset-one-twelfth {
		margin-left: 8.3332%;
	}
	.row .x-small-offset-five-twelfths {
		margin-left: 41.6665%;
	}
	.row .x-small-offset-seven-twelfths {
		margin-left: 58.332%;
	}
	.row .x-small-offset-eleven-twelfths {
		margin-left: 91.6665%;
	}
	.row .x-small-offset-golden-small {
		margin-left: 38.2716%;
	}
	.row .x-small-offset-golden-large {
		margin-left: 61.7283%;
	}
	.row .x-small-offset-none {
		margin-left: 0;
	}
}

/* ------------------------ Small Tablets [640+] ------------------------ */
@media screen and (min-width: 640px) {
	.column.small-centered {
		float: none;
		margin: 0 auto;
		overflow: hidden;
	}

	/* ------------------------ column widths ------------------------ */
	.row .small-whole,
	.row .small-two-halves,
	.row .small-three-thirds,
	.row .small-four-fourths,
	.row .small-five-fifths,
	.row .small-six-sixths,
	.row .small-eight-eights,
	.row .small-ten-tenths,
	.row .small-twelve-twelfths {
		width: 100%;
	}
	.row .small-half,
	.row .small-two-fourths,
	.row .small-three-sixths,
	.row .small-four-eights,
	.row .small-five-tenths,
	.row .small-six-twelfths {
		width: 50%;
	}
	.row .small-one-third,
	.row .small-two-sixths,
	.row .small-four-twelfths {
		width: 33.3332%;
	}
	.row .small-two-thirds,
	.row .small-four-sixths,
	.row .small-eight-twelfths {
		width: 66.6665%;
	}
	.row .small-one-fourth,
	.row .small-two-eighths,
	.row .small-three-twelfths {
		width: 25%;
	}
	.row .small-three-fourths,
	.row .small-six-eighths,
	.row .small-nine-twelfths {
		width: 75%;
	}
	.row .small-one-fifth,
	.row .small-two-tenths {
		width: 20%;
	}
	.row .small-two-fifths,
	.row .small-four-tenths {
		width: 40%;
	}
	.row .small-three-fifths,
	.row .small-six-tenths {
		width: 60%;
	}
	.row .small-four-fifths,
	.row .small-eight-tenths {
		width: 80%;
	}
	.row .small-one-sixth,
	.row .small-two-twelfths {
		width: 16.6665%;
	}
	.row .small-five-sixths,
	.row .small-ten-twelfths {
		width: 83.3332%;
	}
	.row .small-one-eighth {
		width: 12.5%;
	}
	.row .small-three-eighths {
		width: 37.5%;
	}
	.row .small-five-eighths {
		width: 62.5%;
	}
	.row .small-seven-eighths {
		width: 87.5%;
	}
	.row .small-one-tenth {
		width: 10%;
	}
	.row .small-three-tenths {
		width: 30%;
	}
	.row .small-seven-tenths {
		width: 70%;
	}
	.row .small-nine-tenths {
		width: 90%;
	}
	.row .small-one-twelfth {
		width: 8.3332%;
	}
	.row .small-five-twelfths {
		width: 41.6665%;
	}
	.row .small-seven-twelfths {
		width: 58.332%;
	}
	.row .small-eleven-twelfths {
		width: 91.6665%;
	}
	.row .small-golden-small {
		width: 38.2716%;
	}
	.row .small-golden-large {
		width: 61.7283%;
	}
	.row .small-width-auto {
		width: auto;
	}

	/* ------------------------ column push ------------------------ */
	.row .small-push-half,
	.row .small-push-two-fourths,
	.row .small-push-three-sixths,
	.row .small-push-four-eights,
	.row .small-push-five-tenths,
	.row .small-push-six-twelfths {
		left: 50%;
	}
	.row .small-push-one-third,
	.row .small-push-two-sixths,
	.row .small-push-four-twelfths {
		left: 33.3332%;
	}
	.row .small-push-two-thirds,
	.row .small-push-four-sixths,
	.row .small-push-eight-twelfths {
		left: 66.6665%;
	}
	.row .small-push-one-fourth,
	.row .small-push-two-eighths,
	.row .small-push-three-twelfths {
		left: 25%;
	}
	.row .small-push-three-fourths,
	.row .small-push-six-eighths,
	.row .small-push-nine-twelfths {
		left: 75%;
	}
	.row .small-push-one-fifth,
	.row .small-push-two-tenths {
		left: 20%;
	}
	.row .small-push-two-fifths,
	.row .small-push-four-tenths {
		left: 40%;
	}
	.row .small-push-three-fifths,
	.row .small-push-six-tenths {
		left: 60%;
	}
	.row .small-push-four-fifths,
	.row .small-push-eight-tenths {
		left: 80%;
	}
	.row .small-push-one-sixth,
	.row .small-push-two-twelfths {
		left: 16.6665%;
	}
	.row .small-push-five-sixths,
	.row .small-push-ten-twelfths {
		left: 83.3332%;
	}
	.row .small-push-one-eighth {
		left: 12.5%;
	}
	.row .small-push-three-eighths {
		left: 37.5%;
	}
	.row .small-push-five-eighths {
		left: 62.5%;
	}
	.row .small-push-seven-eighths {
		left: 87.5%;
	}
	.row .small-push-one-tenth {
		left: 10%;
	}
	.row .small-push-three-tenths {
		left: 30%;
	}
	.row .small-push-seven-tenths {
		left: 70%;
	}
	.row .small-push-nine-tenths {
		left: 90%;
	}
	.row .small-push-one-twelfth {
		left: 8.3332%;
	}
	.row .small-push-five-twelfths {
		left: 41.6665%;
	}
	.row .small-push-seven-twelfths {
		left: 58.332%;
	}
	.row .small-push-eleven-twelfths {
		left: 91.6665%;
	}
	.row .small-push-golden-small {
		left: 38.2716%;
	}
	.row .small-push-golden-large {
		left: 61.7283%;
	}
	.row .small-push-none {
		left: auto;
	}

	/* ------------------------ column pull ------------------------ */
	.row .small-pull-half,
	.row .small-pull-two-fourths,
	.row .small-pull-three-sixths,
	.row .small-pull-four-eights,
	.row .small-pull-five-tenths,
	.row .small-pull-six-twelfths {
		right: 50%;
	}
	.row .small-pull-one-third,
	.row .small-pull-two-sixths,
	.row .small-pull-four-twelfths {
		right: 33.3332%;
	}
	.row .small-pull-two-thirds,
	.row .small-pull-four-sixths,
	.row .small-pull-eight-twelfths {
		right: 66.6665%;
	}
	.row .small-pull-one-fourth,
	.row .small-pull-two-eighths,
	.row .small-pull-three-twelfths {
		right: 25%;
	}
	.row .small-pull-three-fourths,
	.row .small-pull-six-eighths,
	.row .small-pull-nine-twelfths {
		right: 75%;
	}
	.row .small-pull-one-fifth,
	.row .small-pull-two-tenths {
		right: 20%;
	}
	.row .small-pull-two-fifths,
	.row .small-pull-four-tenths {
		right: 40%;
	}
	.row .small-pull-three-fifths,
	.row .small-pull-six-tenths {
		right: 60%;
	}
	.row .small-pull-four-fifths,
	.row .small-pull-eight-tenths {
		right: 80%;
	}
	.row .small-pull-one-sixth,
	.row .small-pull-two-twelfths {
		right: 16.6665%;
	}
	.row .small-pull-five-sixths,
	.row .small-pull-ten-twelfths {
		right: 83.3332%;
	}
	.row .small-pull-one-eighth {
		right: 12.5%;
	}
	.row .small-pull-three-eighths {
		right: 37.5%;
	}
	.row .small-pull-five-eighths {
		right: 62.5%;
	}
	.row .small-pull-seven-eighths {
		right: 87.5%;
	}
	.row .small-pull-one-tenth {
		right: 10%;
	}
	.row .small-pull-three-tenths {
		right: 30%;
	}
	.row .small-pull-seven-tenths {
		right: 70%;
	}
	.row .small-pull-nine-tenths {
		right: 90%;
	}
	.row .small-pull-one-twelfth {
		right: 8.3332%;
	}
	.row .small-pull-five-twelfths {
		right: 41.6665%;
	}
	.row .small-pull-seven-twelfths {
		right: 58.332%;
	}
	.row .small-pull-eleven-twelfths {
		right: 91.6665%;
	}
	.row .small-pull-golden-small {
		right: 38.2716%;
	}
	.row .small-pull-golden-large {
		right: 61.7283%;
	}
	.row .small-pull-none {
		right: auto;
	}

	/* ------------------------ column offset ------------------------ */
	.row .small-offset-half,
	.row .small-offset-two-fourths,
	.row .small-offset-three-sixths,
	.row .small-offset-four-eights,
	.row .small-offset-five-tenths,
	.row .small-offset-six-twelfths {
		margin-left: 50%;
	}
	.row .small-offset-one-third,
	.row .small-offset-two-sixths,
	.row .small-offset-four-twelfths {
		margin-left: 33.3332%;
	}
	.row .small-offset-two-thirds,
	.row .small-offset-four-sixths,
	.row .small-offset-eight-twelfths {
		margin-left: 66.6665%;
	}
	.row .small-offset-one-fourth,
	.row .small-offset-two-eighths,
	.row .small-offset-three-twelfths {
		margin-left: 25%;
	}
	.row .small-offset-three-fourths,
	.row .small-offset-six-eighths,
	.row .small-offset-nine-twelfths {
		margin-left: 75%;
	}
	.row .small-offset-one-fifth,
	.row .small-offset-two-tenths {
		margin-left: 20%;
	}
	.row .small-offset-two-fifths,
	.row .small-offset-four-tenths {
		margin-left: 40%;
	}
	.row .small-offset-three-fifths,
	.row .small-offset-six-tenths {
		margin-left: 60%;
	}
	.row .small-offset-four-fifths,
	.row .small-offset-eight-tenths {
		margin-left: 80%;
	}
	.row .small-offset-one-sixth,
	.row .small-offset-two-twelfths {
		margin-left: 16.6665%;
	}
	.row .small-offset-five-sixths,
	.row .small-offset-ten-twelfths {
		margin-left: 83.3332%;
	}
	.row .small-offset-one-eighth {
		margin-left: 12.5%;
	}
	.row .small-offset-three-eighths {
		margin-left: 37.5%;
	}
	.row .small-offset-five-eighths {
		margin-left: 62.5%;
	}
	.row .small-offset-seven-eighths {
		margin-left: 87.5%;
	}
	.row .small-offset-one-tenth {
		margin-left: 10%;
	}
	.row .small-offset-three-tenths {
		margin-left: 30%;
	}
	.row .small-offset-seven-tenths {
		margin-left: 70%;
	}
	.row .small-offset-nine-tenths {
		margin-left: 90%;
	}
	.row .small-offset-one-twelfth {
		margin-left: 8.3332%;
	}
	.row .small-offset-five-twelfths {
		margin-left: 41.6665%;
	}
	.row .small-offset-seven-twelfths {
		margin-left: 58.332%;
	}
	.row .small-offset-eleven-twelfths {
		margin-left: 91.6665%;
	}
	.row .small-offset-golden-small {
		margin-left: 38.2716%;
	}
	.row .small-offset-golden-large {
		margin-left: 61.7283%;
	}
	.row .small-offset-none {
		margin-left: 0;
	}
}

/* ------------------------ Tablets [768+] ------------------------ */
@media screen and (min-width: 768px) {
	.column.medium-centered {
		float: none;
		margin: 0 auto;
		overflow: hidden;
	}

	/* ------------------------ column widths ------------------------ */
	.row .medium-whole,
	.row .medium-two-halves,
	.row .medium-three-thirds,
	.row .medium-four-fourths,
	.row .medium-five-fifths,
	.row .medium-six-sixths,
	.row .medium-eight-eights,
	.row .medium-ten-tenths,
	.row .medium-twelve-twelfths {
		width: 100%;
	}
	.row .medium-half,
	.row .medium-two-fourths,
	.row .medium-three-sixths,
	.row .medium-four-eights,
	.row .medium-five-tenths,
	.row .medium-six-twelfths {
		width: 50%;
	}
	.row .medium-one-third,
	.row .medium-two-sixths,
	.row .medium-four-twelfths {
		width: 33.3332%;
	}
	.row .medium-two-thirds,
	.row .medium-four-sixths,
	.row .medium-eight-twelfths {
		width: 66.6665%;
	}
	.row .medium-one-fourth,
	.row .medium-two-eighths,
	.row .medium-three-twelfths {
		width: 25%;
	}
	.row .medium-three-fourths,
	.row .medium-six-eighths,
	.row .medium-nine-twelfths {
		width: 75%;
	}
	.row .medium-one-fifth,
	.row .medium-two-tenths {
		width: 20%;
	}
	.row .medium-two-fifths,
	.row .medium-four-tenths {
		width: 40%;
	}
	.row .medium-three-fifths,
	.row .medium-six-tenths {
		width: 60%;
	}
	.row .medium-four-fifths,
	.row .medium-eight-tenths {
		width: 80%;
	}
	.row .medium-one-sixth,
	.row .medium-two-twelfths {
		width: 16.6665%;
	}
	.row .medium-five-sixths,
	.row .medium-ten-twelfths {
		width: 83.3332%;
	}
	.row .medium-one-eighth {
		width: 12.5%;
	}
	.row .medium-three-eighths {
		width: 37.5%;
	}
	.row .medium-five-eighths {
		width: 62.5%;
	}
	.row .medium-seven-eighths {
		width: 87.5%;
	}
	.row .medium-one-tenth {
		width: 10%;
	}
	.row .medium-three-tenths {
		width: 30%;
	}
	.row .medium-seven-tenths {
		width: 70%;
	}
	.row .medium-nine-tenths {
		width: 90%;
	}
	.row .medium-one-twelfth {
		width: 8.3332%;
	}
	.row .medium-five-twelfths {
		width: 41.6665%;
	}
	.row .medium-seven-twelfths {
		width: 58.332%;
	}
	.row .medium-eleven-twelfths {
		width: 91.6665%;
	}
	.row .medium-golden-small {
		width: 38.2716%;
	}
	.row .medium-golden-large {
		width: 61.7283%;
	}
	.row .medium-width-auto {
		width: auto;
	}
	.row .medium-seven-twentyfourths {
		width: 29.1666%;
	}
	.row .medium-three-twentieths {
		width: 15%;
	}

	/* ------------------------ column push ------------------------ */
	.row .medium-push-half,
	.row .medium-push-two-fourths,
	.row .medium-push-three-sixths,
	.row .medium-push-four-eights,
	.row .medium-push-five-tenths,
	.row .medium-push-six-twelfths {
		left: 50%;
	}
	.row .medium-push-one-third,
	.row .medium-push-two-sixths,
	.row .medium-push-four-twelfths {
		left: 33.3332%;
	}
	.row .medium-push-two-thirds,
	.row .medium-push-four-sixths,
	.row .medium-push-eight-twelfths {
		left: 66.6665%;
	}
	.row .medium-push-one-fourth,
	.row .medium-push-two-eighths,
	.row .medium-push-three-twelfths {
		left: 25%;
	}
	.row .medium-push-three-fourths,
	.row .medium-push-six-eighths,
	.row .medium-push-nine-twelfths {
		left: 75%;
	}
	.row .medium-push-one-fifth,
	.row .medium-push-two-tenths {
		left: 20%;
	}
	.row .medium-push-two-fifths,
	.row .medium-push-four-tenths {
		left: 40%;
	}
	.row .medium-push-three-fifths,
	.row .medium-push-six-tenths {
		left: 60%;
	}
	.row .medium-push-four-fifths,
	.row .medium-push-eight-tenths {
		left: 80%;
	}
	.row .medium-push-one-sixth,
	.row .medium-push-two-twelfths {
		left: 16.6665%;
	}
	.row .medium-push-five-sixths,
	.row .medium-push-ten-twelfths {
		left: 83.3332%;
	}
	.row .medium-push-one-eighth {
		left: 12.5%;
	}
	.row .medium-push-three-eighths {
		left: 37.5%;
	}
	.row .medium-push-five-eighths {
		left: 62.5%;
	}
	.row .medium-push-seven-eighths {
		left: 87.5%;
	}
	.row .medium-push-one-tenth {
		left: 10%;
	}
	.row .medium-push-three-tenths {
		left: 30%;
	}
	.row .medium-push-seven-tenths {
		left: 70%;
	}
	.row .medium-push-nine-tenths {
		left: 90%;
	}
	.row .medium-push-one-twelfth {
		left: 8.3332%;
	}
	.row .medium-push-five-twelfths {
		left: 41.6665%;
	}
	.row .medium-push-seven-twelfths {
		left: 58.332%;
	}
	.row .medium-push-eleven-twelfths {
		left: 91.6665%;
	}
	.row .medium-push-golden-small {
		left: 38.2716%;
	}
	.row .medium-push-golden-large {
		left: 61.7283%;
	}
	.row .medium-push-none {
		left: auto;
	}

	/* ------------------------ column pull ------------------------ */
	.row .medium-pull-half,
	.row .medium-pull-two-fourths,
	.row .medium-pull-three-sixths,
	.row .medium-pull-four-eights,
	.row .medium-pull-five-tenths,
	.row .medium-pull-six-twelfths {
		right: 50%;
	}
	.row .medium-pull-one-third,
	.row .medium-pull-two-sixths,
	.row .medium-pull-four-twelfths {
		right: 33.3332%;
	}
	.row .medium-pull-two-thirds,
	.row .medium-pull-four-sixths,
	.row .medium-pull-eight-twelfths {
		right: 66.6665%;
	}
	.row .medium-pull-one-fourth,
	.row .medium-pull-two-eighths,
	.row .medium-pull-three-twelfths {
		right: 25%;
	}
	.row .medium-pull-three-fourths,
	.row .medium-pull-six-eighths,
	.row .medium-pull-nine-twelfths {
		right: 75%;
	}
	.row .medium-pull-one-fifth,
	.row .medium-pull-two-tenths {
		right: 20%;
	}
	.row .medium-pull-two-fifths,
	.row .medium-pull-four-tenths {
		right: 40%;
	}
	.row .medium-pull-three-fifths,
	.row .medium-pull-six-tenths {
		right: 60%;
	}
	.row .medium-pull-four-fifths,
	.row .medium-pull-eight-tenths {
		right: 80%;
	}
	.row .medium-pull-one-sixth,
	.row .medium-pull-two-twelfths {
		right: 16.6665%;
	}
	.row .medium-pull-five-sixths,
	.row .medium-pull-ten-twelfths {
		right: 83.3332%;
	}
	.row .medium-pull-one-eighth {
		right: 12.5%;
	}
	.row .medium-pull-three-eighths {
		right: 37.5%;
	}
	.row .medium-pull-five-eighths {
		right: 62.5%;
	}
	.row .medium-pull-seven-eighths {
		right: 87.5%;
	}
	.row .medium-pull-one-tenth {
		right: 10%;
	}
	.row .medium-pull-three-tenths {
		right: 30%;
	}
	.row .medium-pull-seven-tenths {
		right: 70%;
	}
	.row .medium-pull-nine-tenths {
		right: 90%;
	}
	.row .medium-pull-one-twelfth {
		right: 8.3332%;
	}
	.row .medium-pull-five-twelfths {
		right: 41.6665%;
	}
	.row .medium-pull-seven-twelfths {
		right: 58.332%;
	}
	.row .medium-pull-eleven-twelfths {
		right: 91.6665%;
	}
	.row .medium-pull-golden-small {
		right: 38.2716%;
	}
	.row .medium-pull-golden-large {
		right: 61.7283%;
	}
	.row .medium-pull-none {
		right: auto;
	}

	/* ------------------------ column offset ------------------------ */
	.row .medium-offset-half,
	.row .medium-offset-two-fourths,
	.row .medium-offset-three-sixths,
	.row .medium-offset-four-eights,
	.row .medium-offset-five-tenths,
	.row .medium-offset-six-twelfths {
		margin-left: 50%;
	}
	.row .medium-offset-one-third,
	.row .medium-offset-two-sixths,
	.row .medium-offset-four-twelfths {
		margin-left: 33.3332%;
	}
	.row .medium-offset-two-thirds,
	.row .medium-offset-four-sixths,
	.row .medium-offset-eight-twelfths {
		margin-left: 66.6665%;
	}
	.row .medium-offset-one-fourth,
	.row .medium-offset-two-eighths,
	.row .medium-offset-three-twelfths {
		margin-left: 25%;
	}
	.row .medium-offset-three-fourths,
	.row .medium-offset-six-eighths,
	.row .medium-offset-nine-twelfths {
		margin-left: 75%;
	}
	.row .medium-offset-one-fifth,
	.row .medium-offset-two-tenths {
		margin-left: 20%;
	}
	.row .medium-offset-two-fifths,
	.row .medium-offset-four-tenths {
		margin-left: 40%;
	}
	.row .medium-offset-three-fifths,
	.row .medium-offset-six-tenths {
		margin-left: 60%;
	}
	.row .medium-offset-four-fifths,
	.row .medium-offset-eight-tenths {
		margin-left: 80%;
	}
	.row .medium-offset-one-sixth,
	.row .medium-offset-two-twelfths {
		margin-left: 16.6665%;
	}
	.row .medium-offset-five-sixths,
	.row .medium-offset-ten-twelfths {
		margin-left: 83.3332%;
	}
	.row .medium-offset-one-eighth {
		margin-left: 12.5%;
	}
	.row .medium-offset-three-eighths {
		margin-left: 37.5%;
	}
	.row .medium-offset-five-eighths {
		margin-left: 62.5%;
	}
	.row .medium-offset-seven-eighths {
		margin-left: 87.5%;
	}
	.row .medium-offset-one-tenth {
		margin-left: 10%;
	}
	.row .medium-offset-three-tenths {
		margin-left: 30%;
	}
	.row .medium-offset-seven-tenths {
		margin-left: 70%;
	}
	.row .medium-offset-nine-tenths {
		margin-left: 90%;
	}
	.row .medium-offset-one-twelfth {
		margin-left: 8.3332%;
	}
	.row .medium-offset-five-twelfths {
		margin-left: 41.6665%;
	}
	.row .medium-offset-seven-twelfths {
		margin-left: 58.332%;
	}
	.row .medium-offset-eleven-twelfths {
		margin-left: 91.6665%;
	}
	.row .medium-offset-golden-small {
		margin-left: 38.2716%;
	}
	.row .medium-offset-golden-large {
		margin-left: 61.7283%;
	}
	.row .medium-offset-none {
		margin-left: 0;
	}
}

/* ------------------------ Standard Desktop [960+] ------------------------ */
@media screen and (min-width: 960px) {
	.column.large-centered {
		float: none;
		margin: 0 auto;
		overflow: hidden;
	}

	/* ------------------------ column widths ------------------------ */
	.row .large-whole,
	.row .large-two-halves,
	.row .large-three-thirds,
	.row .large-four-fourths,
	.row .large-five-fifths,
	.row .large-six-sixths,
	.row .large-eight-eights,
	.row .large-ten-tenths,
	.row .large-twelve-twelfths {
		width: 100%;
	}
	.row .large-half,
	.row .large-two-fourths,
	.row .large-three-sixths,
	.row .large-four-eights,
	.row .large-five-tenths,
	.row .large-six-twelfths {
		width: 50%;
	}
	.row .large-one-third,
	.row .large-two-sixths,
	.row .large-four-twelfths {
		width: 33.3332%;
	}
	.row .large-two-thirds,
	.row .large-four-sixths,
	.row .large-eight-twelfths {
		width: 66.6665%;
	}
	.row .large-one-fourth,
	.row .large-two-eighths,
	.row .large-three-twelfths {
		width: 25%;
	}
	.row .large-three-fourths,
	.row .large-six-eighths,
	.row .large-nine-twelfths {
		width: 75%;
	}
	.row .large-one-fifth,
	.row .large-two-tenths {
		width: 20%;
	}
	.row .large-two-fifths,
	.row .large-four-tenths {
		width: 40%;
	}
	.row .large-three-fifths,
	.row .large-six-tenths {
		width: 60%;
	}
	.row .large-four-fifths,
	.row .large-eight-tenths {
		width: 80%;
	}
	.row .large-one-sixth,
	.row .large-two-twelfths {
		width: 16.6665%;
	}
	.row .large-five-sixths,
	.row .large-ten-twelfths {
		width: 83.3332%;
	}
	.row .large-one-eighth {
		width: 12.5%;
	}
	.row .large-three-eighths {
		width: 37.5%;
	}
	.row .large-five-eighths {
		width: 62.5%;
	}
	.row .large-seven-eighths {
		width: 87.5%;
	}
	.row .large-one-tenth {
		width: 10%;
	}
	.row .large-three-tenths {
		width: 30%;
	}
	.row .large-seven-tenths {
		width: 70%;
	}
	.row .large-nine-tenths {
		width: 90%;
	}
	.row .large-one-twelfth {
		width: 8.3332%;
	}
	.row .large-five-twelfths {
		width: 41.6665%;
	}
	.row .large-seven-twelfths {
		width: 58.332%;
	}
	.row .large-eleven-twelfths {
		width: 91.6665%;
	}
	.row .large-golden-small {
		width: 38.2716%;
	}
	.row .large-golden-large {
		width: 61.7283%;
	}
	.row .large-width-auto {
		width: auto;
	}

	/* ------------------------ column push ------------------------ */
	.row .large-push-half,
	.row .large-push-two-fourths,
	.row .large-push-three-sixths,
	.row .large-push-four-eights,
	.row .large-push-five-tenths,
	.row .large-push-six-twelfths {
		left: 50%;
	}
	.row .large-push-one-third,
	.row .large-push-two-sixths,
	.row .large-push-four-twelfths {
		left: 33.3332%;
	}
	.row .large-push-two-thirds,
	.row .large-push-four-sixths,
	.row .large-push-eight-twelfths {
		left: 66.6665%;
	}
	.row .large-push-one-fourth,
	.row .large-push-two-eighths,
	.row .large-push-three-twelfths {
		left: 25%;
	}
	.row .large-push-three-fourths,
	.row .large-push-six-eighths,
	.row .large-push-nine-twelfths {
		left: 75%;
	}
	.row .large-push-one-fifth,
	.row .large-push-two-tenths {
		left: 20%;
	}
	.row .large-push-two-fifths,
	.row .large-push-four-tenths {
		left: 40%;
	}
	.row .large-push-three-fifths,
	.row .large-push-six-tenths {
		left: 60%;
	}
	.row .large-push-four-fifths,
	.row .large-push-eight-tenths {
		left: 80%;
	}
	.row .large-push-one-sixth,
	.row .large-push-two-twelfths {
		left: 16.6665%;
	}
	.row .large-push-five-sixths,
	.row .large-push-ten-twelfths {
		left: 83.3332%;
	}
	.row .large-push-one-eighth {
		left: 12.5%;
	}
	.row .large-push-three-eighths {
		left: 37.5%;
	}
	.row .large-push-five-eighths {
		left: 62.5%;
	}
	.row .large-push-seven-eighths {
		left: 87.5%;
	}
	.row .large-push-one-tenth {
		left: 10%;
	}
	.row .large-push-three-tenths {
		left: 30%;
	}
	.row .large-push-seven-tenths {
		left: 70%;
	}
	.row .large-push-nine-tenths {
		left: 90%;
	}
	.row .large-push-one-twelfth {
		left: 8.3332%;
	}
	.row .large-push-five-twelfths {
		left: 41.6665%;
	}
	.row .large-push-seven-twelfths {
		left: 58.332%;
	}
	.row .large-push-eleven-twelfths {
		left: 91.6665%;
	}
	.row .large-push-golden-small {
		left: 38.2716%;
	}
	.row .large-push-golden-large {
		left: 61.7283%;
	}
	.row .large-push-none {
		left: auto;
	}

	/* ------------------------ column pull ------------------------ */
	.row .large-pull-half,
	.row .large-pull-two-fourths,
	.row .large-pull-three-sixths,
	.row .large-pull-four-eights,
	.row .large-pull-five-tenths,
	.row .large-pull-six-twelfths {
		right: 50%;
	}
	.row .large-pull-one-third,
	.row .large-pull-two-sixths,
	.row .large-pull-four-twelfths {
		right: 33.3332%;
	}
	.row .large-pull-two-thirds,
	.row .large-pull-four-sixths,
	.row .large-pull-eight-twelfths {
		right: 66.6665%;
	}
	.row .large-pull-one-fourth,
	.row .large-pull-two-eighths,
	.row .large-pull-three-twelfths {
		right: 25%;
	}
	.row .large-pull-three-fourths,
	.row .large-pull-six-eighths,
	.row .large-pull-nine-twelfths {
		right: 75%;
	}
	.row .large-pull-one-fifth,
	.row .large-pull-two-tenths {
		right: 20%;
	}
	.row .large-pull-two-fifths,
	.row .large-pull-four-tenths {
		right: 40%;
	}
	.row .large-pull-three-fifths,
	.row .large-pull-six-tenths {
		right: 60%;
	}
	.row .large-pull-four-fifths,
	.row .large-pull-eight-tenths {
		right: 80%;
	}
	.row .large-pull-one-sixth,
	.row .large-pull-two-twelfths {
		right: 16.6665%;
	}
	.row .large-pull-five-sixths,
	.row .large-pull-ten-twelfths {
		right: 83.3332%;
	}
	.row .large-pull-one-eighth {
		right: 12.5%;
	}
	.row .large-pull-three-eighths {
		right: 37.5%;
	}
	.row .large-pull-five-eighths {
		right: 62.5%;
	}
	.row .large-pull-seven-eighths {
		right: 87.5%;
	}
	.row .large-pull-one-tenth {
		right: 10%;
	}
	.row .large-pull-three-tenths {
		right: 30%;
	}
	.row .large-pull-seven-tenths {
		right: 70%;
	}
	.row .large-pull-nine-tenths {
		right: 90%;
	}
	.row .large-pull-one-twelfth {
		right: 8.3332%;
	}
	.row .large-pull-five-twelfths {
		right: 41.6665%;
	}
	.row .large-pull-seven-twelfths {
		right: 58.332%;
	}
	.row .large-pull-eleven-twelfths {
		right: 91.6665%;
	}
	.row .large-pull-golden-small {
		right: 38.2716%;
	}
	.row .large-pull-golden-large {
		right: 61.7283%;
	}
	.row .large-pull-none {
		right: auto;
	}

	/* ------------------------ column offset ------------------------ */
	.row .large-offset-half,
	.row .large-offset-two-fourths,
	.row .large-offset-three-sixths,
	.row .large-offset-four-eights,
	.row .large-offset-five-tenths,
	.row .large-offset-six-twelfths {
		margin-left: 50%;
	}
	.row .large-offset-one-third,
	.row .large-offset-two-sixths,
	.row .large-offset-four-twelfths {
		margin-left: 33.3332%;
	}
	.row .large-offset-two-thirds,
	.row .large-offset-four-sixths,
	.row .large-offset-eight-twelfths {
		margin-left: 66.6665%;
	}
	.row .large-offset-one-fourth,
	.row .large-offset-two-eighths,
	.row .large-offset-three-twelfths {
		margin-left: 25%;
	}
	.row .large-offset-three-fourths,
	.row .large-offset-six-eighths,
	.row .large-offset-nine-twelfths {
		margin-left: 75%;
	}
	.row .large-offset-one-fifth,
	.row .large-offset-two-tenths {
		margin-left: 20%;
	}
	.row .large-offset-two-fifths,
	.row .large-offset-four-tenths {
		margin-left: 40%;
	}
	.row .large-offset-three-fifths,
	.row .large-offset-six-tenths {
		margin-left: 60%;
	}
	.row .large-offset-four-fifths,
	.row .large-offset-eight-tenths {
		margin-left: 80%;
	}
	.row .large-offset-one-sixth,
	.row .large-offset-two-twelfths {
		margin-left: 16.6665%;
	}
	.row .large-offset-five-sixths,
	.row .large-offset-ten-twelfths {
		margin-left: 83.3332%;
	}
	.row .large-offset-one-eighth {
		margin-left: 12.5%;
	}
	.row .large-offset-three-eighths {
		margin-left: 37.5%;
	}
	.row .large-offset-five-eighths {
		margin-left: 62.5%;
	}
	.row .large-offset-seven-eighths {
		margin-left: 87.5%;
	}
	.row .large-offset-one-tenth {
		margin-left: 10%;
	}
	.row .large-offset-three-tenths {
		margin-left: 30%;
	}
	.row .large-offset-seven-tenths {
		margin-left: 70%;
	}
	.row .large-offset-nine-tenths {
		margin-left: 90%;
	}
	.row .large-offset-one-twelfth {
		margin-left: 8.3332%;
	}
	.row .large-offset-five-twelfths {
		margin-left: 41.6665%;
	}
	.row .large-offset-seven-twelfths {
		margin-left: 58.332%;
	}
	.row .large-offset-eleven-twelfths {
		margin-left: 91.6665%;
	}
	.row .large-offset-golden-small {
		margin-left: 38.2716%;
	}
	.row .large-offset-golden-large {
		margin-left: 61.7283%;
	}
	.row .large-offset-none {
		margin-left: 0;
	}
}

/* ------------------------ Large Desktop [1170+] ------------------------ */
@media screen and (min-width: 1170px) {
	.column.x-large-centered {
		float: none;
		margin: 0 auto;
		overflow: hidden;
	}

	/* ------------------------ column widths ------------------------ */
	.row .x-large-whole,
	.row .x-large-two-halves,
	.row .x-large-three-thirds,
	.row .x-large-four-fourths,
	.row .x-large-five-fifths,
	.row .x-large-six-sixths,
	.row .x-large-eight-eights,
	.row .x-large-ten-tenths,
	.row .x-large-twelve-twelfths {
		width: 100%;
	}
	.row .x-large-half,
	.row .x-large-two-fourths,
	.row .x-large-three-sixths,
	.row .x-large-four-eights,
	.row .x-large-five-tenths,
	.row .x-large-six-twelfths {
		width: 50%;
	}
	.row .x-large-one-third,
	.row .x-large-two-sixths,
	.row .x-large-four-twelfths {
		width: 33.3332%;
	}
	.row .x-large-two-thirds,
	.row .x-large-four-sixths,
	.row .x-large-eight-twelfths {
		width: 66.6665%;
	}
	.row .x-large-one-fourth,
	.row .x-large-two-eighths,
	.row .x-large-three-twelfths {
		width: 25%;
	}
	.row .x-large-three-fourths,
	.row .x-large-six-eighths,
	.row .x-large-nine-twelfths {
		width: 75%;
	}
	.row .x-large-one-fifth,
	.row .x-large-two-tenths {
		width: 20%;
	}
	.row .x-large-two-fifths,
	.row .x-large-four-tenths {
		width: 40%;
	}
	.row .x-large-three-fifths,
	.row .x-large-six-tenths {
		width: 60%;
	}
	.row .x-large-four-fifths,
	.row .x-large-eight-tenths {
		width: 80%;
	}
	.row .x-large-one-sixth,
	.row .x-large-two-twelfths {
		width: 16.6665%;
	}
	.row .x-large-five-sixths,
	.row .x-large-ten-twelfths {
		width: 83.3332%;
	}
	.row .x-large-one-eighth {
		width: 12.5%;
	}
	.row .x-large-three-eighths {
		width: 37.5%;
	}
	.row .x-large-five-eighths {
		width: 62.5%;
	}
	.row .x-large-seven-eighths {
		width: 87.5%;
	}
	.row .x-large-one-tenth {
		width: 10%;
	}
	.row .x-large-three-tenths {
		width: 30%;
	}
	.row .x-large-seven-tenths {
		width: 70%;
	}
	.row .x-large-nine-tenths {
		width: 90%;
	}
	.row .x-large-one-twelfth {
		width: 8.3332%;
	}
	.row .x-large-five-twelfths {
		width: 41.6665%;
	}
	.row .x-large-seven-twelfths {
		width: 58.332%;
	}
	.row .x-large-eleven-twelfths {
		width: 91.6665%;
	}
	.row .x-large-golden-small {
		width: 38.2716%;
	}
	.row .x-large-golden-x-large {
		width: 61.7283%;
	}
	.row .x-large-width-auto {
		width: auto;
	}

	/* ------------------------ column push ------------------------ */
	.row .x-large-push-half,
	.row .x-large-push-two-fourths,
	.row .x-large-push-three-sixths,
	.row .x-large-push-four-eights,
	.row .x-large-push-five-tenths,
	.row .x-large-push-six-twelfths {
		left: 50%;
	}
	.row .x-large-push-one-third,
	.row .x-large-push-two-sixths,
	.row .x-large-push-four-twelfths {
		left: 33.3332%;
	}
	.row .x-large-push-two-thirds,
	.row .x-large-push-four-sixths,
	.row .x-large-push-eight-twelfths {
		left: 66.6665%;
	}
	.row .x-large-push-one-fourth,
	.row .x-large-push-two-eighths,
	.row .x-large-push-three-twelfths {
		left: 25%;
	}
	.row .x-large-push-three-fourths,
	.row .x-large-push-six-eighths,
	.row .x-large-push-nine-twelfths {
		left: 75%;
	}
	.row .x-large-push-one-fifth,
	.row .x-large-push-two-tenths {
		left: 20%;
	}
	.row .x-large-push-two-fifths,
	.row .x-large-push-four-tenths {
		left: 40%;
	}
	.row .x-large-push-three-fifths,
	.row .x-large-push-six-tenths {
		left: 60%;
	}
	.row .x-large-push-four-fifths,
	.row .x-large-push-eight-tenths {
		left: 80%;
	}
	.row .x-large-push-one-sixth,
	.row .x-large-push-two-twelfths {
		left: 16.6665%;
	}
	.row .x-large-push-five-sixths,
	.row .x-large-push-ten-twelfths {
		left: 83.3332%;
	}
	.row .x-large-push-one-eighth {
		left: 12.5%;
	}
	.row .x-large-push-three-eighths {
		left: 37.5%;
	}
	.row .x-large-push-five-eighths {
		left: 62.5%;
	}
	.row .x-large-push-seven-eighths {
		left: 87.5%;
	}
	.row .x-large-push-one-tenth {
		left: 10%;
	}
	.row .x-large-push-three-tenths {
		left: 30%;
	}
	.row .x-large-push-seven-tenths {
		left: 70%;
	}
	.row .x-large-push-nine-tenths {
		left: 90%;
	}
	.row .x-large-push-one-twelfth {
		left: 8.3332%;
	}
	.row .x-large-push-five-twelfths {
		left: 41.6665%;
	}
	.row .x-large-push-seven-twelfths {
		left: 58.332%;
	}
	.row .x-large-push-eleven-twelfths {
		left: 91.6665%;
	}
	.row .x-large-push-golden-small {
		left: 38.2716%;
	}
	.row .x-large-push-golden-x-large {
		left: 61.7283%;
	}
	.row .x-large-push-none {
		left: auto;
	}

	/* ------------------------ column pull ------------------------ */
	.row .x-large-pull-half,
	.row .x-large-pull-two-fourths,
	.row .x-large-pull-three-sixths,
	.row .x-large-pull-four-eights,
	.row .x-large-pull-five-tenths,
	.row .x-large-pull-six-twelfths {
		right: 50%;
	}
	.row .x-large-pull-one-third,
	.row .x-large-pull-two-sixths,
	.row .x-large-pull-four-twelfths {
		right: 33.3332%;
	}
	.row .x-large-pull-two-thirds,
	.row .x-large-pull-four-sixths,
	.row .x-large-pull-eight-twelfths {
		right: 66.6665%;
	}
	.row .x-large-pull-one-fourth,
	.row .x-large-pull-two-eighths,
	.row .x-large-pull-three-twelfths {
		right: 25%;
	}
	.row .x-large-pull-three-fourths,
	.row .x-large-pull-six-eighths,
	.row .x-large-pull-nine-twelfths {
		right: 75%;
	}
	.row .x-large-pull-one-fifth,
	.row .x-large-pull-two-tenths {
		right: 20%;
	}
	.row .x-large-pull-two-fifths,
	.row .x-large-pull-four-tenths {
		right: 40%;
	}
	.row .x-large-pull-three-fifths,
	.row .x-large-pull-six-tenths {
		right: 60%;
	}
	.row .x-large-pull-four-fifths,
	.row .x-large-pull-eight-tenths {
		right: 80%;
	}
	.row .x-large-pull-one-sixth,
	.row .x-large-pull-two-twelfths {
		right: 16.6665%;
	}
	.row .x-large-pull-five-sixths,
	.row .x-large-pull-ten-twelfths {
		right: 83.3332%;
	}
	.row .x-large-pull-one-eighth {
		right: 12.5%;
	}
	.row .x-large-pull-three-eighths {
		right: 37.5%;
	}
	.row .x-large-pull-five-eighths {
		right: 62.5%;
	}
	.row .x-large-pull-seven-eighths {
		right: 87.5%;
	}
	.row .x-large-pull-one-tenth {
		right: 10%;
	}
	.row .x-large-pull-three-tenths {
		right: 30%;
	}
	.row .x-large-pull-seven-tenths {
		right: 70%;
	}
	.row .x-large-pull-nine-tenths {
		right: 90%;
	}
	.row .x-large-pull-one-twelfth {
		right: 8.3332%;
	}
	.row .x-large-pull-five-twelfths {
		right: 41.6665%;
	}
	.row .x-large-pull-seven-twelfths {
		right: 58.332%;
	}
	.row .x-large-pull-eleven-twelfths {
		right: 91.6665%;
	}
	.row .x-large-pull-golden-small {
		right: 38.2716%;
	}
	.row .x-large-pull-golden-x-large {
		right: 61.7283%;
	}
	.row .x-large-pull-none {
		right: auto;
	}

	/* ------------------------ column offset ------------------------ */
	.row .x-large-offset-half,
	.row .x-large-offset-two-fourths,
	.row .x-large-offset-three-sixths,
	.row .x-large-offset-four-eights,
	.row .x-large-offset-five-tenths,
	.row .x-large-offset-six-twelfths {
		margin-left: 50%;
	}
	.row .x-large-offset-one-third,
	.row .x-large-offset-two-sixths,
	.row .x-large-offset-four-twelfths {
		margin-left: 33.3332%;
	}
	.row .x-large-offset-two-thirds,
	.row .x-large-offset-four-sixths,
	.row .x-large-offset-eight-twelfths {
		margin-left: 66.6665%;
	}
	.row .x-large-offset-one-fourth,
	.row .x-large-offset-two-eighths,
	.row .x-large-offset-three-twelfths {
		margin-left: 25%;
	}
	.row .x-large-offset-three-fourths,
	.row .x-large-offset-six-eighths,
	.row .x-large-offset-nine-twelfths {
		margin-left: 75%;
	}
	.row .x-large-offset-one-fifth,
	.row .x-large-offset-two-tenths {
		margin-left: 20%;
	}
	.row .x-large-offset-two-fifths,
	.row .x-large-offset-four-tenths {
		margin-left: 40%;
	}
	.row .x-large-offset-three-fifths,
	.row .x-large-offset-six-tenths {
		margin-left: 60%;
	}
	.row .x-large-offset-four-fifths,
	.row .x-large-offset-eight-tenths {
		margin-left: 80%;
	}
	.row .x-large-offset-one-sixth,
	.row .x-large-offset-two-twelfths {
		margin-left: 16.6665%;
	}
	.row .x-large-offset-five-sixths,
	.row .x-large-offset-ten-twelfths {
		margin-left: 83.3332%;
	}
	.row .x-large-offset-one-eighth {
		margin-left: 12.5%;
	}
	.row .x-large-offset-three-eighths {
		margin-left: 37.5%;
	}
	.row .x-large-offset-five-eighths {
		margin-left: 62.5%;
	}
	.row .x-large-offset-seven-eighths {
		margin-left: 87.5%;
	}
	.row .x-large-offset-one-tenth {
		margin-left: 10%;
	}
	.row .x-large-offset-three-tenths {
		margin-left: 30%;
	}
	.row .x-large-offset-seven-tenths {
		margin-left: 70%;
	}
	.row .x-large-offset-nine-tenths {
		margin-left: 90%;
	}
	.row .x-large-offset-one-twelfth {
		margin-left: 8.3332%;
	}
	.row .x-large-offset-five-twelfths {
		margin-left: 41.6665%;
	}
	.row .x-large-offset-seven-twelfths {
		margin-left: 58.332%;
	}
	.row .x-large-offset-eleven-twelfths {
		margin-left: 91.6665%;
	}
	.row .x-large-offset-golden-small {
		margin-left: 38.2716%;
	}
	.row .x-large-offset-golden-x-large {
		margin-left: 61.7283%;
	}
	.row .x-large-offset-none {
		margin-left: 0;
	}
}

/*
------------------------ TYPOGRAPHY ------------------------ */
html,
button,
select,
input,
textarea {
	color: #515151;
}
body {
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
}
a,
a:active,
a:visited {
	outline: none;
	text-decoration: none;
    -webkit-transition: 0.2s ease-in-out all;
    transition: 0.2s ease-in-out all;
}
a {
	color: #333;
}
a:hover {
	color: #005596;
	outline: none;
}
a:active {
	color: #005596;
}
	.touch a,
	.touch a:hover {
		text-decoration: none;
	}
abbr,
acronym,
dfn[title] {
	border-bottom: 1px dotted #999;
	cursor: help;
}
	abbr a {
		text-decoration: none;
	}
acronym {
	text-transform: uppercase;
}
blockquote {
	border-left: 0.375rem solid #efefef;
	font: italic 1.333rem Baskerville, "Baskerville Old Face", "Hoefler Text",  Garamond, "Times New Roman", serif;
	padding-left: 1rem;
}
	blockquote p {
		margin: 0;
	}
	blockquote p + p {
		margin-top: 1.50rem;
	}
	blockquote cite {
		color: #777;
		font: italic 0.75rem Arial, Helvetica, sans-serif;
	}
		blockquote cite:before {
			content: "\2014 \0020";
		}
		blockquote cite a {
			color: #777;
		}
	blockquote.blockquote-reverse {
		border-left: 0 none;
		border-right: .375rem solid #efefef;
		padding-left: 0;
		padding-right: 1rem;
		text-align: right;
	}
caption,
p,
table,
textarea,
td,
th {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
dl dt {
	color: #222;
	font-weight: 700;
}
dl dd {
	margin: 0;
}
del {
	color: #777;
	text-decoration: line-through;
}
details {
	cursor: pointer;
}
em,
i,
cite {
	font-style: italic;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	color: #222;
	font-weight: 700;
}
h1,
.h1 {
	font-size: 1.50rem;
	line-height: 1;
}
h2,
.h2 {
	font-size: 1.35rem;
	line-height: 1.2;
}
h3,
.h3 {
	font-size: 1.3rem;
	line-height: 1.4;
}
h4,
.h4 {
	font-size: 1.2rem;
	line-height: 1.5;
}
h5,
.h5 {
	font-size: 0.875rem;
	line-height: 1.71429;
}
h6,
.h6 {
	font-size: 0.75rem;
	line-height: 2;
}

	/* ------------------------ medium breakpoint ------------------------ */
	@media only screen and (min-width: 768px) {
		h1,
		.h1 {
			font-size: 2rem;
			line-height: 1.5;
		}
		h2,
		.h2 {
			font-size: 1.50rem;
			line-height: 1;
		}
		h3,
		.h3 {
			font-size: 1.25rem;
			line-height: 1.2;
		}
		h4,
		.h4 {
			font-size: 1.3rem;
			line-height: 1.5;
		}
		h5,
		.h5 {
			font-size: 1rem;
			line-height: 1.5;
		}
		h6,
		.h6 {
			font-size: 0.875rem;
			line-height: 1.71429;
		}
	}
	/* ------------------------ large breakpoint ------------------------ */
	@media only screen and (min-width: 960px) {
		h1,
		.h1 {
			font-size: 2.25rem;
			line-height: 1.33333;
		}
		h2,
		.h2 {
			font-size: 1.875rem;
			line-height: 1.6;
		}
		h3,
		.h3 {
			font-size: 1.50rem;
			line-height: 1;
		}
		h4,
		.h4 {
			font-size: 1.3rem;
			line-height: 1.5;
		}
		h5,
		.h5 {
			font-size: 1rem;
			line-height: 1.5;
		}
		h6,
		.h6 {
			font-size: 0.875rem;
			line-height: 1.71429;
		}
	}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
	font-weight: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
	font-size: 65%;
	line-height: 1;
}

hr {
	border: 0;
	border-bottom: 1px solid #dfe1e1;
	margin: 1rem 0;
}
	hr.symbol {
		border: 0;
		height: 1.333rem;
		margin: 0 0 1rem;
		padding: 1rem 0;
	}
		hr.symbol:before {
			border: 0;
			color: #222;
			content: "⁂";
			display: block;
			font-size: 1.333rem;
			line-height: 1;
			text-align: center;
			width: 100%;
		}
ins,
mark {
	background: #ff9;
	color: #222;
	text-decoration: none;
}
nav ul,
nav ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol {
	list-style: decimal;
}
	ol ol {
		list-style: upper-alpha;
	}
		ol ol ol {
			list-style: lower-roman;
		}
			ol ol ol ol {
				list-style: lower-alpha;
			}
ul {
	list-style: disc;
}
	ul ul {
		list-style: circle;
	}
		ul ul ul {
			list-style: square;
		}
			ul ul ul ul {
				list-style: decimal-leading-zero;
			}
ol ol,
ol ul,
ul ul,
ul ol {
	margin-bottom: 0;
}
.no-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
	/* ------------------------ lined list ------------------------ */
	.lined-list li {
		border-bottom: 1px solid #dfe1e1;
		padding-bottom: 0.25rem;
		padding-top: 0.25rem;
	}
		.lined-list li:last-child,
		.lined-list li.last-child,
		.lined-list li li {
			border-bottom: none;
		}

	/* ------------------------ inline list ------------------------ */
	.inline-list {
		display: block;
		margin-left: 0px;
	}
		.inline-list li {
			display: inline;
			margin-right: 1.50rem;
		}
		.inline-list li:last-child,
		.inline-list li.last-child {
			margin-right: 0;
		}

	/* ------------------------ inline lined list ------------------------ */
	.lined-list.inline-list li {
		margin-right: 0.75rem;
	}
		.lined-list.inline-list li:after {
			color: #dfe1e1;
			content: "|";
			margin-left: 0.75rem;
		}
		.lined-list.inline-list li:last-child:after,
		.lined-list.inline-list li.last-child:after {
			content: "";
		}
	
.run-in {
	color: #222;
	float: left;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 0;
	margin-right: 0.317rem;
	text-transform: uppercase;
}
small,
.small {
	display: inline-block;
	font-size: 0.75em;
	line-height: 1.75;
}
.micro {
	font-size: 0.625rem;
	line-height: 2.4;
}
.small-caps {
	font-family: inherit;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: inherit;
	text-transform: uppercase;
}
sub,
sup {
	font-size: 0.75rem;
}
	sup {
		top: -0.475rem;
	}		
	sub {
		bottom: -0.238rem;
	}
var {
	font-style: normal;
}

	
/*
------------------------ =Word Wrap ------------------------ */
.breakword {
	word-wrap: break-word;
}
.normal-wrap {
	word-wrap: normal;
}
.inherit-wrap {
	word-wrap: auto;
}

	
/*
------------------------ =Drop Capitals ------------------------ */
	.drop-cap:first-letter {
		background: transparent;
		color: #222;
		float: left;
		font: 700 4.209rem Baskerville, "Baskerville Old Face", "Hoefler Text",  Garamond, "Times New Roman", serif;
		line-height: 1;
		margin: auto 0.75rem auto auto;
		padding: inherit;
		text-indent: 0;
		text-transform: uppercase;
	}
	p + .drop-cap {
		margin-top: 0;
		text-indent: 0;
	}

/*
------------------------ =BUTTONS ------------------------ */
.button {
	background-color: #0970ae;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	/*font-size: 100%;*/
	font-size: 107%;
	/*height: 2em;*/
	height: 2.15em;
	/*line-height: 2;*/
	line-height: 2.15;
	margin: 0;
	overflow: visible;
	/*padding: 0 0.55em;*/
	padding: 0 0.75em;
	text-align: center;
	text-decoration: none;
    -webkit-transition: 0.2s ease-in-out all;
    transition: 0.2s ease-in-out all;
	vertical-align: middle;
	white-space: nowrap;
	text-transform:uppercase;
}
	.button.tighten {
		padding: 0 0.4em;
	}
	.button,
	.button:active,
	.button:focus,
	.button:hover,
	.button:visited {
		text-decoration: none;
	}
	.button:focus,
	.button:hover {
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	}
	.button:hover {
		color: #fff;
	}
		a.button:focus,
		a.button:hover {
		}
	.button:active {
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
		outline: 0 none;
	}
    .bg-transparent.button:focus,
		.bg-transparent.button:hover,
		.bg-transparent.button:active {
			box-shadow: none;
			outline: 0 none;
		}
	.button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	.button[disabled],
	.button.disabled {
		box-shadow: none;
		color: #777;
		cursor: not-allowed;
		opacity: 0.50;
		text-shadow: none;
	}
		.ie8 .button[disabled],
		.ie8 .button.disabled {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		}
	.button *[data-icon] {
		margin-right: 0.50em;
	}
	
	/* ------------------------ button sizing ------------------------ */
	.button-mini {
		font-size: 0.75rem;
		height: 1.5em;
		line-height: 1.5;
		padding-right: 0.50em;
		padding-left: 0.50em;
		width: auto;
	}
	.button-medium {
		height: 3em;
		line-height: 3;
		padding-right: 1em;
		padding-left: 1em;
		width: auto;
	}
	.button-large {
		height: 4em;
		line-height: 4;
		padding-right: 1.50em;
		padding-left: 1.50em;
		width: auto;
	}
	.button-xlarge {
		height: 2.5rem;
		line-height:2.5rem;
		padding-right:1.25rem;
		padding-left:1.25rem;
		width:auto;
		min-width:6rem;
		font-size:1.25rem;
	}
	.button-block {
		display: block;
		padding-right: 0;
		padding-left: 0;
		width: 100%;
	}
	.button-xlarge.button-cancel {
		min-width:0;
		font-size:1.5rem;
		padding-left:.5rem;
		padding-right:.5rem;
	}
	.major-button-wrap .button-xlarge {
		height:3.5rem;
		line-height:3.5rem;
	}
.button-auto {
    height: auto;
    line-height: 1.25;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
	
	/* ------------------------ button font sizing ------------------------ */
	.button-small-font {
		font-size: 0.75rem;
	}
	.button-normal-font {
		font-size: 1rem;
	}
	.button-large-font {
		font-size: 2rem;
	}
	
	/* ------------------------ button styles ------------------------ */
	.button-hollow {
		background: transparent;
	}
	.button-square {
		border-radius: 0;
	}
	.button-pill {
		border-radius: 5em;
	}
	.button-inline {
		font-size: inherit;
		height: auto;
		line-height: inherit;
		padding-right: 0.50em;
		padding-left: 0.50em;
		vertical-align: baseline;
	}
	
	/* ------------------------ x-small breakpoint ------------------------ */
	@media only screen and (min-width: 480px) {
		.x-small-button-mini {
			font-size: 0.75rem;
			height: 1.5em;
			line-height: 1.5;
			padding-right: 0.50em;
			padding-left: 0.50em;
			width: auto;
		}
		.x-small-button-medium {
			height: 3em;
			line-height: 3;
			padding-right: 1em;
			padding-left: 1em;
			width: auto;
		}
		.x-small-button-large {
			height: 4em;
			line-height: 4;
			padding-right: 1.50em;
			padding-left: 1.50em;
			width: auto;
		}
		.x-small-button-block {
			display: block;
			padding-right: 0;
			padding-left: 0;
			width: 100%;
		}
	}
	/* ------------------------ small breakpoint ------------------------ */
	@media only screen and (min-width: 640px) {
		.small-button-mini {
			font-size: 0.75rem;
			height: 1.5em;
			line-height: 1.5;
			padding-right: 0.50em;
			padding-left: 0.50em;
			width: auto;
		}
		.small-button-medium {
			height: 3em;
			line-height: 3;
			padding-right: 1em;
			padding-left: 1em;
			width: auto;
		}
		.small-button-large {
			height: 4em;
			line-height: 4;
			padding-right: 1.50em;
			padding-left: 1.50em;
			width: auto;
		}
		.small-button-block {
			display: block;
			padding-right: 0;
			padding-left: 0;
			width: 100%;
		}
	}
	/* ------------------------ medium breakpoint ------------------------ */
	@media only screen and (min-width: 768px) {
		.medium-button-mini {
			font-size: 0.75rem;
			height: 1.5em;
			line-height: 1.5;
			padding-right: 0.50em;
			padding-left: 0.50em;
			width: auto;
		}
		.medium-button-medium {
			height: 3em;
			line-height: 3;
			padding-right: 1em;
			padding-left: 1em;
			width: auto;
		}
		.medium-button-large {
			height: 4em;
			line-height: 4;
			padding-right: 1.50em;
			padding-left: 1.50em;
			width: auto;
		}
		.medium-button-block {
			display: block;
			padding-right: 0;
			padding-left: 0;
			width: 100%;
		}
	}
	/* ------------------------ large breakpoint ------------------------ */
	@media only screen and (min-width: 960px) {
		.large-button-mini {
			font-size: 0.75rem;
			height: 1.5em;
			line-height: 1.5;
			padding-right: 0.50em;
			padding-left: 0.50em;
			width: auto;
		}
		.large-button-medium {
			height: 3em;
			line-height: 3;
			padding-right: 1em;
			padding-left: 1em;
			width: auto;
		}
		.large-button-large {
			height: 4em;
			line-height: 4;
			padding-right: 1.50em;
			padding-left: 1.50em;
			width: auto;
		}
		.large-button-block {
			display: block;
			padding-right: 0;
			padding-left: 0;
			width: 100%;
		}
	}
	/* ------------------------ x-large breakpoint ------------------------ */
	@media only screen and (min-width: 1170px) {
		.x-large-button-mini {
			font-size: 0.75rem;
			height: 1.5em;
			line-height: 1.5;
			padding-right: 0.50em;
			padding-left: 0.50em;
			width: auto;
		}
		.x-large-button-medium {
			height: 3em;
			line-height: 3;
			padding-right: 1em;
			padding-left: 1em;
			width: auto;
		}
		.x-large-button-large {
			height: 4em;
			line-height: 4;
			padding-right: 1.50em;
			padding-left: 1.50em;
			width: auto;
		}
		.x-large-button-block {
			display: block;
			padding-right: 0;
			padding-left: 0;
			width: 100%;
		}
	}

/* FONTS */
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/static/Oswald-ExtraLight.ttf');
    font-weight: 200;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/static/Oswald-Light.ttf');
    font-weight: 300;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/static/Oswald-Regular.ttf');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/static/Oswald-Medium.ttf');
    font-weight: 500;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/static/Oswald-SemiBold.ttf');
    font-weight: 600;
  }
  @font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/static/Oswald-Bold.ttf');
    font-weight: 700;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Thin.ttf');
    font-weight: 100;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-ExtraLight.ttf');
    font-weight: 200;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Light.ttf');
    font-weight: 300;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Regular.ttf');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Medium.ttf');
    font-weight: 500;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-SemiBold.ttf');
    font-weight: 600;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Bold.ttf');
    font-weight: 700;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-ExtraBold.ttf');
    font-weight: 800;
  }
  @font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/Roboto_Slab/static/RobotoSlab-Black.ttf');
    font-weight: 900;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Thin.ttf');
    font-weight: 100;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-ExtraLight.ttf');
    font-weight: 200;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Light.ttf');
    font-weight: 300;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Medium.ttf');
    font-weight: 500;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf');
    font-weight: 600;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
    font-weight: 700;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-ExtraBold.ttf');
    font-weight: 800;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Black.ttf');
    font-weight: 900;
  }
  
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Thin.ttf');
    font-weight: 100;
  }
  /* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-ExtraLight.ttf');
    font-weight: 200;
  } */
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Light.ttf');
    font-weight: 300;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Medium.ttf');
    font-weight: 500;
  }
  /* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-SemiBold.ttf');
    font-weight: 600;
  } */
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Bold.ttf');
    font-weight: 700;
  }
  /* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-ExtraBold.ttf');
    font-weight: 800;
  } */
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Black.ttf');
    font-weight: 900;
  }
/*
------------------------------- =GLOBAL FORM ELEMENTS ------------------------------- */
.form-row {
	clear: both;
	display: block;
	margin-bottom: 0.50rem;
}
button,
html input[type="button"],
input[type="checkbox"],
input[type="file"],
input[type="image"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
/*label,*/
input[type="checkbox"] + label,
input[type="radio"] + label,
select {
	cursor: pointer;
}
fieldset {
	border: 0;
	min-width: 0;
	padding: 0;
}
	fieldset > *:last-child,
	fieldset > *.last-child {
		margin-bottom: 0;
	}
	@media only screen and (min-width: 768px) {
		fieldset {
			font-size: 1.125rem;
		}
	}
	.fieldset-border {
		border: 1px solid #dfe1e1;
		padding: 1rem;
	}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	display: inline-block;
	width: auto;
}
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
	border: 1px solid #dfe1e1;
	border-radius: 0;
	display: block;
	font-family: inherit;
	font-size: 90%;
	height: 2em;
	line-height: 1.5em;
	outline: 0 none;
	padding: 0 0.50rem;
	vertical-align: middle;
	width: 100%;
}
select {
	padding-right:0;
}

	
	/* ------------------------ input sizing ------------------------ */
	input.input-medium,
	select.input-medium {
		height: 3em;
		line-height: 3;
	}
	input.input-large,
	select.input-large,
	input.input-block {
		height: 4em;
		line-height: 4;
	}
	
	/* ------------------------ input font sizing ------------------------ */
	input.input-small-font,
	select.input-small-font {
		font-size: 0.75rem;
	}
	input.input-normal-font,
	select.input-normal-font {
		font-size: 1rem;
	}
	input.input-large-font,
	select.input-large-font {
		font-size: 2rem;
	}
	
		@media screen and (min-width: 480px) {
			input.x-small-input-medium,
			select.x-small-input-medium {
				height: 3em;
				line-height: 3;
			}
			input.x-small-input-large,
			select.x-small-input-large,
			input.x-small-input-block {
				height: 4em;
				line-height: 4;
			}
			input.x-small-input-small-font,
			select.x-small-input-small-font {
				font-size: 0.75rem;
			}
			input.x-small-input-normal-font,
			select.x-small-input-normal-font {
				font-size: 1rem;
			}
			input.x-small-input-large-font,
			select.x-small-input-large-font {
				font-size: 2rem;
			}
		}
		@media screen and (min-width: 640px) {
			input.small-input-medium,
			select.small-input-medium {
				height: 3em;
				line-height: 3;
			}
			input.small-input-large,
			select.small-input-large,
			input.small-input-block {
				height: 4em;
				line-height: 4;
			}
			input.small-input-small-font,
			select.small-input-small-font {
				font-size: 0.75rem;
			}
			input.small-input-normal-font,
			select.small-input-normal-font {
				font-size: 1rem;
			}
			input.small-input-large-font,
			select.small-input-large-font {
				font-size: 2rem;
			}
		}
		@media screen and (min-width: 768px) {
			input.medium-input-medium,
			select.medium-input-medium {
				height: 3em;
				line-height: 3;
			}
			input.medium-input-large,
			select.medium-input-large,
			input.medium-input-block {
				height: 4em;
				line-height: 4;
			}
			input.medium-input-small-font,
			select.medium-input-small-font {
				font-size: 0.75rem;
			}
			input.medium-input-normal-font,
			select.medium-input-normal-font {
				font-size: 1rem;
			}
			input.medium-input-large-font,
			select.medium-input-large-font {
				font-size: 2rem;
			}
		}
		@media screen and (min-width: 980px) {
			input.large-input-medium,
			select.large-input-medium {
				height: 3em;
				line-height: 3;
			}
			input.large-input-large,
			select.large-input-large,
			input.large-input-block {
				height: 4em;
				line-height: 4;
			}
			input.large-input-small-font,
			select.large-input-small-font {
				font-size: 0.75rem;
			}
			input.large-input-normal-font,
			select.large-input-normal-font {
				font-size: 1rem;
			}
			input.large-input-large-font,
			select.large-input-large-font {
				font-size: 2rem;
			}
		}
		@media screen and (min-width: 1170px) {
			input.x-large-input-medium,
			select.x-large-input-medium {
				height: 3em;
				line-height: 3;
			}
			input.x-large-input-large,
			select.x-large-input-large,
			input.x-large-input-block {
				height: 4em;
				line-height: 4;
			}
			input.x-large-input-small-font,
			select.x-large-input-small-font {
				font-size: 0.75rem;
			}
			input.x-large-input-normal-font,
			select.x-large-input-normal-font {
				font-size: 1rem;
			}
			input.x-large-input-large-font,
			select.x-large-input-large-font {
				font-size: 2rem;
			}
		}
	.input-block {
		display: block;
	}
	input.all-hidden {
		display: none;
	}
	input.required:required:valid,
	textarea.required:required:valid {
		border-color: #2ecc40;
	}
	
	input.required:focus:invalid,
	textarea.required:focus:invalid {
		border-color: #ff4136;
	}
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="email"]:focus,
	input[type="month"]:focus,
	input[type="number"]:focus,
	input[type="password"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="text"]:focus,
	input[type="time"]:focus,
	input[type="url"]:focus,
	input[type="week"]:focus,
	select:focus,
	textarea:focus {
		box-shadow: inset 0.1rem 0.1rem 0.238rem hsla(0, 0%, 0%, 0.15);
		outline: 0 none;
	}
input[type="file"] {
	cursor: pointer;
	max-width: 100%;
}
input[type="search"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
select[disabled],
textarea[disabled] {
	background-color: #eaeded;
	cursor: not-allowed;
	opacity:1;
}
input:not([type])[disabled] {
	background-color: #eaeded;
	color: #cad2d3;
	cursor: not-allowed;
}
input[readonly],
select[readonly],
textarea[readonly] {
	background: #eaeded;
	/*border-color: #ccc;
	color: #777;*/
}
	input:-moz-placeholder,
	textarea:-moz-placeholder {
		color: #8a7b7b;
		font-size: inherit;
	}
	input::-moz-placeholder,
	textarea::-moz-placeholder {
		color: #8a7b7b;
		font-size: inherit;
	}
	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		color: #8a7b7b;
		font-size: inherit;
		line-height: inherit;
	}
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #8a7b7b;
		font-size: inherit;
		line-height: inherit;
	}
legend {
	border: 0;
	color: #222;
	font-weight: 700;
	padding: 0;
}
	.fieldset-border legend {
		background: #fff;
		margin: 0;
		padding: 0 0.356rem;
	}
select {
	background: #f8f8f8;
	color: #838383;
}
	select:focus {
		outline: 1px dotted #222;
	}
	@-moz-document url-prefix() {
		select {
			max-height: 4rem;
		}
	}
textarea {
	height: 5em;
	resize: vertical;
}

	/* ------------------------ inline labeling ------------------------ */
	.inline-labeling label {
		width: auto;
	}
		@media (min-width: 960px) {
			.inline-labeling {
				font-size: 1rem;
			}
				.inline-labeling label {
					display: inline-block;
					margin-right: 0.50em;
					text-align: right;
					vertical-align: middle;
					width: 32%;
				}
				.inline-labeling input[type="date"],
				.inline-labeling input[type="datetime"],
				.inline-labeling input[type="datetime-local"],
				.inline-labeling input[type="email"],
				.inline-labeling input[type="month"],
				.inline-labeling input[type="number"],
				.inline-labeling input[type="password"],
				.inline-labeling input[type="search"],
				.inline-labeling input[type="tel"],
				.inline-labeling input[type="text"],
				.inline-labeling input[type="time"],
				.inline-labeling input[type="url"],
				.inline-labeling input[type="week"],
				.inline-labeling select,
				.inline-labeling textarea {
					display: inline-block;
					vertical-align: middle;
					width: 65%;
				}
				.inline-labeling textarea {
					vertical-align: top;
				}
				.inline-labeling input:not([type]) {
					display: inline-block;
					vertical-align: middle;
					width: 65%;
				}
		}

/*
------------------------ =TABLES ------------------------ */
table {
	/*border-spacing: 0;
	border-collapse: collapse;*/
	empty-cells: show;
	max-width: 100%;
	width: 100%;
}
	table caption {
		font-weight: 700;
		font-style: italic;
		padding-bottom: 0.317rem;
	}
	table th,
	table tfoot td {
		color: #222;
		font-weight: 700;
		text-align: left;
	}
	table thead th,
	table tfoot td {
		background-color: #efefef;
	}
	table th,
	table td {
		overflow: visible;
		padding: 0.633rem;
		vertical-align: top;
	}

	/* ------------------------ add border ------------------------ */
	.table-border {
		border: 1px solid #d0d0d0;
	}

	/* ------------------------ add borders for rows & columns ------------------------ */
	.table-border-all th,
	.table-border-all td {
		border-top: 1px solid #d0d0d0;
		border-left: 1px solid #d0d0d0;
	}

	/* ------------------------ add borders for rows only ------------------------ */
	.table-border-rows th,
	.table-border-rows td {
		border-top: 1px solid #d0d0d0;
	}

	/* ------------------------ remove top border to avoid double border on .border tables ------------------------ */
	.table-border.border-all thead:first-child tr:first-child th,
	.table-border.border-all thead:first-child tr:first-child td,
	.table-border.border-rows thead:first-child tr:first-child th,
	.table-border.border-rows thead:first-child tr:first-child td {
		border-top: 0;
	}
	.table-.border-all tr th:first-child,
	.table-border-all tr td:first-child {
		border-left: 0;
	}
	.table-border-all tr:first-child th,
	.table-border-all thead:first-child tr:first-child th {
		border-top: 0;
	}

	/* ------------------------ add bottom border to last row in the table ------------------------ */
	.table-border-rows tr:last-child td,
	.table-border-rows tr.last-child td {
		border-bottom: 1px solid #d0d0d0;
	}

	/* ------------------------ add stripes ------------------------ */
	.table-stripe tbody > tr:nth-child(odd) > td {
		background: #f8f8f8;
	}

	/* ------------------------ mobile table [convert to list-like view] ------------------------ */
	@media (max-width: 480px) {
		.mobile-table {
			font-size: 0.875rem;
			min-width: 100%;
		}
			.mobile-table thead,
			.mobile-table th {
				display: none;
			}
			.mobile-table tr td:last-child {
				border-bottom: 10px solid #ddd;
			}
				.mobile-table td {
					display: block;
				}
					.mobile-table td:first-child {
						padding-top: 0.50rem;
					}
					.mobile-table td:last-child {
						padding-bottom: 0.50rem;
					}
				.mobile-table td:before {
					content: attr(data-th) ": ";
					display: inline-block;
					font-weight: 700;
					width: 8rem;
				}
	}


/*
------------------------ =BACKGROUND COLORS ------------------------ */
.bg-navy {
	background-color: #001f3f;
}
.bg-primary,
.bg-blue {
	background-color: #0970ae;
}
.bg-secondary,
.bg-sky {
	background-color: #0ca7e9;
}
.bg-aqua {
	background-color: #7fdbff;
}
.bg-teal {
	background-color: #39cccc;
}
.bg-olive {
	background-color: #3d9970;
}
.bg-green {
	background-color: #2ecc40;
}
.bg-lime {
	background-color: #01ff70;
}
.bg-yellow {
	background-color: #ffdc00;
}
.bg-tertiary,
.bg-orange {
	background-color: #f36618;
}
.bg-red {
	background-color: #f42434;
}
.bg-fuchsia {
	background-color: #f012be;
}
.bg-purple {
	background-color: #b10dc9;
}
.bg-maroon {
	background-color: #731e11;
}
.bg-white {
	background-color: #fff;
}
.bg-charcoal {
	background-color: #232323;
}
.bg-gray {
	background-color: #aaa;
}
.bg-light-gray{
	background-color:#EFEFEF;
	}
.bg-silver {
	background-color: #ddd;
}
.bg-black {
	background-color: #111;
}
.bg-transparent,
.bg-transparent:hover {
	background-color: transparent;
}
.bg-light-yellow {
	background-color: #fffcca;
}
.bg-light-blue {
	background-color: #d9f7ff;
}
.bg-light-green {
	background-color: #e1ffd5;
}

	/* ------------------------ button hovers ------------------------ */
	.button.bg-navy:hover {
		background-color: #002a53;
	}
	.button.bg-primary:hover,
	.button.bg-blue:hover {
		background-color: #03549B;
	}
	.button.bg-secondary:hover,
	.button.bg-sky:hover {
		background-color: #0970ae;
	}
	.button.bg-aqua:hover {
		background-color: #75cceb;
		color: #333;
	}
	.button.bg-teal:hover {
		background-color: #33b8b8;
		color: #333;
	}
	.button.bg-olive:hover {
		background-color: #358562;
	}
	.button.bg-green:hover {
		background-color: #29b839;
		/*color: #333;*/
	}
	.button.bg-lime:hover {
		background-color: #01eb68;
		color: #333;
	}
	.button.bg-yellow:hover {
		background-color: #ebcc00;
		color: #333;
	}
	.button.bg-tertiary:hover,
	.button.bg-orange:hover {
		background-color: #ed5f11;
	}
	.button.bg-red:hover {
		background-color: #e82532;
	}
	.button.bg-fuchsia:hover {
		background-color: #dc10b1;
	}
	.button.bg-purple:hover {
		background-color: #9d0bb5;
	}
	.button.bg-maroon:hover {
		background-color: #872314;
	}
	.button.bg-white:hover {
		background-color: #ebebeb;
		color: #333;
	}
	.button.bg-charcoal:hover {
		background-color: #111;
	}
	.button.bg-gray:hover {
		background-color: #969696;
	}
	.button.bg-silver:hover {
		background-color: #c9c9c9;
		color: #333;
	}
	.button.bg-black:hover {
		background-color: #333;
	}
	.button.hover-orange:hover,
	.button.hover-orange.active {
		background-color: #f36618;
	}

/*
------------------------ =BORDER COLORS ------------------------ */
.border-navy {
	border-color: #001f3f;
}
.border-blue {
	border-color: #0970ae;
}
.border-sky {
	border-color: #0ca7e9;
}
.border-aqua {
	border-color: #7fdbff;
}
.border-teal {
	border-color: #39cccc;
}
.border-olive {
	border-color: #3d9970;
}
.border-green {
	border-color: #2ecc40;
}
.border-lime {
	border-color: #01ff70;
}
.border-yellow {
	border-color: #ffdc00;
}
.border-orange {
	border-color: #f36618;
}
.border-red {
	border-color: #f42434;
}
.border-fuchsia {
	border-color: #f012be;
}
.border-purple {
	border-color: #b10dc9;
}
.border-maroon {
	border-color: #731e11;
}
.border-white {
	border-color: #fff;
}
.border-charcoal {
	border-color: #232323;
}
.border-gray {
	border-color: #aaa;
}
.border-silver {
	border-color: #ddd;
}
.border-black {
	border-color: #111;
}
.border-transparent {
	border-color: transparent;
}


/*
------------------------ =FONT COLORS ------------------------ */
.navy {
	color: #001f3f;
}
.blue,
.text-primary {
	color: #0970ae;
}
.sky,
.text-secondary {
	color: #0ca7e9;
}
.aqua {
	color: #7fdbff;
}
.teal {
	color: #39cccc;
}
.olive {
	color: #3d9970;
}
.green {
	color: #2ecc40;
}
.lime {
	color: #01ff70;
}
.yellow {
	color: #ffdc00;
}
.orange,
.text-tertiary {
	color: #f36618;
}
.error,
.red,
.red a {
	color: #f42434;
}
.fuchsia {
	color: #f012be;
}
.purple {
	color: #b10dc9;
}
.maroon {
	color: #731e11;
}
.white {
	color: #fff;
}
.charcoal {
	color: #232323;
}
.dark-gray {
	color: #515151;
}
.gray {
	color: #aaa;
}
.silver {
	color: #ddd;
}
.black {
	color: #111;
}
.transparent {
	color: transparent;
}


/*
------------------------ =SOCIAL NETWORKS ------------------------ */
.facebook {
	color: #3b5998;
}
.googleplus {
	color: #dd4b39;
}
.instagram {
	color: #517fa4;
}
.linkedin {
	color: #007bb6;
}
.pinterest {
	color: #cb2027;
}
.twitter {
	color: #00aced;
}
.youtube {
	color: #b00;
}
.bg-facebook {
	background-color: #3b5998;
}
.bg-googleplus {
	background-color: #dd4b39;
}
.bg-instagram {
	background-color: #517fa4;
}
.bg-linkedin {
	background-color: #007bb6;
}
.bg-pinterest {
	background-color: #cb2027;
}
.bg-twitter {
	background-color: #00aced;
}
.bg-youtube {
	background-color: #b00;
}
	.bg-facebook:hover,
	.bg-googleplus:hover,
	.bg-instagram:hover,
	.bg-linkedin:hover,
	.bg-pinterest:hover,
	.bg-twitter:hover,
	.bg-youtube:hover {
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
		color: #fff;
	}


/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Default theme

    copyright (c) 2011 - 2013 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #0970ae; border: 3px solid #0970ae; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #000; background: transparent; border: none }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #0CA7E9;; color: #FFF }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th              { background: #0CA7E9; }
.Zebra_DatePicker td.dp_not_in_month            { background: #e9e9e9; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #0CA7E9; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend                 { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #f36618; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { color: #555; cursor: text; font-style: italic } 
 
/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td    { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td     { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer            { margin-top: 3px }
.Zebra_DatePicker .dp_footer .dp_hover  { background: #0CA7E9; color: #FFF }

/* = SELECT CURRENT DAY
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_today { color: #FFF; padding: 3px }

/* = CLEAR DATE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_clear { color: #FFF; padding: 3px }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #0970ae; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { display: block; position: absolute; width: 16px; height: 16px; background: url('../images/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('../images/calendar-disabled.png') }

/* don't set vertical margins! */
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 3px 0 0 }
/*! jQuery UI - v1.11.2 - 2014-11-25
* http://jqueryui.com
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
/*
------------------------ =SLIDER ------------------------ */
.slick-slider {
	display: block;
	overflow: hidden;
	margin: 0 !important;
	width: 100% !important;
	position: relative;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
	.slick-list {
		display: block;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
	}
		.slick-list:focus {
			outline: none;
		}
	.slick-slider .slick-list,
	.slick-track,
	.slick-slide,
	.slick-slide img {
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.slick-track {
		 
		position: relative;
		left: 0;
		top: 0;
	}
		.slick-track:after {
			clear: both;
			content: '';
			display: table;
		}
	.slick-slide {
		display: none;
		float: left;
		height: 100%;
		min-height: 1px;
	}
		.slick-slide img {
			display: block;
			margin: 0 auto;
			-moz-user-select: none;
			-webkit-user-select: none;
			user-select: none;
			-webkit-user-drag: none;
			user-drag: none;
		}
	.slick-list.dragging img {
		pointer-events: none;
	}
	.slick-initialized .slick-slide {
		display: table-cell;
	}

	/* ------------------------ loading states ------------------------ */
	.slick-loading .slick-track,
	.slick-loading .slick-slide {
		visibility: hidden;
	}
		.slick-loading .slick-list,
		.slick-slide.loading {
			background: #fff url(../images/img_slider_loader.gif) center center no-repeat;
		}
		.slick-slide.loading {
			position: relative;
		}

	/* ------------------------ vertical ------------------------ */
	.slick-vertical .slide-track {
		display: block;
	}
		.slick-vertical .slick-slide {
			border: 1px solid transparent;
			display: block;
			height: auto;
		}

	/* ------------------------ arrows ------------------------ */
	.slick-prev,
	.slick-next {
		background: transparent;
		border: none;
		color: transparent;
		cursor: pointer;
		display: block;
		font-size: 0;
		line-height: 0;
		margin-top: -1rem;
		padding: 0;
		position: absolute;
		top: 50%;
		width: 2rem;
		height: 2rem;
	}
	.slick-prev {
		left:  0;
	}
	.slick-next {
		right:  0;
	}
	
	
		#js-site-wrapper .slick-prev:before,
		#js-site-wrapper .slick-prev,
		#js-site-wrapper .slick-next,
		#js-site-wrapper .slick-next:before {
display:none;
		}
	
	
	
		.slick-prev:before,
		.slick-next:before {
			/*color: #2b2b2b;*/
			font-family: 'ElegantIcons';
			font-size: 2rem;
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			line-height: 1;
			opacity: 1;
		}
		.slick-prev:before {
			content: '\34';
		}
		.slick-next:before {
			content: '\35';
		}
		.slick-prev:focus,
		.slick-next:focus {
			outline: none;
		}
		.slick-prev.slick-disabled,
		.slick-next.slick-disabled {
			cursor: not-allowed;
			opacity: 0.50;
		}

	/* ------------------------ dots ------------------------ */
	.slick-dots {
		display: block;
		list-style: none;
		padding: 0;
		position: absolute;
		bottom: -3rem;
		text-align: center;
		width: 100%;
	}
		.slick-dots li {
			display: inline-block;
			margin: 0 0.25rem;
			padding: 0;
			position: relative;
			width: 1.50rem;
			height: 1.50rem;
		}
			.slick-dots li a {
				color: transparent;
				display: block;
				font-size: 0;
				line-height: 0;
				outline: none;
				padding: 0.25rem;
				width: 1.50rem;
				height: 1.50rem;
			}
				.slick-dots li a:before {
					color: #2b2b2b;
					content: '\5e';
					font-family: 'ElegantIcons';
					font-size: 1rem;
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					line-height: 2;
					opacity: 0.25;
				}
				.slick-dots li.slick-active a:before {
					opacity: 0.75;
				}

	.info-slider .slick-track {width:100%;}
	.info-slider .slick-track .slick-slide.slick-active {width:100%;height:auto;}


	.info-slider .slick-dots,
	.slider-dots-holder .slick-dots {
		position:relative;
		bottom:0;
		margin-top:5px;
	}
	.slider-dots-holder .slick-dots {
		margin-bottom:1rem;
	}
		.info-slider .slick-dots li,
		.slider-dots-holder .slick-dots li  {
			width:30px;
			height:35px;
			margin-bottom:0;
			padding-bottom:0;
			border:none;
		}
			.info-slider .slick-dots li button,
			.slider-dots-holder .slick-dots li button {
				background:#aaa;
				color:#fff;
				border:none;
				height:30px;
				width:30px;
				line-height:30px;
				text-align: center;
			}
			.info-slider .slick-dots li.slick-active button,
			.info-slider .slick-dots li button:hover,
			.slider-dots-holder .slick-dots li.slick-active button,
			.slider-dots-holder .slick-dots li button:hover {
				background:#0CA7E9;
			}


	/* ------------------------ dragging ------------------------ */
	.slick-list.dragging {
		cursor: pointer;
		cursor: hand;
	}

/*
------------------------------- =MAGNIFIC POPUP v0.9.9 ------------------------------- */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
	display: none;
}
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur {
	cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
	cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure {
	display: none;
}
.mfp-hide {
	display: none !important;
}
.mfp-preloader {
	color: #cccccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a {
	color: #cccccc;
}
.mfp-preloader a:hover {
	color: white;
}
.mfp-s-ready .mfp-preloader {
	display: none;
}
.mfp-s-error .mfp-content {
	display: none;
}
button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: white;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-close:active {
	top: 1px;
}
.mfp-close-btn-in .mfp-close {
	color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}
.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
	margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}
.mfp-arrow-left {
	left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
	border-right: 17px solid white;
	margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
	right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
	border-left: 17px solid white;
	margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black;
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444444;
}
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure,
.mfp-figure figcaption {
	margin: 0;
}
.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px;
}
.mfp-image-holder .mfp-content {
	max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
	* Remove all paddings around the image on small screen
	*/
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}
@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}
.mfp-ie7 .mfp-img {
	padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
	padding: 0;
}
.mfp-ie7 .mfp-content {
	padding-top: 44px;
}
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}

.resize-image {max-width:none!important;max-height:none!important;}
.resize-container {
    position: relative;
    display: inline-block;
    cursor: move;
    margin: 0 auto;
}
.resize-container img {
    display: block
}
.resize-container:hover img,
.resize-container:active img {
    outline: 2px dashed rgba(125,125,125,.5);
}
.resize-handle-ne,
.resize-handle-se,
.resize-handle-nw,
.resize-handle-sw {
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background: rgba(125,125,125,.75);
    z-index: 999;
}
.resize-handle-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize;
}
.resize-handle-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize;
}
.resize-handle-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize;
}
.resize-handle-se {
    bottom: -3px;
    right: -3px;
    cursor: se-resize;
}
.overlay {
	position: absolute;
	/*left: 50%;*/
	left: 40px;
	top: 60px;
	/*margin-left: -100px;*/
	/*margin-top: -100px;*/
	z-index: 999;
	width: 200px;
	height: 200px;
    /*border: solid 2px rgba(222,60,80,.9);*/
    border: solid 1px rgba(155,155,155,.95);
	box-sizing: content-box;
	pointer-events: none;
}
.overlay.banner { width:460px;height:205px; }
.overlay.exercise { width:932px;height:525px; }
.overlay:after,
.overlay:before {
	content: '';
	position: absolute;
	display: block;
	width: 200px;
	height: 40px;
	/*background:rgba(222,60,80,.75);*/
	background:rgba(155,155,155,.85);
	opacity:.75;
}
.overlay.banner:after,
.overlay.banner:before { width:460px; }
.overlay.exercise:after,
.overlay.exercise:before { width:932px; }
.overlay:before {
	top: 0;
	margin-left: 0;
	margin-top: -40px;
}
.overlay:after {
	bottom: 0;
	margin-left: 0;
	margin-bottom: -40px;
}
.overlay-inner:after,
.overlay-inner:before {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 280px;
	/*background:rgba(222,60,80,.75);*/
	background:rgba(155,155,155,.85);
	opacity:.75;
}
.banner .overlay-inner:after,
.banner .overlay-inner:before { height:285px; }
.exercise .overlay-inner:after,
.exercise .overlay-inner:before { height:605px; }
.overlay-inner:before {
	left: 0;
	margin-left: -40px;
	margin-top: -40px;
}
.overlay-inner:after{
	right: 0;
	margin-right: -40px;
	margin-top: -40px;
}
/*.js-crop {
	position: absolute;
	vertical-align: bottom;
	right: 5px;
	bottom: 5px;
}*/
/*
------------------------ =HELPER CLASSES ------------------------ */

.bold,
.required {
	font-weight: 700;
}
.italic {
	font-style: italic;
}
.normal {
	font-weight: 400;
}
.lighter {
	font-weight: 300;
}
.lowercase {
	text-transform: lowercase;
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.underline,
a.underline {
	text-decoration: underline;
	cursor:pointer;
}
.underline:hover,
a.underline:hover {
	text-decoration: none;
}
.pointer {
	cursor:pointer;
}


	/* ------------------------ add padding ------------------------ */
.addpr{ padding-right:1em;}


	/* ------------------------ alignment ------------------------ */
	.align-center {
		text-align: center;
	}
	.align-justify {
		text-align: justify;
	}
	.align-left {
		text-align: left;
	}
	.align-right {
		text-align: right;
	}
	.align-baseline {
		vertical-align: baseline;
	}
	.align-bottom {
		vertical-align: bottom;
	}
	.align-middle {
		vertical-align: middle;
	}
	.align-top {
		vertical-align: top;
	}
	.vertical-align-parent {
		-webkit-transform-style: preserve-3d;
	}
	.vertical-align {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
		.ie8 .vertical-align {
			display: table-cell;
			vertical-align: middle;
		}
		/* ------------------------ tiny breakpoint ------------------------ */
		@media only screen and (min-width: 360px) {
			.tiny-align-left { text-align: left; }
			.tiny-align-right { text-align: right; }
			.tiny-align-center { text-align: center; }
		}
		/* ------------------------ x-small breakpoint ------------------------ */
		@media only screen and (min-width: 480px) {
			.x-small-align-center {
				text-align: center;
			}
			.x-small-align-justify {
				text-align: justify;
			}
			.x-small-align-left {
				text-align: left;
			}
			.x-small-align-right {
				text-align: right;
			}
			.x-small-align-baseline {
				vertical-align: baseline;
			}
			.x-small-align-bottom {
				vertical-align: bottom;
			}
			.x-small-align-middle {
				vertical-align: middle;
			}
			.x-small-align-top {
				vertical-align: top;
			}
		}
		/* ------------------------ small breakpoint ------------------------ */
		@media only screen and (min-width: 480px) {
			.small-align-center {
				text-align: center;
			}
			.small-align-justify {
				text-align: justify;
			}
			.small-align-left {
				text-align: left;
			}
			.small-align-right {
				text-align: right;
			}
			.small-align-baseline {
				vertical-align: baseline;
			}
			.small-align-bottom {
				vertical-align: bottom;
			}
			.small-align-middle {
				vertical-align: middle;
			}
			.small-align-top {
				vertical-align: top;
			}
		}
		/* ------------------------ matches small breakpoint of scaffold ------------------------ */
		@media only screen and (min-width: 640px) {
			.small-normal {
				font-weight:normal;
			}
			.small-medium-align-left {
				text-align: left;
			}
			.small-medium-align-right {
				text-align: right;
			}
			.small-medium-align-center {
				text-align: center;
			}
		}
		/* ------------------------ medium breakpoint ------------------------ */
		@media only screen and (min-width: 768px) {
			.medium-align-center {
				text-align: center;
			}
			.medium-align-justify {
				text-align: justify;
			}
			.medium-align-left {
				text-align: left;
			}
			.medium-align-right {
				text-align: right;
			}
			.medium-align-baseline {
				vertical-align: baseline;
			}
			.medium-align-bottom {
				vertical-align: bottom;
			}
			.medium-align-middle {
				vertical-align: middle;
			}
			.medium-align-top {
				vertical-align: top;
			}
			.medium-normal {
				font-weight:normal;
			}
		}
		/* ------------------------ large breakpoint ------------------------ */
		@media only screen and (min-width: 960px) {
			.large-align-center {
				text-align: center;
			}
			.large-align-justify {
				text-align: justify;
			}
			.large-align-left {
				text-align: left;
			}
			.large-align-right {
				text-align: right;
			}
			.large-align-baseline {
				vertical-align: baseline;
			}
			.large-align-bottom {
				vertical-align: bottom;
			}
			.large-align-middle {
				vertical-align: middle;
			}
			.large-align-top {
				vertical-align: top;
			}
			.large-normal {
				font-weight:normal;
			}
		}
		/* ------------------------ x-large breakpoint ------------------------ */
		@media only screen and (min-width: 1170px) {
			.x-large-align-center {
				text-align: center;
			}
			.x-large-align-justify {
				text-align: justify;
			}
			.x-large-align-left {
				text-align: left;
			}
			.x-large-align-right {
				text-align: right;
			}
			.x-large-align-baseline {
				vertical-align: baseline;
			}
			.x-large-align-bottom {
				vertical-align: bottom;
			}
			.x-large-align-middle {
				vertical-align: middle;
			}
			.x-large-align-top {
				vertical-align: top;
			}
		}

	/* ------------------------ positioning (floating) ------------------------ */
	.clear {
		clear: both;
	}
	.clear-height {
		height: auto !important;
		line-height: normal !important;
	}
	.float-left {
		float: left;
	}
	.float-none {
		float: none;
	}
	.float-right {
		float: right;
	}
		/* ------------------------ x-small breakpoint ------------------------ */
		@media only screen and (min-width: 480px) {
			.x-small-float-left {
				float: left;
			}
			.x-small-float-none {
				float: none;
			}
			.x-small-float-right {
				float: right;
			}
		}
		/* ------------------------ small breakpoint ------------------------ */
		@media only screen and (min-width: 640px) {
			.small-float-left {
				float: left;
			}
			.small-float-none {
				float: none;
			}
			.small-float-right {
				float: right;
			}
		}
		/* ------------------------ medium breakpoint ------------------------ */
		@media only screen and (min-width: 768px) {
			.medium-float-left {
				float: left;
			}
			.medium-float-none {
				float: none;
			}
			.medium-float-right {
				float: right;
			}
		}
		/* ------------------------ large breakpoint ------------------------ */
		@media only screen and (min-width: 960px) {
			.large-float-left {
				float: left;
			}
			.large-float-none {
				float: none;
			}
			.large-float-right {
				float: right;
			}
		}
		/* ------------------------ x-large breakpoint ------------------------ */
		@media only screen and (min-width: 1170px) {
			.x-large-float-left {
				float: left;
			}
			.x-large-float-none {
				float: none;
			}
			.x-large-float-right {
				float: right;
			}
		}

	/* ------------------------ image positioning (floating) ------------------------ */
	.img-left {
		float: left;
		margin: 0.20rem 0.75rem 0.75rem 0;
	}
	.img-right {
		float: right;
		margin: 0.20rem 0 0.75rem 0.75rem;
	}
		/* ------------------------ x-small breakpoint ------------------------ */
		@media only screen and (min-width: 480px) {
			.x-small-img-left {
				float: left;
				margin: 0.20rem 0.75rem 0.75rem 0;
			}
			.x-small-img-right {
				float: right;
				margin: 0.20rem 0 0.75rem 0.75rem;
			}
		}
		/* ------------------------ small breakpoint ------------------------ */
		@media only screen and (min-width: 640px) {
			.small-img-left {
				float: left;
				margin: 0.20rem 0.75rem 0.75rem 0;
			}
			.small-img-right {
				float: right;
				margin: 0.20rem 0 0.75rem 0.75rem;
			}
		}
		/* ------------------------ medium breakpoint ------------------------ */
		@media only screen and (min-width: 768px) {
			.medium-img-left {
				float: left;
				margin: 0.20rem 0.75rem 0.75rem 0;
			}
			.medium-img-right {
				float: right;
				margin: 0.20rem 0 0.75rem 0.75rem;
			}
		}
		/* ------------------------ large breakpoint ------------------------ */
		@media only screen and (min-width: 960px) {
			.large-img-left {
				float: left;
				margin: 0.20rem 0.75rem 0.75rem 0;
			}
			.large-img-right {
				float: right;
				margin: 0.20rem 0 0.75rem 0.75rem;
			}
		}
		/* ------------------------ x-large breakpoint ------------------------ */
		@media only screen and (min-width: 960px) {
			.x-large-img-left {
				float: left;
				margin: 0.20rem 0.75rem 0.75rem 0;
			}
			.x-large-img-right {
				float: right;
				margin: 0.20rem 0 0.75rem 0.75rem;
			}
		}

	/* ------------------------ breaker (<br /> substitutes for non-specific sections) ------------------------ */
	.breaker {
		display: block;
		height: 0.75rem;
	}
		@media only screen and (min-width: 768px) {
			.breaker {
				height: 1.50rem;
			}
		}

	/* ------------------------ display ------------------------ */
	.all-hidden {
		display: none;
		visibility: hidden;
	}
	.all-shown {
		display: block;
		visibility: visible;
	}
	.hide,
	.printshow {
		display: none;
	}

	.show {
		display: block;
	}
	.inline {
		display: inline;
	}
	.inline-block {
		display: inline-block;
	}
	.invisible {
		visibility: hidden;
	}
	.visible {
		visibility: visible;
	}
		/* ------------------------ tiny breakpoint ------------------------ */
		@media only screen and (min-width: 360px) {
			.tiny-all-shown {
				display: block;
				visibility: visible;
			}
			.tiny-all-hidden {
				display: none;
				visibility: hidden;
			}
			.tiny-hide {
				display: none;
			}
			.tiny-show {
				display: block;
			}
			.tiny-inline {
				display: inline;
			}
			.tiny-inline-block {
				display: inline-block;
			}
			.tiny-invisible {
				visibility: hidden;
			}
			.tiny-visible {
				visibility: visible;
			}
		}
		/* ------------------------ x-small breakpoint ------------------------ */
		@media only screen and (min-width: 480px) {
			.x-small-all-shown {
				display: block;
				visibility: visible;
			}
			.x-small-all-hidden {
				display: none;
				visibility: hidden;
			}
			.x-small-hide {
				display: none;
			}
			.x-small-show {
				display: block;
			}
			.x-small-inline {
				display: inline;
			}
			.x-small-inline-block {
				display: inline-block;
			}
			.x-small-invisible {
				visibility: hidden;
			}
			.x-small-visible {
				visibility: visible;
			}
		}
		/* ------------------------ small breakpoint ------------------------ */
		@media only screen and (min-width: 640px) {
			.small-all-shown {
				display: block;
				visibility: visible;
			}
			.small-all-hidden {
				display: none;
				visibility: hidden;
			}
			.small-hide {
				display: none;
			}
			.small-show {
				display: block;
			}
			.small-inline {
				display: inline;
			}
			.small-inline-block {
				display: inline-block;
			}
			.small-invisible {
				visibility: hidden;
			}
			.small-visible {
				visibility: visible;
			}
		}
		/* ------------------------ medium breakpoint ------------------------ */
		@media only screen and (min-width: 768px) {
			.medium-all-shown {
				display: block;
				visibility: visible;
			}
			.medium-all-hidden {
				display: none;
				visibility: hidden;
			}
			.medium-hide {
				display: none;
			}
			.medium-show {
				display: block;
			}
			.medium-inline {
				display: inline;
			}
			.medium-inline-block {
				display: inline-block;
			}
			.medium-invisible {
				visibility: hidden;
			}
			.medium-visible {
				visibility: visible;
			}
		}
		/* ------------------------ large breakpoint ------------------------ */
		@media only screen and (min-width: 960px) {
			.large-all-shown {
				display: block;
				visibility: visible;
			}
			.large-all-hidden {
				display: none;
				visibility: hidden;
			}
			.large-hide {
				display: none;
			}
			.large-show {
				display: block;
			}
			.large-inline {
				display: inline;
			}
			.large-inline-block {
				display: inline-block;
			}
			.large-invisible {
				visibility: hidden;
			}
			.large-visible {
				visibility: visible;
			}
		}
		/* ------------------------ x-large breakpoint ------------------------ */
		@media only screen and (min-width: 1170px) {
			.x-large-all-shown {
				display: block;
				visibility: visible;
			}
			.x-large-all-hidden {
				display: none;
				visibility: hidden;
			}
			.x-large-hide {
				display: none;
			}
			.x-large-show {
				display: block;
			}
			.x-large-inline {
				display: inline;
			}
			.x-large-inline-block {
				display: inline-block;
			}
			.x-large-invisible {
				visibility: hidden;
			}
			.x-large-visible {
				visibility: visible;
			}
		}
		
	.visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
		height: 1px;
		/* http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/ */
	}

	.nowrap {
		white-space: nowrap;
	}

	/* ------------------------ remove borders ------------------------ */
	.nb,
	button.nb,
	input.nb,
	select.nb,
	textarea.nb {
		border: none;
	}
	.ntb,
	button.ntb,
	input.ntb,
	select.ntb,
	textarea.ntb {
		border-top: none;
	}
	.nrb,
	button.nrb,
	input.nrb,
	select.nrb,
	textarea.nrb {
		border-right: none;
	}
	.nbb,
	button.nbb,
	input.nbb,
	select.nbb,
	textarea.nbb {
		border-bottom: none;
	}
	.nlb,
	button.nlb,
	input.nlb,
	select.nlb,
	textarea.nlb {
		border-left: none;
	}

	/* ------------------------ remove margins ------------------------ */
	.nm {
		margin: 0;
	}
	.ntm {
		margin-top: 0;
	}
	.nrm {
		margin-right: 0;
	}
	.nbm {
		margin-bottom: 0;
	}
	.nlm {
		margin-left: 0;
	}
		/* ------------------------ x-small breakpoint ------------------------ */
		@media only screen and (min-width: 480px) {
			.x-small-nm {
				margin: 0;
			}
			.x-small-ntm {
				margin-top: 0;
			}
			.x-small-nrm {
				margin-right: 0;
			}
			.x-small-nbm {
				margin-bottom: 0;
			}
			.x-small-nlm {
				margin-left: 0;
			}
		}
		/* ------------------------ small breakpoint ------------------------ */
		@media only screen and (min-width: 640px) {
			.small-nm {
				margin: 0;
			}
			.small-ntm {
				margin-top: 0;
			}
			.small-nrm {
				margin-right: 0;
			}
			.small-nbm {
				margin-bottom: 0;
			}
			.small-nlm {
				margin-left: 0;
			}
		}
		/* ------------------------ medium breakpoint ------------------------ */
		@media only screen and (min-width: 768px) {
			.medium-nm {
				margin: 0;
			}
			.medium-ntm {
				margin-top: 0;
			}
			.medium-nrm {
				margin-right: 0;
			}
			.medium-nbm {
				margin-bottom: 0;
			}
			.medium-nlm {
				margin-left: 0;
			}
		}
		/* ------------------------ large breakpoint ------------------------ */
		@media only screen and (min-width: 960px) {
			.large-nm {
				margin: 0;
			}
			.large-ntm {
				margin-top: 0;
			}
			.large-nrm {
				margin-right: 0;
			}
			.large-nbm {
				margin-bottom: 0;
			}
			.large-nlm {
				margin-left: 0;
			}
		}
		/* ------------------------ x-large breakpoint ------------------------ */
		@media only screen and (min-width: 1170px) {
			.x-large-nm {
				margin: 0;
			}
			.x-large-ntm {
				margin-top: 0;
			}
			.x-large-nrm {
				margin-right: 0;
			}
			.x-large-nbm {
				margin-bottom: 0;
			}
			.x-large-nlm {
				margin-left: 0;
			}
		}

	/* ------------------------ remove padding ------------------------ */
	.np {
		padding: 0;
	}
	.nbm{margin-bottom: 0;}
	
	.ntp {
		padding-top: 0;
	}
	.nrp {
		padding-right: 0;
	}
	.nbp {
		padding-bottom: 0;
	}
	.nlp {
		padding-left: 0;
	}
		@media only screen and (max-width: 767px) {
			.lt-md-nlp { padding-left:0; }
			.lt-md-nrp { padding-right:0; }
			.lt-md-alp { padding-left:0.75rem; }
			.lt-md-arp { padding-right:0.75rem; }
		}
		@media only screen and (max-width: 639px) {
			.lt-sm-nlp { padding-left:0; }
			.lt-sm-nrp { padding-right:0; }
			.lt-sm-alp { padding-left:0.75rem; }
			.lt-sm-arp { padding-right:0.75rem; }
		}
		@media only screen and (max-width: 479px) {
			.lt-xs-nlp { padding-left:0; }
			.lt-xs-nrp { padding-right:0; }
			.lt-xs-alp { padding-left:0.75rem; }
			.lt-xs-arp { padding-right:0.75rem; }
		}
		/* ------------------------ x-small breakpoint ------------------------ */
		@media only screen and (min-width: 480px) {
			.x-small-np {
				padding: 0;
			}
			.x-small-ntp {
				padding-top: 0;
			}
			.x-small-nrp {
				padding-right: 0;
			}
			.x-small-nbp {
				padding-bottom: 0;
			}
			.x-small-nlp {
				padding-left: 0;
			}
			.x-small-padd {padding:0 .75rem;}
		}
		/* ------------------------ small breakpoint ------------------------ */
		@media only screen and (min-width: 640px) {
			.small-np {
				padding: 0;
			}
			.small-ntp {
				padding-top: 0;
			}
			.small-nrp {
				padding-right: 0;
			}
			.small-nbp {
				padding-bottom: 0;
			}
			.small-nlp {
				padding-left: 0;
			}
		}
		/* ------------------------ medium breakpoint ------------------------ */
		@media only screen and (min-width: 768px) {
			.medium-np {
				padding: 0;
			}
			.medium-ntp {
				padding-top: 0;
			}
			.medium-nrp {
				padding-right: 0;
			}
			.medium-nbp {
				padding-bottom: 0;
			}
			.medium-nlp {
				padding-left: 0;
			}
		}
		/* ------------------------ large breakpoint ------------------------ */
		@media only screen and (min-width: 960px) {
			.large-np {
				padding: 0;
			}
			.large-ntp {
				padding-top: 0;
			}
			.large-nrp {
				padding-right: 0;
			}
			.large-nbp {
				padding-bottom: 0;
			}
			.large-nlp {
				padding-left: 0;
			}
		}
		/* ------------------------ x-large breakpoint ------------------------ */
		@media only screen and (min-width: 1170px) {
			.x-large-np {
				padding: 0;
			}
			.x-large-ntp {
				padding-top: 0;
			}
			.x-large-nrp {
				padding-right: 0;
			}
			.x-large-nbp {
				padding-bottom: 0;
			}
			.x-large-nlp {
				padding-left: 0;
			}
		}

	/* ------------------------ browers goodies ------------------------ */
	.corners {
		border-radius: 0.25rem;
	}
	.no-corners {
		border-radius: 0;
	}
	.shadows {
		box-shadow: 0 2px 4px 0 rgba(51, 51, 51, .3);
	}
	.bottom-shadow {
		box-shadow: 0 2px 4px -2px rgba(51, 51, 51, .2);
	}
	.text-shadow {
		text-shadow: 1px 1px 1px rgba(51, 51, 51, .3);
	}

	/* ------------------------ alerts and messages ------------------------ */
	.message {
		background-color: #e6e6e6;
		border-radius: 0.25rem;
		color: #5a6c7f;
		margin: 1.50rem 0;
		padding: 0.75rem 1rem;
	}
		.message.closable .close {
			color: #333;
			font-size: 2rem;
			line-height: 1;
			margin-top: -1rem;
			opacity: 0.3;
			position: absolute;
			top: 50%;
			right: 0.25rem;
			text-decoration: none;
		}
		.message br:first-child {
			display: none;
		}
		.message p,
		.message ol,
		.message ul {
			margin-bottom: 0;
		}
		.message-info {
			background: #e4f4fd;
			border: 1px solid #a8cce2;
			color: #407ea1;
		}
		.message-success {
			background: #e6f4d8;
			border: 1px solid #a5d76f;
			color: #61801b;
		}
		.message-warning {
			background: #f9f9d5;
			border: 1px solid #d6cd77;
			color: #7c7548;
		}
		.message-error {
			background: #fbe3e3;
			border: 1px solid #f7b5b7;
			color: #d34047;
		}

	/* ------------------------ what??? they have an old brower ------------------------ */
	.message.browsehappy {
		margin: 0 0 0 -300px;
		position: fixed;
		top: 0;
		left: 50%;
		width: 600px;
		z-index: 99999;
	}

	/* ------------------------ tags ------------------------ */
	.tag {
		background-color: #3f3f49;
		border-radius: 0.25rem;
		color: #fff;
		font-size: 0.75rem;
		font-weight: 700;
		line-height: 1rem;
		padding: 0.25rem 0.375rem;
		vertical-align: baseline;
		white-space: nowrap;
	}

	/* ------------------------ notifications ------------------------ */
	.notification {
		background-color: #999;
		border-radius: 1.50rem;
		color: #fff;
		font-size: 0.625rem;
		font-weight: 700;
		line-height: 1rem;
		padding: 0.25rem 0.5rem;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
	}

	/* ------------------------ For Image Replacements ------------------------ */
	.ir {
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
		.ir br {
			display: none;
		}
	
	/* ------------------------ The Magnificent Clearfix ------------------------ */
	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table;
	}
	.clearfix:after {
		clear: both;
	}
	.clearfix {
		zoom: 1;
	}

	/* ------------------------ embedded content ------------------------ */
	video{
		background:url(../images/slideshow_click_to_play_Placeholder.png) no-repeat;
		background-size:cover;
	}
	
	audio,
	video {
		width: 100%;
	}
	audio:focus,
	video:focus {
		outline: 1px dotted #222;
	}
	embed,
	img,
	object,
	video {
		height: auto;
		max-width: 100%;
	}
		img.constrain {
			max-height: 100%;
		}
	iframe {
		max-width: 100%;
	}
	embed,
	object {
		height: 100%;
	}
	figcaption {
		font-size: 0.75rem;
		font-style: italic;
		margin-top: 0.50rem;
	}
	.flex-video {
		height: 0;
		overflow: hidden;
		margin-bottom: 1rem;
		padding-top: 1.5625rem;
		padding-bottom: 67.5%;
		position: relative;
	}
		.flex-video.widescreen {
			padding-bottom: 57.25%;
		}
		.flex-video.vimeo {
			padding-top: 0;
		}
		.flex-video iframe,
		.flex-video object,
		.flex-video embed,
		.flex-video video {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	img {
		vertical-align: middle;
		-ms-interpolation-mode: bicubic;
	}

	/* ------------------------ syntactical elements ------------------------ */
	code,
	kbd,
	pre,
	samp {
		color: #444;
		font-size: 0.875rem;
		font-family: Monaco, "Lucida Sans Typewriter", Consolas,  "Courier New", monospace;
	}
	code {
		background: #f8f8f8;
		border: 1px solid #dedede;
		border-radius: 0.178rem;
		margin: 0;
		padding: 0.064rem 0.317rem;
		white-space: nowrap;
	}
	kbd {
		background: #f8f8f8;
		border: 1px solid #dedede;
		border-radius: 0.238rem;
		box-shadow: 0 1px 0 #dedede, inset 0 0 0 1px #fff;
		margin-bottom: 1px;
		padding: 0.064rem 0.317rem;
		position: relative;
		top: -1px;
		white-space: nowrap;
	}
	pre {
		position: relative;
		overflow: auto;
		padding: 1rem;
		background: #222;
		box-shadow: inset 0 0 0.356rem hsla(0, 0%, 0%, 0.6);
		color: #ccc;
		-moz-hyphens: none;
		-ms-hyphens: none;
		-webkit-hyphens: none;
		hyphens: none;
		-moz-tab-size: 4;
		tab-size: 4;
		white-space: pre;
		word-wrap: normal;
		word-break: normal;
	}
		pre code {
			background: transparent;
			border: none;
			border-radius: 0;
			color: inherit;
			display: block;
			height: 100%;
			margin: 0;
			overflow: auto;
			padding: 0;
			white-space: pre;
		}

	/* ------------------------ tool tips ------------------------ */
	.tooltip {
		background: #111;
		border-radius: 0.25rem;
		color: #fff;
		font-size: 0.75rem;
		padding: 1em;
		position: absolute;
		text-align: center;
		z-index: 9099;
	}
		.tooltip:after { /* triangle decoration */
			border-top: 12px solid #111;
			border-right: 12px solid transparent;
			border-left: 12px solid transparent;
			content: '';
			margin-left: -12px;
			position: absolute;
			bottom: -9px;
			left: 50%;
			width: 0;
			height: 0;
		}
			.tooltip.top:after {
				border-top-color: transparent;
				border-bottom: 12px solid #111;
				top: -24px;
				bottom: auto;
			}
			.tooltip.left:after {
				left: 12px;
				margin: 0;
			}
			.tooltip.right:after {
				margin: 0;
				right: 12px;
				left: auto;
			}

/*
	+-+-+-+-+-+-+ GLOBAL STYLES +-+-+-+-+-+-+
		=BODY
		=HEADER
		=NAVIGATION BAR
		=MAIN
		=COLUMN-LEFT
		=COLUMN-RIGHT
		=BOTTOM WRAP
		=FOOTER
		=DISCLAIMERS
		=MOBILE FOOTER
*/

/*
------------------------------- =BODY ------------------------------- */
body {
	background-color: #f4f3f1;
}


/*
------------------------------- =HEADER ------------------------------- */
.header {
	height: 4.75rem;
	margin: 0 auto;
}

/* Remove automatic hyphens */
p, ul, ol, dl, blockquote{
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}


	.header.stuck,
	.header .main-header.stuck {
		background: #fff;
		box-shadow: 0 2px 4px -2px rgba(51, 51, 51, .2);
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}

	/* ------------------------ main-header ------------------------ */
	.main-header {
		z-index: 1;
	}
		.main-header .breaker {
			height: 1.75rem;
		}
		.main-header.stuck {
			padding: 0.50rem 0;
		}
	
		/* ------------------------ masthead ------------------------ */
		.masthead {
			display: block;
			font-size: 1rem;
			line-height: 3;
		}
		.masthead img {
			display:block;
			max-height:70px;
			margin:4px 0 2px;
		}
		@media only screen and (min-width: 768px) {
			.masthead {
				font-size: 1.50rem;
				line-height: 2.667;
			}
		}
		.masthead:hover {
			color: inherit;
		}
	

/*
------------------------------- =NAVIGATION BAR ------------------------------- */
.navigation-bar {
	text-align: center;
}
	.main-navigation {
		height: 0;
		opacity: 0;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
		@media only screen and (min-width: 768px) {
			.main-navigation {
				margin: 0 auto;
				opacity: 1;
				max-width: 1170px;
				height: 100%;
			}
			.main-navigation li.medium-hide {
				display:none;
			}
		}
		.main-navigation li {
			display: inline-block;
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			text-align: left;
			white-space: nowrap;
		}
			.main-navigation li a {
				color: #888;
				display: block;
				line-height: 4.75;
				padding: 0 0.75rem;
				text-decoration: none;
				text-transform: uppercase;
			}
			.main-navigation li:hover > span a {
				box-shadow: inset 0 -2px 0 0 #f36618;
			color: #232323;
				
			}
			@media screen and (min-width:768px) and (max-width:818px) {
				.main-navigation li a {
					padding: 0 0.5rem;
				}
			}

	/* ------------------------ first sub-level ------------------------ */
	.main-navigation li ul {
		display: none;
		margin: 0;
		min-width: 100%;
		padding: 0;
		position: absolute;
		left: 0;
		z-index: 999;
	}
	.main-navigation li:hover ul {
		background: #fff;
		border: 1px solid #ddd;
		display: block;
	}
		.main-navigation li ul li {
			display: block;
			position: relative;
		}
			.main-navigation li ul li a {
				font-size: 0.75rem;
				line-height: 3.50;
			}
			.main-navigation li ul li:hover > span a {
				background: #efefef;
				box-shadow: none;
			}

	/* ------------------------ second and subsequent sub-levels ------------------------ */
	.main-navigation li:hover ul ul {
		display: none;
	}
		.main-navigation li ul li ul {
			display: none;
			position: absolute;
			top: 0;
			left: 100%;
		}
		.main-navigation li ul li:hover > ul {
			display: block;
		}

	/* ------------------------ mobile off-canvas navigation ------------------------ */
	.mobile-menu {
		-webkit-backface-visibility: hidden; /* improves performance issues on mobile */
		/*background: #333;*/
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
		-webkit-perspective: 1000; /* improves performance issues on mobile */
		position: fixed;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		z-index: 9999;
	}
		.mobile-menu-top,
		.mobile-menu-bottom {
			left: 0;
			width: 100%;
			height: 100%;
		}
		.mobile-menu-top {
			top: -100%;
		}
			.mobile-menu-top-open .mobile-menu-top {
				top: 0
			}
		.mobile-menu-right,
		.mobile-menu-left {
			top: 0;
			width: 256px;
			height: 100%;
		}
		.mobile-menu-right {
			right: -256px;
		}
			.mobile-menu-right-open .mobile-menu-right {
				right: 0
			}
		.mobile-menu-bottom {
			bottom: -100%;
		}
			.mobile-menu-bottom-open .mobile-menu-bottom {
				bottom: 0
			}
		.mobile-menu-left {
			left: -256px;
		}
			.mobile-menu-left-open .mobile-menu-left {
				left: 0
			}
		.mobile-menu-header {
			border-bottom: 1px solid #666;
			color: #f1f1f1;
			font-size: 1rem;
			line-height: 3;
			margin: 0;
			overflow: hidden;
			padding: 0 1rem;
			text-align: center;
			vertical-align: middle;
		}
			.mobile-menu-header .close-mobile-menu {
				display: inline-block;
				float: right;
				font-size: 2rem;
				line-height: 1.5;
				opacity: .50;
				text-decoration: none;
				vertical-align: middle;
			}

		/* ------------------------ Menu Transitions ------------------------ */
		.mobile-navigation,
		.wrap {
			-webkit-backface-visibility: hidden; /* improves performance issues on mobile */
		}
		.mobile-navigation {
			-webkit-perspective: 1000; /* improves performance issues on mobile */
		}

		/* ------------------------ Site Overlay ------------------------ */
		.site-overlay {
			background: transparent;
			display: none;
		}
			.mobile-menu-active .site-overlay {
				background: rgba(0, 0, 0, 0.5);
				display: block;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 9000;
			}

		/* ------------------------ Menu Appearance ------------------------ */
		.mobile-menu-button {
			color: #888;
			font-size: 3rem;
			line-height: 1.50;
			padding-top:.4rem;
		}
		
		@media only screen and (max-width: 767px) {
			.mobile-navigation-header {
				color: #fff;
				cursor: pointer;
				height: 3.50rem;
				line-height: 3.50rem;
				text-decoration: none;
				vertical-align: middle;
				text-align: center;
			}
				.mobile-navigation-header a {
					border-right: 1px solid #444;
					color: #fff;
					text-decoration: none;
				}
			.mobile-navigation-search {
				margin: 0;
			}
				.mobile-navigation-search input[type="search"] {
					border-color: transparent;
				}
				.mobile-navigation-search .button *[data-icon] {
					margin: 0;
				}
			.mobile-navigation {
				width:200%;
				-webkit-overflow-scrolling: touch;
				-webkit-tap-highlight-color:transparent;
			}
				.mobile-navigation ul {
					display: block;
					float: left;
					opacity: 1;
					overflow: hidden;
					position: relative;
					table-layout: auto;
					-webkit-tap-highlight-color: transparent;
					text-align:  left;
					-webkit-transform: translateZ(0);
					transform: translateZ(0);
					-moz-transition: all 0.3s;
					-webkit-transition: all 0.3s;
					transition: all 0.3s;
					width: 50%;
					height: 100%;
					z-index: 0;
				}
					.mobile-navigation ul li > ul {
						display: none;
					}
					.mobile-navigation ul li {
						/*background: #333;*/
						border-bottom: 1px solid #fff;
						display: table;
						overflow-x: hidden;
						width: 100%;
					}
						.mobile-navigation ul li span {
							border: none;
							color: #fff;
							cursor: pointer;
							display: block;
							font-size: 0.75rem;
							line-height: 3.50rem;
							overflow: hidden;
							padding: 0;
							-moz-transition: none;
							-webkit-transition: none;
							transition: none;
							width: 100%;
							min-height: 3.50rem;
						}
							.mobile-navigation ul li span.parent {
								display: table-cell;
								width: 80%;
							}
							.mobile-navigation ul li span.next {
								border-left: 1px solid #fff;
								display: table-cell;
								width: 20%;
								text-align: center;
							}
								.mobile-navigation ul li span.next:active {
									background: transparent;
								}
							.mobile-navigation ul li span.back {
								max-width: none;
							}
							.mobile-navigation ul li span a {
								background: none;
								border: 0 none;
								box-shadow: none;
								color: #fff;
								cursor: pointer;
								display: inline-block;
								font-size: 0.75rem;
								font-weight: 700;
								line-height: 1.5;
								overflow: hidden;
								padding-left: 1rem;
								text-decoration: none;
								text-transform: uppercase;
								vertical-align: middle;
								white-space: normal;
								width: 100%;
							}
							.mobile-navigation ul li:hover > span a {
								color:#ccc;
							}
							.mobile-navigation ul li:hover > ul {
								display: none;
							}
							.mobile-navigation ul li:hover > span,
							.mobile-navigation ul li:hover > span a {
								background-color: transparent;
								box-shadow: none;
							}
							.mobile-navigation ul li:hover > span:active {
								-webkit-transform: translateZ(0);
								transform: translateZ(0);
								background-color: transparent;
								-moz-transition: all 0.3s;
								-webkit-transition: all 0.3s;
								transition: all 0.3s;
							}
					.mobile-navigation ul.hide {
						/*display:  none;*/
						overflow: hidden;
						margin-left: -50%;
						/*visibility:  hidden;*/
						white-space: nowrap;
					}
						.mobile-navigation ul.hide li,
						.mobile-navigation ul.hide li span {
							overflow: hidden;
						}
					.mobile-navigation .navigation-trail {
						height: 3.50rem;
					}
						.mobile-navigation .navigation-trail span {
							cursor: default;
							display: table-cell;
							font-size: 0.75rem;
							line-height: 1.5;
							padding: 0 1rem;
							text-align: left;
							text-indent: 0;
							vertical-align: middle;
						}
		}


/*
------------------------ =MAIN ------------------------ */
.main {
	padding: 2rem 0;
}
	.hdft-header,
	.hdft-footer,
	.prod-ctgy-hdft-header,
	.prod-ctgy-hdft-footer,
	.content-item,
	.page-title {
		clear: both;
	}


	/*
	------------------------ =COLUMN-LEFT ------------------------ */
	.column-left {
	}
		.single-column .column-left {
			display: none;
		}
	
		/* ------------------------ category tree navigation ------------------------ */
		.category-tree {
			font-size: 0.875rem;
			margin-bottom: 3rem;
		}
			.category-tree ul {
			}
				.category-tree ul ul {
				}
				.category-tree ul li {
					list-style: none;
				}
					.category-tree .level-1 {
						font-weight: 700;
						line-height: 2.5;
						text-transform: uppercase;
					}
					.category-tree .level-2,
					.category-tree .level-3,
					.category-tree .level-4 {
						font-size: 0.75rem;
						line-height: 2;
						padding-left: 1.50rem;
					}
					.category-tree .level-3 {
						padding-left: 2rem;
					}
					.category-tree .level-4 {
						padding-left: 2.50rem;
					}
				.category-tree a {
					display: block;
					text-decoration: none;
				}
					.category-tree a span {
						display: inline-block;
						font-size: 1rem;
					}
	
	
	/*
	------------------------ =COLUMN RIGHT ------------------------ */
	.column-right {
		border-left: 1px solid #e5e5e5;
		min-height: 30rem;
	}
		.single-column .row .column-right {
			border: none;
			left: auto;
			width: 100%;
		}
	
		/* ------------------------ page titles ------------------------ */
		.page-title {
			border-bottom: 1px solid #ddd;
			margin-bottom: 0.50rem;
			text-transform: uppercase;
		}
	
		/* ------------------------ breadcrumbs ------------------------ */
		.breadcrumbs {
			border-bottom: 1px solid #ddd;
			clear: both;
			font-size: 0.75rem;
			line-height: 1.5;
			margin-bottom: 0.50rem;
		}
			@media only screen and (min-width: 768px) {
				.breadcrumbs {
					line-height: 2;
				}
			}
			.page-title + .breadcrumbs {
				margin-top: -0.30rem;
			}
			.breadcrumbs li {
				display: inline-block;
			}
				.breadcrumbs a {
					margin: 0 0.50rem;
					text-decoration: none
				}
					.breadcrumbs li:first-child a {
						margin-left: 0;
					}
				.breadcrumbs .current-item {
					color: #333;
					font-weight: 700;
					margin: 0 0.50rem;
				}


/*
------------------------ =BOTTOM WRAP ------------------------ */
.bottom-wrap {
	clear: both; /* important - do not remove */
	height: 0;
}


/*
------------------------ =FOOTER ------------------------ */
.footer {
	color: #fff;
	padding-top: 2rem;
}
.footer a{
	color: #fff;
}

.footer a:hover{
	color: #ccc;
}	

#footerWrap{padding:20px 0 40px}


	/* ------------------------ footer-social ------------------------ */
	.footer-social a {
		background: #454545;
		border-radius: 2rem;
		color: #fff;
		display: inline-block;
		font-size: 1.125rem;
		line-height: 2;
		margin-right: 0.50rem;
		text-align: center;
		vertical-align: middle;
		width: 2rem;
		height: 2rem;
	}
	.footer-social a:hover {
		background: #555;
	}
	
	/* ------------------------ testimonial-scroller ------------------------ */
	.testimonial-wrap .slick-prev,
	.testimonial-wrap .slick-next {
		border: 1px solid #fff;
		margin: 0;
		top: 0;
	}
	.testimonial-wrap .slick-prev {
		right: 2.50rem;
		left: auto;
	}
		.testimonial-wrap .slick-prev:before,
		.testimonial-wrap .slick-next:before {
			color: #fff;
			font-size: 1rem;
		}
		.testimonial-wrap .slick-prev:before {
			content:'\32';
		}
		.testimonial-wrap .slick-next:before {
			content:'\33';
		}
		.testimonial {
 		}
		.testimonial + .testimonial {
			padding-top:1rem;
		}
			.testimonial p {
				padding-left: 1.50rem;
				margin: 0;
			}
				.testimonial p span {
					margin-right: 0.50rem;
					margin-left: -1.50rem;
				}


/*
------------------------ =DISCLAIMERS ------------------------ */
.disclaimers {
	padding: 0.50rem 0;
}
	.disclaimers .wrap {
		border-top: 1px solid #fff;
		padding: 0.50rem 0;
	}
	.disclaimers a {
		text-decoration: none;
	}
	.disclaimers a:hover {
	}
	@media screen and (max-width: 640px) {
		.disclaimers {
			padding-bottom: 4rem;
		}
		.disclaimers .wrap {
			border: 0 none;
			padding: 0;
		}
	}


/*
------------------------ =MOBILE FOOTER ------------------------ */
.mobile-footer {
	box-shadow: 0 -2px 4px 2px rgba(51, 51, 51, .2);
	height: 3rem;
	line-height: 3rem;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index:4;
}
	.mobile-footer div {
		border-left: 1px solid #fff;
		color: #fff;
		cursor: default;
		font-size: 0.75rem;
		height: 100%;
		line-height: 1;
		padding-top: 0.625rem;
	}
		.mobile-footer div:first-child {
			border: none;
		}
		.mobile-footer a {
			color: #fff;
			display: block;
			text-decoration: none;
		}
		.mobile-footer span {
			font-size: 1rem;
		}
		.mobile-footer small {
			display: inline-block;
			font-size: 0.625rem;
			width: 100%;
		}

	/* ------------------------ mobile-footer-links ------------------------ */
	.mobile-footer-links ul {
		width: 100%;
		max-height: 90%;
	}
		.mobile-footer-links ul li {
			border-bottom: 1px solid #666;
			display: table;
			line-height: 2.50rem;
			width: 100%;
		}
			.mobile-footer-links ul li a {
				color: #f1f1f1;
				cursor: pointer;
				display: block;
				font-size: 0.75rem;
				overflow: hidden;
				padding: 0 1rem;
				text-decoration: none;
				text-transform: uppercase;
				vertical-align: middle;
				white-space: normal;
			}

/*
------------------------ =DATEPICKER ------------------------ */
#ui-datepicker-div {
	background-color:#fff;
	box-shadow:0 0px 5px rgba(0,0,0,.33);
	z-index:9098 !important;
}
#ui-datepicker-div .ui-datepicker-calendar a {
	color:#1c1c1c;
	text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar a:hover {
	color:#0970ae;
}
.ui-datepicker-prev,
.ui-datepicker-next {
	color:#0970ae;
	font-size:22px;
	line-height:33px;
	text-align: center;
	cursor:pointer;
}
.ui-datepicker-prev:after {
	content:'\2039';
}
.ui-datepicker-next:after {
	content:'\203A';
}
/** Trumbowyg v2.0.0-beta.7 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
.trumbowyg-box{padding-top:37px}.trumbowyg-box *,.trumbowyg-box ::after,.trumbowyg-box ::before{box-sizing:border-box}.trumbowyg-box,.trumbowyg-editor{display:block;position:relative;border:1px solid #DDD;width:96%;min-height:300px;margin:17px auto}.trumbowyg-box .trumbowyg-editor{margin:0 auto}.trumbowyg-box.trumbowyg-fullscreen{background:#FEFEFE}.trumbowyg-editor,.trumbowyg-textarea{position:relative;box-sizing:border-box;padding:1% 2%;min-height:300px;width:100%;border-style:none;resize:none;outline:0;overflow:auto}.trumbowyg-box-blur .trumbowyg-editor *{color:transparent!important;text-shadow:0 0 7px #333}.trumbowyg-box-blur .trumbowyg-editor img{opacity:.2}.trumbowyg-textarea{position:relative;display:block;overflow:auto;border:none;white-space:normal;font-size:14px;font-family:Inconsolata,Consolas,Courier,"Courier New",sans-serif;line-height:18px}.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea{position:absolute;top:36px;height:1px!important;width:25%;min-height:0!important;padding:0!important;background:0 0;opacity:0}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea{display:block}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor{display:none}.trumbowyg-editor[contenteditable=true]:empty:before{content:attr(placeholder);color:#999}.trumbowyg-button-pane{position:absolute;top:0;left:0;width:100%;min-height:37px;background:#ecf0f1;border-bottom:1px solid #d7e0e2;margin:0;padding:0;list-style-type:none;line-height:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-button-pane li{display:block;float:left;text-align:center;overflow:hidden;padding:0!important}.trumbowyg-button-pane li.trumbowyg-separator{width:1px;background:#d7e0e2;margin:0 5px;height:35px}.trumbowyg-button-pane.trumbowyg-disable li:not(.trumbowyg-not-disable) button:not(.trumbowyg-active){opacity:.2;cursor:default}.trumbowyg-button-pane.trumbowyg-disable li.trumbowyg-separator{background:#e3e9eb}.trumbowyg-button-pane li button{padding:1px 6px!important}.trumbowyg-button-pane li button.trumbowyg-active,.trumbowyg-button-pane li.trumbowyg-not-disable button:focus,.trumbowyg-button-pane li.trumbowyg-not-disable button:hover,.trumbowyg-button-pane:not(.trumbowyg-disable) li button:focus,.trumbowyg-button-pane:not(.trumbowyg-disable) li button:hover{background-color:#FFF;outline:0}.trumbowyg-button-pane li .trumbowyg-open-dropdown:after{display:block;content:" ";position:absolute;top:25px;right:3px;height:0;width:0;border:3px solid transparent;border-top-color:#555}.trumbowyg-button-pane .trumbowyg-buttons-right{float:right;width:auto}.trumbowyg-button-pane .trumbowyg-buttons-right button{float:left}.trumbowyg-dropdown{width:200px;border:1px solid #ecf0f1;padding:5px 0;border-top:none;background:#FFF;margin-left:-1px;box-shadow:rgba(0,0,0,.1) 0 2px 3px}.trumbowyg-dropdown button{display:block;width:100%;height:35px;line-height:35px;text-decoration:none;background:#FFF;padding:0 14px;color:#333!important;border:none;cursor:pointer;text-align:left;font-size:15px;-webkit-transition:all .15s;transition:all .15s}.trumbowyg-dropdown button:focus,.trumbowyg-dropdown button:hover{background:#ecf0f1}.trumbowyg-modal{position:absolute;top:0;left:50%;margin-left:-260px;width:520px;height:350px;z-index:11;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-modal-box{position:absolute;top:0;left:50%;margin-left:-250px;width:500px;padding-bottom:45px;z-index:1;background-color:#FFF;text-align:center;font-size:14px;box-shadow:rgba(0,0,0,.2) 0 2px 3px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-modal-box .trumbowyg-modal-title{font-size:24px;font-weight:700;margin:0 0 20px;padding:15px 0 13px;display:block;border-bottom:1px solid #EEE;color:#333;background:#fbfcfc}.trumbowyg-modal-box .trumbowyg-progress{width:100%;background:red;height:3px;position:absolute;top:58px}.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar{background:#2BC06A;height:100%;-webkit-transition:width .15s linear;transition:width .15s linear}.trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:27px;line-height:27px;overflow:hidden}.trumbowyg-modal-box label .trumbowyg-input-infos{display:block;text-align:left;height:25px;line-height:25px;-webkit-transition:all .15;transition:all .15}.trumbowyg-modal-box label .trumbowyg-input-infos span{display:block;color:#69878e;background-color:#fbfcfc;border:1px solid #DEDEDE;padding:0 7px;width:137px}.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-modal-box label.trumbowyg-input-error textarea{border:1px solid #e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos{margin-top:-27px}.trumbowyg-modal-box label input{position:absolute;top:0;right:0;height:27px;line-height:27px;border:1px solid #DEDEDE;background:0 0;font-size:14px;width:340px;padding:0 7px;-webkit-transition:all .15s;transition:all .15s}.trumbowyg-modal-box label input:focus,.trumbowyg-modal-box label input:hover{outline:0;border:1px solid #95a5a6}.trumbowyg-modal-box label input:focus{background:rgba(230,230,255,.1)}.trumbowyg-modal-box .error{margin-top:25px;display:block;color:red}.trumbowyg-modal-box .trumbowyg-modal-button{position:absolute;bottom:10px;right:0;text-decoration:none;color:#FFF;display:block;width:100px;height:35px;line-height:33px;margin:0 10px;background-color:#333;border:none;cursor:pointer;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif;font-size:16px;-webkit-transition:all .15s;transition:all .15s}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{right:110px;background:#2bc06a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#40d47e;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#25a25a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{color:#555;background:#e6e6e6}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#fbfbfb;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#d4d4d4}.trumbowyg-overlay{position:absolute;background-color:rgba(255,255,255,.5);width:100%;left:0;display:none;z-index:10}body.trumbowyg-body-fullscreen{overflow:hidden}.trumbowyg-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:99999}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen.trumbowyg-box{border:none}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen .trumbowyg-textarea{height:calc(100% - 37px)!important;overflow:auto;margin-top:37px}.trumbowyg-fullscreen .trumbowyg-overlay{height:100%!important}.trumbowyg-editor embed,.trumbowyg-editor img,.trumbowyg-editor object,.trumbowyg-editor video{max-width:100%}.trumbowyg-editor img,.trumbowyg-editor video{height:auto}.trumbowyg-editor img{cursor:move}.trumbowyg-editor.trumbowyg-reset-css{background:#FEFEFE!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;line-height:1.45em!important;white-space:normal!important;color:#333}.trumbowyg-editor.trumbowyg-reset-css a{color:#15c!important;text-decoration:underline!important}.trumbowyg-editor.trumbowyg-reset-css blockquote,.trumbowyg-editor.trumbowyg-reset-css div,.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css p,.trumbowyg-editor.trumbowyg-reset-css ul{box-shadow:none!important;background:0 0!important;margin:0 0 15px!important;line-height:1.4em!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;border:none}.trumbowyg-editor.trumbowyg-reset-css hr,.trumbowyg-editor.trumbowyg-reset-css iframe,.trumbowyg-editor.trumbowyg-reset-css object{margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css blockquote{margin-left:32px!important;font-style:italic!important;color:#555}.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css ul{padding-left:20px!important}.trumbowyg-editor.trumbowyg-reset-css ol ol,.trumbowyg-editor.trumbowyg-reset-css ol ul,.trumbowyg-editor.trumbowyg-reset-css ul ol,.trumbowyg-editor.trumbowyg-reset-css ul ul{border:none;margin:2px!important;padding:0 0 0 24px!important}.trumbowyg-editor.trumbowyg-reset-css hr{display:block;height:1px;border:none;border-top:1px solid #CCC}.trumbowyg-editor.trumbowyg-reset-css h1,.trumbowyg-editor.trumbowyg-reset-css h2,.trumbowyg-editor.trumbowyg-reset-css h3,.trumbowyg-editor.trumbowyg-reset-css h4{color:#111;background:0 0;margin:0!important;padding:0!important;font-weight:700}.trumbowyg-editor.trumbowyg-reset-css h1{font-size:32px!important;line-height:38px!important;margin-bottom:20px!important}.trumbowyg-editor.trumbowyg-reset-css h2{font-size:26px!important;line-height:34px!important;margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css h3{font-size:22px!important;line-height:28px!important;margin-bottom:7px!important}.trumbowyg-editor.trumbowyg-reset-css h4{font-size:16px!important;line-height:22px!important;margin-bottom:7px!important}.trumbowyg-black .trumbowyg-button-pane{background-color:#222;border-bottom-color:#343434}.trumbowyg-black .trumbowyg-button-pane li.trumbowyg-separator{background-color:#343434}.trumbowyg-black .trumbowyg-button-pane.trumbowyg-disable li.trumbowyg-separator{background-color:#2a2a2a}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-active,.trumbowyg-black .trumbowyg-button-pane li.trumbowyg-not-disable button:focus,.trumbowyg-black .trumbowyg-button-pane li.trumbowyg-not-disable button:hover,.trumbowyg-black .trumbowyg-button-pane:not(.trumbowyg-disable) li button:focus,.trumbowyg-black .trumbowyg-button-pane:not(.trumbowyg-disable) li button:hover{background-color:#555}.trumbowyg-black .trumbowyg-button-pane li .trumbowyg-open-dropdown:after{border-top-color:#fff}.trumbowyg-black .trumbowyg-dropdown{border-color:#222;background:#222}.trumbowyg-black .trumbowyg-dropdown button{background:#222;color:#fff!important}.trumbowyg-black .trumbowyg-dropdown button:focus,.trumbowyg-black .trumbowyg-dropdown button:hover{background:#555}.trumbowyg-black .trumbowyg-modal-box{background-color:#222}.trumbowyg-black .trumbowyg-modal-box .trumbowyg-modal-title{border-bottom:1px solid #555;color:#fff;background:#3c3c3c}.trumbowyg-black .trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:27px;line-height:27px;overflow:hidden}.trumbowyg-black .trumbowyg-button-pane li:first-child button,.trumbowyg-button-pane li:first-child button{margin-left:6px}.trumbowyg-black .trumbowyg-button-pane li:last-child button,.trumbowyg-button-pane li:last-child button{margin-right:6px}.trumbowyg-black .trumbowyg-modal-box label .trumbowyg-input-infos span{color:#eee;background-color:#2f2f2f;border-color:#222}.trumbowyg-black .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-black .trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-black .trumbowyg-modal-box label.trumbowyg-input-error textarea{border-color:#e74c3c}.trumbowyg-black .trumbowyg-modal-box label input{border-color:#222;color:#eee;background:#333}.trumbowyg-black .trumbowyg-modal-box label input:focus,.trumbowyg-black .trumbowyg-modal-box label input:hover{border-color:#95a5a6}.trumbowyg-black .trumbowyg-modal-box label input:focus{background-color:rgba(230,230,255,.1)}.trumbowyg-black .trumbowyg-overlay{background-color:rgba(0,0,0,.5)}.trumbowyg-button-pane li button{display:block;position:relative;text-indent:-9999px;width:35px;height:35px;overflow:hidden;background:url(images/icons-black.png) no-repeat;border:none;cursor:pointer;-webkit-transition:background-color .15s,background-image .15s,opacity .15s;transition:background-color .15s,background-image .15s,opacity .15s}.trumbowyg-button-pane li button.trumbowyg-viewHTML-button{background-position:-70px -95px}.trumbowyg-button-pane li button.trumbowyg-formatting-button{background-position:-45px -20px}.trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -20px}.trumbowyg-button-pane li button.trumbowyg-em-button,.trumbowyg-button-pane li button.trumbowyg-italic-button{background-position:-70px -45px}.trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -95px}.trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:-95px -70px}.trumbowyg-button-pane li button.trumbowyg-link-button{background-position:-45px -70px}.trumbowyg-button-pane li button.trumbowyg-insertImage-button{background-position:-70px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyLeft-button{background-position:-20px -70px}.trumbowyg-button-pane li button.trumbowyg-justifyCenter-button{background-position:-20px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyRight-button{background-position:-95px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyFull-button{background-position:5px 5px}.trumbowyg-button-pane li button.trumbowyg-unorderedList-button{background-position:-20px -95px}.trumbowyg-button-pane li button.trumbowyg-orderedList-button{background-position:-70px -70px}.trumbowyg-button-pane li button.trumbowyg-horizontalRule-button{background-position:-70px 5px}.trumbowyg-button-pane li button.trumbowyg-removeformat-button{background-position:-95px 5px}.trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:-20px -45px}.trumbowyg-button-pane li button.trumbowyg-close-button{background-position:-45px 5px}.trumbowyg-fullscreen .trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:5px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:-45px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:-95px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -70px}.trumbowyg-black .trumbowyg-button-pane li button{background-image:url(images/icons-white.png)}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-viewHTML-button{background-position:-70px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-formatting-button{background-position:-45px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-em-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-italic-button{background-position:-70px -45px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:-95px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-link-button{background-position:-45px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-insertImage-button{background-position:-70px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyLeft-button{background-position:-20px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyCenter-button{background-position:-20px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyRight-button{background-position:-95px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyFull-button{background-position:5px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-unorderedList-button{background-position:-20px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-orderedList-button{background-position:-70px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-horizontalRule-button{background-position:-70px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-removeformat-button{background-position:-95px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:-20px -45px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-close-button{background-position:-45px 5px}.trumbowyg-black .trumbowyg-fullscreen .trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:5px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:-45px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:-95px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -70px}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (min-device-pixel-ratio:1.3),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.trumbowyg-button-pane li button{background-size:125px 125px!important;background-image:url(images/icons-black-2x.png)!important}.trumbowyg-button-pane li button.trumbowyg-viewHTML-button{background-position:-70px -95px}.trumbowyg-button-pane li button.trumbowyg-formatting-button{background-position:-45px -20px}.trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -20px}.trumbowyg-button-pane li button.trumbowyg-em-button,.trumbowyg-button-pane li button.trumbowyg-italic-button{background-position:-70px -45px}.trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -95px}.trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:-95px -70px}.trumbowyg-button-pane li button.trumbowyg-link-button{background-position:-45px -70px}.trumbowyg-button-pane li button.trumbowyg-insertImage-button{background-position:-70px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyLeft-button{background-position:-20px -70px}.trumbowyg-button-pane li button.trumbowyg-justifyCenter-button{background-position:-20px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyRight-button{background-position:-95px -20px}.trumbowyg-button-pane li button.trumbowyg-justifyFull-button{background-position:5px 5px}.trumbowyg-button-pane li button.trumbowyg-unorderedList-button{background-position:-20px -95px}.trumbowyg-button-pane li button.trumbowyg-orderedList-button{background-position:-70px -70px}.trumbowyg-button-pane li button.trumbowyg-horizontalRule-button{background-position:-70px 5px}.trumbowyg-button-pane li button.trumbowyg-removeformat-button{background-position:-95px 5px}.trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:-20px -45px}.trumbowyg-button-pane li button.trumbowyg-close-button{background-position:-45px 5px}.trumbowyg-fullscreen .trumbowyg-button-pane li a.trumbowyg-fullscreen-button{background-position:5px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:-45px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:-95px -45px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -70px}.trumbowyg-black .trumbowyg-button-pane li button{background-size:125px 125px!important;background-image:url(images/icons-white-2x.png)!important}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-viewHTML-button{background-position:-70px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-formatting-button{background-position:-45px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-em-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-italic-button{background-position:-70px -45px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:-95px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-link-button{background-position:-45px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-insertImage-button{background-position:-70px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyLeft-button{background-position:-20px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyCenter-button{background-position:-20px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyRight-button{background-position:-95px -20px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-justifyFull-button{background-position:5px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-unorderedList-button{background-position:-20px -95px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-orderedList-button{background-position:-70px -70px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-horizontalRule-button{background-position:-70px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-removeformat-button{background-position:-95px 5px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:-20px -45px}.trumbowyg-black .trumbowyg-button-pane li button.trumbowyg-close-button{background-position:-45px 5px}.trumbowyg-black .trumbowyg-fullscreen .trumbowyg-button-pane li a.trumbowyg-fullscreen-button{background-position:5px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:-45px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:-95px -45px}.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-black .trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -70px}}
/* normalize */
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,hgroup,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* base */
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@-moz-viewport{width:device-width;zoom:1}@-ms-viewport{width:device-width;zoom:1}@-o-viewport{width:device-width;zoom:1}@-webkit-viewport{width:device-width;zoom:1}@viewport{width:device-width;zoom:1}body,html{min-height:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent}html{font-size:100%;overflow-y:scroll;-ms-touch-action:manipulation;touch-action:manipulation}.h1,.h2,.h3,.h4,.h5,.h6,address,blockquote,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,summary,table,ul{margin:0;margin-bottom:1.5rem}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}::selection:window-inactive{background:#dedede}img::selection{background:0 0}img::-moz-selection{background:0 0}[disabled]{cursor:not-allowed}.back-to-top{color:#fff;cursor:pointer;display:none;position:fixed;right:0;bottom:0;text-align:center}.back-to-top span{display:inline-block;font-size:2.5rem;line-height:2.5rem;vertical-align:middle;width:2.5rem;height:2.5rem}
/* scaffolding */
.wrap{clear:both;display:block;margin:0 auto;position:relative;width:auto;max-width:980px;zoom:1}.row{clear:both;display:block;margin:0 auto;position:relative;width:auto;zoom:1}.row .row{margin-right:-.75rem;margin-left:-.75rem}.row .row.maintain-structure{margin-right:.75rem;margin-left:.75rem}.row:after,.row:before,.wrap:after,.wrap:before{content:" ";display:table}.row:after,.wrap:after{clear:both}.column{float:left;padding-right:.75rem;padding-left:.75rem;position:relative;width:100%;min-height:1px}.column.centered{float:none;margin:0 auto;overflow:hidden}.column.no-padding{padding-right:0;padding-left:0}.row .eight-eights,.row .five-fifths,.row .four-fourths,.row .six-sixths,.row .ten-tenths,.row .three-thirds,.row .twelve-twelfths,.row .two-halves,.row .whole{width:100%}.row .five-tenths,.row .four-eights,.row .half,.row .six-twelfths,.row .three-sixths,.row .two-fourths{width:50%}.row .four-twelfths,.row .one-third,.row .two-sixths{width:33.3332%}.row .eight-twelfths,.row .four-sixths,.row .two-thirds{width:66.6665%}.row .one-fourth,.row .three-twelfths,.row .two-eighths{width:25%}.row .nine-twelfths,.row .six-eighths,.row .three-fourths{width:75%}.row .one-fifth,.row .two-tenths{width:20%}.row .four-tenths,.row .two-fifths{width:40%}.row .six-tenths,.row .three-fifths{width:60%}.row .eight-tenths,.row .four-fifths{width:80%}.row .one-sixth,.row .two-twelfths{width:16.6665%}.row .five-sixths,.row .ten-twelfths{width:83.3332%}.row .one-eighth{width:12.5%}.row .three-eighths{width:37.5%}.row .five-eighths{width:62.5%}.row .seven-eighths{width:87.5%}.row .one-tenth{width:10%}.row .three-tenths{width:30%}.row .seven-tenths{width:70%}.row .nine-tenths{width:90%}.row .one-twelfth{width:8.3332%}.row .five-twelfths{width:41.6665%}.row .seven-twelfths{width:58.332%}.row .eleven-twelfths{width:91.6665%}.row .golden-small{width:38.2716%}.row .golden-large{width:61.7283%}.row .width-auto{width:auto}.row .push-five-tenths,.row .push-four-eights,.row .push-half,.row .push-six-twelfths,.row .push-three-sixths,.row .push-two-fourths{left:50%}.row .push-four-twelfths,.row .push-one-third,.row .push-two-sixths{left:33.3332%}.row .push-eight-twelfths,.row .push-four-sixths,.row .push-two-thirds{left:66.6665%}.row .push-one-fourth,.row .push-three-twelfths,.row .push-two-eighths{left:25%}.row .push-nine-twelfths,.row .push-six-eighths,.row .push-three-fourths{left:75%}.row .push-one-fifth,.row .push-two-tenths{left:20%}.row .push-four-tenths,.row .push-two-fifths{left:40%}.row .push-six-tenths,.row .push-three-fifths{left:60%}.row .push-eight-tenths,.row .push-four-fifths{left:80%}.row .push-one-sixth,.row .push-two-twelfths{left:16.6665%}.row .push-five-sixths,.row .push-ten-twelfths{left:83.3332%}.row .push-one-eighth{left:12.5%}.row .push-three-eighths{left:37.5%}.row .push-five-eighths{left:62.5%}.row .push-seven-eighths{left:87.5%}.row .push-one-tenth{left:10%}.row .push-three-tenths{left:30%}.row .push-seven-tenths{left:70%}.row .push-nine-tenths{left:90%}.row .push-one-twelfth{left:8.3332%}.row .push-five-twelfths{left:41.6665%}.row .push-seven-twelfths{left:58.332%}.row .push-eleven-twelfths{left:91.6665%}.row .push-golden-small{left:38.2716%}.row .push-golden-large{left:61.7283%}.row .push-none{left:auto}.row .pull-five-tenths,.row .pull-four-eights,.row .pull-half,.row .pull-six-twelfths,.row .pull-three-sixths,.row .pull-two-fourths{right:50%}.row .pull-four-twelfths,.row .pull-one-third,.row .pull-two-sixths{right:33.3332%}.row .pull-eight-twelfths,.row .pull-four-sixths,.row .pull-two-thirds{right:66.6665%}.row .pull-one-fourth,.row .pull-three-twelfths,.row .pull-two-eighths{right:25%}.row .pull-nine-twelfths,.row .pull-six-eighths,.row .pull-three-fourths{right:75%}.row .pull-one-fifth,.row .pull-two-tenths{right:20%}.row .pull-four-tenths,.row .pull-two-fifths{right:40%}.row .pull-six-tenths,.row .pull-three-fifths{right:60%}.row .pull-eight-tenths,.row .pull-four-fifths{right:80%}.row .pull-one-sixth,.row .pull-two-twelfths{right:16.6665%}.row .pull-five-sixths,.row .pull-ten-twelfths{right:83.3332%}.row .pull-one-eighth{right:12.5%}.row .pull-three-eighths{right:37.5%}.row .pull-five-eighths{right:62.5%}.row .pull-seven-eighths{right:87.5%}.row .pull-one-tenth{right:10%}.row .pull-three-tenths{right:30%}.row .pull-seven-tenths{right:70%}.row .pull-nine-tenths{right:90%}.row .pull-one-twelfth{right:8.3332%}.row .pull-five-twelfths{right:41.6665%}.row .pull-seven-twelfths{right:58.332%}.row .pull-eleven-twelfths{right:91.6665%}.row .pull-golden-small{right:38.2716%}.row .pull-golden-large{right:61.7283%}.row .pull-none{right:auto}.row .offset-five-tenths,.row .offset-four-eights,.row .offset-half,.row .offset-six-twelfths,.row .offset-three-sixths,.row .offset-two-fourths{margin-left:50%}.row .offset-four-twelfths,.row .offset-one-third,.row .offset-two-sixths{margin-left:33.3332%}.row .offset-eight-twelfths,.row .offset-four-sixths,.row .offset-two-thirds{margin-left:66.6665%}.row .offset-one-fourth,.row .offset-three-twelfths,.row .offset-two-eighths{margin-left:25%}.row .offset-nine-twelfths,.row .offset-six-eighths,.row .offset-three-fourths{margin-left:75%}.row .offset-one-fifth,.row .offset-two-tenths{margin-left:20%}.row .offset-four-tenths,.row .offset-two-fifths{margin-left:40%}.row .offset-six-tenths,.row .offset-three-fifths{margin-left:60%}.row .offset-eight-tenths,.row .offset-four-fifths{margin-left:80%}.row .offset-one-sixth,.row .offset-two-twelfths{margin-left:16.6665%}.row .offset-five-sixths,.row .offset-ten-twelfths{margin-left:83.3332%}.row .offset-one-eighth{margin-left:12.5%}.row .offset-three-eighths{margin-left:37.5%}.row .offset-five-eighths{margin-left:62.5%}.row .offset-seven-eighths{margin-left:87.5%}.row .offset-one-tenth{margin-left:10%}.row .offset-three-tenths{margin-left:30%}.row .offset-seven-tenths{margin-left:70%}.row .offset-nine-tenths{margin-left:90%}.row .offset-one-twelfth{margin-left:8.3332%}.row .offset-five-twelfths{margin-left:41.6665%}.row .offset-seven-twelfths{margin-left:58.332%}.row .offset-eleven-twelfths{margin-left:91.6665%}.row .offset-golden-small{margin-left:38.2716%}.row .offset-golden-large{margin-left:61.7283%}.row .offest-none{margin-left:0}@media screen and (min-width:360px){.column.tiny-centered{float:none;margin:0 auto;overflow:hidden}.row .tiny-eight-eights,.row .tiny-five-fifths,.row .tiny-four-fourths,.row .tiny-six-sixths,.row .tiny-ten-tenths,.row .tiny-three-thirds,.row .tiny-twelve-twelfths,.row .tiny-two-halves,.row .tiny-whole{width:100%}.row .tiny-five-tenths,.row .tiny-four-eights,.row .tiny-half,.row .tiny-six-twelfths,.row .tiny-three-sixths,.row .tiny-two-fourths{width:50%}.row .tiny-four-twelfths,.row .tiny-one-third,.row .tiny-two-sixths{width:33.3332%}.row .tiny-eight-twelfths,.row .tiny-four-sixths,.row .tiny-two-thirds{width:66.6665%}.row .tiny-one-fourth,.row .tiny-three-twelfths,.row .tiny-two-eighths{width:25%}.row .tiny-nine-twelfths,.row .tiny-six-eighths,.row .tiny-three-fourths{width:75%}.row .tiny-one-fifth,.row .tiny-two-tenths{width:20%}.row .tiny-four-tenths,.row .tiny-two-fifths{width:40%}.row .tiny-six-tenths,.row .tiny-three-fifths{width:60%}.row .tiny-eight-tenths,.row .tiny-four-fifths{width:80%}.row .tiny-one-sixth,.row .tiny-two-twelfths{width:16.6665%}.row .tiny-five-sixths,.row .tiny-ten-twelfths{width:83.3332%}.row .tiny-one-eighth{width:12.5%}.row .tiny-three-eighths{width:37.5%}.row .tiny-five-eighths{width:62.5%}.row .tiny-seven-eighths{width:87.5%}.row .tiny-one-tenth{width:10%}.row .tiny-three-tenths{width:30%}.row .tiny-seven-tenths{width:70%}.row .tiny-nine-tenths{width:90%}.row .tiny-one-twelfth{width:8.3332%}.row .tiny-five-twelfths{width:41.6665%}.row .tiny-seven-twelfths{width:58.332%}.row .tiny-eleven-twelfths{width:91.6665%}.row .tiny-golden-small{width:38.2716%}.row .tiny-golden-large{width:61.7283%}.row .tiny-width-auto{width:auto}.row .tiny-push-five-tenths,.row .tiny-push-four-eights,.row .tiny-push-half,.row .tiny-push-six-twelfths,.row .tiny-push-three-sixths,.row .tiny-push-two-fourths{left:50%}.row .tiny-push-four-twelfths,.row .tiny-push-one-third,.row .tiny-push-two-sixths{left:33.3332%}.row .tiny-push-eight-twelfths,.row .tiny-push-four-sixths,.row .tiny-push-two-thirds{left:66.6665%}.row .tiny-push-one-fourth,.row .tiny-push-three-twelfths,.row .tiny-push-two-eighths{left:25%}.row .tiny-push-nine-twelfths,.row .tiny-push-six-eighths,.row .tiny-push-three-fourths{left:75%}.row .tiny-push-one-fifth,.row .tiny-push-two-tenths{left:20%}.row .tiny-push-four-tenths,.row .tiny-push-two-fifths{left:40%}.row .tiny-push-six-tenths,.row .tiny-push-three-fifths{left:60%}.row .tiny-push-eight-tenths,.row .tiny-push-four-fifths{left:80%}.row .tiny-push-one-sixth,.row .tiny-push-two-twelfths{left:16.6665%}.row .tiny-push-five-sixths,.row .tiny-push-ten-twelfths{left:83.3332%}.row .tiny-push-one-eighth{left:12.5%}.row .tiny-push-three-eighths{left:37.5%}.row .tiny-push-five-eighths{left:62.5%}.row .tiny-push-seven-eighths{left:87.5%}.row .tiny-push-one-tenth{left:10%}.row .tiny-push-three-tenths{left:30%}.row .tiny-push-seven-tenths{left:70%}.row .tiny-push-nine-tenths{left:90%}.row .tiny-push-one-twelfth{left:8.3332%}.row .tiny-push-five-twelfths{left:41.6665%}.row .tiny-push-seven-twelfths{left:58.332%}.row .tiny-push-eleven-twelfths{left:91.6665%}.row .tiny-push-golden-small{left:38.2716%}.row .tiny-push-golden-large{left:61.7283%}.row .tiny-push-none{left:auto}.row .tiny-pull-five-tenths,.row .tiny-pull-four-eights,.row .tiny-pull-half,.row .tiny-pull-six-twelfths,.row .tiny-pull-three-sixths,.row .tiny-pull-two-fourths{right:50%}.row .tiny-pull-four-twelfths,.row .tiny-pull-one-third,.row .tiny-pull-two-sixths{right:33.3332%}.row .tiny-pull-eight-twelfths,.row .tiny-pull-four-sixths,.row .tiny-pull-two-thirds{right:66.6665%}.row .tiny-pull-one-fourth,.row .tiny-pull-three-twelfths,.row .tiny-pull-two-eighths{right:25%}.row .tiny-pull-nine-twelfths,.row .tiny-pull-six-eighths,.row .tiny-pull-three-fourths{right:75%}.row .tiny-pull-one-fifth,.row .tiny-pull-two-tenths{right:20%}.row .tiny-pull-four-tenths,.row .tiny-pull-two-fifths{right:40%}.row .tiny-pull-six-tenths,.row .tiny-pull-three-fifths{right:60%}.row .tiny-pull-eight-tenths,.row .tiny-pull-four-fifths{right:80%}.row .tiny-pull-one-sixth,.row .tiny-pull-two-twelfths{right:16.6665%}.row .tiny-pull-five-sixths,.row .tiny-pull-ten-twelfths{right:83.3332%}.row .tiny-pull-one-eighth{right:12.5%}.row .tiny-pull-three-eighths{right:37.5%}.row .tiny-pull-five-eighths{right:62.5%}.row .tiny-pull-seven-eighths{right:87.5%}.row .tiny-pull-one-tenth{right:10%}.row .tiny-pull-three-tenths{right:30%}.row .tiny-pull-seven-tenths{right:70%}.row .tiny-pull-nine-tenths{right:90%}.row .tiny-pull-one-twelfth{right:8.3332%}.row .tiny-pull-five-twelfths{right:41.6665%}.row .tiny-pull-seven-twelfths{right:58.332%}.row .tiny-pull-eleven-twelfths{right:91.6665%}.row .tiny-pull-golden-small{right:38.2716%}.row .tiny-pull-golden-large{right:61.7283%}.row .tiny-pull-none{right:auto}.row .tiny-offset-five-tenths,.row .tiny-offset-four-eights,.row .tiny-offset-half,.row .tiny-offset-six-twelfths,.row .tiny-offset-three-sixths,.row .tiny-offset-two-fourths{margin-left:50%}.row .tiny-offset-four-twelfths,.row .tiny-offset-one-third,.row .tiny-offset-two-sixths{margin-left:33.3332%}.row .tiny-offset-eight-twelfths,.row .tiny-offset-four-sixths,.row .tiny-offset-two-thirds{margin-left:66.6665%}.row .tiny-offset-one-fourth,.row .tiny-offset-three-twelfths,.row .tiny-offset-two-eighths{margin-left:25%}.row .tiny-offset-nine-twelfths,.row .tiny-offset-six-eighths,.row .tiny-offset-three-fourths{margin-left:75%}.row .tiny-offset-one-fifth,.row .tiny-offset-two-tenths{margin-left:20%}.row .tiny-offset-four-tenths,.row .tiny-offset-two-fifths{margin-left:40%}.row .tiny-offset-six-tenths,.row .tiny-offset-three-fifths{margin-left:60%}.row .tiny-offset-eight-tenths,.row .tiny-offset-four-fifths{margin-left:80%}.row .tiny-offset-one-sixth,.row .tiny-offset-two-twelfths{margin-left:16.6665%}.row .tiny-offset-five-sixths,.row .tiny-offset-ten-twelfths{margin-left:83.3332%}.row .tiny-offset-one-eighth{margin-left:12.5%}.row .tiny-offset-three-eighths{margin-left:37.5%}.row .tiny-offset-five-eighths{margin-left:62.5%}.row .tiny-offset-seven-eighths{margin-left:87.5%}.row .tiny-offset-one-tenth{margin-left:10%}.row .tiny-offset-three-tenths{margin-left:30%}.row .tiny-offset-seven-tenths{margin-left:70%}.row .tiny-offset-nine-tenths{margin-left:90%}.row .tiny-offset-one-twelfth{margin-left:8.3332%}.row .tiny-offset-five-twelfths{margin-left:41.6665%}.row .tiny-offset-seven-twelfths{margin-left:58.332%}.row .tiny-offset-eleven-twelfths{margin-left:91.6665%}.row .tiny-offset-golden-small{margin-left:38.2716%}.row .tiny-offset-golden-large{margin-left:61.7283%}.row .tiny-offset-none{margin-left:0}}
@media screen and (min-width:480px){.column.x-small-centered{float:none;margin:0 auto;overflow:hidden}.row .x-small-eight-eights,.row .x-small-five-fifths,.row .x-small-four-fourths,.row .x-small-six-sixths,.row .x-small-ten-tenths,.row .x-small-three-thirds,.row .x-small-twelve-twelfths,.row .x-small-two-halves,.row .x-small-whole{width:100%}.row .x-small-five-tenths,.row .x-small-four-eights,.row .x-small-half,.row .x-small-six-twelfths,.row .x-small-three-sixths,.row .x-small-two-fourths{width:50%}.row .x-small-four-twelfths,.row .x-small-one-third,.row .x-small-two-sixths{width:33.3332%}.row .x-small-eight-twelfths,.row .x-small-four-sixths,.row .x-small-two-thirds{width:66.6665%}.row .x-small-one-fourth,.row .x-small-three-twelfths,.row .x-small-two-eighths{width:25%}.row .x-small-nine-twelfths,.row .x-small-six-eighths,.row .x-small-three-fourths{width:75%}.row .x-small-one-fifth,.row .x-small-two-tenths{width:20%}.row .x-small-four-tenths,.row .x-small-two-fifths{width:40%}.row .x-small-six-tenths,.row .x-small-three-fifths{width:60%}.row .x-small-eight-tenths,.row .x-small-four-fifths{width:80%}.row .x-small-one-sixth,.row .x-small-two-twelfths{width:16.6665%}.row .x-small-five-sixths,.row .x-small-ten-twelfths{width:83.3332%}.row .x-small-one-eighth{width:12.5%}.row .x-small-three-eighths{width:37.5%}.row .x-small-five-eighths{width:62.5%}.row .x-small-seven-eighths{width:87.5%}.row .x-small-one-tenth{width:10%}.row .x-small-three-tenths{width:30%}.row .x-small-seven-tenths{width:70%}.row .x-small-nine-tenths{width:90%}.row .x-small-one-twelfth{width:8.3332%}.row .x-small-five-twelfths{width:41.6665%}.row .x-small-seven-twelfths{width:58.332%}.row .x-small-eleven-twelfths{width:91.6665%}.row .x-small-golden-small{width:38.2716%}.row .x-small-golden-large{width:61.7283%}.row .x-small-width-auto{width:auto}.row .x-small-push-five-tenths,.row .x-small-push-four-eights,.row .x-small-push-half,.row .x-small-push-six-twelfths,.row .x-small-push-three-sixths,.row .x-small-push-two-fourths{left:50%}.row .x-small-push-four-twelfths,.row .x-small-push-one-third,.row .x-small-push-two-sixths{left:33.3332%}.row .x-small-push-eight-twelfths,.row .x-small-push-four-sixths,.row .x-small-push-two-thirds{left:66.6665%}.row .x-small-push-one-fourth,.row .x-small-push-three-twelfths,.row .x-small-push-two-eighths{left:25%}.row .x-small-push-nine-twelfths,.row .x-small-push-six-eighths,.row .x-small-push-three-fourths{left:75%}.row .x-small-push-one-fifth,.row .x-small-push-two-tenths{left:20%}.row .x-small-push-four-tenths,.row .x-small-push-two-fifths{left:40%}.row .x-small-push-six-tenths,.row .x-small-push-three-fifths{left:60%}.row .x-small-push-eight-tenths,.row .x-small-push-four-fifths{left:80%}.row .x-small-push-one-sixth,.row .x-small-push-two-twelfths{left:16.6665%}.row .x-small-push-five-sixths,.row .x-small-push-ten-twelfths{left:83.3332%}.row .x-small-push-one-eighth{left:12.5%}.row .x-small-push-three-eighths{left:37.5%}.row .x-small-push-five-eighths{left:62.5%}.row .x-small-push-seven-eighths{left:87.5%}.row .x-small-push-one-tenth{left:10%}.row .x-small-push-three-tenths{left:30%}.row .x-small-push-seven-tenths{left:70%}.row .x-small-push-nine-tenths{left:90%}.row .x-small-push-one-twelfth{left:8.3332%}.row .x-small-push-five-twelfths{left:41.6665%}.row .x-small-push-seven-twelfths{left:58.332%}.row .x-small-push-eleven-twelfths{left:91.6665%}.row .x-small-push-golden-small{left:38.2716%}.row .x-small-push-golden-large{left:61.7283%}.row .x-small-push-none{left:auto}.row .x-small-pull-five-tenths,.row .x-small-pull-four-eights,.row .x-small-pull-half,.row .x-small-pull-six-twelfths,.row .x-small-pull-three-sixths,.row .x-small-pull-two-fourths{right:50%}.row .x-small-pull-four-twelfths,.row .x-small-pull-one-third,.row .x-small-pull-two-sixths{right:33.3332%}.row .x-small-pull-eight-twelfths,.row .x-small-pull-four-sixths,.row .x-small-pull-two-thirds{right:66.6665%}.row .x-small-pull-one-fourth,.row .x-small-pull-three-twelfths,.row .x-small-pull-two-eighths{right:25%}.row .x-small-pull-nine-twelfths,.row .x-small-pull-six-eighths,.row .x-small-pull-three-fourths{right:75%}.row .x-small-pull-one-fifth,.row .x-small-pull-two-tenths{right:20%}.row .x-small-pull-four-tenths,.row .x-small-pull-two-fifths{right:40%}.row .x-small-pull-six-tenths,.row .x-small-pull-three-fifths{right:60%}.row .x-small-pull-eight-tenths,.row .x-small-pull-four-fifths{right:80%}.row .x-small-pull-one-sixth,.row .x-small-pull-two-twelfths{right:16.6665%}.row .x-small-pull-five-sixths,.row .x-small-pull-ten-twelfths{right:83.3332%}.row .x-small-pull-one-eighth{right:12.5%}.row .x-small-pull-three-eighths{right:37.5%}.row .x-small-pull-five-eighths{right:62.5%}.row .x-small-pull-seven-eighths{right:87.5%}.row .x-small-pull-one-tenth{right:10%}.row .x-small-pull-three-tenths{right:30%}.row .x-small-pull-seven-tenths{right:70%}.row .x-small-pull-nine-tenths{right:90%}.row .x-small-pull-one-twelfth{right:8.3332%}.row .x-small-pull-five-twelfths{right:41.6665%}.row .x-small-pull-seven-twelfths{right:58.332%}.row .x-small-pull-eleven-twelfths{right:91.6665%}.row .x-small-pull-golden-small{right:38.2716%}.row .x-small-pull-golden-large{right:61.7283%}.row .x-small-pull-none{right:auto}.row .x-small-offset-five-tenths,.row .x-small-offset-four-eights,.row .x-small-offset-half,.row .x-small-offset-six-twelfths,.row .x-small-offset-three-sixths,.row .x-small-offset-two-fourths{margin-left:50%}.row .x-small-offset-four-twelfths,.row .x-small-offset-one-third,.row .x-small-offset-two-sixths{margin-left:33.3332%}.row .x-small-offset-eight-twelfths,.row .x-small-offset-four-sixths,.row .x-small-offset-two-thirds{margin-left:66.6665%}.row .x-small-offset-one-fourth,.row .x-small-offset-three-twelfths,.row .x-small-offset-two-eighths{margin-left:25%}.row .x-small-offset-nine-twelfths,.row .x-small-offset-six-eighths,.row .x-small-offset-three-fourths{margin-left:75%}.row .x-small-offset-one-fifth,.row .x-small-offset-two-tenths{margin-left:20%}.row .x-small-offset-four-tenths,.row .x-small-offset-two-fifths{margin-left:40%}.row .x-small-offset-six-tenths,.row .x-small-offset-three-fifths{margin-left:60%}.row .x-small-offset-eight-tenths,.row .x-small-offset-four-fifths{margin-left:80%}.row .x-small-offset-one-sixth,.row .x-small-offset-two-twelfths{margin-left:16.6665%}.row .x-small-offset-five-sixths,.row .x-small-offset-ten-twelfths{margin-left:83.3332%}.row .x-small-offset-one-eighth{margin-left:12.5%}.row .x-small-offset-three-eighths{margin-left:37.5%}.row .x-small-offset-five-eighths{margin-left:62.5%}.row .x-small-offset-seven-eighths{margin-left:87.5%}.row .x-small-offset-one-tenth{margin-left:10%}.row .x-small-offset-three-tenths{margin-left:30%}.row .x-small-offset-seven-tenths{margin-left:70%}.row .x-small-offset-nine-tenths{margin-left:90%}.row .x-small-offset-one-twelfth{margin-left:8.3332%}.row .x-small-offset-five-twelfths{margin-left:41.6665%}.row .x-small-offset-seven-twelfths{margin-left:58.332%}.row .x-small-offset-eleven-twelfths{margin-left:91.6665%}.row .x-small-offset-golden-small{margin-left:38.2716%}.row .x-small-offset-golden-large{margin-left:61.7283%}.row .x-small-offset-none{margin-left:0}}@media screen and (min-width:640px){.column.small-centered{float:none;margin:0 auto;overflow:hidden}.row .small-eight-eights,.row .small-five-fifths,.row .small-four-fourths,.row .small-six-sixths,.row .small-ten-tenths,.row .small-three-thirds,.row .small-twelve-twelfths,.row .small-two-halves,.row .small-whole{width:100%}.row .small-five-tenths,.row .small-four-eights,.row .small-half,.row .small-six-twelfths,.row .small-three-sixths,.row .small-two-fourths{width:50%}.row .small-four-twelfths,.row .small-one-third,.row .small-two-sixths{width:33.3332%}.row .small-eight-twelfths,.row .small-four-sixths,.row .small-two-thirds{width:66.6665%}.row .small-one-fourth,.row .small-three-twelfths,.row .small-two-eighths{width:25%}.row .small-nine-twelfths,.row .small-six-eighths,.row .small-three-fourths{width:75%}.row .small-one-fifth,.row .small-two-tenths{width:20%}.row .small-four-tenths,.row .small-two-fifths{width:40%}.row .small-six-tenths,.row .small-three-fifths{width:60%}.row .small-eight-tenths,.row .small-four-fifths{width:80%}.row .small-one-sixth,.row .small-two-twelfths{width:16.6665%}.row .small-five-sixths,.row .small-ten-twelfths{width:83.3332%}.row .small-one-eighth{width:12.5%}.row .small-three-eighths{width:37.5%}.row .small-five-eighths{width:62.5%}.row .small-seven-eighths{width:87.5%}.row .small-one-tenth{width:10%}.row .small-three-tenths{width:30%}.row .small-seven-tenths{width:70%}.row .small-nine-tenths{width:90%}.row .small-one-twelfth{width:8.3332%}.row .small-five-twelfths{width:41.6665%}.row .small-seven-twelfths{width:58.332%}.row .small-eleven-twelfths{width:91.6665%}.row .small-golden-small{width:38.2716%}.row .small-golden-large{width:61.7283%}.row .small-width-auto{width:auto}.row .small-push-five-tenths,.row .small-push-four-eights,.row .small-push-half,.row .small-push-six-twelfths,.row .small-push-three-sixths,.row .small-push-two-fourths{left:50%}.row .small-push-four-twelfths,.row .small-push-one-third,.row .small-push-two-sixths{left:33.3332%}.row .small-push-eight-twelfths,.row .small-push-four-sixths,.row .small-push-two-thirds{left:66.6665%}.row .small-push-one-fourth,.row .small-push-three-twelfths,.row .small-push-two-eighths{left:25%}.row .small-push-nine-twelfths,.row .small-push-six-eighths,.row .small-push-three-fourths{left:75%}.row .small-push-one-fifth,.row .small-push-two-tenths{left:20%}.row .small-push-four-tenths,.row .small-push-two-fifths{left:40%}.row .small-push-six-tenths,.row .small-push-three-fifths{left:60%}.row .small-push-eight-tenths,.row .small-push-four-fifths{left:80%}.row .small-push-one-sixth,.row .small-push-two-twelfths{left:16.6665%}.row .small-push-five-sixths,.row .small-push-ten-twelfths{left:83.3332%}.row .small-push-one-eighth{left:12.5%}.row .small-push-three-eighths{left:37.5%}.row .small-push-five-eighths{left:62.5%}.row .small-push-seven-eighths{left:87.5%}.row .small-push-one-tenth{left:10%}.row .small-push-three-tenths{left:30%}.row .small-push-seven-tenths{left:70%}.row .small-push-nine-tenths{left:90%}.row .small-push-one-twelfth{left:8.3332%}.row .small-push-five-twelfths{left:41.6665%}.row .small-push-seven-twelfths{left:58.332%}.row .small-push-eleven-twelfths{left:91.6665%}.row .small-push-golden-small{left:38.2716%}.row .small-push-golden-large{left:61.7283%}.row .small-push-none{left:auto}.row .small-pull-five-tenths,.row .small-pull-four-eights,.row .small-pull-half,.row .small-pull-six-twelfths,.row .small-pull-three-sixths,.row .small-pull-two-fourths{right:50%}.row .small-pull-four-twelfths,.row .small-pull-one-third,.row .small-pull-two-sixths{right:33.3332%}.row .small-pull-eight-twelfths,.row .small-pull-four-sixths,.row .small-pull-two-thirds{right:66.6665%}.row .small-pull-one-fourth,.row .small-pull-three-twelfths,.row .small-pull-two-eighths{right:25%}.row .small-pull-nine-twelfths,.row .small-pull-six-eighths,.row .small-pull-three-fourths{right:75%}.row .small-pull-one-fifth,.row .small-pull-two-tenths{right:20%}.row .small-pull-four-tenths,.row .small-pull-two-fifths{right:40%}.row .small-pull-six-tenths,.row .small-pull-three-fifths{right:60%}.row .small-pull-eight-tenths,.row .small-pull-four-fifths{right:80%}.row .small-pull-one-sixth,.row .small-pull-two-twelfths{right:16.6665%}.row .small-pull-five-sixths,.row .small-pull-ten-twelfths{right:83.3332%}.row .small-pull-one-eighth{right:12.5%}.row .small-pull-three-eighths{right:37.5%}.row .small-pull-five-eighths{right:62.5%}.row .small-pull-seven-eighths{right:87.5%}.row .small-pull-one-tenth{right:10%}.row .small-pull-three-tenths{right:30%}.row .small-pull-seven-tenths{right:70%}.row .small-pull-nine-tenths{right:90%}.row .small-pull-one-twelfth{right:8.3332%}.row .small-pull-five-twelfths{right:41.6665%}.row .small-pull-seven-twelfths{right:58.332%}.row .small-pull-eleven-twelfths{right:91.6665%}.row .small-pull-golden-small{right:38.2716%}.row .small-pull-golden-large{right:61.7283%}.row .small-pull-none{right:auto}.row .small-offset-five-tenths,.row .small-offset-four-eights,.row .small-offset-half,.row .small-offset-six-twelfths,.row .small-offset-three-sixths,.row .small-offset-two-fourths{margin-left:50%}.row .small-offset-four-twelfths,.row .small-offset-one-third,.row .small-offset-two-sixths{margin-left:33.3332%}.row .small-offset-eight-twelfths,.row .small-offset-four-sixths,.row .small-offset-two-thirds{margin-left:66.6665%}.row .small-offset-one-fourth,.row .small-offset-three-twelfths,.row .small-offset-two-eighths{margin-left:25%}.row .small-offset-nine-twelfths,.row .small-offset-six-eighths,.row .small-offset-three-fourths{margin-left:75%}.row .small-offset-one-fifth,.row .small-offset-two-tenths{margin-left:20%}.row .small-offset-four-tenths,.row .small-offset-two-fifths{margin-left:40%}.row .small-offset-six-tenths,.row .small-offset-three-fifths{margin-left:60%}.row .small-offset-eight-tenths,.row .small-offset-four-fifths{margin-left:80%}.row .small-offset-one-sixth,.row .small-offset-two-twelfths{margin-left:16.6665%}.row .small-offset-five-sixths,.row .small-offset-ten-twelfths{margin-left:83.3332%}.row .small-offset-one-eighth{margin-left:12.5%}.row .small-offset-three-eighths{margin-left:37.5%}.row .small-offset-five-eighths{margin-left:62.5%}.row .small-offset-seven-eighths{margin-left:87.5%}.row .small-offset-one-tenth{margin-left:10%}.row .small-offset-three-tenths{margin-left:30%}.row .small-offset-seven-tenths{margin-left:70%}.row .small-offset-nine-tenths{margin-left:90%}.row .small-offset-one-twelfth{margin-left:8.3332%}.row .small-offset-five-twelfths{margin-left:41.6665%}.row .small-offset-seven-twelfths{margin-left:58.332%}.row .small-offset-eleven-twelfths{margin-left:91.6665%}.row .small-offset-golden-small{margin-left:38.2716%}.row .small-offset-golden-large{margin-left:61.7283%}.row .small-offset-none{margin-left:0}}
@media screen and (min-width:768px){.column.medium-centered{float:none;margin:0 auto;overflow:hidden}.row .medium-eight-eights,.row .medium-five-fifths,.row .medium-four-fourths,.row .medium-six-sixths,.row .medium-ten-tenths,.row .medium-three-thirds,.row .medium-twelve-twelfths,.row .medium-two-halves,.row .medium-whole{width:100%}.row .medium-five-tenths,.row .medium-four-eights,.row .medium-half,.row .medium-six-twelfths,.row .medium-three-sixths,.row .medium-two-fourths{width:50%}.row .medium-four-twelfths,.row .medium-one-third,.row .medium-two-sixths{width:33.3332%}.row .medium-eight-twelfths,.row .medium-four-sixths,.row .medium-two-thirds{width:66.6665%}.row .medium-one-fourth,.row .medium-three-twelfths,.row .medium-two-eighths{width:25%}.row .medium-nine-twelfths,.row .medium-six-eighths,.row .medium-three-fourths{width:75%}.row .medium-one-fifth,.row .medium-two-tenths{width:20%}.row .medium-four-tenths,.row .medium-two-fifths{width:40%}.row .medium-six-tenths,.row .medium-three-fifths{width:60%}.row .medium-eight-tenths,.row .medium-four-fifths{width:80%}.row .medium-one-sixth,.row .medium-two-twelfths{width:16.6665%}.row .medium-five-sixths,.row .medium-ten-twelfths{width:83.3332%}.row .medium-one-eighth{width:12.5%}.row .medium-three-eighths{width:37.5%}.row .medium-five-eighths{width:62.5%}.row .medium-seven-eighths{width:87.5%}.row .medium-one-tenth{width:10%}.row .medium-three-tenths{width:30%}.row .medium-seven-tenths{width:70%}.row .medium-nine-tenths{width:90%}.row .medium-one-twelfth{width:8.3332%}.row .medium-five-twelfths{width:41.6665%}.row .medium-seven-twelfths{width:58.332%}.row .medium-eleven-twelfths{width:91.6665%}.row .medium-golden-small{width:38.2716%}.row .medium-golden-large{width:61.7283%}.row .medium-width-auto{width:auto}.row .medium-seven-twentyfourths{width:29.1666%}.row .medium-three-twentieths{width:15%}.row .medium-push-five-tenths,.row .medium-push-four-eights,.row .medium-push-half,.row .medium-push-six-twelfths,.row .medium-push-three-sixths,.row .medium-push-two-fourths{left:50%}.row .medium-push-four-twelfths,.row .medium-push-one-third,.row .medium-push-two-sixths{left:33.3332%}.row .medium-push-eight-twelfths,.row .medium-push-four-sixths,.row .medium-push-two-thirds{left:66.6665%}.row .medium-push-one-fourth,.row .medium-push-three-twelfths,.row .medium-push-two-eighths{left:25%}.row .medium-push-nine-twelfths,.row .medium-push-six-eighths,.row .medium-push-three-fourths{left:75%}.row .medium-push-one-fifth,.row .medium-push-two-tenths{left:20%}.row .medium-push-four-tenths,.row .medium-push-two-fifths{left:40%}.row .medium-push-six-tenths,.row .medium-push-three-fifths{left:60%}.row .medium-push-eight-tenths,.row .medium-push-four-fifths{left:80%}.row .medium-push-one-sixth,.row .medium-push-two-twelfths{left:16.6665%}.row .medium-push-five-sixths,.row .medium-push-ten-twelfths{left:83.3332%}.row .medium-push-one-eighth{left:12.5%}.row .medium-push-three-eighths{left:37.5%}.row .medium-push-five-eighths{left:62.5%}.row .medium-push-seven-eighths{left:87.5%}.row .medium-push-one-tenth{left:10%}.row .medium-push-three-tenths{left:30%}.row .medium-push-seven-tenths{left:70%}.row .medium-push-nine-tenths{left:90%}.row .medium-push-one-twelfth{left:8.3332%}.row .medium-push-five-twelfths{left:41.6665%}.row .medium-push-seven-twelfths{left:58.332%}.row .medium-push-eleven-twelfths{left:91.6665%}.row .medium-push-golden-small{left:38.2716%}.row .medium-push-golden-large{left:61.7283%}.row .medium-push-none{left:auto}.row .medium-pull-five-tenths,.row .medium-pull-four-eights,.row .medium-pull-half,.row .medium-pull-six-twelfths,.row .medium-pull-three-sixths,.row .medium-pull-two-fourths{right:50%}.row .medium-pull-four-twelfths,.row .medium-pull-one-third,.row .medium-pull-two-sixths{right:33.3332%}.row .medium-pull-eight-twelfths,.row .medium-pull-four-sixths,.row .medium-pull-two-thirds{right:66.6665%}.row .medium-pull-one-fourth,.row .medium-pull-three-twelfths,.row .medium-pull-two-eighths{right:25%}.row .medium-pull-nine-twelfths,.row .medium-pull-six-eighths,.row .medium-pull-three-fourths{right:75%}.row .medium-pull-one-fifth,.row .medium-pull-two-tenths{right:20%}.row .medium-pull-four-tenths,.row .medium-pull-two-fifths{right:40%}.row .medium-pull-six-tenths,.row .medium-pull-three-fifths{right:60%}.row .medium-pull-eight-tenths,.row .medium-pull-four-fifths{right:80%}.row .medium-pull-one-sixth,.row .medium-pull-two-twelfths{right:16.6665%}.row .medium-pull-five-sixths,.row .medium-pull-ten-twelfths{right:83.3332%}.row .medium-pull-one-eighth{right:12.5%}.row .medium-pull-three-eighths{right:37.5%}.row .medium-pull-five-eighths{right:62.5%}.row .medium-pull-seven-eighths{right:87.5%}.row .medium-pull-one-tenth{right:10%}.row .medium-pull-three-tenths{right:30%}.row .medium-pull-seven-tenths{right:70%}.row .medium-pull-nine-tenths{right:90%}.row .medium-pull-one-twelfth{right:8.3332%}.row .medium-pull-five-twelfths{right:41.6665%}.row .medium-pull-seven-twelfths{right:58.332%}.row .medium-pull-eleven-twelfths{right:91.6665%}.row .medium-pull-golden-small{right:38.2716%}.row .medium-pull-golden-large{right:61.7283%}.row .medium-pull-none{right:auto}.row .medium-offset-five-tenths,.row .medium-offset-four-eights,.row .medium-offset-half,.row .medium-offset-six-twelfths,.row .medium-offset-three-sixths,.row .medium-offset-two-fourths{margin-left:50%}.row .medium-offset-four-twelfths,.row .medium-offset-one-third,.row .medium-offset-two-sixths{margin-left:33.3332%}.row .medium-offset-eight-twelfths,.row .medium-offset-four-sixths,.row .medium-offset-two-thirds{margin-left:66.6665%}.row .medium-offset-one-fourth,.row .medium-offset-three-twelfths,.row .medium-offset-two-eighths{margin-left:25%}.row .medium-offset-nine-twelfths,.row .medium-offset-six-eighths,.row .medium-offset-three-fourths{margin-left:75%}.row .medium-offset-one-fifth,.row .medium-offset-two-tenths{margin-left:20%}.row .medium-offset-four-tenths,.row .medium-offset-two-fifths{margin-left:40%}.row .medium-offset-six-tenths,.row .medium-offset-three-fifths{margin-left:60%}.row .medium-offset-eight-tenths,.row .medium-offset-four-fifths{margin-left:80%}.row .medium-offset-one-sixth,.row .medium-offset-two-twelfths{margin-left:16.6665%}.row .medium-offset-five-sixths,.row .medium-offset-ten-twelfths{margin-left:83.3332%}.row .medium-offset-one-eighth{margin-left:12.5%}.row .medium-offset-three-eighths{margin-left:37.5%}.row .medium-offset-five-eighths{margin-left:62.5%}.row .medium-offset-seven-eighths{margin-left:87.5%}.row .medium-offset-one-tenth{margin-left:10%}.row .medium-offset-three-tenths{margin-left:30%}.row .medium-offset-seven-tenths{margin-left:70%}.row .medium-offset-nine-tenths{margin-left:90%}.row .medium-offset-one-twelfth{margin-left:8.3332%}.row .medium-offset-five-twelfths{margin-left:41.6665%}.row .medium-offset-seven-twelfths{margin-left:58.332%}.row .medium-offset-eleven-twelfths{margin-left:91.6665%}.row .medium-offset-golden-small{margin-left:38.2716%}.row .medium-offset-golden-large{margin-left:61.7283%}.row .medium-offset-none{margin-left:0}}@media screen and (min-width:960px){.column.large-centered{float:none;margin:0 auto;overflow:hidden}.row .large-eight-eights,.row .large-five-fifths,.row .large-four-fourths,.row .large-six-sixths,.row .large-ten-tenths,.row .large-three-thirds,.row .large-twelve-twelfths,.row .large-two-halves,.row .large-whole{width:100%}.row .large-five-tenths,.row .large-four-eights,.row .large-half,.row .large-six-twelfths,.row .large-three-sixths,.row .large-two-fourths{width:50%}.row .large-four-twelfths,.row .large-one-third,.row .large-two-sixths{width:33.3332%}.row .large-eight-twelfths,.row .large-four-sixths,.row .large-two-thirds{width:66.6665%}.row .large-one-fourth,.row .large-three-twelfths,.row .large-two-eighths{width:25%}.row .large-nine-twelfths,.row .large-six-eighths,.row .large-three-fourths{width:75%}.row .large-one-fifth,.row .large-two-tenths{width:20%}.row .large-four-tenths,.row .large-two-fifths{width:40%}.row .large-six-tenths,.row .large-three-fifths{width:60%}.row .large-eight-tenths,.row .large-four-fifths{width:80%}.row .large-one-sixth,.row .large-two-twelfths{width:16.6665%}.row .large-five-sixths,.row .large-ten-twelfths{width:83.3332%}.row .large-one-eighth{width:12.5%}.row .large-three-eighths{width:37.5%}.row .large-five-eighths{width:62.5%}.row .large-seven-eighths{width:87.5%}.row .large-one-tenth{width:10%}.row .large-three-tenths{width:30%}.row .large-seven-tenths{width:70%}.row .large-nine-tenths{width:90%}.row .large-one-twelfth{width:8.3332%}.row .large-five-twelfths{width:41.6665%}.row .large-seven-twelfths{width:58.332%}.row .large-eleven-twelfths{width:91.6665%}.row .large-golden-small{width:38.2716%}.row .large-golden-large{width:61.7283%}.row .large-width-auto{width:auto}.row .large-push-five-tenths,.row .large-push-four-eights,.row .large-push-half,.row .large-push-six-twelfths,.row .large-push-three-sixths,.row .large-push-two-fourths{left:50%}.row .large-push-four-twelfths,.row .large-push-one-third,.row .large-push-two-sixths{left:33.3332%}.row .large-push-eight-twelfths,.row .large-push-four-sixths,.row .large-push-two-thirds{left:66.6665%}.row .large-push-one-fourth,.row .large-push-three-twelfths,.row .large-push-two-eighths{left:25%}.row .large-push-nine-twelfths,.row .large-push-six-eighths,.row .large-push-three-fourths{left:75%}.row .large-push-one-fifth,.row .large-push-two-tenths{left:20%}.row .large-push-four-tenths,.row .large-push-two-fifths{left:40%}.row .large-push-six-tenths,.row .large-push-three-fifths{left:60%}.row .large-push-eight-tenths,.row .large-push-four-fifths{left:80%}.row .large-push-one-sixth,.row .large-push-two-twelfths{left:16.6665%}.row .large-push-five-sixths,.row .large-push-ten-twelfths{left:83.3332%}.row .large-push-one-eighth{left:12.5%}.row .large-push-three-eighths{left:37.5%}.row .large-push-five-eighths{left:62.5%}.row .large-push-seven-eighths{left:87.5%}.row .large-push-one-tenth{left:10%}.row .large-push-three-tenths{left:30%}.row .large-push-seven-tenths{left:70%}.row .large-push-nine-tenths{left:90%}.row .large-push-one-twelfth{left:8.3332%}.row .large-push-five-twelfths{left:41.6665%}.row .large-push-seven-twelfths{left:58.332%}.row .large-push-eleven-twelfths{left:91.6665%}.row .large-push-golden-small{left:38.2716%}.row .large-push-golden-large{left:61.7283%}.row .large-push-none{left:auto}.row .large-pull-five-tenths,.row .large-pull-four-eights,.row .large-pull-half,.row .large-pull-six-twelfths,.row .large-pull-three-sixths,.row .large-pull-two-fourths{right:50%}.row .large-pull-four-twelfths,.row .large-pull-one-third,.row .large-pull-two-sixths{right:33.3332%}.row .large-pull-eight-twelfths,.row .large-pull-four-sixths,.row .large-pull-two-thirds{right:66.6665%}.row .large-pull-one-fourth,.row .large-pull-three-twelfths,.row .large-pull-two-eighths{right:25%}.row .large-pull-nine-twelfths,.row .large-pull-six-eighths,.row .large-pull-three-fourths{right:75%}.row .large-pull-one-fifth,.row .large-pull-two-tenths{right:20%}.row .large-pull-four-tenths,.row .large-pull-two-fifths{right:40%}.row .large-pull-six-tenths,.row .large-pull-three-fifths{right:60%}.row .large-pull-eight-tenths,.row .large-pull-four-fifths{right:80%}.row .large-pull-one-sixth,.row .large-pull-two-twelfths{right:16.6665%}.row .large-pull-five-sixths,.row .large-pull-ten-twelfths{right:83.3332%}.row .large-pull-one-eighth{right:12.5%}.row .large-pull-three-eighths{right:37.5%}.row .large-pull-five-eighths{right:62.5%}.row .large-pull-seven-eighths{right:87.5%}.row .large-pull-one-tenth{right:10%}.row .large-pull-three-tenths{right:30%}.row .large-pull-seven-tenths{right:70%}.row .large-pull-nine-tenths{right:90%}.row .large-pull-one-twelfth{right:8.3332%}.row .large-pull-five-twelfths{right:41.6665%}.row .large-pull-seven-twelfths{right:58.332%}.row .large-pull-eleven-twelfths{right:91.6665%}.row .large-pull-golden-small{right:38.2716%}.row .large-pull-golden-large{right:61.7283%}.row .large-pull-none{right:auto}.row .large-offset-five-tenths,.row .large-offset-four-eights,.row .large-offset-half,.row .large-offset-six-twelfths,.row .large-offset-three-sixths,.row .large-offset-two-fourths{margin-left:50%}.row .large-offset-four-twelfths,.row .large-offset-one-third,.row .large-offset-two-sixths{margin-left:33.3332%}.row .large-offset-eight-twelfths,.row .large-offset-four-sixths,.row .large-offset-two-thirds{margin-left:66.6665%}.row .large-offset-one-fourth,.row .large-offset-three-twelfths,.row .large-offset-two-eighths{margin-left:25%}.row .large-offset-nine-twelfths,.row .large-offset-six-eighths,.row .large-offset-three-fourths{margin-left:75%}.row .large-offset-one-fifth,.row .large-offset-two-tenths{margin-left:20%}.row .large-offset-four-tenths,.row .large-offset-two-fifths{margin-left:40%}.row .large-offset-six-tenths,.row .large-offset-three-fifths{margin-left:60%}.row .large-offset-eight-tenths,.row .large-offset-four-fifths{margin-left:80%}.row .large-offset-one-sixth,.row .large-offset-two-twelfths{margin-left:16.6665%}.row .large-offset-five-sixths,.row .large-offset-ten-twelfths{margin-left:83.3332%}.row .large-offset-one-eighth{margin-left:12.5%}.row .large-offset-three-eighths{margin-left:37.5%}.row .large-offset-five-eighths{margin-left:62.5%}.row .large-offset-seven-eighths{margin-left:87.5%}.row .large-offset-one-tenth{margin-left:10%}.row .large-offset-three-tenths{margin-left:30%}.row .large-offset-seven-tenths{margin-left:70%}.row .large-offset-nine-tenths{margin-left:90%}.row .large-offset-one-twelfth{margin-left:8.3332%}.row .large-offset-five-twelfths{margin-left:41.6665%}.row .large-offset-seven-twelfths{margin-left:58.332%}.row .large-offset-eleven-twelfths{margin-left:91.6665%}.row .large-offset-golden-small{margin-left:38.2716%}.row .large-offset-golden-large{margin-left:61.7283%}.row .large-offset-none{margin-left:0}}
@media screen and (min-width:1170px){.column.x-large-centered{float:none;margin:0 auto;overflow:hidden}.row .x-large-eight-eights,.row .x-large-five-fifths,.row .x-large-four-fourths,.row .x-large-six-sixths,.row .x-large-ten-tenths,.row .x-large-three-thirds,.row .x-large-twelve-twelfths,.row .x-large-two-halves,.row .x-large-whole{width:100%}.row .x-large-five-tenths,.row .x-large-four-eights,.row .x-large-half,.row .x-large-six-twelfths,.row .x-large-three-sixths,.row .x-large-two-fourths{width:50%}.row .x-large-four-twelfths,.row .x-large-one-third,.row .x-large-two-sixths{width:33.3332%}.row .x-large-eight-twelfths,.row .x-large-four-sixths,.row .x-large-two-thirds{width:66.6665%}.row .x-large-one-fourth,.row .x-large-three-twelfths,.row .x-large-two-eighths{width:25%}.row .x-large-nine-twelfths,.row .x-large-six-eighths,.row .x-large-three-fourths{width:75%}.row .x-large-one-fifth,.row .x-large-two-tenths{width:20%}.row .x-large-four-tenths,.row .x-large-two-fifths{width:40%}.row .x-large-six-tenths,.row .x-large-three-fifths{width:60%}.row .x-large-eight-tenths,.row .x-large-four-fifths{width:80%}.row .x-large-one-sixth,.row .x-large-two-twelfths{width:16.6665%}.row .x-large-five-sixths,.row .x-large-ten-twelfths{width:83.3332%}.row .x-large-one-eighth{width:12.5%}.row .x-large-three-eighths{width:37.5%}.row .x-large-five-eighths{width:62.5%}.row .x-large-seven-eighths{width:87.5%}.row .x-large-one-tenth{width:10%}.row .x-large-three-tenths{width:30%}.row .x-large-seven-tenths{width:70%}.row .x-large-nine-tenths{width:90%}.row .x-large-one-twelfth{width:8.3332%}.row .x-large-five-twelfths{width:41.6665%}.row .x-large-seven-twelfths{width:58.332%}.row .x-large-eleven-twelfths{width:91.6665%}.row .x-large-golden-small{width:38.2716%}.row .x-large-golden-x-large{width:61.7283%}.row .x-large-width-auto{width:auto}.row .x-large-push-five-tenths,.row .x-large-push-four-eights,.row .x-large-push-half,.row .x-large-push-six-twelfths,.row .x-large-push-three-sixths,.row .x-large-push-two-fourths{left:50%}.row .x-large-push-four-twelfths,.row .x-large-push-one-third,.row .x-large-push-two-sixths{left:33.3332%}.row .x-large-push-eight-twelfths,.row .x-large-push-four-sixths,.row .x-large-push-two-thirds{left:66.6665%}.row .x-large-push-one-fourth,.row .x-large-push-three-twelfths,.row .x-large-push-two-eighths{left:25%}.row .x-large-push-nine-twelfths,.row .x-large-push-six-eighths,.row .x-large-push-three-fourths{left:75%}.row .x-large-push-one-fifth,.row .x-large-push-two-tenths{left:20%}.row .x-large-push-four-tenths,.row .x-large-push-two-fifths{left:40%}.row .x-large-push-six-tenths,.row .x-large-push-three-fifths{left:60%}.row .x-large-push-eight-tenths,.row .x-large-push-four-fifths{left:80%}.row .x-large-push-one-sixth,.row .x-large-push-two-twelfths{left:16.6665%}.row .x-large-push-five-sixths,.row .x-large-push-ten-twelfths{left:83.3332%}.row .x-large-push-one-eighth{left:12.5%}.row .x-large-push-three-eighths{left:37.5%}.row .x-large-push-five-eighths{left:62.5%}.row .x-large-push-seven-eighths{left:87.5%}.row .x-large-push-one-tenth{left:10%}.row .x-large-push-three-tenths{left:30%}.row .x-large-push-seven-tenths{left:70%}.row .x-large-push-nine-tenths{left:90%}.row .x-large-push-one-twelfth{left:8.3332%}.row .x-large-push-five-twelfths{left:41.6665%}.row .x-large-push-seven-twelfths{left:58.332%}.row .x-large-push-eleven-twelfths{left:91.6665%}.row .x-large-push-golden-small{left:38.2716%}.row .x-large-push-golden-x-large{left:61.7283%}.row .x-large-push-none{left:auto}.row .x-large-pull-five-tenths,.row .x-large-pull-four-eights,.row .x-large-pull-half,.row .x-large-pull-six-twelfths,.row .x-large-pull-three-sixths,.row .x-large-pull-two-fourths{right:50%}.row .x-large-pull-four-twelfths,.row .x-large-pull-one-third,.row .x-large-pull-two-sixths{right:33.3332%}.row .x-large-pull-eight-twelfths,.row .x-large-pull-four-sixths,.row .x-large-pull-two-thirds{right:66.6665%}.row .x-large-pull-one-fourth,.row .x-large-pull-three-twelfths,.row .x-large-pull-two-eighths{right:25%}.row .x-large-pull-nine-twelfths,.row .x-large-pull-six-eighths,.row .x-large-pull-three-fourths{right:75%}.row .x-large-pull-one-fifth,.row .x-large-pull-two-tenths{right:20%}.row .x-large-pull-four-tenths,.row .x-large-pull-two-fifths{right:40%}.row .x-large-pull-six-tenths,.row .x-large-pull-three-fifths{right:60%}.row .x-large-pull-eight-tenths,.row .x-large-pull-four-fifths{right:80%}.row .x-large-pull-one-sixth,.row .x-large-pull-two-twelfths{right:16.6665%}.row .x-large-pull-five-sixths,.row .x-large-pull-ten-twelfths{right:83.3332%}.row .x-large-pull-one-eighth{right:12.5%}.row .x-large-pull-three-eighths{right:37.5%}.row .x-large-pull-five-eighths{right:62.5%}.row .x-large-pull-seven-eighths{right:87.5%}.row .x-large-pull-one-tenth{right:10%}.row .x-large-pull-three-tenths{right:30%}.row .x-large-pull-seven-tenths{right:70%}.row .x-large-pull-nine-tenths{right:90%}.row .x-large-pull-one-twelfth{right:8.3332%}.row .x-large-pull-five-twelfths{right:41.6665%}.row .x-large-pull-seven-twelfths{right:58.332%}.row .x-large-pull-eleven-twelfths{right:91.6665%}.row .x-large-pull-golden-small{right:38.2716%}.row .x-large-pull-golden-x-large{right:61.7283%}.row .x-large-pull-none{right:auto}.row .x-large-offset-five-tenths,.row .x-large-offset-four-eights,.row .x-large-offset-half,.row .x-large-offset-six-twelfths,.row .x-large-offset-three-sixths,.row .x-large-offset-two-fourths{margin-left:50%}.row .x-large-offset-four-twelfths,.row .x-large-offset-one-third,.row .x-large-offset-two-sixths{margin-left:33.3332%}.row .x-large-offset-eight-twelfths,.row .x-large-offset-four-sixths,.row .x-large-offset-two-thirds{margin-left:66.6665%}.row .x-large-offset-one-fourth,.row .x-large-offset-three-twelfths,.row .x-large-offset-two-eighths{margin-left:25%}.row .x-large-offset-nine-twelfths,.row .x-large-offset-six-eighths,.row .x-large-offset-three-fourths{margin-left:75%}.row .x-large-offset-one-fifth,.row .x-large-offset-two-tenths{margin-left:20%}.row .x-large-offset-four-tenths,.row .x-large-offset-two-fifths{margin-left:40%}.row .x-large-offset-six-tenths,.row .x-large-offset-three-fifths{margin-left:60%}.row .x-large-offset-eight-tenths,.row .x-large-offset-four-fifths{margin-left:80%}.row .x-large-offset-one-sixth,.row .x-large-offset-two-twelfths{margin-left:16.6665%}.row .x-large-offset-five-sixths,.row .x-large-offset-ten-twelfths{margin-left:83.3332%}.row .x-large-offset-one-eighth{margin-left:12.5%}.row .x-large-offset-three-eighths{margin-left:37.5%}.row .x-large-offset-five-eighths{margin-left:62.5%}.row .x-large-offset-seven-eighths{margin-left:87.5%}.row .x-large-offset-one-tenth{margin-left:10%}.row .x-large-offset-three-tenths{margin-left:30%}.row .x-large-offset-seven-tenths{margin-left:70%}.row .x-large-offset-nine-tenths{margin-left:90%}.row .x-large-offset-one-twelfth{margin-left:8.3332%}.row .x-large-offset-five-twelfths{margin-left:41.6665%}.row .x-large-offset-seven-twelfths{margin-left:58.332%}.row .x-large-offset-eleven-twelfths{margin-left:91.6665%}.row .x-large-offset-golden-small{margin-left:38.2716%}.row .x-large-offset-golden-x-large{margin-left:61.7283%}.row .x-large-offset-none{margin-left:0}}
/* typography */
button,html,input,select,textarea{color:#515151}body{font-family:"Droid Sans",Helvetica,Arial,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5;text-align:left}a,a:active,a:visited{outline:0;text-decoration:none;-webkit-transition:.2s ease-in-out all;transition:.2s ease-in-out all}a{color:#333}a:hover{color:#005596;outline:0}a:active{color:#005596}.touch a,.touch a:hover{text-decoration:none}abbr,acronym,dfn[title]{border-bottom:1px dotted #999;cursor:help}abbr a{text-decoration:none}acronym{text-transform:uppercase}blockquote{border-left:.375rem solid #efefef;font:italic 1.333rem Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif;padding-left:1rem}blockquote p{margin:0}blockquote p+p{margin-top:1.5rem}blockquote cite{color:#777;font:italic .75rem Arial,Helvetica,sans-serif}blockquote cite:before{content:"\2014 \0020"}blockquote cite a{color:#777}blockquote.blockquote-reverse{border-left:0 none;border-right:.375rem solid #efefef;padding-left:0;padding-right:1rem;text-align:right}caption,p,table,td,textarea,th{-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}dl dt{color:#222;font-weight:700}dl dd{margin:0}del{color:#777;text-decoration:line-through}details{cursor:pointer}cite,em,i{font-style:italic}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#222;font-weight:700}.h1,h1{font-size:1.5rem;line-height:1}.h2,h2{font-size:1.35rem;line-height:1.2}.h3,h3{font-size:1.3rem;line-height:1.4}.h4,h4{font-size:1.2rem;line-height:1.5}.h5,h5{font-size:.875rem;line-height:1.71429}.h6,h6{font-size:.75rem;line-height:2}@media only screen and (min-width:768px){.h1,h1{font-size:2rem;line-height:1.5}.h2,h2{font-size:1.5rem;line-height:1}.h3,h3{font-size:1.25rem;line-height:1.2}.h4,h4{font-size:1.3rem;line-height:1.5}.h5,h5{font-size:1rem;line-height:1.5}.h6,h6{font-size:.875rem;line-height:1.71429}}@media only screen and (min-width:960px){.h1,h1{font-size:2.25rem;line-height:1.33333}.h2,h2{font-size:1.875rem;line-height:1.6}.h3,h3{font-size:1.5rem;line-height:1}.h4,h4{font-size:1.3rem;line-height:1.5}.h5,h5{font-size:1rem;line-height:1.5}.h6,h6{font-size:.875rem;line-height:1.71429}}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:65%;line-height:1}hr{border:0;border-bottom:1px solid #dfe1e1;margin:1rem 0}hr.symbol{border:0;height:1.333rem;margin:0 0 1rem;padding:1rem 0}hr.symbol:before{border:0;color:#222;content:"⁂";display:block;font-size:1.333rem;line-height:1;text-align:center;width:100%}ins,mark{background:#ff9;color:#222;text-decoration:none}nav ol,nav ul{margin:0;padding:0;list-style:none}ol{list-style:decimal}ol ol{list-style:upper-alpha}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:lower-alpha}ul{list-style:disc}ul ul{list-style:circle}ul ul ul{list-style:square}ul ul ul ul{list-style:decimal-leading-zero}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.no-list{list-style:none;margin:0;padding:0}.lined-list li{border-bottom:1px solid #dfe1e1;padding-bottom:.25rem;padding-top:.25rem}.lined-list li li,.lined-list li.last-child,.lined-list li:last-child{border-bottom:none}.inline-list{display:block;margin-left:0}.inline-list li{display:inline;margin-right:1.5rem}.inline-list li.last-child,.inline-list li:last-child{margin-right:0}.lined-list.inline-list li{margin-right:.75rem}.lined-list.inline-list li:after{color:#dfe1e1;content:"|";margin-left:.75rem}.lined-list.inline-list li.last-child:after,.lined-list.inline-list li:last-child:after{content:""}.run-in{color:#222;float:left;font-size:1rem;font-weight:700;letter-spacing:2px;margin:0;margin-right:.317rem;text-transform:uppercase}.small,small{display:inline-block;font-size:.75em;line-height:1.75}.micro{font-size:.625rem;line-height:2.4}.small-caps{font-family:inherit;font-size:1.125rem;font-weight:700;letter-spacing:2px;line-height:inherit;text-transform:uppercase}sub,sup{font-size:.75rem}sup{top:-.475rem}sub{bottom:-.238rem}var{font-style:normal}.breakword{word-wrap:break-word}.normal-wrap{word-wrap:normal}.inherit-wrap{word-wrap:auto}.drop-cap:first-letter{background:0 0;color:#222;float:left;font:700 4.209rem Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif;line-height:1;margin:auto .75rem auto auto;padding:inherit;text-indent:0;text-transform:uppercase}p+.drop-cap{margin-top:0;text-indent:0}
/* buttons */
.button{background-color:#0970ae;border:1px solid transparent;border-radius:.25rem;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:107%;height:2.15em;line-height:2.15;margin:0;overflow:visible;padding:0 .75em;text-align:center;text-decoration:none;-webkit-transition:.2s ease-in-out all;transition:.2s ease-in-out all;vertical-align:middle;white-space:nowrap;text-transform:uppercase}.button.tighten{padding:0 .4em}.button,.button:active,.button:focus,.button:hover,.button:visited{text-decoration:none}.button:focus,.button:hover{box-shadow:0 0 5px rgba(0,0,0,.5)}.button:hover{color:#fff}.button:active{box-shadow:0 0 5px rgba(0,0,0,.5) inset;outline:0 none}.bg-transparent.button:active,.bg-transparent.button:focus,.bg-transparent.button:hover{box-shadow:none;outline:0 none}.button::-moz-focus-inner{border:0;padding:0}.button.disabled,.button[disabled]{box-shadow:none;color:#777;cursor:not-allowed;opacity:.5;text-shadow:none}.button [data-icon]{margin-right:.5em}.button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.button-xlarge{height:2.5rem;line-height:2.5rem;padding-right:1.25rem;padding-left:1.25rem;width:auto;min-width:6rem;font-size:1.25rem}.button-block{display:block;padding-right:0;padding-left:0;width:100%}.button-xlarge.button-cancel{min-width:0;font-size:1.5rem;padding-left:.5rem;padding-right:.5rem}.major-button-wrap .button-xlarge{height:3.5rem;line-height:3.5rem}.button-auto{height:auto;line-height:1.25;padding-top:.5rem;padding-bottom:.5rem}.button-small-font{font-size:.75rem}.button-normal-font{font-size:1rem}.button-large-font{font-size:2rem}.button-hollow{background:0 0}.button-square{border-radius:0}.button-pill{border-radius:5em}.button-inline{font-size:inherit;height:auto;line-height:inherit;padding-right:.5em;padding-left:.5em;vertical-align:baseline}@media only screen and (min-width:480px){.x-small-button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.x-small-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.x-small-button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.x-small-button-block{display:block;padding-right:0;padding-left:0;width:100%}}@media only screen and (min-width:640px){.small-button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.small-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.small-button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.small-button-block{display:block;padding-right:0;padding-left:0;width:100%}}@media only screen and (min-width:768px){.medium-button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.medium-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.medium-button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.medium-button-block{display:block;padding-right:0;padding-left:0;width:100%}}@media only screen and (min-width:960px){.large-button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.large-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.large-button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.large-button-block{display:block;padding-right:0;padding-left:0;width:100%}}@media only screen and (min-width:1170px){.x-large-button-mini{font-size:.75rem;height:1.5em;line-height:1.5;padding-right:.5em;padding-left:.5em;width:auto}.x-large-button-medium{height:3em;line-height:3;padding-right:1em;padding-left:1em;width:auto}.x-large-button-large{height:4em;line-height:4;padding-right:1.5em;padding-left:1.5em;width:auto}.x-large-button-block{display:block;padding-right:0;padding-left:0;width:100%}}
/* fonts */
/* @font-face{font-family:ElegantIcons;src:url(fonts/ElegantIcons.eot);src:url(fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'),url(fonts/ElegantIcons.woff) format('woff'),url(fonts/ElegantIcons.ttf) format('truetype'),url(fonts/ElegantIcons.svg#ElegantIcons) format('svg');font-weight:400;font-style:normal}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?mshmb2);src:url(fonts/icomoon.eot?mshmb2#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?mshmb2) format('truetype'),url(fonts/icomoon.woff?mshmb2) format('woff'),url(fonts/icomoon.svg?mshmb2#icomoon) format('svg');font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon);font-family:ElegantIcons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none}[data-icon=network]:before{font-family:icomoon!important;font-size:120%;content:"\e900"}[data-icon=restaurant]:before{font-family:icomoon!important;font-size:120%;content:"\e901"}[data-icon=client-transfer]:before{font-family:icomoon!important;content:"\e902"} */
/* fonts */
@font-face {
    font-family: ElegantIcons;
    src        : url(fonts/ElegantIcons.eot);
    src        : url(fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'), url(fonts/ElegantIcons.woff) format('woff'), url(fonts/ElegantIcons.ttf) format('truetype'), url(fonts/ElegantIcons.svg#ElegantIcons) format('svg');
    font-weight: 400;
    font-style : normal
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?uuqwgm');
  src:  url('fonts/icomoon.eot?uuqwgm#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?uuqwgm') format('truetype'),
        url('fonts/icomoon.woff?uuqwgm') format('woff'),
        url('fonts/icomoon.svg?uuqwgm#icomoon') format('svg');
  font-weight: 400;
  font-style: normal;
}
[data-icon]:before {
    content                : attr(data-icon);
    font-family            : ElegantIcons;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant           : normal;
    font-weight            : 400;
    line-height            : 1;
    speak                  : none;
    text-transform         : none
}

[data-icon=clientlist]:before,
[data-icon=communicate]:before,
[data-icon=goals]:before,
[data-icon=groups]:before,
[data-icon=measurements]:before,
[data-icon=plan]:before,
[data-icon=professionals]:before,
[data-icon=profile--white]:before,
[data-icon=profile]:before,
[data-icon=question]:before,
[data-icon=wallet]:before,
[data-icon=network]:before,
[data-icon=restaurant]:before,
[data-icon=client-transfer]:before,
[data-icon=assessment]:before,
[data-icon=fitness]:before,
[data-icon=in-person]:before,
[data-icon=facility]:before,
[data-icon=location]:before,
[data-icon=journal]:before,
[data-icon=mental-health]:before,
[data-icon=nutrition]:before,
[data-icon=agenda]:before,
[data-icon=link]:before,
[data-icon=todo]:before,
[data-icon=schedule]:before,
[data-icon=physical-therapy]:before,
[data-icon=virtual]:before,
[data-icon=online]:before,
[data-icon=email]:before, 
[data-icon=wellness]:before {
    font-family: icomoon !important;
}
[data-icon=clientlist]:before {
  content: "\e900";
}
[data-icon=communicate]:before {
  content: "\e901";
}
[data-icon=goals]:before {
  content: "\e902";
}
[data-icon=groups]:before {
  content: "\e903";
}
[data-icon=measurements]:before {
  content: "\e904";
}
[data-icon=plan]:before {
  content: "\e905";
}
[data-icon=professionals]:before {
  content: "\e906";
}
[data-icon=profile]:before,
[data-icon=profile--white]:before {
  content: "\e907";
}
[data-icon=question]:before {
  content: "\e908";
}
[data-icon=wallet]:before {
  content: "\e909";
}
[data-icon=network]:before {
  content: "\e90a";
}
[data-icon=restaurant]:before {
  content: "\e90b";
}
[data-icon=client-transfer]:before {
  content: "\e90c";
}
[data-icon=assessment]:before {
  content: "\e90d";
}
[data-icon=fitness]:before {
  content: "\e90e";
}
[data-icon=in-person]:before,
[data-icon=facility]:before,
[data-icon=location]:before {
  content: "\e90f";
}
[data-icon=journal]:before {
  content: "\e910";
}
[data-icon=mental-health]:before {
  content: "\e911";
}
[data-icon=nutrition]:before {
  content: "\e912";
}
[data-icon=agenda]:before,
[data-icon=todo]:before {
  content: "\e913";
}
[data-icon=schedule]:before {
  content: "\e914";
}
[data-icon=physical-therapy]:before {
  content: "\e915";
}
[data-icon=virtual]:before,
[data-icon=online]:before {
  content: "\e916";
}
[data-icon=wellness]:before {
  content: "\e917";
}
/*[data-icon=link]:before {
    content: "\1F517";
}*/
.icon-link:before {
    content: "\e9cb";
}

[data-icon=link]:before {
    content: "\e9cb";
}

/* forms */
.form-row{clear:both;display:block;margin-bottom:.5rem}button,html input[type=button],input[type=checkbox],input[type=checkbox]+label,input[type=file],input[type=image],input[type=radio],input[type=radio]+label,input[type=reset],input[type=submit],select{cursor:pointer}fieldset{border:0;min-width:0;padding:0}fieldset>.last-child,fieldset>:last-child{margin-bottom:0}@media only screen and (min-width:768px){fieldset{font-size:1.125rem}}.fieldset-border{border:1px solid #dfe1e1;padding:1rem}input[type=checkbox],input[type=image],input[type=radio]{display:inline-block;width:auto}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{border:1px solid #dfe1e1;border-radius:0;display:block;font-family:inherit;font-size:90%;height:2em;line-height:1.5em;outline:0 none;padding:0 .5rem;vertical-align:middle;width:100%}select{padding-right:0}input.input-medium,select.input-medium{height:3em;line-height:3}input.input-block,input.input-large,select.input-large{height:4em;line-height:4}input.input-small-font,select.input-small-font{font-size:.75rem}input.input-normal-font,select.input-normal-font{font-size:1rem}input.input-large-font,select.input-large-font{font-size:2rem}@media screen and (min-width:480px){input.x-small-input-medium,select.x-small-input-medium{height:3em;line-height:3}input.x-small-input-block,input.x-small-input-large,select.x-small-input-large{height:4em;line-height:4}input.x-small-input-small-font,select.x-small-input-small-font{font-size:.75rem}input.x-small-input-normal-font,select.x-small-input-normal-font{font-size:1rem}input.x-small-input-large-font,select.x-small-input-large-font{font-size:2rem}}@media screen and (min-width:640px){input.small-input-medium,select.small-input-medium{height:3em;line-height:3}input.small-input-block,input.small-input-large,select.small-input-large{height:4em;line-height:4}input.small-input-small-font,select.small-input-small-font{font-size:.75rem}input.small-input-normal-font,select.small-input-normal-font{font-size:1rem}input.small-input-large-font,select.small-input-large-font{font-size:2rem}}@media screen and (min-width:768px){input.medium-input-medium,select.medium-input-medium{height:3em;line-height:3}input.medium-input-block,input.medium-input-large,select.medium-input-large{height:4em;line-height:4}input.medium-input-small-font,select.medium-input-small-font{font-size:.75rem}input.medium-input-normal-font,select.medium-input-normal-font{font-size:1rem}input.medium-input-large-font,select.medium-input-large-font{font-size:2rem}}@media screen and (min-width:980px){input.large-input-medium,select.large-input-medium{height:3em;line-height:3}input.large-input-block,input.large-input-large,select.large-input-large{height:4em;line-height:4}input.large-input-small-font,select.large-input-small-font{font-size:.75rem}input.large-input-normal-font,select.large-input-normal-font{font-size:1rem}input.large-input-large-font,select.large-input-large-font{font-size:2rem}}@media screen and (min-width:1170px){input.x-large-input-medium,select.x-large-input-medium{height:3em;line-height:3}input.x-large-input-block,input.x-large-input-large,select.x-large-input-large{height:4em;line-height:4}input.x-large-input-small-font,select.x-large-input-small-font{font-size:.75rem}input.x-large-input-normal-font,select.x-large-input-normal-font{font-size:1rem}input.x-large-input-large-font,select.x-large-input-large-font{font-size:2rem}}.input-block{display:block}input.all-hidden{display:none}input.required:required:valid,textarea.required:required:valid{border-color:#2ecc40}input.required:focus:invalid,textarea.required:focus:invalid{border-color:#ff4136}input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{box-shadow:inset .1rem .1rem .238rem hsla(0,0%,0%,.15);outline:0 none}input[type=file]{cursor:pointer;max-width:100%}input[type=search]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=color][disabled],input[type=date][disabled],input[type=datetime-local][disabled],input[type=datetime][disabled],input[type=email][disabled],input[type=month][disabled],input[type=number][disabled],input[type=password][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=text][disabled],input[type=time][disabled],input[type=url][disabled],input[type=week][disabled],select[disabled],textarea[disabled]{background-color:#eaeded;cursor:not-allowed;opacity:1}input:not([type])[disabled]{background-color:#eaeded;color:#cad2d3;cursor:not-allowed}input[readonly],select[readonly],textarea[readonly]{background:#eaeded}input:-moz-placeholder,textarea:-moz-placeholder{color:#8a7b7b;font-size:inherit}input::-moz-placeholder,textarea::-moz-placeholder{color:#8a7b7b;font-size:inherit}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#8a7b7b;font-size:inherit;line-height:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#8a7b7b;font-size:inherit;line-height:inherit}legend{border:0;color:#222;font-weight:700;padding:0}.fieldset-border legend{background:#fff;margin:0;padding:0 .356rem}select{background:#f8f8f8;color:#838383}select:focus{outline:1px dotted #222}@-moz-document url-prefix(){select{max-height:4rem}}textarea{height:5em;resize:vertical}.inline-labeling label{width:auto}@media (min-width:960px){.inline-labeling{font-size:1rem}.inline-labeling label{display:inline-block;margin-right:.5em;text-align:right;vertical-align:middle;width:32%}.inline-labeling input[type=date],.inline-labeling input[type=datetime-local],.inline-labeling input[type=datetime],.inline-labeling input[type=email],.inline-labeling input[type=month],.inline-labeling input[type=number],.inline-labeling input[type=password],.inline-labeling input[type=search],.inline-labeling input[type=tel],.inline-labeling input[type=text],.inline-labeling input[type=time],.inline-labeling input[type=url],.inline-labeling input[type=week],.inline-labeling select,.inline-labeling textarea{display:inline-block;vertical-align:middle;width:65%}.inline-labeling textarea{vertical-align:top}.inline-labeling input:not([type]){display:inline-block;vertical-align:middle;width:65%}}
/* tables */
table{empty-cells:show;max-width:100%;width:100%}table caption{font-weight:700;font-style:italic;padding-bottom:.317rem}table tfoot td,table th{color:#222;font-weight:700;text-align:left}table tfoot td,table thead th{background-color:#efefef}table td,table th{overflow:visible;padding:.633rem;vertical-align:top}.table-border{border:1px solid #d0d0d0}.table-border-all td,.table-border-all th{border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0}.table-border-rows td,.table-border-rows th{border-top:1px solid #d0d0d0}.table-border.border-all thead:first-child tr:first-child td,.table-border.border-all thead:first-child tr:first-child th,.table-border.border-rows thead:first-child tr:first-child td,.table-border.border-rows thead:first-child tr:first-child th{border-top:0}.table-.border-all tr th:first-child,.table-border-all tr td:first-child{border-left:0}.table-border-all thead:first-child tr:first-child th,.table-border-all tr:first-child th{border-top:0}.table-border-rows tr.last-child td,.table-border-rows tr:last-child td{border-bottom:1px solid #d0d0d0}.table-stripe tbody>tr:nth-child(odd)>td{background:#f8f8f8}@media (max-width:480px){.mobile-table{font-size:.875rem;min-width:100%}.mobile-table th,.mobile-table thead{display:none}.mobile-table tr td:last-child{border-bottom:10px solid #ddd}.mobile-table td{display:block}.mobile-table td:first-child{padding-top:.5rem}.mobile-table td:last-child{padding-bottom:.5rem}.mobile-table td:before{content:attr(data-th) ": ";display:inline-block;font-weight:700;width:8rem}}
/* colors */
.bg-navy{background-color:#001f3f}.bg-blue,.bg-primary{background-color:#0970ae}.bg-secondary,.bg-sky{background-color:#0ca7e9}.bg-aqua{background-color:#7fdbff}.bg-teal{background-color:#39cccc}.bg-olive{background-color:#3d9970}.bg-green{background-color:#2ecc40}.bg-lime{background-color:#01ff70}.bg-yellow{background-color:#ffdc00}.bg-orange,.bg-tertiary{background-color:#f36618}.bg-red{background-color:#f42434}.bg-fuchsia{background-color:#f012be}.bg-purple{background-color:#b10dc9}.bg-maroon{background-color:#731e11}.bg-white{background-color:#fff}.bg-charcoal{background-color:#232323}.bg-gray{background-color:#aaa}.bg-light-gray{background-color:#efefef}.bg-silver{background-color:#ddd}.bg-black{background-color:#111}.bg-transparent,.bg-transparent:hover{background-color:transparent}.bg-light-yellow{background-color:#fffcca}.bg-light-blue{background-color:#d9f7ff}.bg-light-green{background-color:#e1ffd5}.button.bg-navy:hover{background-color:#002a53}.button.bg-blue:hover,.button.bg-primary:hover{background-color:#03549b}.button.bg-secondary:hover,.button.bg-sky:hover{background-color:#0970ae}.button.bg-aqua:hover{background-color:#75cceb;color:#333}.button.bg-teal:hover{background-color:#33b8b8;color:#333}.button.bg-olive:hover{background-color:#358562}.button.bg-green:hover{background-color:#29b839}.button.bg-lime:hover{background-color:#01eb68;color:#333}.button.bg-yellow:hover{background-color:#ebcc00;color:#333}.button.bg-orange:hover,.button.bg-tertiary:hover{background-color:#ed5f11}.button.bg-red:hover{background-color:#e82532}.button.bg-fuchsia:hover{background-color:#dc10b1}.button.bg-purple:hover{background-color:#9d0bb5}.button.bg-maroon:hover{background-color:#872314}.button.bg-white:hover{background-color:#ebebeb;color:#333}.button.bg-charcoal:hover{background-color:#111}.button.bg-gray:hover{background-color:#969696}.button.bg-silver:hover{background-color:#c9c9c9;color:#333}.button.bg-black:hover{background-color:#333}.button.hover-orange.active,.button.hover-orange:hover{background-color:#f36618}.border-navy{border-color:#001f3f}.border-blue{border-color:#0970ae}.border-sky{border-color:#0ca7e9}.border-aqua{border-color:#7fdbff}.border-teal{border-color:#39cccc}.border-olive{border-color:#3d9970}.border-green{border-color:#2ecc40}.border-lime{border-color:#01ff70}.border-yellow{border-color:#ffdc00}.border-orange{border-color:#f36618}.border-red{border-color:#f42434}.border-fuchsia{border-color:#f012be}.border-purple{border-color:#b10dc9}.border-maroon{border-color:#731e11}.border-white{border-color:#fff}.border-charcoal{border-color:#232323}.border-gray{border-color:#aaa}.border-silver{border-color:#ddd}.border-black{border-color:#111}.border-transparent{border-color:transparent}.navy{color:#001f3f}.blue,.text-primary{color:#0970ae}.sky,.text-secondary{color:#0ca7e9}.aqua{color:#7fdbff}.teal{color:#39cccc}.olive{color:#3d9970}.green{color:#2ecc40}.lime{color:#01ff70}.yellow{color:#ffdc00}.orange,.text-tertiary{color:#f36618}.error,.red,.red a{color:#f42434}.fuchsia{color:#f012be}.purple{color:#b10dc9}.maroon{color:#731e11}.white{color:#fff}.charcoal{color:#232323}.dark-gray{color:#515151}.gray{color:#aaa}.silver{color:#ddd}.black{color:#111}.transparent{color:transparent}.facebook{color:#3b5998}.googleplus{color:#dd4b39}.instagram{color:#517fa4}.linkedin{color:#007bb6}.pinterest{color:#cb2027}.twitter{color:#00aced}.youtube{color:#b00}.bg-facebook{background-color:#3b5998}.bg-googleplus{background-color:#dd4b39}.bg-instagram{background-color:#517fa4}.bg-linkedin{background-color:#007bb6}.bg-pinterest{background-color:#cb2027}.bg-twitter{background-color:#00aced}.bg-youtube{background-color:#b00}.bg-facebook:hover,.bg-googleplus:hover,.bg-instagram:hover,.bg-linkedin:hover,.bg-pinterest:hover,.bg-twitter:hover,.bg-youtube:hover{box-shadow:0 0 5px rgba(0,0,0,.5);color:#fff}
/* helpers */
.bold,.required{font-weight:700}.italic{font-style:italic}.normal{font-weight:400}.lighter{font-weight:300}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.underline,a.underline{text-decoration:underline;cursor:pointer}.underline:hover,a.underline:hover{text-decoration:none}.pointer{cursor:pointer}.addpr{padding-right:1em}.align-center{text-align:center}.align-justify{text-align:justify}.align-left{text-align:left}.align-right{text-align:right}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.vertical-align-parent{-webkit-transform-style:preserve-3d}.vertical-align{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ie8 .vertical-align{display:table-cell;vertical-align:middle}@media only screen and (min-width:360px){.tiny-align-left{text-align:left}.tiny-align-right{text-align:right}.tiny-align-center{text-align:center}}@media only screen and (min-width:480px){.x-small-align-center{text-align:center}.x-small-align-justify{text-align:justify}.x-small-align-left{text-align:left}.x-small-align-right{text-align:right}.x-small-align-baseline{vertical-align:baseline}.x-small-align-bottom{vertical-align:bottom}.x-small-align-middle{vertical-align:middle}.x-small-align-top{vertical-align:top}}@media only screen and (min-width:480px){.small-align-center{text-align:center}.small-align-justify{text-align:justify}.small-align-left{text-align:left}.small-align-right{text-align:right}.small-align-baseline{vertical-align:baseline}.small-align-bottom{vertical-align:bottom}.small-align-middle{vertical-align:middle}.small-align-top{vertical-align:top}}@media only screen and (min-width:640px){.small-normal{font-weight:400}.small-medium-align-left{text-align:left}.small-medium-align-right{text-align:right}.small-medium-align-center{text-align:center}}@media only screen and (min-width:768px){.medium-align-center{text-align:center}.medium-align-justify{text-align:justify}.medium-align-left{text-align:left}.medium-align-right{text-align:right}.medium-align-baseline{vertical-align:baseline}.medium-align-bottom{vertical-align:bottom}.medium-align-middle{vertical-align:middle}.medium-align-top{vertical-align:top}.medium-normal{font-weight:400}}@media only screen and (min-width:960px){.large-align-center{text-align:center}.large-align-justify{text-align:justify}.large-align-left{text-align:left}.large-align-right{text-align:right}.large-align-baseline{vertical-align:baseline}.large-align-bottom{vertical-align:bottom}.large-align-middle{vertical-align:middle}.large-align-top{vertical-align:top}.large-normal{font-weight:400}}@media only screen and (min-width:1170px){.x-large-align-center{text-align:center}.x-large-align-justify{text-align:justify}.x-large-align-left{text-align:left}.x-large-align-right{text-align:right}.x-large-align-baseline{vertical-align:baseline}.x-large-align-bottom{vertical-align:bottom}.x-large-align-middle{vertical-align:middle}.x-large-align-top{vertical-align:top}}.clear{clear:both}.clear-height{height:auto!important;line-height:normal!important}.float-left{float:left}.float-none{float:none}.float-right{float:right}@media only screen and (min-width:480px){.x-small-float-left{float:left}.x-small-float-none{float:none}.x-small-float-right{float:right}}@media only screen and (min-width:640px){.small-float-left{float:left}.small-float-none{float:none}.small-float-right{float:right}}@media only screen and (min-width:768px){.medium-float-left{float:left}.medium-float-none{float:none}.medium-float-right{float:right}}@media only screen and (min-width:960px){.large-float-left{float:left}.large-float-none{float:none}.large-float-right{float:right}}@media only screen and (min-width:1170px){.x-large-float-left{float:left}.x-large-float-none{float:none}.x-large-float-right{float:right}}.img-left{float:left;margin:.2rem .75rem .75rem 0}.img-right{float:right;margin:.2rem 0 .75rem .75rem}@media only screen and (min-width:480px){.x-small-img-left{float:left;margin:.2rem .75rem .75rem 0}.x-small-img-right{float:right;margin:.2rem 0 .75rem .75rem}}@media only screen and (min-width:640px){.small-img-left{float:left;margin:.2rem .75rem .75rem 0}.small-img-right{float:right;margin:.2rem 0 .75rem .75rem}}@media only screen and (min-width:768px){.medium-img-left{float:left;margin:.2rem .75rem .75rem 0}.medium-img-right{float:right;margin:.2rem 0 .75rem .75rem}}@media only screen and (min-width:960px){.large-img-left{float:left;margin:.2rem .75rem .75rem 0}.large-img-right{float:right;margin:.2rem 0 .75rem .75rem}}@media only screen and (min-width:960px){.x-large-img-left{float:left;margin:.2rem .75rem .75rem 0}.x-large-img-right{float:right;margin:.2rem 0 .75rem .75rem}}.breaker{display:block;height:.75rem}@media only screen and (min-width:768px){.breaker{height:1.5rem}}.all-hidden{display:none;visibility:hidden}.all-shown{display:block;visibility:visible}.hide,.printshow{display:none}.show{display:block}.inline{display:inline}.inline-block{display:inline-block}.invisible{visibility:hidden}.visible{visibility:visible}@media only screen and (min-width:360px){.tiny-all-shown{display:block;visibility:visible}.tiny-all-hidden{display:none;visibility:hidden}.tiny-hide{display:none}.tiny-show{display:block}.tiny-inline{display:inline}.tiny-inline-block{display:inline-block}.tiny-invisible{visibility:hidden}.tiny-visible{visibility:visible}}@media only screen and (min-width:480px){.x-small-all-shown{display:block;visibility:visible}.x-small-all-hidden{display:none;visibility:hidden}.x-small-hide{display:none}.x-small-show{display:block}.x-small-inline{display:inline}.x-small-inline-block{display:inline-block}.x-small-invisible{visibility:hidden}.x-small-visible{visibility:visible}}@media only screen and (min-width:640px){.small-all-shown{display:block;visibility:visible}.small-all-hidden{display:none;visibility:hidden}.small-hide{display:none}.small-show{display:block}.small-inline{display:inline}.small-inline-block{display:inline-block}.small-invisible{visibility:hidden}.small-visible{visibility:visible}}@media only screen and (min-width:768px){.medium-all-shown{display:block;visibility:visible}.medium-all-hidden{display:none;visibility:hidden}.medium-hide{display:none}.medium-show{display:block}.medium-inline{display:inline}.medium-inline-block{display:inline-block}.medium-invisible{visibility:hidden}.medium-visible{visibility:visible}}@media only screen and (min-width:960px){.large-all-shown{display:block;visibility:visible}.large-all-hidden{display:none;visibility:hidden}.large-hide{display:none}.large-show{display:block}.large-inline{display:inline}.large-inline-block{display:inline-block}.large-invisible{visibility:hidden}.large-visible{visibility:visible}}@media only screen and (min-width:1170px){.x-large-all-shown{display:block;visibility:visible}.x-large-all-hidden{display:none;visibility:hidden}.x-large-hide{display:none}.x-large-show{display:block}.x-large-inline{display:inline}.x-large-inline-block{display:inline-block}.x-large-invisible{visibility:hidden}.x-large-visible{visibility:visible}}.visuallyhidden{border:0;clip:rect(0 0 0 0);margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;height:1px}.nowrap{white-space:nowrap}.nb,button.nb,input.nb,select.nb,textarea.nb{border:none}.ntb,button.ntb,input.ntb,select.ntb,textarea.ntb{border-top:none}.nrb,button.nrb,input.nrb,select.nrb,textarea.nrb{border-right:none}.nbb,button.nbb,input.nbb,select.nbb,textarea.nbb{border-bottom:none}.nlb,button.nlb,input.nlb,select.nlb,textarea.nlb{border-left:none}.nm{margin:0}.ntm{margin-top:0}.nrm{margin-right:0}.nbm{margin-bottom:0}.nlm{margin-left:0}@media only screen and (min-width:480px){.x-small-nm{margin:0}.x-small-ntm{margin-top:0}.x-small-nrm{margin-right:0}.x-small-nbm{margin-bottom:0}.x-small-nlm{margin-left:0}}@media only screen and (min-width:640px){.small-nm{margin:0}.small-ntm{margin-top:0}.small-nrm{margin-right:0}.small-nbm{margin-bottom:0}.small-nlm{margin-left:0}}@media only screen and (min-width:768px){.medium-nm{margin:0}.medium-ntm{margin-top:0}.medium-nrm{margin-right:0}.medium-nbm{margin-bottom:0}.medium-nlm{margin-left:0}}@media only screen and (min-width:960px){.large-nm{margin:0}.large-ntm{margin-top:0}.large-nrm{margin-right:0}.large-nbm{margin-bottom:0}.large-nlm{margin-left:0}}@media only screen and (min-width:1170px){.x-large-nm{margin:0}.x-large-ntm{margin-top:0}.x-large-nrm{margin-right:0}.x-large-nbm{margin-bottom:0}.x-large-nlm{margin-left:0}}.np{padding:0}.nbm{margin-bottom:0}.ntp{padding-top:0}.nrp{padding-right:0}.nbp{padding-bottom:0}.nlp{padding-left:0}@media only screen and (max-width:767px){.lt-md-nlp{padding-left:0}.lt-md-nrp{padding-right:0}.lt-md-alp{padding-left:.75rem}.lt-md-arp{padding-right:.75rem}}@media only screen and (max-width:639px){.lt-sm-nlp{padding-left:0}.lt-sm-nrp{padding-right:0}.lt-sm-alp{padding-left:.75rem}.lt-sm-arp{padding-right:.75rem}}@media only screen and (max-width:479px){.lt-xs-nlp{padding-left:0}.lt-xs-nrp{padding-right:0}.lt-xs-alp{padding-left:.75rem}.lt-xs-arp{padding-right:.75rem}}@media only screen and (min-width:480px){.x-small-np{padding:0}.x-small-ntp{padding-top:0}.x-small-nrp{padding-right:0}.x-small-nbp{padding-bottom:0}.x-small-nlp{padding-left:0}.x-small-padd{padding:0 .75rem}}@media only screen and (min-width:640px){.small-np{padding:0}.small-ntp{padding-top:0}.small-nrp{padding-right:0}.small-nbp{padding-bottom:0}.small-nlp{padding-left:0}}@media only screen and (min-width:768px){.medium-np{padding:0}.medium-ntp{padding-top:0}.medium-nrp{padding-right:0}.medium-nbp{padding-bottom:0}.medium-nlp{padding-left:0}}@media only screen and (min-width:960px){.large-np{padding:0}.large-ntp{padding-top:0}.large-nrp{padding-right:0}.large-nbp{padding-bottom:0}.large-nlp{padding-left:0}}@media only screen and (min-width:1170px){.x-large-np{padding:0}.x-large-ntp{padding-top:0}.x-large-nrp{padding-right:0}.x-large-nbp{padding-bottom:0}.x-large-nlp{padding-left:0}}.corners{border-radius:.25rem}.no-corners{border-radius:0}.shadows{box-shadow:0 2px 4px 0 rgba(51,51,51,.3)}.bottom-shadow{box-shadow:0 2px 4px -2px rgba(51,51,51,.2)}.text-shadow{text-shadow:1px 1px 1px rgba(51,51,51,.3)}.message{background-color:#e6e6e6;border-radius:.25rem;color:#5a6c7f;margin:1.5rem 0;padding:.75rem 1rem}.message.closable .close{color:#333;font-size:2rem;line-height:1;margin-top:-1rem;opacity:.3;position:absolute;top:50%;right:.25rem;text-decoration:none}.message br:first-child{display:none}.message ol,.message p,.message ul{margin-bottom:0}.message-info{background:#e4f4fd;border:1px solid #a8cce2;color:#407ea1}.message-success{background:#e6f4d8;border:1px solid #a5d76f;color:#61801b}.message-warning{background:#f9f9d5;border:1px solid #d6cd77;color:#7c7548}.message-error{background:#fbe3e3;border:1px solid #f7b5b7;color:#d34047}.message.browsehappy{margin:0 0 0 -300px;position:fixed;top:0;left:50%;width:600px;z-index:99999}.tag{background-color:#3f3f49;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:700;line-height:1rem;padding:.25rem .375rem;vertical-align:baseline;white-space:nowrap}.notification{background-color:#999;border-radius:1.5rem;color:#fff;font-size:.625rem;font-weight:700;line-height:1rem;padding:.25rem .5rem;text-align:center;white-space:nowrap;vertical-align:baseline}.ir{overflow:hidden;text-indent:100%;white-space:nowrap}.ir br{display:none}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}video{background:url(../images/slideshow_click_to_play_Placeholder.png) no-repeat;background-size:contain}audio,video{width:100%}audio:focus,video:focus{outline:1px dotted #222}embed,img,object,video{height:auto;max-width:100%}img.constrain{max-height:100%}iframe{max-width:100%}embed,object{height:100%}figcaption{font-size:.75rem;font-style:italic;margin-top:.5rem}.flex-video{height:0;overflow:hidden;margin-bottom:1rem;padding-top:1.5625rem;padding-bottom:67.5%;position:relative}.flex-video.widescreen{padding-bottom:57.25%}.flex-video.vimeo{padding-top:0}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}img{vertical-align:middle;-ms-interpolation-mode:bicubic}code,kbd,pre,samp{color:#444;font-size:.875rem;font-family:Monaco,"Lucida Sans Typewriter",Consolas,"Courier New",monospace}code{background:#f8f8f8;border:1px solid #dedede;border-radius:.178rem;margin:0;padding:.064rem .317rem;white-space:nowrap}kbd{background:#f8f8f8;border:1px solid #dedede;border-radius:.238rem;box-shadow:0 1px 0 #dedede,inset 0 0 0 1px #fff;margin-bottom:1px;padding:.064rem .317rem;position:relative;top:-1px;white-space:nowrap}pre{position:relative;overflow:auto;padding:1rem;background:#222;box-shadow:inset 0 0 .356rem hsla(0,0%,0%,.6);color:#ccc;-moz-hyphens:none;-ms-hyphens:none;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;tab-size:4;white-space:pre;word-wrap:normal;word-break:normal}pre code{background:0 0;border:none;border-radius:0;color:inherit;display:block;height:100%;margin:0;overflow:auto;padding:0;white-space:pre}.tooltip{background:#111;border-radius:.25rem;color:#fff;font-size:.75rem;padding:1em;position:absolute;text-align:center;z-index:9099}.tooltip:after{border-top:12px solid #111;border-right:12px solid transparent;border-left:12px solid transparent;content:'';margin-left:-12px;position:absolute;bottom:-9px;left:50%;width:0;height:0}.tooltip.top:after{border-top-color:transparent;border-bottom:12px solid #111;top:-24px;bottom:auto}.tooltip.left:after{left:12px;margin:0}.tooltip.right:after{margin:0;right:12px;left:auto}
/* structure */
body{background-color:#f4f3f1}.header{height:4.75rem;margin:0 auto}blockquote,dl,ol,p,ul{-webkit-hyphens:none;-moz-hyphens:none;hyphens:none}.header .main-header.stuck,.header.stuck{background:#fff;box-shadow:0 2px 4px -2px rgba(51,51,51,.2);position:fixed;top:0;right:0;left:0;width:100%;z-index:1000}.main-header{z-index:1}.main-header .breaker{height:1.75rem}.main-header.stuck{padding:.5rem 0}.masthead{display:block;font-size:1rem;line-height:3}.masthead img{display:block;max-height:70px;margin:4px 0 2px}@media only screen and (min-width:768px){.masthead{font-size:1.5rem;line-height:2.667}}.masthead:hover{color:inherit}.navigation-bar{text-align:center}.main-navigation{height:0;opacity:0;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media only screen and (min-width:768px){.main-navigation{margin:0 auto;opacity:1;max-width:1170px;height:100%}.main-navigation li.medium-hide{display:none}}.main-navigation li{display:inline-block;list-style:none;margin:0;padding:0;position:relative;text-align:left;white-space:nowrap}.main-navigation li a{color:#888;display:block;line-height:4.75;padding:0 .75rem;text-decoration:none;text-transform:uppercase}.main-navigation li:hover>span a{box-shadow:inset 0 -2px 0 0 #f36618;color:#232323}@media screen and (min-width:768px) and (max-width:818px){.main-navigation li a{padding:0 .5rem}}.main-navigation li ul{display:none;margin:0;min-width:100%;padding:0;position:absolute;left:0;z-index:999}.main-navigation li:hover ul{background:#fff;border:1px solid #ddd;display:block}.main-navigation li ul li{display:block;position:relative}.main-navigation li ul li a{font-size:.75rem;line-height:3.5}.main-navigation li ul li:hover>span a{background:#efefef;box-shadow:none}.main-navigation li:hover ul ul{display:none}.main-navigation li ul li ul{display:none;position:absolute;top:0;left:100%}.main-navigation li ul li:hover>ul{display:block}.mobile-menu{-webkit-backface-visibility:hidden;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-perspective:1000;position:fixed;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;z-index:9999}.mobile-menu-bottom,.mobile-menu-top{left:0;width:100%;height:100%}.mobile-menu-top{top:-100%}.mobile-menu-top-open .mobile-menu-top{top:0}.mobile-menu-left,.mobile-menu-right{top:0;width:256px;height:100%}.mobile-menu-right{right:-256px}.mobile-menu-right-open .mobile-menu-right{right:0}.mobile-menu-bottom{bottom:-100%}.mobile-menu-bottom-open .mobile-menu-bottom{bottom:0}.mobile-menu-left{left:-256px}.mobile-menu-left-open .mobile-menu-left{left:0}.mobile-menu-header{border-bottom:1px solid #666;color:#f1f1f1;font-size:1rem;line-height:3;margin:0;overflow:hidden;padding:0 1rem;text-align:center;vertical-align:middle}.mobile-menu-header .close-mobile-menu{display:inline-block;float:right;font-size:2rem;line-height:1.5;opacity:.5;text-decoration:none;vertical-align:middle}.mobile-navigation,.wrap{-webkit-backface-visibility:hidden}.mobile-navigation{-webkit-perspective:1000}.site-overlay{background:0 0;display:none}.mobile-menu-active .site-overlay{background:rgba(0,0,0,.5);display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9000}.mobile-menu-button{color:#888;font-size:3rem;line-height:1.5;padding-top:.4rem}@media only screen and (max-width:767px){.mobile-navigation-header{color:#fff;cursor:pointer;height:3.5rem;line-height:3.5rem;text-decoration:none;vertical-align:middle;text-align:center}.mobile-navigation-header a{border-right:1px solid #444;color:#fff;text-decoration:none}.mobile-navigation-search{margin:0}.mobile-navigation-search input[type=search]{border-color:transparent}.mobile-navigation-search .button [data-icon]{margin:0}.mobile-navigation{width:200%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.mobile-navigation ul{display:block;float:left;opacity:1;overflow:hidden;position:relative;table-layout:auto;-webkit-tap-highlight-color:transparent;text-align:left;-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;width:50%;height:100%;z-index:0}.mobile-navigation ul li>ul{display:none}.mobile-navigation ul li{border-bottom:1px solid #fff;display:table;overflow-x:hidden;width:100%}.mobile-navigation ul li span{border:none;color:#fff;cursor:pointer;display:block;font-size:.75rem;line-height:3.5rem;overflow:hidden;padding:0;-moz-transition:none;-webkit-transition:none;transition:none;width:100%;min-height:3.5rem}.mobile-navigation ul li span.parent{display:table-cell;width:80%}.mobile-navigation ul li span.next{border-left:1px solid #fff;display:table-cell;width:20%;text-align:center}.mobile-navigation ul li span.next:active{background:0 0}.mobile-navigation ul li span.back{max-width:none}.mobile-navigation ul li span a{background:0 0;border:0 none;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:700;line-height:1.5;overflow:hidden;padding-left:1rem;text-decoration:none;text-transform:uppercase;vertical-align:middle;white-space:normal;width:100%}.mobile-navigation ul li:hover>span a{color:#ccc}.mobile-navigation ul li:hover>ul{display:none}.mobile-navigation ul li:hover>span,.mobile-navigation ul li:hover>span a{background-color:transparent;box-shadow:none}.mobile-navigation ul li:hover>span:active{-webkit-transform:translateZ(0);transform:translateZ(0);background-color:transparent;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.mobile-navigation ul.hide{overflow:hidden;margin-left:-50%;white-space:nowrap}.mobile-navigation ul.hide li,.mobile-navigation ul.hide li span{overflow:hidden}.mobile-navigation .navigation-trail{height:3.5rem}.mobile-navigation .navigation-trail span{cursor:default;display:table-cell;font-size:.75rem;line-height:1.5;padding:0 1rem;text-align:left;text-indent:0;vertical-align:middle}}.main{padding:2rem 0}.content-item,.hdft-footer,.hdft-header,.page-title,.prod-ctgy-hdft-footer,.prod-ctgy-hdft-header{clear:both}.single-column .column-left{display:none}.category-tree{font-size:.875rem;margin-bottom:3rem}.category-tree ul li{list-style:none}.category-tree .level-1{font-weight:700;line-height:2.5;text-transform:uppercase}.category-tree .level-2,.category-tree .level-3,.category-tree .level-4{font-size:.75rem;line-height:2;padding-left:1.5rem}.category-tree .level-3{padding-left:2rem}.category-tree .level-4{padding-left:2.5rem}.category-tree a{display:block;text-decoration:none}.category-tree a span{display:inline-block;font-size:1rem}.column-right{border-left:1px solid #e5e5e5;min-height:30rem}.single-column .row .column-right{border:none;left:auto;width:100%}.page-title{border-bottom:1px solid #ddd;margin-bottom:.5rem;text-transform:uppercase}.breadcrumbs{border-bottom:1px solid #ddd;clear:both;font-size:.75rem;line-height:1.5;margin-bottom:.5rem}@media only screen and (min-width:768px){.breadcrumbs{line-height:2}}.page-title+.breadcrumbs{margin-top:-.3rem}.breadcrumbs li{display:inline-block}.breadcrumbs a{margin:0 .5rem;text-decoration:none}.breadcrumbs li:first-child a{margin-left:0}.breadcrumbs .current-item{color:#333;font-weight:700;margin:0 .5rem}.bottom-wrap{clear:both;height:0}.footer{color:#fff;padding-top:2rem}.footer a{color:#fff}.footer a:hover{color:#ccc}#footerWrap{padding:20px 0 40px}.footer-social a{background:#454545;border-radius:2rem;color:#fff;display:inline-block;font-size:1.125rem;line-height:2;margin-right:.5rem;text-align:center;vertical-align:middle;width:2rem;height:2rem}.footer-social a:hover{background:#555}.testimonial-wrap .slick-next,.testimonial-wrap .slick-prev{border:1px solid #fff;margin:0;top:0}.testimonial-wrap .slick-prev{right:2.5rem;left:auto}.testimonial-wrap .slick-next:before,.testimonial-wrap .slick-prev:before{color:#fff;font-size:1rem}.testimonial-wrap .slick-prev:before{content:'\32'}.testimonial-wrap .slick-next:before{content:'\33'}.testimonial+.testimonial{padding-top:1rem}.testimonial p{padding-left:1.5rem;margin:0}.testimonial p span{margin-right:.5rem;margin-left:-1.5rem}.disclaimers{padding:.5rem 0}.disclaimers .wrap{border-top:1px solid #fff;padding:.5rem 0}.disclaimers a{text-decoration:none}@media screen and (max-width:640px){.disclaimers{padding-bottom:4rem}.disclaimers .wrap{border:0 none;padding:0}}.mobile-footer{box-shadow:0 -2px 4px 2px rgba(51,51,51,.2);height:3rem;line-height:3rem;position:fixed;bottom:0;width:100%;z-index:4}.mobile-footer div{border-left:1px solid #fff;color:#fff;cursor:default;font-size:.75rem;height:100%;line-height:1;padding-top:.625rem}.mobile-footer div:first-child{border:none}.mobile-footer a{color:#fff;display:block;text-decoration:none}.mobile-footer span{font-size:1rem}.mobile-footer small{display:inline-block;font-size:.625rem;width:100%}.mobile-footer-links ul{width:100%;max-height:90%}.mobile-footer-links ul li{border-bottom:1px solid #666;display:table;line-height:2.5rem;width:100%}.mobile-footer-links ul li a{color:#f1f1f1;cursor:pointer;display:block;font-size:.75rem;overflow:hidden;padding:0 1rem;text-decoration:none;text-transform:uppercase;vertical-align:middle;white-space:normal}#ui-datepicker-div{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.33);z-index:9098!important}#ui-datepicker-div .ui-datepicker-calendar a{color:#1c1c1c;text-align:center}#ui-datepicker-div .ui-datepicker-calendar a:hover{color:#0970ae}.ui-datepicker-next,.ui-datepicker-prev{color:#0970ae;font-size:22px;line-height:33px;text-align:center;cursor:pointer}.ui-datepicker-prev:after{content:'\2039'}.ui-datepicker-next:after{content:'\203A'}

/*
	+-+-+-+-+-+-+ PAGE SPECIFIC STYLES +-+-+-+-+-+-+
		=INDEX PAGE
		=DASHBOARD PAGE
		=PROD AND PATR PAGES
		=POUT PAGE
		=SRCH PAGE
		=BASK PAGE
		=OCST, OSEL, OPAY AND INVC PAGES
		=ORDP PAGE
		=ACLN PAGE
		=CTUS PAGE
		=NTFD PAGE
		=SMAP PAGE
		=TABLES - HRA Summary
*/


/*
------------------------ =ANIMATE ------------------------ */
.pulse {
    -webkit-animation: pulse 4s infinite;
    -moz-animation: pulse 4s infinite;
    -o-animation: pulse 4s infinite;
    animation: pulse 4s infinite;
}
 @-moz-keyframes pulse {
      0% {-moz-transform: scale(0.9, 0.9); opacity: 0.0;}
     50% {opacity: 1.0;}
    100% {-moz-transform: scale(1, 1); opacity: 0.0;}
}
 
@-webkit-keyframes pulse {
      0% {-webkit-transform: scale(0.9, 0.9); opacity: 0.0;}
     50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1, 1); opacity: 0.0;}
}
 
@keyframes pulse {
      0% {scale: (0.9, 0.9); opacity: 0.0;}
     50% {opacity: 1.0;}
    100% {scale: (1, 1); opacity: 0.0;}
} 

/*
------------------------ =RANDOM PIECES ------------------------ */
/* if the footer background color is too light, use dark text */
footer.light p,
.disclaimers.light p,
footer.light a,
.disclaimers.light a,
footer.light .white,
.disclaimers.light .white,
footer.light .testimonial-wrap .slick-prev:before,
footer.light .testimonial-wrap .slick-next:before {
	color:#0a0a0a;
}
footer.light .testimonial-wrap .slick-prev,
footer.light .testimonial-wrap .slick-next,
.disclaimers.light .wrap {
	border-color:#0a0a0a;
}
footer.light a:hover,
.disclaimers.light a:hover,
footer.light .gray,
.disclaimers.light .gray {
	color:#515151;
}
footer.light .footer-social a {
	color:#fff;
}
footer.light .footer-social a:hover {
	color:#ccc;
}

/* we want these accessible no matter what (9/12/2016 - fix issue with cropper making buttons/links inaccessible) */
.js-open-lightbox,
.js-crop,
a.underline,
input[type="file"],
input[type="submit"] {
	position:relative;
	z-index:2;
}
.cropper-controls .spacer { width:.75rem; }
.cropper-controls button.cropper-control { padding:0 .5em; }
/* if multiple required-notes are added to a field, we only want to see one */
.required-note + .required-note { display:none; }
.disabled {
	pointer-events: none !important;
	color:#fff !important;
}
.prevent-overflow {
	overflow:hidden;
}
.js-open-more-info[data-icon]:before {
	margin-right:.25rem;
}


/*.popup-open {overflow:hidden !important;}
*/
/* confirm you are not a robot - solve and solution */
input#solution {
	max-width:45px;
	font-size:16px;
}
/* number inputs - hide the arrows */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* error/helper/success messages */
small[class^="success-message"],
small[class^="error-message"],
small[class^="helper-message"] {
	display:block;
}
.hide,
small[class^="success-message"].hide,
small[class^="error-message"].hide,
small[class^="helper-message"].hide {
	display:none;
}
/* show an 'x' icon to clear a search field */
.search-field {
  background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
  padding-right:18px;
  transition: background 0.4s;
}
.search-field.x {
	background-position: right 5px center;
}
.search-field.onX {
	cursor:pointer;
}
.search-field::-ms-clear {
	display:none;
	width:0;
	height:0;
}
/* take a picture */
.wrap-take-picture {
	text-align:center;
}
.take-picture {
	position:relative;
	display:inline-block;
	background-color:#f4f3f1;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	width:540px;
	height:405px;
	box-shadow:0 0 25px rgba(0,0,0,.25);
}
.waiting .take-picture:after {
	content:"Click to Add Picture";
	position:absolute;
	top:50%;
	margin-top:-1.75rem;
	left:0;
	width:100%;
	padding:1rem;
	color:#fff;
	background-color:rgba(0,0,0,.5);
	text-align:center;
	text-transform:uppercase;
	text-shadow:0 0 2px rgba(0,0,0,.25);
	pointer-events:none;
	box-shadow:0 0 12px rgba(0,0,0,.25);
}
@media screen and (max-width:640px) {
	.take-picture {
		padding-top:75%;
		height:0;
		width:100%;
	}
	.waiting .take-picture:after {
		padding:.5rem;
		margin-top:-.75rem;
	}
}
.take-picture.insurance-card {
	background-image:url('../images/sample-insurance-card.png');
}
.waiting .take-picture.insurance-card:after {
	content:"Click to Add Insurance Card";
}
.take-picture input[type="file"] {
	display:none;
}
.take-picture input[type="file"] + label {
	position:absolute;
	height:100%;
	width:100%;
	top:0; left:0;
}
.wrap-take-picture .instructions {
	max-width:540px;
	margin-left:auto;
	margin-right:auto;
}

/* bordered columns/comparison (created/modified) */
.bordered {
	border:1px solid #515151;
}
.bordered--light {
	border:1px solid #dfe1e1;
}
.bordered-right--light {
	border-right:1px solid #dfe1e1;
}
@media screen and (min-width:640px) {
	.small--bordered--light {
		border:1px solid #dfe1e1;
	}
	.small--bordered-right--light {
		border-right:1px solid #dfe1e1;
	}
}
@media screen and (min-width:480px) {
	.x-small--bordered--light {
		border:1px solid #dfe1e1;
	}
	.x-small--bordered-right--light {
		border-right:1px solid #dfe1e1;
	}
}
/* bordered sections (like HIPAA policy agreement) */
.bordered-section {
	border:1px solid #515151;
	box-shadow:inset 0 0 8px rgba(0,0,0,.25);
	padding:.75rem;
}
.bordered-section.max-section {
	margin-right:0;
}

/* control visibility of client-specific items and elements */
.for-client {
	display:none;
}
body.in-client .for-client {
	display:block;
}

/**** Third-Level Items ****/
.row.bordered + .row.bordered,
.js-overflow-data > .row.bordered:first-child {
	border-top: 1px solid #dfe1e1;
}

/**** WYSIWYG ****/
.fr-toolbar { border-top:1px solid #dfe1e1; }
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn { margin:0; }
.fr-popup { z-index:9999 !important; }

/**** ReCaptcha ****/
.g-recaptcha.center > div { margin:auto; }

/**** images ****/
/* top of dashboard pages */
.banner-main {
	width:460px;
	height:205px;
	overflow:hidden;
}
/* side of about page and similar */
.banner-side {
	width:300px;
	height:400px;
	overflow:hidden;
}
/* top of about page and similar */
.banner-top {
	width:1900px;
	height:210px;
	overflow:hidden;
}
/* my profile, viewing client info, professionals */
.profile-main {
	width:200px;
	height:200px;
	overflow:hidden;
}
/* next to user's or coach's name on dashboard */
.profile-thumb {
	width:60px;
	height:60px;
	overflow:hidden;
}
/* facility image (manage > facilities) */
.facility-main {
	width:150px;
	height:200px;
	overflow:hidden;
}
/* before/after pictures (manage > my profile > before & after) */
.before-after {
	width:200px;
	height:300px;
	overflow:hidden;
}
/* slider images on homepage */
.home-slide {
	height:600px;
	width:1900px;
	overflow:hidden;
}
/* slider in more-info section (exercises, routines, food items, etc.) */
.info-slider:not(.slick-slider) > div {
	display:none;
}
.info-slider:not(.slick-slider) > div:first-child {
	display:block;
}
.info-slider {
	text-align:center;
}
.info-slider img {
	width:100%;
}
.info-slide {
	width:932px;
	height:550px;
	overflow:hidden;
}

/**** image previews ****/
.item.preview {
	position:relative;
	display:inline-block;
	padding-bottom:2rem;
	padding-right:1rem;
}
.item.preview:last-child {
	margin-right:0;
}
.item.preview .delete-image-prep {
	position:absolute;
	bottom:5px;
	right:20px;
}
.item.preview img {
	max-height:200px;
}
/**** image resizer ****/
.image-preview > img { display:none; } /* we hide the unresizable version of the image (js gives us two by default) */
.resizable { position:relative;width:100%;min-height:350px; }
.resizable.exercise { min-height:650px; }
.flip-icon {
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
/**** image management ****/
.view-image { cursor:pointer; }
ul.manage-images.sortable {
	padding:0;
	margin:0;
}
ul.manage-images.sortable li.item {
	border:none;
	clear:none;
	float:left;
	width:33.33%;
	padding:.5rem .5rem 1.75rem;
	margin:0;
	position:relative;
}
ul.manage-images.sortable li.item .dragger {
	position:absolute;
	bottom:0;
	right:.75rem;
	margin:0;
	padding:0;
}
ul.manage-images.sortable li.item .delete-image-prep {
	position:absolute;
	bottom:0;
	right:2.25rem;
	margin:0;
	padding:0;
}
@media screen and (max-width:767px) {
	ul.manage-images.sortable li.item {
		border:none;
		clear:none;
		width:50%;
	}
}
/*@media screen and (max-width:480px) {
	ul.manage-images.sortable li.item {
		border:none;
		clear:none;
		float:none;
		width:100%;
		padding:.5rem 0 1.75rem;
	}
}*/
/* remove border on disclaimers - using shorty footer on logged-in pages */
.no-border { border:none !important; }
/*
------------------------ =HOME PAGE ------------------------ */
.home_third {
	background-size:cover;
	min-height:250px;
}

.adspace {
	background-image: url("../images/mod1-ctgf.jpg");
    background-repeat: no-repeat;
    background-position:center;
    background-color:#fff;
    background-size:contain;
}
@media screen and (max-width: 479px) {
	.home_third {
		min-height:0;
	}
	.adspace {
		min-height:300px;
	}
	.home_third.short-section.padTB,
	.home_third.short-section .padTB {
		padding-bottom:0;
	}
}
.back-to-top {
	z-index:6;
}

#banner {
	min-height:0px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#banner .item {
	position:absolute;
    top: 0;
    left: 0;
    height: auto;
    width:100%;
    padding:.5rem 1rem;
    display:block;
    text-align:center;
    opacity:0;
    pointer-events:none;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#banner .item.active {
	opacity:1;
	pointer-events: auto;
}
#banner a {
	color:inherit;
	text-decoration:underline;
}
#banner a:hover {
	color:#ccc;
}
#banner .close {
	padding-top:.25rem;
	padding-right:.75rem;
	cursor:pointer;
	z-index:3;
	position:relative;
}

/*
------------------------ =ABOUT PAGE ------------------------ */
.no-list-style {
	list-style:none;
	padding-left:.75rem;
}
.no-list-style.np {
	padding-left:0;
}
.no-list-style li {
	padding:.25rem 0;
}
.no-list-style li:last-child {
	padding-bottom:0;
}
.no-list-style li.ntp {
	padding-top:0;
}
.tight-list {
	padding-left:1.25rem;
}
.tight-list.smaller-text {
	padding-left:1rem;
}
.tight-list li {
	padding:.25rem 0;
}
.mini-list {
	font-size:.8rem;
	line-height:1.25;
}
.mini-list li {
	padding-top:0;
}
.table-list {
	padding:0;
	list-style:none;
	border:1px solid #dadada;
	display:inline-block;
}
.table-list li {
	padding:.5rem .75rem;
}
.table-list li + li {
	border-top:1px solid #dadada;
}


.full-width-img {
	width:100%;
}
#banner img {
	width:100%;
}

/*
------------------------ =CONTACT PAGE ------------------------ */
.contact_data {
	padding-left:0;
	list-style:none;
}
.contact_data li {
	padding-left:30px;
	background-position:left center;
	background-repeat:no-repeat;
}
 
#contact-map {
	width:100%;
	height:20rem;
}

/*
------------------------ =DASHBOARD PAGE ------------------------ */
.client-name {
	line-height: 1;
}
	.client-name .small {
		display: block;
		font-size: 50%;
		line-height: 1;
	}
img.slider-image {
	width:100%;
}
.rotator img { display:none; width:100%; }
.rotator img:first-child { display:block; }
.dashboard-title {
	line-height: 2;
	margin-bottom: 1rem;
}
.dashboard-heading {
	line-height: 2;
	margin-bottom: 1rem;
}

.weight-management-content,
.caloric-management-content {
	padding: 0 0.50rem;
}
	.weight-management-content div,
	.caloric-management-content div {
		border: solid #f4f3f1;
		border-width: 0 0.25rem;
		margin-bottom: 0.50rem;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

.dashboard-icons li a,
.dashboard-icons li span.unauthorized {
	display: block;
	font-size: 0.875rem;
	text-align: center;
}
.dashboard-icons li span {
	display: block;
}
.dashboard-icons li:hover,
.dashboard-icons a:hover,
.dashboard-icons li a:hover,
.dashboard-icons li .selected {
	color: #f36618;
	text-decoration :none;
}

.dashboard-icons .fitness,
.dashboard-icons .nutrition,
.dashboard-icons .stress, 
.dashboard-icons .schedule, 
.dashboard-icons .measurements, 
.dashboard-icons .journal,
.dashboard-icons .role,
.dashboard-icons .facilities,
.dashboard-icons .professionals, 
.dashboard-icons .profile, 
.dashboard-icons .risk, 
.dashboard-icons .tracking,
.dashboard-icons .plans, 
.dashboard-icons .libraries,
.dashboard-icons .coach,
.dashboard-icons .admin,
.dashboard-icons .recommendations,
.dashboard-icons .wallet,
.dashboard-icons .adime
 {
	overflow: hidden;
	text-indent: -9999px;
	height: 6rem;
}
.noti{position:relative;}
.noti_bubble {
    border-radius: 14px;
    color: white;
    font-size: 0.85em;
    padding: 1px 8px;
    position: absolute;
    right: -2px;
    top: -3px;
}
.small.noti_bubble {
	right:-25px;
	top:-10px;
	font-weight:normal;
	font-size:.8em;
	border-radius:12px;
	padding:0 8px;
	margin:0;
}
.small.noti_bubble.second {
	right:-43px;
	z-index:-1;
}
@media screen and (max-width: 960px) {
	.noti_bubble {
		right:50%;
		margin-right:-55px;
		top:2px;
	}
}
/* read comments */
.read {opacity:.525;}
.alert_new {
	border-radius: 10px;
    color: #fff;
    font-size: 0.85em;
    padding: 0px 7px;
    display:inline-block;
    line-height:1.5;
}
.alert_new.red {color:#F42434;}
/* staging area count */
.alert_new.staging-count {
	display:none;
	position:absolute;
	margin-left:.33em;
	margin-top:-.33em;
}
.alert_new.staging-count.active { display:inline-block; }
/* "tooltips" shown on page */
.tip {
	font-size:.8rem;
	margin-top:-1px;
	line-height:1.25;
	display:block;
}

.dashboard-icons .fitness,
.type-icon .fitness {
	background: url('../images/dash-icon-fitness.png') no-repeat 50% 0; 
}
.dashboard-icons .nutrition,
.type-icon .nutrition {
	background: url('../images/dash-icon-nutrition.png') no-repeat 50% 0;
}
.dashboard-icons .stress,
.type-icon .stress {
	background: url('../images/dash-icon-stress.png') no-repeat 50% 0;
}
.dashboard-icons .schedule,
.dashboard-icons .sessions {
	background: url('../images/dash-icon-schedule.png') no-repeat 50% 0;
}
.dashboard-icons .measurements {
	background: url('../images/dash-icon-measurements.png') no-repeat 50% 0;
}
.dashboard-icons .journal,
.dashboard-icons .clients {
	background: url('../images/dash-icon-journal.png') no-repeat 50% 0;
}
.dashboard-icons .role,
.dashboard-icons .coaches {
	background: url('../images/dash-icon-role.png') no-repeat 50% 0;
}
.dashboard-icons .facilities,
.dashboard-icons .organizations {
	background: url('../images/dash-icon-facilities.png') no-repeat 50% 0;
}
.dashboard-icons .professionals,
.dashboard-icons .coach-profile,
.dashboard-icons .contacts {
	background: url('../images/dash-icon-professionals.png') no-repeat 50% 0;
}
.dashboard-icons .profile,
.dashboard-icons .workspace,
.dashboard-icons .tools {
	background: url('../images/dash-icon-profile.png') no-repeat 50% 0;
}
.dashboard-icons .risk {
	background: url('../images/dash-icon-risk.png') no-repeat 50% 0;
}
.dashboard-icons .tracking,
.dashboard-icons .support {
	background: url('../images/dash-icon-tracking.png') no-repeat 50% 0;
}
.dashboard-icons .plans {
	background: url('../images/dash-icon-plans.png') no-repeat 50% 0;
}
.dashboard-icons .libraries,
.dashboard-icons .groups {
	background: url('../images/dash-icon-libraries.png') no-repeat 50% 0;
}
.dashboard-icons .recommendations {
	background: url('../images/dash-icon-recommendations.png') no-repeat 50% 0;
}
.dashboard-icons .adime {
	background: url('../images/dash-icon-adime.png') no-repeat 50% 0;
}
.dashboard-icons .groups {
	background: url('../images/dash-icon-groups.png') no-repeat 50% 0;
}
.dashboard-icons .wallet {
	background: url('../images/dash-icon-wallet.png') no-repeat 50% 0;
}
.dashboard-icons a.selected .fitness, 
.dashboard-icons a.selected .nutrition, 
.dashboard-icons a.selected .stress, 
.dashboard-icons a.selected .schedule,  
.dashboard-icons a.selected .sessions,  
.dashboard-icons a.selected .measurements,
.dashboard-icons a.selected .journal,
.dashboard-icons a.selected .role,
.dashboard-icons a.selected .facilities,
.dashboard-icons a.selected .professionals,
.dashboard-icons a.selected .profile,
.dashboard-icons a.selected .risk,
.dashboard-icons a.selected .tracking,
.dashboard-icons a.selected .plans,
.dashboard-icons a.selected .libraries,
.dashboard-icons a.selected .coach,
.dashboard-icons a.selected .admin,
.dashboard-icons a.selected .recommendations,
.dashboard-icons a.selected .wallet,
.dashboard-icons a.selected .adime {
	background-position: 50% -90px;
}
.dashboard-icons a.selected .services {
	background-position: center -90px;
}

@media screen and (min-width:1025px) {
	.dashboard-icons a:hover .fitness, 
	.dashboard-icons a:hover .nutrition, 
	.dashboard-icons a:hover .stress,  
	.dashboard-icons a:hover .schedule, 
	.dashboard-icons a:hover .sessions, 
	.dashboard-icons a:hover .measurements, 
	.dashboard-icons a:hover .journal,
	.dashboard-icons a:hover .role,
	.dashboard-icons a:hover .facilities,
	.dashboard-icons a:hover .professionals,
	.dashboard-icons a:hover .profile,
	.dashboard-icons a:hover .risk,
	.dashboard-icons a:hover .tracking,
	.dashboard-icons a:hover .plans,
	.dashboard-icons a:hover .libraries,
	.dashboard-icons a:hover .coach,
	.dashboard-icons span.unauthorized:hover .measurements,
	.dashboard-icons a:hover .admin,
	.dashboard-icons a:hover .recommendations,
	.dashboard-icons a:hover .wallet,
	.dashboard-icons a:hover .adime {
		background-position: 50% -90px;
	}
	.dashboard-icons a:hover .services {
		background-position: center -90px;
	}
}
/* adjusted line-height now that we have a 'go back' button */
.dashboard-icons ~ p,
p.dashboard-switcher {
	/*line-height: 4.75;*/
	line-height: 2;
	padding-top:1.5rem;
}

/* shrink dashboard icons on mobile */
/*
@media screen and (max-width:767px) {
	#js-dashboard-icons > li.column {
		width:16.666%;
		padding:0 .5rem;
	}
	#js-dashboard-icons > li > a > span {
		height:80px;
		background-size:80px;
		background-position:center top;
	}
	#js-dashboard-icons > li > a.selected > span {
		background-position:center bottom;
	}
	#js-dashboard-icons .noti_bubble {
		right:0;
		margin-right:0;
		border-radius:100%;
		font-size:10px;
		padding:0;
		height:22px;
		width:22px;
		line-height:22px;
		text-align:center;
	}
}
@media screen and (max-width:639px) {
	#js-dashboard-icons > li > a {
		font-size:.8rem;
	}
	#js-dashboard-icons > li > a > span {
		height:60px;
		background-size:60px;
	}
}
@media screen and (max-width:479px) {
	#js-dashboard-icons > li > a > span {
		height:40px;
		background-size:40px;
	}
	#js-dashboard-icons > li.column {
		width:16.666%;
		padding:0 .25rem;
	}
	#js-dashboard-icons > li > a {
		font-size:0;
	}
}
*/

.dashboard-details .dashboard-heading {
	margin-bottom: 0;
}
.type-icon > span {
	height:35px;
	width:35px;
	display:block;
	margin:auto;
	background-size:35px !important;
	background-position:center bottom !important;
}
.select-type-icon > span {
	height:60px;
	width:60px;
	background-size:60px !important;
	background-position:center top !important;
}
.select-type-icon.active > span {
	background-position:center bottom !important;
}
/* Jeff (11/24) does this do anything? there's no px in the media query */
@media screen and (max-width:479) {
	.select-type-icon > span {
		height:40px;
		width:40px;
		background-size:40px !important;
	}
}
.status-icon .status {
	display:inline-block;
	vertical-align: top;
	height:21px;
	width:21px;
	text-align: center;
	margin-right:.25rem;
	border-radius:100%;
	line-height:21px;
	color:#fff;
	font-size:.85em;
}
@media screen and (max-width:479px) {
	.status-icon .status {
		float:left;
		display:block;
	}
}





.accordion-link,
.accordion-fake {
	cursor: pointer;
	line-height: 2;
	margin-top: 0.25rem;
}
.accordion-content {
	display: none;
	padding: 1rem 0;
	/*overflow: hidden;*/
}
.no-accordion-content {
	padding: 1rem 0;
}
ul.bordered-list {
	border: 1px solid #ababab;
	padding: 1rem;
	line-height:1.75em;
	height:9em;
	overflow:auto;
}

/*.record-measurements label {
	width:65%;
	text-align:left;
}*/
.record-measurements input[type="date"] {
	width: 30%;
}
.record-measurements input[type="tel"] {
	width: 55%;
}
.edit-measurement-dashboard label {
	width: 50%;
}
.edit-measurement-dashboard input[type="tel"] {
	width: 20%;
}

/*.wrap-sticky-search{height: 100%;overflow-y:scroll;display:block;}*/
/* 10/20/2016 NOTE: updated from hidden to visible to allow close/back button to show in upper-right */
#js-site-overlay { z-index:9000; }
.mobile-menu { z-index:9001; }
.mfp-bg { z-index:9002; }
.mfp-wrap {
	z-index:9003;
	height:100%;
	top:0%;
	/*overflow-x:visible !important;
	overflow-y:visible !important;*/
	overflow-x:hidden !important;
	overflow-y:hidden !important;
}
.mfp-content {height:100%;vertical-align:top;display:block;}
.mfp-container:before {display:none;}
.search-table {
	position:relative;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	/*margin-right:-16px;*/
	width:100%;
	width:840px;
	padding-left:30px;
	padding-right:30px;
	margin:0 -24px;
}
/* REMOVED 2019-07-12 - unsure why this was ever needed
.privacy-details-table {
	width:99%;
}*/
.sticky-search {
	position:fixed;
	width:840px;
	max-width:100%;
	background:#fff;
	z-index:1001;
	top:5%;
	padding:30px 30px 10px;
	margin: 0px -24px;
}
.small-popupWrap.popupWrap.with-sticky {
	overflow-x:hidden;
}
.small-popupWrap .sticky-search,
.small-popupWrap .search-table {
	width:580px;
}
.small-popupWrap .sticky-search {
	left:50%;
	margin-left:-240px;
}
.sticky-search .head-row {
	border-bottom:1px solid #DFE1E1;
	padding-bottom:.5rem;
}
@media only screen and (max-width: 852px) {
	.sticky-search:not(.in-small-popupWrap) {
		width:100%;
		margin:0;
		left:6px;
		border-right: 12px solid rgba(0, 0, 0, 0.77);
	}
	.search-table {
		width:100%;
		margin:0;
		padding-left:0;
		padding-right:0;
		left:6px;
	}
}
@media only screen and (max-width: 767px) {
	.search-table {
		margin-top:0px;
		left:0;
	}
}
@media only screen and (max-width: 492px) {
	.sticky-search.in-small-popupWrap {
		width:100%;
		left:6px;
		border-right:12px solid rgba(0,0,0,0.77);
		margin:0;
	}
	.small-popupWrap .search-table {
		width:100%;
	}
}


			/* old search header classes --- remove these once all lightboxes are updated to latest */
			.search-table.small-header {padding-top:100px;}
			.search-table.medium-header {padding-top:160px;}
			.search-table.large-header {padding-top:180px;}
/* new search header classes */
.search-table.xxl-header { padding-top:265px; }
.search-table.xl-header { padding-top:225px; }
.search-table.lg-header { padding-top:195px; }
.search-table.md-header { padding-top:165px; }
.search-table.sm-header { padding-top:125px; }
.search-table.xs-header { padding-top:95px; }
@media only screen and (min-width: 360px) {
	/* new search header classes */
	.search-table.tiny-xxl-header { padding-top:265px; }
	.search-table.tiny-xl-header { padding-top:225px; }
	.search-table.tiny-lg-header { padding-top:195px; }
	.search-table.tiny-md-header { padding-top:165px; }
	.search-table.tiny-sm-header { padding-top:125px; }
	.search-table.tiny-xs-header { padding-top:95px; }
}
@media only screen and (min-width: 480px) {
	/* old search header classes */
				.search-table.phone-lg-header {
					padding-top:160px;
				}
				.search-table.phone-xl-header {
					padding-top:180px;
				}
	/* new search header classes */
	.search-table.x-small-xxl-header { padding-top:265px; }
	.search-table.x-small-xl-header { padding-top:225px; }
	.search-table.x-small-lg-header { padding-top:195px; }
	.search-table.x-small-md-header { padding-top:165px; }
	.search-table.x-small-sm-header { padding-top:125px; }
	.search-table.x-small-xs-header { padding-top:95px; }
}
@media only screen and (min-width: 640px) {
	/* old search header classes */
				.search-table.mobile-sm-header {
					padding-top:80px;
				}
				.search-table.mobile-md-plus-header {
					padding-top:140px;
				}
				.search-table.mobile-lg-header {
					padding-top:160px;
				}
				.search-table.mobile-xl-header {
					padding-top:225px;
				}
	/* new search header classes */
	.search-table.small-xxl-header { padding-top:265px; }
	.search-table.small-xl-header { padding-top:225px; }
	.search-table.small-lg-header { padding-top:195px; }
	.search-table.small-md-header { padding-top:165px; }
	.search-table.small-sm-header { padding-top:125px; }
	.search-table.small-xs-header { padding-top:95px; }
}
@media only screen and (min-width: 768px) {
	/* old search header classes */
				.search-table.mobile-md-header {
					padding-top:120px;
				}
				.search-table.mobile-lg-header {
					padding-top:200px;
				}
				.search-table.mobile-xl-header {
					padding-top:260px;
				}
	/* new search header classes */
	.search-table.medium-xxl-header { padding-top:265px; }
	.search-table.medium-xl-header { padding-top:225px; }
	.search-table.medium-lg-header { padding-top:195px; }
	.search-table.medium-md-header { padding-top:165px; }
	.search-table.medium-sm-header { padding-top:125px; }
	.search-table.medium-xs-header { padding-top:95px; }
}
@media only screen and (min-width: 960px) {
	/* new search header classes */
	.search-table.large-xxl-header { padding-top:265px; }
	.search-table.large-xl-header { padding-top:225px; }
	.search-table.large-lg-header { padding-top:195px; }
	.search-table.large-md-header { padding-top:165px; }
	.search-table.large-sm-header { padding-top:125px; }
	.search-table.large-xs-header { padding-top:95px; }
}
@media only screen and (min-width: 1170px) {
	/* new search header classes */
	.search-table.x-large-xxl-header { padding-top:265px; }
	.search-table.x-large-xl-header { padding-top:225px; }
	.search-table.x-large-lg-header { padding-top:195px; }
	.search-table.x-large-md-header { padding-top:165px; }
	.search-table.x-large-sm-header { padding-top:125px; }
	.search-table.x-large-xs-header { padding-top:95px; }
}


.js-fitness-diary-search-header, .js-nutrition-diary-search-header {min-height:39px;}

/* Sticky Button Set in Toggle Section */
.with-sticky-footer:after {
	content:"";
	display:block;
	height:3rem;
	clear:both;
}
/* Sticky Button Set in Lightbox */
.popupWrap.popup_sticky-buttons,
.popupWrap.popup_staging-area {
	height:90%;
}
.popupWrap.popup_sticky-buttons:after,
.popupWrap.popup_staging-area:after {
	content:"";
	display:block;
	height:5rem;
	clear:both;
}
.popupWrap.popup_staging-area .search-table:after {
	content:"";
	display:block;
	height:170px;
	clear:both;
}
.popupWrap .sticky-buttons-wrap,
.staging-area,
.popupWrap.with-sticks.stuck .wrap-sticks {
	position:fixed;
	bottom:5%;
	left:0;
	width:100%;
	max-height:90%;
	z-index:1002;
}
.popupWrap.with-sticks.stuck .wrap-sticks {
	bottom:auto;
	top:5%;
}
.popupWrap .sticky-buttons-wrap .list {
	overflow-y:scroll;
	padding-left:16px;/* to adjust for the scrollbar */
}
.popupWrap .sticky-buttons-wrap .noti,
.staging-area .noti {
	margin-bottom:.5rem;
}
.popupWrap .sticky-buttons-wrap .sticky-buttons,
.staging-area .staging-area-container,
.popupWrap.with-sticks.stuck .sticks {
	max-width:840px;
	margin:auto;
	background:#fff;
	padding:12px 5px;
	box-shadow:0px -3px 12px rgba(0,0,0,.15);
}
.popupWrap.with-sticks.stuck .sticks  {
	overflow:hidden;
	padding:0 1.5rem;
	max-width:824px;
	transform:translateX(-8px);
}
.popupWrap.small-popupWrap .sticky-buttons-wrap .sticky-buttons,
.popupWrap.with-sticks.stuck.small-popupWrap .sticks  {
	max-width:30rem;
	transform:translateX(0px);
}
.popupWrap.with-sticks.stuck .replace-sticks {
	display:block;
	min-height:2rem;
}
.popupWrap.with-sticks:not(.stuck) .replace-sticks {
	display:none;
}
.staging-area .staging-area-container {
	padding:12px 0;
}

.progress-steps a:hover{ color:red;}

.popupWrap.popup_sticky-buttons.large-progress-steps:after {
	content:"";
	display:block;
	height:10rem;
	clear:both;
}
@media screen and (min-width:480px) and (max-width:767px) {
	.popupWrap.popup_sticky-buttons.registration-hra:after {
		content:"";
		display:block;
		height:10rem;
		clear:both;
	}
	.popupWrap.popup_sticky-buttons.large-progress-steps:after {
		content:"";
		display:block;
		height:12.5rem;
		clear:both;
	}
}



/*.staging-area .staging-buttons,*/
.staging-area {
	min-height:0;
	-webkit-transition: min-height 0.25s linear;
	transition: min-height 0.25s linear;
}
.staging-area.open {
	min-height:90%;
	height:180px; /* this gives us a starting point to transition up from */
	-webkit-transition: min-height 0.25s linear;
	transition: min-height 0.25s linear;
	width:840px;
	left:50%;
	margin-left:-420px;
	overflow:hidden;
}
.staging-area.open .staging-area-container {
	height:100%;
	position:absolute;
	width:857px; /* wider than .staging-area so we can hide the scrollbar */
	bottom:0;
	left:50%;
	margin-left:-420px;
	padding-top:100px; /* to prevent overlapping the staging header */
	padding-bottom:80px; /* to prevent overlapping the staging buttons */
	max-width:10000px; /* cancel out a max-width of 840 set above */
	overflow-y:scroll; /* allow scrolling, scrollbar is hidden by .staging-area.open */
}
.staging-area .staging-selections {
	display:none;
}
.staging-area.open .staging-selections {
	display:block;
}
.staging-area.open .staging-header,
.staging-area.open .staging-buttons {
	position:fixed;
	top:5%;
	padding:20px;
	width:100%;
	background:#fff;
	width:840px;
	z-index:2;
}
.staging-area.open .staging-buttons {
	top:auto;
	bottom:5%;
}

@media only screen and (max-width: 852px) {
	.staging-area .staging-area-container,
	.popupWrap:not(.small-popupWrap) .sticky-buttons-wrap .sticky-buttons {
		margin:0 6px;
	}
	.popupWrap.with-sticks.stuck:not(.small-popupWrap) .sticks {
		transform:translateX(0);
		max-width:100%;
		margin:0 6px;
		padding:0 1rem;
	}
	.popupWrap.with-sticks.stuck.small-popupWrap .sticks {
		padding:0 1rem;
	}
	.popupWrap .staging-area.open,
	.staging-area.open .staging-header,
	.staging-area.open .staging-buttons,
	.staging-area.open .staging-area-container {
		width:100%;
		left:0;
		margin-left:0;
		border-left:6px solid rgba(0, 0, 0, 0.77);
		border-right:6px solid rgba(0, 0, 0, 0.77);
	}
	.staging-area.open .staging-area-container {
		border:none !important;
		width:calc(100% + 17px); /* hide scrollbars --- browsers that do not support calc() will fallback to 100% */
	}
}
@media screen and (max-width:499px) {
	.popupWrap.small-popupWrap .sticky-buttons-wrap .sticky-buttons {
		margin:0 6px;
	}
	.popupWrap.with-sticks.stuck.small-popupWrap .sticks {
		max-width:100%;
		margin:0 6px;
		padding:0 1rem;
	}
}
@media screen and (max-width:479px) {
	.popupWrap.with-sticks.stuck .sticks,
	.popupWrap.with-sticks.stuck.small-popupWrap .sticks {
		padding-left:.67rem;
		padding-right:.67rem;
	}
}
/* staging area NOT in a lightbox */
body.active-staging {
	padding-bottom:112px;
}
.staging-area.on-body {
	bottom:0%;
	max-height:100%;
}
.staging-area.on-body.open {
	min-height:100%;
	width:100%;
	left:0;
	margin-left:0;
}
.staging-area.on-body .staging-area-container {
	max-width:100%;
}
.staging-area.on-body.open .staging-area-container {
	width:100%;
	left:0;
	margin-left:0;
}
.staging-area.on-body.open .staging-selections {
	max-width:840px;
	margin:auto;
}
.staging-area.on-body.open .staging-header,
.staging-area.on-body.open .staging-buttons {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}
.staging-area.on-body.open .staging-buttons {
	top:auto;
	bottom:0;
}

/* container for popup content */
.popupWrap {
	background: none repeat scroll 0% 0% #FFF;
	margin: auto;
	padding: 2rem 1.5rem 0;
	width: auto;
	max-width: 52.5rem;
	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
	height:auto;
	max-height:90%;
	top:5%;
	bottom:5%;
}
.popupWrap:after {
	content:"";
	display:block;
	height:2rem;
	clear:both;
}
/* .small-popupWrap:after {
	height:1px;
} */
.popupWrap.wrap-sticky-search {
	/*height: 100%;*/
	height:90%;
	display:block;
}
.popupWrap.auto-height {
	height:auto !important;
}
.large-popupWrap.popupWrap {
	max-width:60rem;
}
.medium-popupWrap.popupWrap {
	max-width:41.25rem;
}
.small-popupWrap.popupWrap {
	max-width:30rem;
	overflow:auto;
}
.fixed-popupWrap.popupWrap {
	max-width:1102px;
}
.popupWrap .closer {
	cursor:pointer;
	position:fixed;
	top:5%;
	left:50%;
	/*background-color:#fff;*/
	color:#fff;
	padding:7px 12px;
	margin-top:-33px;
	margin-left:380px;
}
.popupWrap .go-back.closer {
	margin-left:333px;
	font-size:.8rem;
}
.popupWrap .closer:hover {
	color:#bababa;
}
.popupWrap.small-popupWrap .closer {
	margin-left:200px;
}
.popupWrap.small-popupWrap .go-back.closer {
	margin-left:160px;
}
.popupWrap.medium-popupWrap .closer {
	margin-left:290px;
}
.popupWrap.medium-popupWrap .go-back.closer {
	margin-left:250px;
}
@media only screen and (max-width: 860px) {
	.popupWrap .closer {
		top:0;
		left:auto;
		right:1em;
		margin:0 !important;
	}
	.popupWrap.small-popupWrap .closer {
		left:50%;
		margin-left:200px !important;
	}
	.popupWrap.small-popupWrap .go-back.closer {
		margin-left:160px !important;
	}
	.popupWrap.medium-popupWrap .closer {
		left:50%;
		margin-left:290px !important;
	}
	.popupWrap.medium-popupWrap .go-back.closer {
		margin-left:250px !important;
	}
}
@media only screen and (max-width: 767px) {
	.popupWrap,
	.sticky-search {
		padding-left:1rem;
		padding-right:1rem;
	}
}
@media only screen and (max-width: 700px) {
	.popupWrap.medium-popupWrap .closer {
		top:0;
		left:auto;
		right:1em;
		margin:0 !important;
	}
	.popupWrap.medium-popupWrap .go-back.closer {
		top:0;
		left:auto;
		right:1em;
		margin:0 !important;
	}
}
@media only screen and (max-width: 479px) {
	.popupWrap,
	.sticky-search {
		padding-left:.67rem;
		padding-right:.67rem;
	}
	.popupWrap .closer { padding:5px 10px; }
	.popupWrap.small-popupWrap .closer,
	.popupWrap.small-popupWrap .go-back.closer {
		left:auto;
		margin-left:0 !important;
	}
}
/* fix popup issues with scrolling in iOS */
/*body.popup-open {
	overflow:hidden;
}*/
/*.popupWrap {
	-webkit-overflow-scrolling:touch;
}*/




.measurement-row p {
	line-height:100%;
	margin-bottom:0;
}
.js-open-more-info,
.js-open-sub-more-info {
	cursor:pointer;
	font-weight:bold;
}
.js-open-daily-plan,
.js-open-weekly-plan {
	cursor:pointer;
}
.js-open-more-info.normal,
.js-open-sub-more-info.normal {
	font-weight:normal;
}

.forgot-password {
	background: #fff;
	margin: auto;
	padding: 1rem;
	width: auto;
	max-width: 20rem;
}
/* holding area when selecting items in search */
.holding { padding:0 .75rem; }
.holding > div {
	padding:.75rem;
	margin:0 !important;
	border:1px solid #f36618;
}
.holding .delete-from-staging { display:none; }
/* search collections field */
/* NOTE - 09/30/2016: commented-out these lines per MetaSys changes
.search-collections {
	position:relative;
	max-width:350px;
}
.search-collections > input[type="text"] {
	display:block;
	width:100%;
	padding-right:34px;
}
.search-collections > button {
	position:absolute;
	right:0;
	top:0;
	height:100%;
}
*/

/* search collections field */
.search-by-collection {
	position:relative;
	max-width:225px;
}
.search-by-collection > input[type="text"] {
	display:block;
	width:100%;
	padding-right:34px;
}
.search-by-collection > button {
	position:absolute;
	right:0;
	top:0;
	height:100%;
}

/* Schedule Calendar */
#js-calendar h2 {
	color:#515151;
	text-transform: uppercase;
	font-size:1.75rem;
	line-height:120%;
}
#js-calendar .fc-widget-header {
	background: #efefef;
	color: #515151;
	text-transform: uppercase;
}
/* hide mobile calendar view when above iPhone 6 plus */
@media screen and (min-width: 737px) {
	#mobile-calendar {
		display:none !important;
	}
}
/* hide full calendar view when on iPhone 6 plus or below */
@media screen and (max-width: 736px) {
	#js-calendar > .fc-header-toolbar,
	#js-calendar > .fc-view-container {
		display:none !important;
	}
}
@media screen and (max-width: 640px) {
	#js-calendar .fc-widget-header {
		font-size:.9rem;
	}
	#js-calendar .fc-start.fc-end .fc-content {
		white-space:nowrap;
	}
	#js-calendar h2 {
		text-transform: none;
		font-size:1.5rem;
	}
}
@media screen and (max-width: 479px) {
	#js-calendar h2 {
		font-size:1.25rem;
	}
}
#js-calendar .fc-today {
	background:#FFE5D5;
}
#js-calendar .fc-event {
	border:none;
	padding:2px 4px 1px;
	margin-bottom:2px;
}
#js-calendar .fc-content {
	white-space:normal;
}
#js-calendar span.event-icon {
	font-size:90%;
}
#js-calendar a span.event-icon.default-plan {
	position:absolute;
	right:2px;
	top:2px;
}
#js-calendar .fc-widget-content.fc-list-item-marker,
#js-calendar .fc-widget-content.fc-list-item-title {
	position:relative;
}
#js-calendar .event-details {
	display:block;
	font-size:90%;
}
#js-calendar .fc-event-dot {
	display:none;
}
#js-calendar .fc-list-table .fc-list-item,
#js-calendar .fc-list-table .fc-list-item td {
	background-color:transparent;
}
#js-calendar .fc-list-table .fc-list-item:hover,
#js-calendar .fc-list-table .fc-list-item:hover > td {
	background-color:#ccc;
}
.calendar-action-menu {
	display: none;
	z-index: 1000;
	position: absolute;
	white-space: nowrap;
	overflow: hidden;
	background: #eaeaea;/*E5E5E5*/
	color: #515151;
	padding: 0;
	box-shadow:0 0 5px rgba(0,0,0,.33);
}
.calendar-action-menu li {
	padding: 5px 20px;
	font-size: .9rem;
	cursor: pointer;
	list-style-type: none;
}
.calendar-action-menu > li:hover {
	background-color: #f36618;
	color:#fff;
}
.calendar-action-menu li.active:hover {
	background-color:#eaeaea;
	color:#515151;
}
.calendar-action-menu li a {
	color:inherit;
	transition: none;
}
.calendar-action-menu > li:first-child {
	position:relative;
}
.calendar-action-menu > li:first-child:before {
	content: "";
    display: block;
    width: 0; 
    height: 0; 
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #515151; 
    position: absolute;
    top: 0px;
    left: 0px;
}
.calendar-action-menu.reverse > li:first-child:before {
	left:auto;
	right:0px;
	border-right:none;
    border-left: 10px solid transparent;
}
.calendar-action-menu li.active .color-plan-title {
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}
.calendar-action-menu .color-plan-options {
	display:none;
	padding-left:5px;
}
.calendar-action-menu .color-plan-options li {
	display:inline-block;
}
.calendar-action-menu .color-plan-options li:hover {
	box-shadow:0 0 5px rgba(0,0,0,.33);
}
.calendar-action-menu .color-plan-options li.remove-color {
	display:block;
	text-align:center;
	margin-top:5px;
	box-shadow:none !important;
}
.calendar-remove-event {
	position:absolute;
	right:7px;
	top:0;
	line-height:21px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	display:none;
}
.calendar-remove-event.active {
	display:inline;
}
.js-search-table-section {
	max-height:21rem;
	overflow-y:scroll;
}
@media screen and (max-width: 639px) {
	/* hide view buttons for toggling - agenda is the only view on mobile */
	#js-calendar .fc-header-toolbar .fc-right {
		display:none;
	}
	#js-calendar .fc-toolbar .fc-center {
		display:block;
		float:right;
	}
	#js-calendar .fc-toolbar .fc-center h2 {
		font-size:1.25rem;
		line-height:1.66;
	}
}
@media screen and (max-width: 419px) {
	#js-calendar .fc-toolbar .fc-center,
	#js-calendar .fc-toolbar .fc-center h2 {
		display:block;
		float:none;
		clear:both;
	}
	#js-calendar .fc-toolbar .fc-center {
		padding-top:.5rem;
	}
	#js-calendar .fc-toolbar.fc-header-toolbar {
		margin-bottom:.5rem;
	}
}

.max-section {
	max-height:30rem;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-right:-17px; /* hide scrollbar */
}

/** YouTube Videos - retain 16:9 aspect ratio no matter what screensize user is on **/
.vidWrap {
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 25px;*/
	height: 0;
}
.vidWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.thumbnail {
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 25px;*/
	height: 0;
	width:100%;
	display:block;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

/** File Uploads **/
.uploadWrap { position:relative; }
.uploadWrap input[type="file"] {
	/* NOTE - 09/30/2016: commented-out these lines per MetaSys changes */
	/*width:100%;*/
	padding-right:30px;
}
.uploadWrap .remove-file,
.uploadWrap .delete-file {
	position:absolute;
	top:0;right:0;
	width:24px;
	height:24px;
	text-align:center;
}
.uploadWrap .remove-file:before,
.uploadWrap .delete-file:before {
	line-height:24px;
}

/*
#my-role-selector,
#connect-to {
		background: #fff;
		margin: auto;
		padding: 1rem;
		width: auto;
		max-width: 30rem;
		overflow: auto;
		height: auto;
	}
*/
#my-role-selector h3,
#connect-to h3 {
    font-size: 24px;
	color:#8c8c8c;
    font-weight: bold;
    margin-bottom: 10px;
}
#my-role-selector ul,
#connect-to ul,
.my-role-selector ul {
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
}
#my-role-selector ul li,
#connect-to ul li,
.my-role-selector ul li {
    list-style-type: none;
}
#my-role-selector input[type="submit"],
#connect-to input[type="submit"],
.my-role-selector input[type="submit"] {
    background-color: #e0e0e0;
    border: medium none;
    display: block;
    font-size: 1rem;
	line-height:1.5rem;
    margin: 5px 0;
    padding: 3px 10px;
    text-align: left;
    width: 100%;
    white-space:pre-wrap;
}
#my-role-selector input[type="submit"]:hover,
#connect-to input[type="submit"]:hover,
.my-role-selector input[type="submit"]:hover {
    background-color: #0970ae;
    color: #fff;
}
#my-role-selector input, #fancybox-login-role textarea,
#connect-to input {
    font-size: 1rem;
}



	
	
	
	
	.older-comments {
		border: 1px solid #dfe1e1;
		color: #515151;
		line-height: normal;
		overflow: auto;
		padding: 0.50rem;
		white-space: normal;
	}
	.older-comments p {
		padding-bottom:.33rem;
	}
	.older-comments p:last-child {
		padding-bottom:0;
	}



/*
------------------------ =TRACK MY WELLNESS DASHBOARD ------------------------ */
/**** COLLECTION SEARCH ****/
.wrap-collection-search {
	position:relative;
}
.wrap-collection-search button {
	position:absolute;
	top:0; right:0;
	height:29px;
}
.wrap-collection-search input[type="text"] {
	padding-right:3em;
}
/**** PIE CHART ****/
.incomplete-data {
	margin-left:.33em;
	position:relative;
	/*color:#f42434 !important;*/
}
.incomplete-data.front-pos {
	margin-left:0;
	margin-right:.33em;
}
.printer-section .incomplete-data {
	margin-left:0;
	margin-right:.33em;
}
.pie-value {
	background-color:transparent !important;
}
.pie-key,
.track-key {
	display:inline-block;
	vertical-align: middle;
	width:20px;
	height:20px;
	margin-right:4px;
	margin-left:8px;
}
.track-key {
	width:16px;
	height:16px;
}
.tracked,.not-tracked {font-size:.8rem;}
.track-key.tracked {background-color:#0970AE;}
.tracked {color:#0970AE;}
.track-key.not-tracked {background-color:#f36618;}
.not-tracked{color:#f36618;}

.js-open-journal-comment-form,
.js-open-journal-plan-details {
	width:106px;
	text-align: center;
}
.more-info-pic {
	padding:0 .75rem .75rem 0;
	float:left;
}
@media screen and (min-width:480px) {
	.track-keys {display:inline;float:right;}
}
@media screen and (max-width: 640px) {
	.more-info-pic {
		padding:0 0 .75rem;
		float:none;
	}
}

/*** sorting (drag-and-drop) ***/
/* default ghost */
.sortable-ghost {
	background-color:#eee;
	border:1px solid #DFE1E1 !important;
	max-height:40px;
	overflow-y:hidden;
	padding:6px 0 !important;
}
/* custom ghost */
.sortable-custom-ghost {
	border:1px solid #DFE1E1 !important;
}
ul.sortable {
	padding: 20px 0;
}
ul.sortable.np {
	/* we need at least a little padding so items can be moved into an empty list */
	padding: 5px 0 0;
}
ul.sortable li {
	border-bottom:1px solid #DFE1E1;
	padding-bottom:20px;
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
}
ul.sortable.subSort { padding:10px 0; }
ul.sortable.subSort li { margin-bottom:10px; }
ul.sortable li:last-child {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}
ul.sortable li.no-border {
	border-bottom:none;
	padding-bottom:0;
}
ul.sortable.multiSort { clear:both;padding:0 0 10px; margin-bottom:10px; }
ul.sortable.multiSort li.no-border { margin-bottom:0; }

.dragger {
	padding:0px 5px;
	color:#333;
	z-index:999;
	cursor:move;
	display:inline-block;
	margin-right:3px;
}
.edit-item {
	padding:0 5px;
	margin-left:5px;
}
ul.sortable:empty:before {
	/* NOTE - 09/30/2016: commented-out these lines per MetaSys changes */
	/*content:'No Items Assigned';*/
	font-style:italic;
	padding-left:1.5rem;
}

ul.autocomplete-list {
	position:absolute;
	top:32px;
	padding:5px 10px 10px;
	margin-bottom:0;
	list-style:none;
	background-color:#fff;
	border:1px solid #DFE1E1;
	border-top:0;
	max-height:180px;
	overflow-y:scroll;
	z-index:3;
}
ul.autocomplete-list li {
	padding:3px 0;
}
/* staging area sorting */
.staging-selections ul.sortable li {
	padding:0;
	margin:0;
}

/*.caloric-dashboard {
	padding:.4rem .75rem;
}*/

/*** Nutrition Facts ***/
.nutrition-facts {
	max-width:320px;
	background-color:#fff;
	color:#525252;
	padding:.25rem .25rem 1rem;
	margin:auto;
	text-align: left;
	border:1px solid #333;
	break-inside:avoid;
}
.nutrition-facts h5 {
	color:#525252;
	text-align: center;
	font-size:1.9rem;
	margin-bottom:0;
}
.nutrition-facts .item {
	font-weight:bold;
	line-height:1.25;
}
.nutrition-facts hr {
	margin:0;
	height:10px;
	background:#333;
}
.nutrition-facts p {
	font-size:.9rem;
	border-bottom:3px solid #333;
	margin:0;
}
.nutrition-facts p span {
	float:right;
}
.nutrition-facts p.sub {
	padding-left:.5rem;
}
.nutrition-facts p.sub-sub {
	padding-left:1rem;
}
.nutrition-facts .row {
	border-bottom:3px solid #333;
}
.nutrition-facts p.half.nrp:before {
	content:"\00b7";
	position:absolute;
	left:-.25rem;
	font-size:25px;
	line-height:1;
}
.nutrition-facts p.smaller-text {
	font-size:.75rem;
	border-bottom:none;
}
.nutrition-facts .ingredients {
	margin-top:1rem;
	text-transform:lowercase;
}
.nutrition-facts .ingredients strong {
	text-transform:capitalize;
}
/* precaution in case user is on a very small screen size */
@media screen and (max-width:320px) {
	.nutrition-facts {
		min-width:255px;
	}
}

/*
------------------------ =MANAGE MY WELLNESS DASHBOARD ------------------------ */
.smaller-text {
	font-size:.8rem;
}
@media screen and (min-width: 768px) {
	.medium-smaller-text {
		font-size:.8rem;
	}
}
.larger-text {
	font-size:1.25rem;
}
.larger-text.icon-only {
	line-height:1.4;
}
.normal-text {
	font-size:16px;
}
.popupWrap.scrolling-table-wrap {
	overflow-x:hidden !important;
	overflow-y:scroll !important;
	min-width:50rem;
}
.popupWrap.scrolling-table-wrap .scrolling-table {
	min-width:50rem;	
}
.popupWrap.scrolling-table-wrap .sticky-search {
	width:52.5rem;
	min-width: 52.5rem;
}
.popupWrap.scrolling-table-wrap .sticky-search .breaker {
	height:1.5rem;
}

/* allow scrolling tables to overflow the lightbox */
@media screen and (max-width:52rem){
	.popupWrap.scrolling-table-wrap .scrolling-table {
		padding-right:1rem;
	}
	.mfp-wrap.scrollable .mfp-content {
		overflow-x:scroll;
		overflow-y:hidden;
	}
}

/** Facilities **/
/* added risk-section classes */
/* added nutrition-search-action classes */
.facilities-section .change-primary,
.nutrition-search-action,
.fitness-search-action {
	position:absolute;
	right:0;
	top:0;
	z-index:999;
	width:100%;
}
.facilities-section input[value='primary'],
.risk-section input[value='action'],
.nutrition-search-action input,
.fitness-search-action input {
	position:relative;
}
.nutrition-search-action input {
	width:145px;
}
.fitness-search-action input {
	width:171px;
}
.js-open-nutrition-meal-facts {
	cursor:pointer;
}


/** Professionals **/
.professionals-section .js-open-professionals-add {
	margin:0 auto;
	display:block;
}
.professionals-section .remove-coach {
	margin-bottom:20px;
	overflow:hidden;
}
.engage-coach .row.head-row {
	padding:0;
}
.engage-coach .row {
	padding:5px 0;
}
.professionals-search form,
.professionals-search input[type='text'] {
	width:auto;
	display:inline-block;
}
.professionals-search .button {
	margin-left:-5px;
}
.professionals-search a {
	text-decoration: underline;
	margin-right:10px;
}
.coach-profile {
	padding-top:2rem;
	padding-bottom:2rem;
}
.engage-coach input.datepicker {
	max-width:10rem;
}


/*** special buttons ***/
.full-submit {
	width:100%;
	border:none;
}

/*** My Profile ***/
#dashboardPic {
	max-width: 200px;
}
.my-contact-info .row,
.my-wellness .row,
.password-privacy .row {
	margin-bottom:5px;
}
/*.my-contact-info label,
.my-wellness label {
	line-height:32px;
}*/
.inline-datepicker input[type='date'],
.my-wellness input[type='text'],
.my-wellness input[type='number'],
.my-wellness input[type='date'],
.my-wellness select,
.create-edit-hra input[type='date'] {
	width:10rem;
	display:inline-block;
}
.profile-section span.note {
	color:#b3b3b3;
}
.js-username-available {
	font-size:1.2rem;
	line-height:1;
	vertical-align: middle;
}


/*.my-wellness .custom-radio label:before {
	width:16px;
	height:16px;
	border-radius:8px;
	margin:0 4px 0 0;
}
.my-wellness .custom-radio input[type='radio']:checked + label:before {
	box-shadow: inset 0 0 0 2px #fff;
}*/
.my-wellness .dashboard.custom-radio label {
	margin-right:8px;
}
.edit-privacy-summary {
	border:1px solid #d9d9d9;
	margin:0 20px;
	padding:20px 40px 40px;
}
.key .key-box {
	margin:0 5px 0 10px;
	width:30px;
	height:20px;
}
#privacy-details .key-box {
	margin:0 5px 0 0;
}
#privacy-details span.label {
	margin-right:10px;
}
.red-box {
	background:#e70000;
	vertical-align:middle;
	display:inline-block;
}
.yellow-box {
	background:#ffdb35;
	vertical-align:middle;
	display:inline-block;
}
.green-box {
	background:#00ab04;
	vertical-align:middle;
	display:inline-block;
}
.empty-box {
	background:transparent;
	vertical-align: middle;
	display:inline-block;
}
.edit-privacy-summary span.label {
	display:inline-block;
	vertical-align:middle;
	margin-right:6px;
}
.edit-privacy-summary .chosen,
.privacy-details-table .chosen {
	width:28px;
	height:18px;
	font-size:0;
	position:relative;
	text-align:center;
	color:#515151;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
}
.privacy-details-table .chosen input[type="radio"] {
	height:18px;
}
/*.privacy-details-table .chosen:after {
	position:absolute;
	top:2px;
	left:8px;
	content:'';
	background:#fff;
	height:12px;
	width:12px;
	border-radius:6px;
}*/
.privacy-details-table td {
	padding: .25rem 0 .25rem 2rem;
	vertical-align: middle;
}
.privacy-details-table td.align-center {
	padding-left:0;/* for centered column */
}
.privacy-details-table tbody td {
	border-bottom:1px solid #b7b7b7;
}
.privacy-details-table tbody tr {
	border-right:1px solid #b7b7b7;
	border-left:1px solid #b7b7b7;
}
.privacy-details-table tbody tr.nb td {
	border:1px solid #ddd;/* head width did not match body without border */
	padding-left:0;/* for tbody heads */
}
.privacy-details-table tbody tr td.multi-row {
	border-right:1px solid #b7b7b7;
	padding-top:2rem;
	vertical-align: top;
}



/***** Action Menus *****/
.js-open-action-menu,
.wrap-switcher {
	position: relative;
}
.action-holder {
	position:relative;
	display:inline-block;
}
.action-menu {
	width: 200px !important;
	position: absolute;
	left: 0 !important;
	top: 33px !important;
	z-index: 999;
	width: 100%;
}
.js-demo-search-results .action-menu {
	
	left: 12px !important;
	top: 33px !important;
	z-index: 999;
	width: 100%;
}
.action-menu a {
	width: 100%;
	border-bottom: 2px #fff solid;
}
.action-menu > .button {
	font-size: 100%;
	height: 2em;
	line-height: 2;
	padding: 0 0.55em;
}
.action-menu > .button.disabled {
	display:none;
}

.small-action-menu {
	width:150px !important;
}
.large-action-menu {
	width:250px !important;
}
/* ALLOW ACTION MENU ITEMS TO WRAP */
.action-menu--wrapping .button {
	height: auto;
	padding: .15rem;
	line-height: 1.5;
	white-space:normal;
}
/* UOM (cup icon for selecting fraction) */
.uom-action-menu {
	width:60px !important;
}
.uom-action-menu a {
	font-size:1.25rem;
}
ul.sortable li {
	overflow:visible; /* NOTE: not sure if it's okay to override the overflow:hidden from above */
}
/* UOM (selecting fraction) inside a staging area */
/*.staging-selections .uom-action-menu {
	width:200px !important;
	border:1px solid #fff;
}
.staging-selections .uom-action-menu > .button {
	display:block;
	float:left;
	width:33.33%;
	border:1px solid #fff;
}*/
/* UOM (field and action menu button) */
input.uom-field {
	width:54px;
	display:inline;
}
.uom-fraction {
	position:absolute;
	left:50%;
	margin-left:-56px;
}
.uom-fraction img {
	width:25px;
	opacity:.66;
}
.uom-fraction:hover img {
	opacity:1;
}

/***** Action Menu Documentation *****/
.js-open-action-menu-doc {
position: relative;
}
.action-menu-doc {
	width:230px !important;
	position:absolute;
	right:12px;
	top:34px;
	z-index:999;
}
.action-menu-doc a {
	width:100%;
	border-bottom:2px #fff solid;
}
.small-action-menu-doc {
	width:230px !important;
}



/* * * * * * * * * * *
	GENERAL STYLES
* * * * * * * * * * */
/* adds padding to top and bottom of element, typically a header */
.padTB {
	padding-top:.5rem;
	padding-bottom:.5rem;
}
.md-padTB {
	padding-top:1rem;
	padding-bottom:1rem;
}
.padLR {
	padding-left:.5rem;
	padding-right:.5rem;
}
@media screen and (min-width: 768px) {
	.medium-padLR {
		padding-left:.5rem;
		padding-right:.5rem;
	}
}
@media screen and (min-width:640px) {
	.small-padLR {
		padding-left:.5rem;
		padding-right:.5rem;
	}
}
.js-open-overflow-data a.padTB,
.js-close-overflow-data a.padTB {
	display:block;
	padding-top:1rem;
	padding-bottom:1rem;
}

.margT {
	margin-top:1rem;
}

/* overrides negative LR-margin of default row styling */
.nm-row {
	margin-left:0 !important;
	margin-right:0 !important;
}
.row.nrm {
	margin-right:0 !important;
}
.row.nlm {
	margin-left:0 !important;
}
/* auto-save alerts */
.auto-save {
	font-size:.8em;
	line-height:120%;
	padding-top:.33rem;
	/*white-space:nowrap;*/
}
/* makes width auto */
.width-auto {
	width:auto;
	display:inline;
}
/* set max-width of textboxes */
.small-textboxes input[type="text"],
.small-textbox {
	max-width:4rem;
	text-align:center;
}
/* show more/less search results */
p.js-show-more-results,
p.js-show-less-results {
	margin: 1.5rem 0 0;
}
/* active button color */
.button.active,
.button.active:hover {
	background-color:#f36618;
}
/* adds right and bottom padding to left-floated images */
img.float-left { margin-right:5px; margin-bottom:5px;}

/* sticky menu */
.mfp-ready ~ #js-site-wrapper .sticky-menu {
	display:none;
}
body.with-sticky-menu {
	padding-bottom:62px;
}
.sticky-menu {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:62px;
	width:100%;
	text-align: center;
	background-color:#fff;
	z-index:5;
	padding:11px;
	box-shadow: 0px -2px 4px -2px rgba(51, 51, 51, 0.2);
}
/* sticky notification */
.sticky-notification {
	position:fixed;
	bottom:1rem;
	left:1rem;
	/*height:100px;*/
	width:250px;
	text-align: center;
	background-color:#fff;
	z-index:5;
	padding:10px;
	box-shadow: 0px 0px 6px -3px rgba(51, 51, 51, 0.4);
}
/* sticky menu buttons */
/*.sticky-menu .button {
	height: 2.5rem;
	line-height: 2.5rem;
	padding-right: 1.25rem;
	padding-left: 1.25rem;
	min-width: 0rem;
	font-size: 1.25rem;
}*/
@media screen and (max-width: 767px) {
	.sticky-menu {
		bottom:48px !important;
	}
	.sticky-notification {
		bottom:48px !important;
		left:0;
		width:100%;
		box-shadow: 0px -2px 4px -2px rgba(51, 51, 51, 0.2);
	}
}


/* progress bar */
	
@media screen and (max-width: 639px) {
	.sticky-menu.progress-steps {
		height:120px;
	}
}
.progress-steps .sm-breaker {
	height:.5rem;
}
.progress-steps .item {
	cursor:pointer;
	line-height:1.1;
	text-transform: uppercase;
}
.progress-steps .item.waiting {
	pointer-events:none;
	opacity:.5;
}
.progress-steps .item.active {
	border: 1px solid red;
	border-radius: 1px;
	pointer-events: none;
}
/* sticky content areas */
.sticky-content {
	position:relative;
	width:100%;
	min-height:28rem;
}
.sticky-content .sticky-bar {
	position:absolute;
	top:0;
	width:100%;
	height:6.5rem;
	z-index:3;
	background-color:#E5E5E5;
}
.sticky-content .sticky-scrolled-content-wrapper {
	position:absolute;
	width:100%;
	height:100%;
	overflow-y:scroll;
	overflow-x: hidden;
	z-index:2; 
	padding-top:6.5rem;
}
#search-client-groups .sticky-content .sticky-bar {
	height:6rem;
}
#search-client-groups .sticky-content .sticky-scrolled-content-wrapper {
	padding-top:6rem;
}
@media screen and (max-width: 767px) {
	#search-client-groups .sticky-content .sticky-bar {
		height:3.33rem;
	}
	#search-client-groups .sticky-content .sticky-scrolled-content-wrapper {
		padding-top:3.33rem;
	}
}
@media screen and (max-width: 479px) {
	#search-client-groups .sticky-content .sticky-bar {
		height:4rem;
	}
	#search-client-groups .sticky-content .sticky-scrolled-content-wrapper {
		padding-top:4rem;
	}
}

/* progress loading bar */
.progress-loading {
	padding: 4px;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}
.progress-loading-bar {
	position: relative;
	height: 16px;
	border-radius: 4px;
	-webkit-transition: 0.4s linear;
	-moz-transition: 0.4s linear;
	-o-transition: 0.4s linear;
	transition: 0.4s linear;
	-webkit-transition-property: width, background-color;
	-moz-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color;
	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}
.progress-loading-bar:before, .progress-loading-bar:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.progress-loading-bar:before {
	bottom: 0;
	background: url("../img/stripes.png") 0 0 repeat;
	border-radius: 4px 4px 0 0;
}
.progress-loading-bar:after {
	z-index: 2;
	bottom: 45%;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
}
.progress-five:checked ~ .progress-loading > .progress-loading-bar {
	width: 5%;
	background-color: #f63a0f;
}
.progress-twentyfive:checked ~ .progress-loading > .progress-loading-bar {
	width: 25%;
	background-color: #f27011;
}
.progress-fifty:checked ~ .progress-loading > .progress-loading-bar {
	width: 50%;
	background-color: #f2b01e;
}
.progress-seventyfive:checked ~ .progress-loading > .progress-loading-bar {
	width: 75%;
	background-color: #f2d31b;
}
.progress-onehundred:checked ~ .progress-loading > .progress-loading-bar {
	width: 100%;
	background-color: #86e01e;
}
.progress-wrapper .progress-radio,
.progress-wrapper .progress-label {
	display: none;
}

/* section marker */
.popupWrap.with-section-marker {
	padding-bottom:90px;
}
.section-marker .item { display:none; }
.section-marker .item.active { display:block; }
.section-marker .item.active:not(.no-selection) {
	text-transform:uppercase;
}
.section-marker .item.active .subtitle {
	text-transform:none;
	line-height:1.25;
}
.section-marker .item.active.no-selection:before {
	display:none;
}
.section-marker .item.active:before {
	display:block;
	content:"Now Viewing";
	font-size:.8rem;
	text-transform:none;
}

/* auto-slider */
.auto-slider ul {
	padding-left:0;
	width:500px;
	height:350px;
	position:relative;
	margin:15px 0;
	list-style:none;
}
.auto-slider ul li.slide {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
    transition: all 0.5s ease-out 0s;
}
.auto-slider ul li.slide.active {
	opacity:1;
}
.auto-slider ul li.slide img {
	max-width:100%;
}

.pdfWrap {
	min-height:700px;
	width:100%;
}
.videoWrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.documentWrap {
	position: relative;
	/*padding-bottom: 129.5%; /* 8.5:11; */
	padding-bottom:66.7%;
	height: 0;
}
.documentWrap iframe,
.documentWrap object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* multi-select areas */
select.multi-select {
	height: 5rem;
	max-height: 10rem;
	padding: 6px 0px;
}

/* custom checkboxes */
.custom-checkbox.add-ml {
	margin-left:15px;
}
.custom-checkbox.add-mr {
	margin-right:15px;
}
.custom-checkbox.add-sm-mr {
	margin-right:5px;
}
.custom-checkbox input[type='checkbox'] {
	display:none;
}
.custom-checkbox label {
	display: inline-block;
	vertical-align: middle;
}
.custom-checkbox label.first {
	margin-right:5px;
}
.custom-checkbox label:before {
	content:'\2713';
	display:inline-block;
	vertical-align: middle;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:1.33rem;
	font-weight:bold;
	text-align: center;
	color:transparent;
	border:1px solid #333;
	margin:0 6px 0 0px;
}
.custom-checkbox.no-box label:before { display:none; }
.custom-checkbox input[type='checkbox']:checked + label:before {
	color:#515151;
}
.custom-checkbox input[type='checkbox']:disabled + label:before {
	border-color:transparent;
	/* border-color:#bababa; */
	cursor:default;
}
/* .custom-checkbox input[type='checkbox']:disabled:checked + label:before {
	color:#bababa;
} */
.custom-checkbox.red input[type='checkbox']:checked + label:before {
	color:#f42434;
}
.custom-checkbox.light label:before { border:1px solid #fff; }
.custom-checkbox.light input[type='checkbox']:checked + label:before { color:#fff; }

/* custom checkbox - just the checkmark */
.checkmark-only input[type='checkbox'],
.checkmark-only input[type='radio'] {
	display:none;
}
.checkmark-only label {
	display:inline-block;
	vertical-align: middle;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:1.33rem;
	text-align: center;
	color:transparent;
	border:1px solid #333;
}
.checkmark-only input[type='checkbox']:checked + label,
.checkmark-only input[type='radio']:checked + label {
	color:#515151;
}
/* custom checkbox - label below */
.custom-checkbox.label-below label {
	text-align:center;
	margin:0;
	margin-left:.3rem;
	font-size:.8rem;
}
.custom-checkbox.label-below input:first-child + label {
	margin-left:0;
}
.custom-checkbox.label-below label:before {
	margin:0;
	display:block;
}

/* custom radio buttons */
.custom-radio span {
	display:inline-block;
	vertical-align: middle;
}
.custom-radio input[type='radio'] {
	display:none;
}
.custom-radio label {
	display:inline-block;
	vertical-align: middle;
	position:relative;
}
.custom-radio label.first {
	margin-right:5px;
}
.custom-radio label > span {
	display:block;
	padding-left:26px;
}
.custom-radio label:before {
	content:'';
	display:inline-block;
	vertical-align: middle;
	width:20px;
	height:20px;
	border-radius:10px;
	border: 1px solid #333;
	background:transparent;
	margin:0;
	position:absolute;
	top:2px;
	left:0;
}
.custom-radio.no-label label:before {
	position:relative;
	top:auto;
	left:auto;
}
.custom-radio.label-left label:before {
	margin:0 3px 0 0px;
}
.custom-radio input[type='radio']:checked + label:before {
	background: #323232;
	box-shadow: inset 0 0 0 2px #fff;
}
.custom-radio.red input[type='radio']:checked + label:before {
	border-color:#f42434;
	background:#f42434;
}
.custom-radio.green input[type='radio']:checked + label:before {
	border-color:#29b839;
	background:#29b839;
}
.custom-radio input[type='radio']:checked + label.radio-green:before { background:#2ecc40; }
.custom-radio input[type='radio']:checked + label.radio-yellow:before { background:#ffdc00; }
.custom-radio input[type='radio']:checked + label.radio-red:before { background:#f42434; }
/* HRAs */
.registration-hra .custom-radio,
.readonly-hra .custom-radio {
	margin-top:-.25rem;
}
.registration-hra .custom-radio label,
.readonly-hra .custom-radio label {
	margin-top:.25rem;
	display:block;
}
/* MyZone */
.custom-radio input[type='radio']+ label.loading :before { background: green; }
.custom-radio input[type='radio'] + label.error:before { background: red; }

.large-textarea {
	height:20em;
	line-height:1.5;
}

/* inline select inputs and inline text inputs */
.inline-select span,
.inline-textbox span {
	padding-right:10px;
}
.inline-select select {
	width:auto;
	display:inline-block;
	background:transparent;
}
.inline-textbox input {
	width:auto;
	display:inline-block;
}

/* collection search results */
.js-search-results hr {
	margin:.75rem 0;
}
.js-search-results .custom-checkbox label:before {
	width: 16px;
    height: 16px;
    line-height: 16px;
}
/* supporting icons */
.delete-item { font-size:14px; }
.selected-items .item-wrap { margin:2px 0; }
.selected-items {
	min-height:0 !important;
	border:1px solid #ccc;
	margin:1rem 0;
	padding:.5rem;
}
.selected-items.nm { margin:0; }
.selected-items:empty {
	margin:0 !important;
	border:none !important;
	padding:0 !important;
}
.selected-items .collection-actions {
	position:absolute;
	top:.5rem;
	right:.5rem;
	line-height:2;
}

button[disabled], html input[disabled] { background: #fff; }

/* ensure date picker is on top of all other layers */
.Zebra_DatePicker {
	z-index:99999;
}

/* turn off chrome's default datepicker tools */
input::-webkit-calendar-picker-indicator{
	display: none;
}
input[type="date"]::-webkit-input-placeholder{ 
	visibility: hidden !important;
}

/* special breakers */
.xs-breaker {
	height:.5rem;
	clear:both;
}
.sm-breaker {
	height:1rem;
	clear:both;
}
.lg-breaker {
	height:1.5rem;
	clear:both;
}
/* spacer - add space between elements - NEEDS inline-block class used with it (we don't add that here since spacers are often used only for above or below a breakpoint) */
.spacer {
	width:1rem;
}
.sm-spacer {
	width:.5rem;
}
/* let long words break */
.break-word {
	word-wrap:break-word;
}

#preloader { 
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:999999;
    opacity:0.4;
}
#status {
	width:150px;
	height:150px;
	position:absolute;
	left:50%;
	top:50%;
	/*background:url(../images/loader.gif) no-repeat center center;
	background-size:150px;*/
	margin:-75px 0 0 -75px;
	text-align: center;
}

.pdf-frame {
	margin: auto;
	width: auto;
	max-width: 61.5rem;
	position:relative;
	padding-top:15px;
	background-color:#fff;
}

.btn-line-height {
	line-height:2.35em;
}

/** Image Upload **/
/*.image-upload img {display:none;max-height:300px;}*/


/** Table Data - HRA Summary **/
.table {
	overflow: visible;
}
.tdata h3 {
	padding:0 .5rem;
}
.tdata ul {
	list-style:none;
	padding-left:0;
	clear:both;
}
.tdata ul li {
	overflow:hidden;
	margin:0;
	padding:2px 0;
}
.tdata ul li:nth-child(odd) {
	background-color:#eee;
}
.tdata ul li .norm { color:#4DB748; }
.tdata ul li .mod { color:#ffcc00; }
.tdata ul li .risk { color:#ED1B24; }
.signal {
	display:inline-block;
	vertical-align:middle;
	height:10px;
	width:10px;
	border-radius:100px;
	margin-left:3px;
	margin-bottom:3px;
}
.signal.complete { background:#4DB748; }
.signal.incomplete { background:#ED1B24; }
@media screen and (max-width: 767px) {
	.medium-bold { font-weight:bold; }
}


@media screen and (max-width: 999px) {
	.accordion-content {
		padding-left:.4rem;
		padding-right:.4rem;
	}
}

@media screen and (max-width: 910px) {
	.mh-labels.fit-diary label,
	.mh-labels.nut-diary label {
		display:block;
		min-height:48px;
	}

}

@media screen and (max-width: 767px) {
	.mh-labels.fit-diary label,
	.mh-labels.nut-diary label {
		min-height:0;
	}
}
@media screen and (max-width: 480px) {
	#status img {
		max-width:100px;
	}
}
/* NOTE: below is min width */
@media only screen and (min-width: 768px) {
	.custom-radio span.medium-hide {
		display:none;
	}
}


/***** ARROW TO TELL USER TO SCROLL *****/
@media screen and (min-width:768px) {
	.arrow { display:none !important; }
}
.arrow {
	position: fixed;
	bottom: 110px;
	left: 50%;
	margin-left:-20px;
	width: 40px;
	height: 40px;
	fill: #000;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0xNC43NywyMy43OTVMNS4xODUsMTQuMjFjLTAuODc5LTAuODc5LTAuODc5LTIuMzE3LDAtMy4xOTVsMC44LTAuODAxYzAuODc3LTAuODc4LDIuMzE2LTAuODc4LDMuMTk0LDAgIGw3LjMxNSw3LjMxNWw3LjMxNi03LjMxNWMwLjg3OC0wLjg3OCwyLjMxNy0wLjg3OCwzLjE5NCwwbDAuOCwwLjgwMWMwLjg3OSwwLjg3OCwwLjg3OSwyLjMxNiwwLDMuMTk1bC05LjU4Nyw5LjU4NSAgYy0wLjQ3MSwwLjQ3Mi0xLjEwNCwwLjY4Mi0xLjcyMywwLjY0N0MxNS44NzUsMjQuNDc3LDE1LjI0MywyNC4yNjcsMTQuNzcsMjMuNzk1eiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==);
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
	z-index:6;
}
.arrow-blue {
	color: blue;
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}


/***** CUSTOM ICONS *****/
img.icon-genavix-network {
	width:22px;
}



/**
 * Added to correct: "Alignment of Exercise fields in a Cardio Exercise
 * displayed in Edit Weekly Routine -> Daily Routine: Routine: Exercise isn't
 * proper."
 *
 * MZ - 08242017
 */
.fitness-program-content label {
	white-space: nowrap;
}


/***** WEBCAM IMAGE CAPTURE *****/
.webcam-off {
	text-align:center;
	max-width:600px;
	margin:auto;
}
.webcam-failed ol, .webcam-failed-supp ol {
	text-align: left;
}
.webcam-video {
	background-image:none;
}
.wrap-webcam-capture .webcam-on,
.wrap-webcam-capture.active .webcam-off,
.wrap-webcam-capture.active .webcam-start,
.wrap-webcam-capture.stopped .webcam-stop,
.wrap-webcam-capture .webcam-failed, .webcam-failed-supp,
.wrap-webcam-capture .webcam-canvas,
.wrap-webcam-capture:not(.captured) .buttons {
	display: none;
}
.wrap-webcam-capture.active.stopped .webcam-start {
	display:inline-block;
}
.wrap-webcam-capture.active .webcam-on,
.wrap-webcam-capture.failed .webcam-failed,
.wrap-webcam-capture.failed .webcam-failed-supp {
	display: block;
}


.wrap-webcam-capture .wrap-webcam-video {
	position:relative;
	padding-bottom:75%;
	height:0;
	width:100%;
}
.wrap-webcam-capture .webcam-video {
	background:black;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.wrap-webcam-capture .wrap-viewer {
	float:left;
	width:72.5%;
}
.wrap-webcam-capture .wrap-previews {
	float:right;
	width:25%;
}
.wrap-preview + .wrap-preview {
	margin-top:1rem;
}

.wrap-preview .preview-toggle,
.wrap-preview:not(.active) {
	display:none;
}
.wrap-preview.active .preview-toggle {
	display:block;
	width:100%;
}
.wrap-webcam-capture.captured .preview-toggle .preview-hide,
.wrap-webcam-capture.captured .wrap-preview.viewing .preview-toggle .preview-show {
	display:none;
}
.wrap-webcam-capture.captured .preview-toggle .preview-show,
.wrap-webcam-capture.captured .wrap-preview.viewing .preview-toggle .preview-hide {
	display:inline;
}
.wrap-preview label {
	display:block;
}
img.preview {
	cursor:pointer
}
.wrap-preview.active.viewing {
	position: fixed;
	background:#fff;
    margin: auto;
    padding: 2rem 1.5rem 0;
    width: auto;
    max-width: 52.5rem;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 90%;
    top: 5%;
    bottom: 5%;
    left:50%;
    margin-left:-26.25rem;
    z-index:1003;
}
@media screen and (max-width:849px) {
	.wrap-webcam-capture .wrap-viewer,
	.wrap-webcam-capture .wrap-previews {
		float:none;
		width:100%;
	}
	.wrap-webcam-capture .wrap-previews {
		padding-top:1rem;
	}
	.wrap-preview,
	.wrap-preview + .wrap-preview {
		margin-top:0;
	}
	.wrap-preview {
		width:47.5%;
		float:left;
	}
	.wrap-preview + .wrap-preview {
		margin-left:5%;
	}
	.wrap-preview.active.viewing {
		max-width:100%;
		margin-left:auto;
		left:0;
	}
}

/* Link to delete an item from an autocomplete list */
span.delete-autocomplete {
	cursor:pointer;
	text-decoration:underline;
	text-transform:uppercase;
	font-size:.8rem;
	line-height:2;
	float:right;
	padding-left:1rem;
}
span.delete-autocomplete:hover {
	text-decoration:none;
}

/* Notification with count of how many changes were made */
/*.notification-count {
	font-size:.8rem;
	border-radius:100%;
	color:#fff;
	height: 1.25rem;
	width: 1.25rem;
	margin-right:-1.25rem;
	display: inline-block;
}*/


/*
	FROALA EDITOR
	ensure the "unlicensed message" does not show... strange bug where new browsers aren't recognizing the license
	froala licenses have been purchased and support is not providing guidance towards why the message is showing
*/
.fr-box a[href^="https://www.froala.com"] {
	display:none !important;
	background:transparent !important;
	color:transparent !important;
}
.fr-box .fr-view p {
	margin: 0;
}


/***** APPOINTMENT CALENDAR *****/
.appointment-calendar .ui-datepicker {
	margin:auto;
	width:100%;
	padding:0;
}
.appointment-calendar .ui-datepicker table,
.appointment-picker-active table {
	table-layout:fixed;
	border-spacing:2px;
}
.appointment-calendar .ui-datepicker-header,
.appointment-picker-active .ui-datepicker-header {
	background:#efefef;
}
.appointment-calendar .ui-datepicker-title,
.appointment-calendar .ui-datepicker th span,
.appointment-picker-active .ui-datepicker-title,
.appointment-picker-active .ui-datepicker th span {
	color:#515151;
}
.appointment-calendar .ui-datepicker-title {
	font-size:1.25rem;
}
.appointment-picker-active td a,
.appointment-picker-active td span {
	text-align:center;
}
.appointment-calendar .ui-datepicker td span,
.appointment-calendar .ui-datepicker td a {
	text-align:center;
	font-size:1.25rem;
	padding:0;
	display:inline-block;
	width:100%;
	line-height:60px;
	vertical-align:middle;
}
.appt-date {
	border-radius:100%;
}
.appt-date:hover {
	box-shadow:inset 0 0 10px rgba(0,0,0,.5);
}
.appt-date a,
.appt-date span,
#ui-datepicker-div.appointment-picker-active .ui-datepicker-calendar .appt-date a {
	color:#fff;
}
#ui-datepicker-div.appointment-picker-active .ui-datepicker-calendar .appt-date.no-appointment a,
.appt-date.no-appointment a,
.appt-date.no-appointment span,
.appt-date.ui-datepicker-today:not(.appt-date) a {
	color:#515151;
}
.appt-date.ui-datepicker-today a {
	font-weight:bold;
}								
.appointment-calendar .ui-datepicker-unselectable {
	cursor:not-allowed !important;
}
td.appt-date {
	vertical-align:middle;
	padding:0;
}
/* helper element to give us equal height to width of the cell*/
.appointment-calendar .ui-datepicker td:before {
	content: "";
	display: inline-block;
	padding-top: 100%;
	vertical-align:middle;
}
.legend-appointment-calendar {
	padding-top:1.5rem;
	text-align:left;
}
.legend-appointment-calendar .item + .item {
	padding-top:.5rem;
}
.legend-appointment-calendar .item > span {
	display:inline-block;
	vertical-align:middle;
	font-size:.8rem;
}
.legend-appointment-calendar .item .key {
	width:30px;
	height:30px;
	border-radius:100%;
	margin-right:.5rem;
}
/*.legend-appointment-calendar .item.most-recent .key,
.ui-datepicker .appt-date.most-recent {
	background-color:#f36618;
}*/
.legend-appointment-calendar .item.all-submitted .key,
.ui-datepicker .appt-date.all-submitted {
	background-color:#00ab04;
}
.legend-appointment-calendar .item.some-submitted .key,
.ui-datepicker .appt-date.some-submitted {
	background-color:#ffdb35;
}
.legend-appointment-calendar .item.none-submitted .key,
.ui-datepicker .appt-date.none-submitted {
	background-color:#f42434;
}
.legend-appointment-calendar .item.other-owner .key,
.ui-datepicker .appt-date.other-owner {
	background-color:#aaa;
}




.fullscreen.popupWrap { max-width:90%; }
.fullscreen.popupWrap.with-sticks.stuck .wrap-sticks,
.fullscreen.popup_sticky-buttons .sticky-buttons-wrap {
	padding:0 26px 0 10px;
}
.fullscreen.popupWrap.with-sticks.stuck .sticks,
.fullscreen.popup_sticky-buttons .sticky-buttons-wrap .sticky-buttons {
	max-width:90%;
	transform:translateX(0);
	margin:0 5%;
}
.list-adime-comparison > .row {
	border:1px solid #dfe1e1;
}
.list-adime-comparison > .row + .row {
	border-top:none;
}
.fullscreen .scrollable-content {
	height:100%;
}
.scrollable-content > .column {
	overflow-y:scroll;
	max-height:100%;
}
.fullscreen.popupWrap .go-back.closer {
	left: auto;
	right: 5%;
	margin-left: 0;
	margin-right: 20px;
}


/****************
 PRINT ALL NOTES
****************/
.printer-section .bordered-header {
	font-weight:bold;
}
.printer-section .bordered-header.top-level {
	margin-top:1.5rem;
	border-top:4px solid #efefef;
}
.printer-section .bordered {
	border:4px solid #efefef;
	border-top:none;
	font-size:.8rem;
}
.printer-section .bordered.padTB {
	padding-top:.75rem;
	padding-bottom:.75rem;
}
.printer-section .bordered .column {
	padding-left:.5rem;
	padding-right:.5rem;
}
.printer-section .bordered .column p {
	margin-bottom:.75rem;
}
.printer-section .bordered .column p:last-child {
	margin-bottom:0;
}
.printer-section .adime-letter {
	font-size:2.25rem;
	line-height:2.25rem;
	width:5rem;
	background:#515151;
	color:#efefef;
	text-align:center;
	position:absolute;
	top:-.5rem;
	left:.25rem;
	height:2.25rem;
}
.printer-section .adime-section {
	padding-left:5rem;
}



/****************
 ALERT EXAMPLE
****************/
.alert-sample {
	margin:0 auto 1.5rem;
	text-align:center;
}
.alert-sample img {
	box-shadow: 0 0 7px rgba(0,0,0,.5);
	border-radius:4px;
}

/****************
 NEW DIARY LAYOUT
****************/
/*
.diary-sorting,
.deactivate-sorting {
	display:none;
}
.diary-sorting .dragger.disabled {
	color:transparent !important;
}
.uom-fraction {
	position:relative;
	left:auto;
	margin-left:0;
}
.wrap_serving-selector > * {
	vertical-align:middle;
}
.wrap_serving-selector input[type="number"] {
	display:inline-block;
	max-width:60px;
	text-align:center;
	margin:0 .25rem;
}
.wrap_serving-selector .serving-selector {
	border-radius:100%;
	width:1.5rem;
	height:1.5rem;
	line-height:1.5rem;
	text-align:center;
	display:inline-block;
	font-size:1.25rem;
	font-weight:bold;
	cursor:pointer;
}
.wrap_serving-selector .serving-selector:hover {
	box-shadow:inset 0 0 4px rgba(0,0,0,.25);
}
.fit-diary__item__toggle-details {
	cursor:pointer;
}
ul.sortable {
	padding:0;
	margin-bottom:0;
}
ul.sortable li,
ul.sortable li:last-child {
	padding:.5rem 0 .25rem;
	margin-bottom:0;
}
.diary:not(.mini) .nut-diary__item__cal,
.diary:not(.mini) .nut-diary__section__stat,
.diary:not(.mini) .fit-diary__item__cal,
.diary:not(.mini) .fit-diary__section__stat {
	font-size:1.25rem;
}
.diary .item a.js-open-action-menu,
.diary .item a.js-open-action-menu:hover,
.diary .item a.js-open-lightbox,
.diary .item a.js-open-lightbox:hover {
	color:#515151;
}
.diary .diary-sorting + .diary-item-name,
.diary .diary-actions + .diary-item-name {
	padding-left:0.75rem;
}
.diary .diary-actions > [data-icon]:before {
	font-size:1.5rem;
	vertical-align:middle;
}
.diary .item.compound {
	border-left:6px solid #DFE1E1;
	margin-top:-1px;
}
.diary .compound-items {
	margin-top:.25rem;
	background-color:#DFE1E1;
}
.diary .show-compound-items {
	cursor:pointer;
}
.diary .compound-items .compound-item {
	padding:0.5rem 0 0.25rem;
}
.diary .item.compound .compound-header,
.diary .item.compound .compound-items {
	margin-left:-6px !important;
}
.diary .compound-items > .item + .item {
	border-top:1px solid #cdcfcf;
}
.diary .compound-items .item:last-child {
	margin-bottom: -0.33rem;
}
.tab {
	display:none;
}
.tab.active {
	display:block;
}
.tab-toggles .item.active {
	font-weight:bold;
}
.tab-toggles {
	border-bottom:1px solid #dfe1e1;
	margin-bottom:1rem;
	padding:0 .75rem;
	margin-left:-.75rem;
	margin-right:-.75rem;
}
.tab-toggles > .item {
	display:inline-block;
	padding:.5rem .75rem 0.25rem;
	border-collapse:collapse;
	border:1px solid #dfe1e1;
	border-bottom:none;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	cursor:pointer;
}
.tab-toggles > .item + .item {
	margin-left:-5px;
}

.diary.mini {
	margin-top:.5rem;
	margin-bottom:1.5rem;
	border:1px solid #dfe1e1;
	border-radius:3px;
}
.diary.mini > .item {
	padding:.25rem 0;
}
.diary.mini > .item + .item {
	border-top:1px solid #dfe1e1;
}
.fit-diary__item__details .details:not(.strength),
.fit-diary__item__details .details.strength .set {
	padding:.25rem .25rem .5rem;
	margin-bottom:-.25rem;
	border-top:1px solid #dfe1e1;
}
.compound-items .fit-diary__item__details .details {
	margin-bottom:.33rem;
}
.fit-diary__item__details .details:not(.strength) {
	overflow:hidden;
	border-left:1px solid #dfe1e1;
	border-right:1px solid #dfe1e1;
}
.fit-diary__item__details .details.strength .set {
	border-left:1.5rem solid #dfe1e1;
}
.fit-diary__item__details .set:last-child {
	border-right:1px solid #dfe1e1;
}
.fit-diary__item__details .set:before {
	content:"set";
    -webkit-transform-origin: 0 0;
    -moz-transform-origin:    0 0;
    -ms-transform-origin:     0 0;
    -o-transform-origin:      0 0;
    -webkit-transform: rotate(-90deg); 
    -moz-transform:    rotate(-90deg); 
    -ms-transform:     rotate(-90deg); 
    -o-transform:      rotate(-90deg);
	position:absolute;
	left:-1.5rem;
	bottom:-.75rem;
	height:1.5rem;
	line-height:1.5rem;
	font-weight:bold;
}
.fit-diary__item__details .set:nth-child(1):before {
	content:"set 1";
}
.fit-diary__item__details .set:nth-child(2):before {
	content:"set 2";
}
.fit-diary__item__details .set:nth-child(3):before {
	content:"set 3";
}



.fit-diary__item__details .row {
	margin:0;
}
.fit-diary__item__details .column {
	padding-left:.25rem;
	padding-right:.25rem;
	text-align:center;
}
.fit-diary__item__details label {
	line-height:1;
}
.fit-diary__item__details .optional label {
	font-style:italic;
}
.fit-diary__item__details input {
	text-align:center;
	padding:0 .25rem;
	max-width:3.5rem;
	margin:auto;
	font-size:100%;
}

.cal-guide {
	padding:1rem 1.5rem;
	border:1px solid #dfe1e1;
	border-radius:3px;
	overflow:hidden;
}
.cal-guide > .title {
	width:33.33%;
	float:left;
	padding-right:1.5rem;
}
.cal-guide > .items {
	width:66.67%;
	float:left;
}
.cal-guide > .items > .item {
	width:33.33%;
	float:left;
	padding:0 1.5rem;
	border-left:1px solid #dfe1e1;
}
.cal-guide > .items > .item > .value {
	font-size:2rem;
	display:block;
}
.cal-guide h3 {
	margin-bottom:0;
	font-size:2rem;
	line-height:1.5;
	font-weight:normal;
	color:#515151;
}
.cal-guide p {
	margin:0;
}
.negative {
	color:red;
}

/**** PRINT ****/

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dppx) {
	/* Style adjustments for high resolution devices */
	.print-show {
		display: block;
		visibility: visible;
	}
	
	.print-hide {
		display: none;
		visibility: hidden;
	}
}

@media screen {
  #printSection {
      display: none !important; visibility: hidden !important;
  }
  .print-only {
    display:none;
  }
}

@media print {
  .do-not-print{display: none !important; visibility: hidden !important;}
  .do-print { display:block !important; visibility: visible !important; }


	@page {
		margin: 1cm 0.5cm;
	}
	*,
	*:before,
	*:after {
    /* 5/31/2016 - we want colors */
		/*background: transparent !important;*/
		/*color: black !important;*/
		-webkit-filter: none !important;
		filter: none !important;
		text-shadow: none !important;
	}
  body {
    background:#fff !important;
    overflow-y:hidden !important;
  }
  body * {
    visibility:hidden !important;
  }
  #printSection, #printSection * {
    visibility:visible !important;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
  #printSection .js-journal-sub-section,
  #printSection .js-more-info,
  #printSection .fitness-program-content,
  #printSection .js-daily-plan,
  #printSection .expand-section,
  #printSection .printshow,
  #printSection .custom-radio label {
    display:block !important;
    visibility:visible;
  }
  #printSection .track-key,
  #printSection .custom-radio input[value="yes"] + label,
  #printSection .custom-radio input[value="no"] + label {
    display:inline-block !important;
    visibility:visible;
  }
  #printSection .js-more-info video,
  #printSection .js-more-info .info-slider,
  #printSection .do-not-print,
  #printSection .button,
  #printable .button,
  /*#printSection .pie-chart,*/
  #printSection .vidWrap,
  #printSection .facts-holder,
  #printSection .sm-breaker.x-small-hide,
  #printSection .sm-breaker.small-hide,
  #printSection .sm-breaker.medium-hide,
  #printSection .go-back,
  #printSection .mfp-close {
    display:none !important;
    visibility:hidden;
  }
  #printSection .one-fourth {
    width:25%;
  }
  .printable-table .row {
    border-bottom:1px solid #dfe1e1;
    padding:1px 0;
  }
  .printable-table .row .column {
    font-size:90% !important;
  }

  .p_reset-line-height * {
    line-height:1.5 !important;
  }

  /* ensure that having the "background graphics" option checked off is not required to see radio values */
  #printSection .custom-radio input[type="radio"]:checked + label:before {
    background-color:transparent;
    content:"\2022";
    font-size:48px;
    line-height:22px;
    color:#323232;
  }


  /* prevent extra pages from printing */
  html, body {
    height: 99%;
  }
  /* adjust columns for printing - default uses mobile styling which we do not want */
  #printSection .print-one-half {
    width:50%;
  }
  #printSection .print-one-third {
    width:33.3333%;
  }
  #printSection .print-one-fourth {
    width:25%;
  }
  #printSection .print-one-fifth {
    width:20%;
  }
  #printSection .print-three-fifths {
    width:60%;
  }
  #printSection .print-one-sixth {
    width: 16.6665%;
  }

  #printSection .print-one-eighth {
    width: 12.5%;
  }
  /* text alignment */
  #printSection .medium-align-center {
    text-align:center;
  }
  #printSection .medium-align-left {
    text-align:left;
  }
  #printSection .medium-align-right {
    text-align:right;
  }
  /* printing from a lightbox */
  /*
  #printSection * {
    overflow:hidden !important;
  }
  */
  /* 8-13-2015 --- just remove all the buttons to prevent issues, they never need to be printed */
  .button {
    display:none !important;
  }
  #printSection {width:100% !important;}

  /* print lines between rows in the mini diary view (print recipe) */
  #printSection .diary.mini .row + .row {
    border-bottom:1px solid #ddd;
  }
  #printSection .diary.mini .row {
    padding-top:.25rem;
    padding-bottom:.25rem;
  }
  .print-menu .fit-diary .column.large-one-fifth {
    width:20%;
  }
  /* hide 'meal item' label */
  .print-menu .orange.uppercase.bold {
    display:none;
  }
  .print-menu .row.padTB.bg-light-gray {
    background-color:transparent;
    padding:0;
  }

  #printSection .tab.do-print,
  #printSection .tab.do-print *:not(.do-not-print) {
    /*display:block !important;*/
    visibility:visible;
  }
  #printSection .tab.do-print {
    z-index:2;
    height:auto;
    opacity:1;
    overflow:hidden;
    padding:0 !important;
    border-radius:0;
    border:none;
    transform:none;
  }
  /* if printing from inside a popup, the popupWrap causes issues*/
  .popupWrap:not(.printer-section),
  .wrap--new-search:not(.printer-section) {
    display:none !important;
  }
}
.floatl {
    float: left;
}

.floatr {
    float: right;
}

.rowMeasurement {
    clear: both;
    display: block;
    margin: 0 auto;
    position: relative;
    width: auto;
    zoom: 1;
}

    .rowMeasurement .rowMeasurement {
        margin-right: -0.75rem;
    }

#cblshowmemberinterest td {
    padding: 0.25rem;
}

.formBottom {
    margin-bottom: 0;
}

#js-open-measurements-edit-create td {
    padding: 0.05rem;
}

#js-open-measurements-edit-create table {
    margin: 0;
}

.w26 {
    width: 26%;
}

.nowrapstyle {
    white-space: nowrap;
}

#ulStress {
    height: 10.5rem;
    overflow: auto;
}

ulNutrition {
    height: 10.5rem;
    overflow: auto;
}

.changeDate {
    cursor: pointer;
}

.handCursor {
    cursor: pointer;
}

.textCursor {
    cursor: text;
}

#divTrackMyWellness a {
    cursor: pointer;
}

#divManageMyWellness a {
    cursor: pointer;
}

/*Shweta 15 dec 2014: Following class added to remove extra top border on iphone and ipad*/
.txtborderproper {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}

/* ------------------------ Added by Tripti Dated: 30-Oct-2014 as this wasn't added by Laurence while file provided DroidSans Font for iPAD & iPhones ------------------------ */
/* --- Copied from fonts.css to here, so that we can directly copy fonts.css file of Laurence as it is ------*/
@font-face {
    font-family: 'Droid Sans';
    src: url('../fonts/DroidSans.eot');
    src: url('../fonts/DroidSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* ------------------------ End of Addition ------------------------ */

.bold_case {
    font-weight: bold;
}

/* ------------------ Added by Arpit for radio buttons of privacy details section in My Profile on Dec, 19 2014-------------*/

.tdRed {
    Width: auto;
    height: 25px;
    background-color: Red;
    text-align: center;
    padding-left: 8px;
    padding-right: 4px;
}

.tdYellow {
    Width: auto;
    height: 25px;
    background-color: Yellow;
    text-align: center;
    padding-left: 8px;
    padding-right: 4px;
}

.tdGreen {
    Width: auto;
    height: 25px;
    background-color: Green;
    text-align: center;
    padding-left: 8px;
    padding-right: 4px;
}

.tdWhite {
    Width: auto;
    height: 25px;
    background-color: White;
    text-align: center;
    padding-left: 8px;
    padding-right: 4px;
}


/* Added by Trupti : For error messages */
.red_color_field_data {
    color: red;
}

.black_color_field_data {
    color: #515151;
}
/****************************************/
/* Added by Trupti : For display scroll for comments section */
.scrollList {
    height: 180px;
    overflow: scroll;
}
/****************************************/

/* Added by sanjay : For error hide and show div */
.hidediv {
    display: none;
}

.displaydiv {
    display: block;
}
/****************************************/


/* Added by Satyen : For Span My Wellness Text at Homepage (Near Logo Position) */
.onlySpanMyWellness {
    display: block;
    float: left;
}

/* Added by sanjay : For setting overflow auto in ul of fitness,stress and nutrition comment history */
.ulOverflow_auto {
    height: 10.5rem;
    overflow: auto;
}

/* Added by Arpit for the proper alignment of radio buttons in my contacts section on Dec 30, 2014*/
#rdMeasurementCaloricBurn, #radioBtnLstActivityLevels, th, table td {
    overflow: visible;
    padding: 0 !important;
    vertical-align: top;
}

table.insurance-qualification-form th, table.insurance-qualification-form td {
    padding: 0.633rem !important;
}

/*Added by Ravindra on 31st Dec 2014
Purpose: Autocomplete UI*/
ul.ui-autocomplete {
    position: absolute;
    top: 32px;
    padding: 5px 10px 10px;
    margin-bottom: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #DFE1E1;
    border-top: 0;
    max-height: 180px;
    overflow-y: scroll;
    z-index: 3;
}

    ul.ui-autocomplete li {
        padding: 3px 0;
        cursor: pointer;
    }

.ui-autocomplete, .ui-autocomplete-input {
    z-index: 10000 !important;
}

#cblshowmemberinterest {
    float: left;
    min-height: 1px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    position: relative;
}

    /* shweta 1 jan 2015: added following condition for ios issue of interests section */
    #cblshowmemberinterest td {
        clear: both;
        margin-bottom: 0.5rem;
        display: block;
    }

.frontdivpopup {
    z-index: 5000 !important;
}

@media screen and (min-width: 768px) {
    #cblshowmemberinterest td {
        display: inline-block;
        width: 33.3332%;
    }
}


/*sanjay 6/1/2015 added class to make border of textbox red on error */
.errorClassForTextBox {
    border: 1px solid red;
}

/*sanjay 15/1/2015 added class to make border of textbox red on error */
.cursorNotAllowed {
    cursor: not-allowed;
}

    .cursorNotAllowed label {
        cursor: not-allowed;
    }


    .cursorNotAllowed input[type="radio"]:checked + label:before {
        background: none repeat scroll 0 0 #adadad;
        box-shadow: 0 0 0 2px #fff inset;
        cursor: not-allowed;
    }

/****************************/

/*** Added by trupti for save and track sticky buttons START ***/
.sticky-menu {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 -2px 4px -2px rgba(51, 51, 51, 0.2);
    height: 62px;
    left: 0;
    padding: 15px 20px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 5;
}

.error_messages_dynamic {
    text-transform: none;
    white-space: nowrap;
}

.error_messages_dynamic_create {
    text-transform: none;
    white-space: nowrap;
}

/*** Added by trupti for save and track sticky buttons END ***/

/*sanjay 16/1/2015 added class to disable save button in stress diary */
.SaveStressDiasable {
    box-shadow: none;
    color: #777;
    cursor: not-allowed;
    opacity: 0.5;
    text-shadow: none;
}
/****************************/

.txtdisabledtooltip {
    border: 1px solid #dfe1e1;
    border-radius: 0;
    display: inline-block;
    font-family: inherit;
    font-size: 100%;
    height: 2em;
    line-height: 2;
    outline: 0 none;
    padding: 0 0.5rem;
    vertical-align: middle;
    background-color: #fff;
}

/** Added by trupti for Fitness Journal activity section **/
input[type="text"][disabled].txtFitnessSubject {
    background-color: #eaeded;
    color: #999;
    cursor: not-allowed;
}

.accordion-link_Fitness {
    cursor: pointer;
    line-height: 2;
    margin-top: 0.25rem;
}

.accordion-link_Nutrition {
    cursor: pointer;
    line-height: 2;
    margin-top: 0.25rem;
}
/**** Following added by Trupti for drag and drop functionality of fitness section *****/
.AM-fitness-ghost {
    border: 1px solid #DFE1E1 !important;
}

.PM-fitness-ghost {
    border: 1px solid #DFE1E1 !important;
}
/**********************************************************/

.margin_zero {
    margin: 0px;
}


/*ul li:last-of-type {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}*/

.iframe {
    width: 95%;
    height: 800pt;
}

.create-edit-hra input[type='text'] {
    width: 10rem;
    display: inline-block;
}

.textboxDisable_HRA {
    background-color: #eaeded;
    cursor: not-allowed;
    color: #F7941D !important;
}

@media print {
    #divGoalsToggle, #ViewBioMarkersPopupHtml, #imgLogo, #js-mobile-menu-button, #js-chaser {
        display: none !important;
    }

    .mobile-footer {
        display: none !important;
    }
}

/**** Following added by Sanjayon 2/4/2015*****/
.mealMoreInfo {
    cursor: pointer;
    font-weight: bold;
}

#divcblshowmemberinterest_Myinterest td {
    margin-bottom: 0.5rem;
}

#divcblshowmemberinterest_Myinterest {
    padding: 0.9rem;
}

/**************************************************************************************/


/************************Added by Ashwini 11/june/2015 - create/edit Customer Testimonals page styling*********************************/

.testimoialBox {
    width: 700px;
    height: 52px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #FFFFFF;
    text-align: justify;
    vertical-align: middle;
}

.tetimonialPara {
    margin: 0px;
    padding: 10px 30px 15px 30px;
    text-align: left;
    font-size: 14px;
}

.divCorner {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid white;
    margin-left: 30px;
}

.hover:hover {
    color: #005596;
    outline: medium none;
}

/**************************************************************************************/

/************************Added by Ashwini 16/june/2015 - More info you tube link related styles*********************************/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

    .video-container iframe, .video-container object, .video-container embed {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

/**************************************************************************************/

/*Added by Ravindra on 24th Aug 2015: To implement paging*/
.js-to-client, .js-cc-client, .js-breaker, .js-paging-record {
    display: none;
}

/*Added by Ashwini on 24th Aug 2015: To resolve journals new comment date design issue*/
.journalsDate {
    display: inline !important;
    width: 10rem !important;
}

/* Added by Ashwini to disable journals icons on new comment popup 7/Sep/2015*/
.disalbledJournals {
    pointer-events: none !important;
}

/*Added by Ravindra on 8th Sep 2015: To set the hand cursor for schedule diary plans*/
.fc-event-container a {
    cursor: pointer !important;
}

/*Added by Sanjay on 7th Oct 2015: to hide Video button in Support page*/
.hidden {
    visibility: hidden;
}

/*Added by Alroy on 30th Nov 2015: to display default cursor */
.ArrowCursor {
    cursor: default;
}
/*Added by Tushar on 07th Jan 2016: to display default cursor */
.PopupPadding {
    padding-left: 5px;
}

.resizable.aboutus {
    position: relative;
    width: 100%;
    min-height: 550px !important;
}

ul.manage-images li.item.aboutus {
    border: none;
    clear: none;
    float: left;
    height: 200px !important;
    width: auto;
    padding: .5rem .5rem 1.75rem;
    margin: 0;
    position: relative;
}

    ul.manage-images li.item.aboutus img {
        max-height: 100%;
    }

@media screen and (max-width:480px) {
    ul.manage-images li.item.aboutus {
        border: none;
        clear: none;
        float: none;
        height: 100%;
        padding: .5rem 0;
    }
}


#Regpreloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    /*background-color:rgba(255,255,255,.9);*/
    z-index: 999999;
}

#Regstatus {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    /*background:url(../images/loader.gif) no-repeat center center;
	background-size:150px;*/
    margin: -75px 0 0 -75px;
    text-align: center;
}

/*Added by Ravindra on 19th Feb 2016: For login role popup*/
/*#changeRole-profile {
    background: #fff;
    margin: auto;
    padding: 1rem;
    width: auto;
    max-width: 30rem;
}*/

    /*#changeRole-profile h3 {
        font-size: 24px;
        color: #8c8c8c;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #changeRole-profile ul {
        margin-bottom: 0;
        margin-left: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

        #changeRole-profile ul li {
            list-style-type: none;
        }*/

    /*#changeRole-profile input[type="submit"] {
        background-color: #e0e0e0;
        border: medium none;
        display: block;
        font-size: 1rem;
        line-height: 1.5rem;
        margin: 5px 0;
        padding: 3px 10px;
        text-align: left;
        width: 100%;
        white-space: pre-wrap;
    }

        #changeRole-profile input[type="submit"]:hover {
            background-color: #0970ae;
            color: #fff;
        }

    #changeRole-profile input, #fancybox-login-role textarea {
        font-size: 1rem;
    }*/

.bg-piechart-tertiary {
    background-color: #f36618;
}

.bg-piechart-secondary {
    background-color: #0ca7e9;
}

.bg-piechart-primary {
    background-color: #0970ae;
}

.bg-piechart-Red {
    background-color: #FF0000;
}

.bg-piechart-Yellow {
    background-color: #F7FF00;
}

.bg-piechart-Green {
    background-color: #0DA700;
}



.bg-Red {
    background-color: #FF0000;
}

.bg-Yellow {
    background-color: #F7FF00;
}

.bg-Green {
    background-color: #0DA700;
}

/*Added by Sanjay on 5th April 2016*/
.centerAlign {
    text-align: center;
}

.bg-scheduleCoachEdit {
    background-color: #cd3367;
}

#create-hra input[type="text"], input[type="number"], textarea[disabled="disabled"] {
    /*-webkit-text-fill-color: dimgrey;*/
}

/*Added By Tushar on 02 June 2017 for Risk Factor.*/
.registration-hra .dvRiskFactorSection .custom-radio label {
    margin-top: .25rem;
    margin-right: .40rem;
    display: -webkit-inline-box;
}

.msc-schedule-actionmenu {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 100%;
}
/*Added  by Amruta to show error message with wrapping on iphone on 5/May/2017*/
@media screen and (max-width: 480px) {
    .error_messages_dynamic {
        text-transform: none;
        white-space: pre-wrap;
    }
}

/*Added  by Amruta to show error message with wrapping on iphone on search popup 8/May/2017 */
@media screen and (max-width: 480px) {
    .error_messages_dynamic_create {
        text-transform: none;
        white-space: pre-wrap;
    }
}


/* Added by Ashwini to not show watch video button for gold gym on register,contact and about 17/Nov/2017 
.golds-gym .js-open-lightbox1 {
   display: none;
}*/

/* Added by Ashwini to not show watch video button for gold gym on register,contact and about 17/Nov/2017 
.golds-gym #WatchRegisterVideo {
   display: none;
}*/


/*/* Added by Ashwini for first capital letter 22/Dec/2017
.firstletter-capital {
  text-transform:capitalize;
}*/


/* Added by Akhtar for Deactivated text in group auto complete 05/Apr/2018 */
span.msc-deleted-group-code {	
	text-transform:uppercase;
	font-size:.8rem;
	line-height:2;
	float:right;
	padding-left:1rem;
}
span.msc-deleted-group-code:hover {
	text-decoration:none;
}

.msc-Planned {
    color: #F7941D !important;
}

.msc-disableDayCalories {
    color: #333333 !important;
}

/*/* Added by Ashwini for for showing correct height/width when scanning barcode  commented this code as new css is given by Jeff for styling
canvas.drawing, canvas.drawingBuffer {
	position: absolute;
	left: 79px;
	top: 140px;
}*/

#scanner-container.viewport {
	width: 100%;
	height: auto;
	position: relative;
}

#scanner-container.viewport canvas,
#scanner-container.viewport video {
	width: 100%;
}

#scanner-container.viewport canvas.drawingBuffer {
position: absolute;
top: 0;
left: 0;
}

/* shrink dashboard icons on mobile Added by Alroy on 14/Jan/2019 after discussion with Vrushali and Parag as  we have used js-dashboard-icon2 which is not present in GenUI */
@media screen and (max-width:767px) {
    #js-dashboard-icons2 > li.column {
        width: 16.666%;
        padding: 0 .5rem;
    }

    #js-dashboard-icons2 > li > a > span {
        height: 80px;
        background-size: 80px;
        background-position: center top;
    }

    #js-dashboard-icons2 > li > a.selected > span {
        background-position: center bottom;
    }

    #js-dashboard-icons2 .noti_bubble {
        right: 0;
        margin-right: 0;
        border-radius: 100%;
        font-size: 10px;
        padding: 0;
        height: 22px;
        width: 22px;
        line-height: 22px;
        text-align: center;
    }
}

@media screen and (max-width:639px) {
    #js-dashboard-icons2 > li > a {
        font-size: .8rem;
    }

        #js-dashboard-icons2 > li > a > span {
            height: 60px;
            background-size: 60px;
        }
}

@media screen and (max-width:479px) {
    #js-dashboard-icons2 > li > a > span {
        height: 40px;
        background-size: 40px;
    }

    #js-dashboard-icons2 > li.column {
        width: 16.666%;
        padding: 0 .25rem;
    }

    #js-dashboard-icons2 > li > a {
        font-size: 0;
    }
}
.msc-Associategvhspadding {
    padding-left: 5px !important;
}

.smaller-text sup {
	top: -0.375rem;
	font-size: .66rem;
}

#signatureparent {
    color: darkblue;
    background-color: darkgrey;
    /*max-width:600px;*/
    padding: 20px;
}

/*This is the div within which the signature canvas is fitted*/
#signature {
    border: 2px dotted black;
    background-color: lightgrey;
}

/*This is for adding padding from bottom to journal popup*/
#nutrition-journal_new-comment.popupWrap {
    padding-bottom: 3rem;
}

.msc-professionalServiceGroupClientNamelipadding:last-of-type {
    padding-bottom: 8px !important;
}

.msc-virtual--end-session--multi-client li:last-of-type {
    padding-bottom: var(--size-smaller) !important;
}

.msc-SemiPrivateGroup_ClientNotCharged {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: inline-block;
    background-color: red;
}


/* LIMITED ACCESS dashboard links */
.dash-buttons .premium {
    pointer-events: none;
}

.dash-buttons .premium .icon {
        position: relative;
        /* background-color:#fcfaf4; */
        /* background-color:transparent; */
        background-color: rgba(99,99,99,.05);
        /* color:#dadada;  */
        /* color:#f5c107; */
        color: rgba(0,0,0,.1);
}

.dash-buttons .premium .icon:after {
        font-family: ElegantIcons;
        content: "\e033";
        position: absolute;
        right: -.5rem;
        top: 0;
        font-size: 1.35rem;
        line-height: 1;
        color: #f5c107;
    }

.dash-buttons .premium .noti_bubble {
        display: none;
}

/*.premium-note {
    display: none;
}

.user--limited .premium-note {
    display: block;
}

.dashboard-controls .premium-note {
    text-align: center;
    background: #efefef;
    padding: 1rem;
    margin: 0;
    color: black;
    font-weight: bold;
}

.premium-note .icon {
    color: #f5c107;
    font-size: 1.5rem;
    vertical-align: middle;
    margin-right: .5rem;
}*/

.msc-insuranceCardExpiration{
    background:none !important;
}

.password-container {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.icon-size {
    font-size:xx-large;
}

.msc-currentInsuranceQualificationStatusTable th {
    padding: var(--size-smallest) !important;
}

.adime-status-indicator {
    position: relative;
    padding: .25rem;
    cursor: pointer;
    line-height: 0;
}
.adime-status-indicator:before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: gray;
    vertical-align:middle;
}

.adime-status-indicator.all-submitted:before {
    background-color: #00ab04;
}
.adime-status-indicator.some-submitted:before {
    background-color: #ffdb35;
}
.adime-status-indicator.none-submitted:before {
    background-color: #f42434;
}
.adime-status-indicator.other-owner:before {
    background-color: #aaa;
}

@media screen and (max-width:1199px) {
    .mobile-hide {
        display: none !important;
    }
}

@media screen and (max-width:770px) {
    .you-and-team {
        grid-template-columns: 200px 1fr !important;
        gap: 60px !important;
    }

    .you-graphic {
        font-size: 70px !important;
        line-height: 200px !important;
        height: 190px !important;
        width: 190px !important;
    }
}

/*
* -- SESSIONSCONTAINERS & SECTIONS
* layout for sessionscontainer and sections
*/
@media screen and (max-width:799px) {
    /* .section {
        padding:var(--size-base) 0;
    } */
    .msc-sessionscontainer {
        /*padding:0 var(--size-small);*/
        padding: -1px var(--size-small) !important;
        width: 98% !important;
    }
}

.OrangeClassicText {
    color: #FFA500 !important;
}

.disableAnchor {
    pointer-events: none;
    cursor:default;
}

.displayCheckbox {
    display: initial !important;
}

.hidedirectpayelements {
    display: none !important;
}

.msc-agreetermssection {
    margin: 0;
    width: fit-content;
    margin-top: var(--size-small);
    border: 1px solid var(--color-grey-light);
    padding: var(--size-smallest) var(--size-smaller);
    background-color: var(--color-grey-lighter);
    border-radius: var(--border-radius-small);
    font-size: var(--font-smaller);
}

.msc-doctortype .section-label {
    text-transform: uppercase;
    font-size: var(--font-smaller);
    margin: 0;
    margin-bottom: var(--size-smaller);
}

.msc-doctortype .options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--size-smaller);
}

.msc-doctortype .options input[type="radio"] {
    display: none;
}

.msc-doctortype .options input[type="radio"] + label {
    border: 2px solid var(--color-grey-lighter);
    border-radius: var(--border-radius-base);
    background-color: var(--color-grey-lighter);
    color: var(--color-font);
    padding: var(--size-smaller) var(--size-base);
    text-transform: uppercase;
    font-family: var(--font-family-secondary);
    font-size: var(--font-smaller);
    font-weight: normal;
    display: block;
}

.msc-doctortype .options input[type="radio"]:checked + label {
    border-color: var(--color-secondary);
    font-weight: bold;
    background-color: var(--color-white);
}

.msc-doctortype .options input[type="radio"] + label:hover {
    border-color: var(--color-secondary);
    background-color: var(--color-white);
}

.purchase-note-on-card.-good {
    background-color: var(--color-secondary-light);
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.msc-modal-signin {
    position: fixed;
    top: var(--size-base);
    right: var(--size-base);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    opacity: .5;
    font-size: var(--font-smaller);
    border-radius: 100%;
    cursor: pointer;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: inherit;
    /*border-width: 1px;
    border-style: solid;
    border-color: inherit;*/
    z-index: 3;
    width: 15%;
}

.action-banner .icon.services {
    background: url('../images/dash-icon-services.png') no-repeat center top;
    background-size: contain;
    width: 100%;
    height: 50px;
    display: inline-block;
}

.CommunicateByInRegPage {
    /*border: 1px solid #dadada;
    border-radius: var(--border-radius-base);*/
    padding: var(--size-smaller) var(--size-small);
}

.TextMessageLogDeliveryStatus {
    font-size: 0.65rem !important;
}

.fontsizssixteenpx {
    font-size: 16px;
}
/* qTip2 v2.2.1 | Plugins: None | Styles: core | qtip2.com | Licensed MIT | Sat Sep 06 2014 20:21:13 */

.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:200px;min-width:50px;font-size:.85em;line-height:150%;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:medium none;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{box-shadow:0 0 5px rgba(0,0,0,.33);border:1px solid #aeaeae;padding-top:2px;background-color:#eaeaea;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}
@charset "utf-8";
/* CSS Document */

/* FACILITY - Elite Sports Club */
.elite-sports-clubs .bg-primary{background-color: #060006;} 
.elite-sports-clubs .bg-secondary{background-color: #cc9922;} 
.elite-sports-clubs .bg-tertiary,
.elite-sports-clubs .button.active {background-color: #66aabb;}

.elite-sports-clubs .button.bg-primary:hover {background-color: #1f1c1f;}
.elite-sports-clubs .button.bg-secondary:hover {background-color: #a97c12;}
.elite-sports-clubs .button.bg-tertiary:hover,
.elite-sports-clubs .button.active:hover {background-color: #42899b;}

.elite-sports-clubs .text-primary{color: #060006;} 
.elite-sports-clubs .text-secondary{color: #cc9922;} 
.elite-sports-clubs .text-tertiary {color: #66aabb;}


/* FACILITY - University System of New Hampshire */
.university-system-of-nh .bg-primary{background-color: #3a3037;} 
.university-system-of-nh .bg-secondary{background-color: #c8cdb4;} 
.university-system-of-nh .bg-tertiary, .university-system-of-nh .button.active {background-color: #c6cbb2;}

.university-system-of-nh .button.bg-primary:hover {background-color: #1e1f1d;}
.university-system-of-nh .button.bg-secondary:hover {background-color: #b7bd9f;}
.university-system-of-nh .button.bg-tertiary:hover, .university-system-of-nh .button.active:hover {background-color: #b7bd9f;}

.university-system-of-nh .text-primary{color: #272628;} 
.university-system-of-nh .text-secondary{color: #272628;} 
.university-system-of-nh .text-tertiary {color: #4d4d4d;}


/* FACILITY - Keene State College */
.keene-state-college .bg-primary{background-color: #D2232A;} 
.keene-state-college .bg-secondary{background-color: #99938C;} 
.keene-state-college .bg-tertiary, .university-system-of-nh .button.active {background-color: #333333;}

.keene-state-college .button.bg-primary:hover {background-color: #D2232A;}
.keene-state-college .button.bg-secondary:hover {background-color: #99938C;}
.keene-state-college .button.bg-tertiary:hover, .university-system-of-nh .button.active:hover {background-color: #333333;}

.keene-state-college .text-primary{color: #D2232A;} 
.keene-state-college .text-secondary{color: #D2232A;} 
.keene-state-college .text-tertiary {color: #4d4d4d;}


/* FACILITY - Plymouth State */
.plymouth-state-college .bg-primary{background-color: #11573F;} 
.plymouth-state-college .bg-secondary{background-color: #2a2a2a;} 
.plymouth-state-college .bg-tertiary, .university-system-of-nh .button.active {background-color: #033323;}

.plymouth-state-college .button.bg-primary:hover {background-color: #11573F;}
.plymouth-state-college .button.bg-secondary:hover {background-color: #033323;}
.plymouth-state-college .button.bg-tertiary:hover, .university-system-of-nh .button.active:hover {background-color: #033323;}

.plymouth-state-college .text-primary{color: #11573F;} 
.plymouth-state-college .text-secondary{color: #11573F;} 
.plymouth-state-college .text-tertiary {color: #033323;}


/* FACILITY - Atlantic Club */
.atlantic-club .bg-primary{background-color: #213a71;} 
.atlantic-club .bg-secondary{background-color: #102450;} 
.atlantic-club .bg-tertiary,
.atlantic-club .button.active {background-color: #8895a7;}

.atlantic-club .button.bg-primary:hover {background-color: #213a71;}
.atlantic-club .button.bg-secondary:hover {background-color: #102450;}
.atlantic-club .button.bg-tertiary:hover, 
.atlantic-club .button.active:hover {background-color: #8895a7;}

/* FACILITY - Gold's Gym */
/*
Gold (primary) - ffdd00 (fbe605)
Grey (secondary) - 58585a

Shock Blue (tertiary, accent1) - 00adef
Venice Vibe (, accent2) - 78c9b1

Greys
		- 58585a
		- 808285
		- a7a9ac
		- d1d3d4

*/
.golds-gym .bg-primary{background-color: #fbe605;} 
.golds-gym .bg-secondary{background-color: #58585a;} 
.golds-gym .bg-tertiary,
.golds-gym .button.active {background-color: #00adef;}
.golds-gym .bg-accent2 { background-color:#77c9b1; }

.golds-gym .button.bg-primary:hover {background-color: #fbe605;} 
.golds-gym .button.bg-secondary:hover {background-color: #58585a;} 
.golds-gym .button.bg-tertiary:hover,
.golds-gym .button.active:hover {background-color: #00adef;}

.golds-gym .text-primary{color: #fbe605;} 
.golds-gym .text-secondary{color: #58585a;} 
.golds-gym .text-tertiary {color: #00adef;}
/* miscellaneous colors */
.golds-gym .bg-silver { background-color:#d1d3d4; }
.golds-gym .bg-light-gray { background-color:#d1d3d4; }
.golds-gym .bg-gray { background-color:#a7a9ac; }
/* custom section changes */
.golds-gym .footer,
.golds-gym .disclaimers,
.golds-gym .mobile-menu,
.golds-gym .mobile-footer,
.golds-gym #banner {
	background-color:#58585a;
}
/* social icons in footer */
.golds-gym .footer .footer-social a {
	background-color:#00adef;
	color:#58585a;
}
.golds-gym .footer .footer-social a:hover {
	background-color:#77c9b1;
}
/* login homepage block */
.golds-gym .home_third.bg-primary {
	background-color:#58585a;
}
/* title in registration homepage block */
.golds-gym .home_third h3.sky {
	color:#58585a;
}
/* underline when user hovers over a menu item in the main nav */
.golds-gym .main-navigation li:hover > span a {
	box-shadow:inset 0 -2px 0 0 #00adef;
}
/* page title on about/contact/register pages */
/* orange titles (pretty much everywhere) */
.golds-gym h1.sky,
.golds-gym h2.orange,
.golds-gym .h2.orange,
.golds-gym h3.orange,
.golds-gym .h3.orange,
.golds-gym h4.orange,
.golds-gym .h4.orange {
	color:#58585a;
}
/* "register" buttons on homepage */
.golds-gym #select-a-facility .button.bg-secondary {
	background-color:#00adef;
}
/* update major dashboard section headers to use a lighter grey instead of gold */
.golds-gym .dashboard-details .dashboard-heading {
	background-color:#808285;
}
/* CUSTOM ICONS */
.golds-gym .dashboard-icons li:hover,
.golds-gym .dashboard-icons a:hover,
.golds-gym .dashboard-icons li a:hover,
.golds-gym .dashboard-icons li .selected {
	color:#00adef;
}
.golds-gym .dashboard-icons .fitness,
.golds-gym .type-icon .fitness {
	background: url('../images/golds-gym/dash-icon-fitness.png') no-repeat 50% 0; 
}
.golds-gym .dashboard-icons .nutrition,
.golds-gym .type-icon .nutrition {
	background: url('../images/golds-gym/dash-icon-nutrition.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .stress,
.golds-gym .type-icon .stress {
	background: url('../images/golds-gym/dash-icon-stress.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .schedule {
	background: url('../images/golds-gym/dash-icon-schedule.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .measurements {
	background: url('../images/golds-gym/dash-icon-measurements.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .journal,
.golds-gym .dashboard-icons .clients {
	background: url('../images/golds-gym/dash-icon-journal.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .role,
.golds-gym .dashboard-icons .coaches {
	background: url('../images/golds-gym/dash-icon-role.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .facilities,
.golds-gym .dashboard-icons .organizations {
	background: url('../images/golds-gym/dash-icon-facilities.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .professionals,
.golds-gym .dashboard-icons .coach-profile,
.golds-gym .dashboard-icons .contacts {
	background: url('../images/golds-gym/dash-icon-professionals.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .profile,
.golds-gym .dashboard-icons .workspace,
.golds-gym .dashboard-icons .tools {
	background: url('../images/golds-gym/dash-icon-profile.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .risk {
	background: url('../images/golds-gym/dash-icon-risk.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .tracking,
.golds-gym .dashboard-icons .support {
	background: url('../images/golds-gym/dash-icon-tracking.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .plans {
	background: url('../images/golds-gym/dash-icon-plans.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .libraries,
.golds-gym .dashboard-icons .groups {
	background: url('../images/golds-gym/dash-icon-libraries.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .adime {
	background: url('../images/golds-gym/dash-icon-adime.png') no-repeat 50% 0;
}
.golds-gym .dashboard-icons .recommendations {
	background: url('../images/golds-gym/dash-icon-recommendations.png') no-repeat 50% 0;
}



/* FACILITY - 24 Hour Fitness */
.twofour-hour-fitness .bg-primary{background-color: #ed1b2e;} 
.twofour-hour-fitness .bg-secondary{background-color: #221e1f;} 
.twofour-hour-fitness .bg-tertiary,
.twofour-hour-fitness .button.active {background-color: #D10317;} /* alternate: 3CB6CE */

.twofour-hour-fitness .button.bg-primary:hover {background-color: #d01425;} 
.twofour-hour-fitness .button.bg-secondary:hover {background-color: #3a2d2d;} 
.twofour-hour-fitness .button.bg-tertiary:hover,
.twofour-hour-fitness .button.active:hover {background-color: #ed1b2e;}

.twofour-hour-fitness .text-primary{color: #ed1b2e;} 
.twofour-hour-fitness .text-secondary{color: #221e1f;} 
.twofour-hour-fitness .text-tertiary {color: #D10317;}

/* third color for pie chart since our primary and tertiary colors are the same */
/*.twofour-hour-fitness .nutrition-pie-chart .bg-tertiary { background-color:#3cb6ce; }*/
/*.twofour-hour-fitness .nutrition-pie-chart .text-tertiary { color:#3cb6ce; }*/


/* FACILITY - Cincinnati Sports Club */
.cincinnati-sports-club .bg-primary{background-color: #015030;}
.cincinnati-sports-club .bg-secondary{background-color: #588A64;}
.cincinnati-sports-club .bg-tertiary,
.cincinnati-sports-club .button.active {background-color: #B1C599;}

.cincinnati-sports-club .button.bg-primary:hover {background-color: #015030;}
.cincinnati-sports-club .button.bg-secondary:hover {background-color: #588A64;}
.cincinnati-sports-club .button.bg-tertiary:hover,
.cincinnati-sports-club .button.active:hover {background-color: #B1C599;}

.cincinnati-sports-club .text-primary{color: #015030;}
.cincinnati-sports-club .text-secondary{color: #588A64;}
.cincinnati-sports-club .text-tertiary {color: #B1C599;}

/* FACILITY - Fitness Formula Club */
.fitness-formula-club .bg-primary{background-color: #FF5619;}
.fitness-formula-club .bg-secondary{background-color: #8FB158;}
.fitness-formula-club .bg-tertiary,
.fitness-formula-club .button.active {background-color: #E71F01;}

.fitness-formula-club .button.bg-primary:hover {background-color: #FF5619;}
.fitness-formula-club .button.bg-secondary:hover {background-color: #8FB158;}
.fitness-formula-club .button.bg-tertiary:hover,
.fitness-formula-club .button.active:hover {background-color: #E71F01;}

.fitness-formula-club .text-primary{color: #FF5619;}
.fitness-formula-club .text-secondary{color: #8FB158;}
.fitness-formula-club .text-tertiary {color: #E71F01;}

/* FACILITY - The Wisconsin Athletic Club */
.wisconsin-athletic-club .bg-primary{background-color: #ffba1f;}
.wisconsin-athletic-club .bg-secondary{background-color: #e31a22;}
.wisconsin-athletic-club .bg-tertiary,
.wisconsin-athletic-club .button.active {background-color: #C9BEA8;}

.wisconsin-athletic-club .button.bg-primary:hover {background-color: #ffba1f;}
.wisconsin-athletic-club .button.bg-secondary:hover {background-color: #e31a22;}
.wisconsin-athletic-club .button.bg-tertiary:hover,
.wisconsin-athletic-club .button.active:hover {background-color: #C9BEA8;}

.wisconsin-athletic-club .text-primary{color: #ffba1f;}
.wisconsin-athletic-club .text-secondary{color: #e31a22;}
.wisconsin-athletic-club .text-tertiary {color: #C9BEA8;}

/* FACILITY - Merritt Clubs */
.merritt-clubs .bg-primary{background-color: #94bb21;}
.merritt-clubs .bg-secondary{background-color: #2aacbe;}
.merritt-clubs .bg-tertiary, .merritt-clubs .button.active {background-color: #5cb373;}

.merritt-clubs .button.bg-primary:hover {background-color: #94bb21;}
.merritt-clubs .button.bg-secondary:hover {background-color: #2aacbe;}
.merritt-clubs .button.bg-tertiary:hover, .merritt-clubs .button.active:hover {background-color: #5cb373;}

.merritt-clubs .text-primary{color: #94bb21;}
.merritt-clubs .text-secondary{color: #2aacbe;}
.merritt-clubs .text-tertiary {color: #5cb373;}

/* FACILITY - My Community Moves - Cross */
.mcm-cross .bg-primary{background-color: #fdbe0f;}
.mcm-cross .bg-secondary{background-color: #939598;}
.mcm-cross .bg-tertiary, .mcm-cross .button.active {background-color: #998E70;}

.mcm-cross .button.bg-primary:hover {background-color: #fdbe0f;}
.mcm-cross .button.bg-secondary:hover {background-color: #939598;}
.mcm-cross .button.bg-tertiary:hover, .mcm-cross .button.active:hover {background-color: #998E70;}

.mcm-cross .text-primary{color: #fdbe0f;}
.mcm-cross .text-secondary{color: #939598;}
.mcm-cross .text-tertiary {color: #998E70;}

/* FACILITY - Newtown Athletic Club */
.newtown-athletic-club .bg-primary{background-color: #004071;}
.newtown-athletic-club .bg-secondary{background-color: #939598;}
.newtown-athletic-club .bg-tertiary,
.newtown-athletic-club .button.active {background-color: #002a4a;}

.newtown-athletic-club .button.bg-primary:hover {background-color: #004071;}
.newtown-athletic-club .button.bg-secondary:hover {background-color: #939598;}
.newtown-athletic-club .button.bg-tertiary:hover,
.newtown-athletic-club .button.active:hover {background-color: #002a4a;}

.newtown-athletic-club .text-primary{color: #004071;}
.newtown-athletic-club .text-secondary{color: #939598;}
.newtown-athletic-club .text-tertiary {color: #002a4a;}

/* FACILITY - THE EDGE VT */
.facility-edge .bg-primary{background-color: #013a65;}
.facility-edge .bg-secondary{background-color: #f47b20;}
.facility-edge .bg-tertiary,
.facility-edge .button.active {background-color: #5f8cab;}

.facility-edge .button.bg-primary:hover {background-color: #024d85;}
.facility-edge .button.bg-secondary:hover {background-color: #013a65;}
.facility-edge .button.bg-tertiary:hover,
.facility-edge .button.active:hover {background-color: #487492;}

.facility-edge .text-primary{color: #013a65;}
.facility-edge .text-secondary{color: #f47b20;}
.facility-edge .text-tertiary {color: #5f8cab;}

/* FACILITY - ADIRONDACK */
.facility-adirondack .bg-primary{background-color: #2f49ba;}
.facility-adirondack .bg-secondary{background-color: #666;}
.facility-adirondack .bg-tertiary{background-color: #2f49ba;}
.facility-adirondack .bg-tertiary,
.facility-adirondack .button.active {background-color: #1E2E75;}

.facility-adirondack .button.bg-primary:hover {background-color: #263ea6;}
.facility-adirondack .button.bg-secondary:hover {background-color: #525252;}
.facility-adirondack .button.bg-tertiary:hover,
.facility-adirondack .button.active:hover {background-color: #263ea6;}

.facility-adirondack .text-primary{color: #2f49ba;}
.facility-adirondack .text-secondary{color: #666;}
.facility-adirondack .text-tertiary {color: #1E2E75;}

/* FACILITY - BEVERLY */
.facility-beverly .bg-primary{background-color: #1a325d;}
.facility-beverly .bg-secondary{background-color: #ffba00;}
.facility-beverly .bg-tertiary{background-color: #1a325d;}

.facility-beverly .button.bg-primary:hover {background-color: #13284e;}
.facility-beverly .button.bg-secondary:hover {background-color: #dc9408;}
.facility-beverly .button.bg-tertiary:hover,
.facility-beverly .button.active:hover {background-color: #13284e;}

.facility-beverly .text-primary{color: #1a325d;}
.facility-beverly .text-secondary{color: #ffba00;}
.facility-beverly .text-tertiary {color: #295094;}
.facility-beverly .bg-tertiary,
.facility-beverly .button.active {background-color: #295094;}

/* FACILITY - CAMBRIDGE */
.facility-cambridge .bg-primary{background-color: #1a325d;}
.facility-cambridge .bg-secondary{background-color: #ff0000;}
.facility-cambridge .bg-tertiary{background-color: #1a325d;}

.facility-cambridge .button.bg-primary:hover {background-color: #132647;}
.facility-cambridge .button.bg-secondary:hover {background-color: #c80202;}
.facility-cambridge .button.bg-tertiary:hover,
.facility-cambridge .button.active:hover {background-color: #132647;}

.facility-cambridge .text-primary{color: #1a325d;}
.facility-cambridge .text-secondary{color: #ff0000;}
.facility-cambridge .text-tertiary {color: #295094;}
.facility-cambridge .bg-tertiary,
.facility-cambridge .button.active {background-color: #295094;}

/* FACILITY - CEDARDALE */
.facility-cedardale .bg-primary{background-color: #000f9f;}
.facility-cedardale .bg-secondary{background-color: #93d500;}
.facility-cedardale .bg-tertiary{background-color: #ff7733;}

.facility-cedardale .button.bg-primary:hover {background-color: #000F6D;}
.facility-cedardale .button.bg-secondary:hover {background-color: #81BD00;}
.facility-cedardale .button.bg-tertiary:hover,
.facility-cedardale .button.active:hover {background-color: #E84823;}

.facility-cedardale .text-primary{color: #000f9f;}
.facility-cedardale .text-secondary{color: #93d500;}
.facility-cedardale .text-tertiary {color: #ff7733;}
.facility-cedardale .bg-tertiary,
.facility-cedardale .button.active {background-color: #ff7733;}

/* FACILITY - EXECUTIVE */
.facility-executive .bg-primary{background-color: #05083e;}
.facility-executive .bg-secondary{background-color: #8f8f8f;}
.facility-executive .bg-tertiary{background-color: #696969;}

.facility-executive .button.bg-primary:hover {background-color: #05083e;}
.facility-executive .button.bg-secondary:hover {background-color: #696969;}
.facility-executive .button.bg-tertiary:hover,
.facility-executive .button.active:hover {background-color: #0d47a1;}

.facility-executive .text-primary{color: #05083e;}
.facility-executive .text-secondary{color: #8f8f8f;}
.facility-executive .text-tertiary {color: #696969;}
.facility-executive .bg-tertiary,
.facility-executive .button.active {background-color: #0d47a1;}

/* FACILITY - HAMPSHIREHILLS */
.facility-hampshirehills .bg-primary{background-color: #003266;}
.facility-hampshirehills .bg-secondary{background-color: #66b360;}
.facility-hampshirehills .bg-tertiary{background-color: #003266;}

.facility-hampshirehills .button.bg-primary:hover {background-color: #01264c;}
.facility-hampshirehills .button.bg-secondary:hover {background-color: #4a9145;}
.facility-hampshirehills .button.bg-tertiary:hover,
.facility-hampshirehills .button.active:hover {background-color: #01264c;}

.facility-hampshirehills .text-primary{color: #003266;}
.facility-hampshirehills .text-secondary{color: #66b360;}
.facility-hampshirehills .text-tertiary {color: #004FA1;}
.facility-hampshirehills .bg-tertiary,
.facility-hampshirehills .button.active {background-color: #004FA1;}

/* FACILITY - LACONIA */
.facility-laconia .bg-primary{background-color: #2a5dac;}
.facility-laconia .bg-secondary{background-color: #00a0ee;}
.facility-laconia .bg-tertiary{background-color: #2a5dac;}

.facility-laconia .button.bg-primary:hover {background-color: #184180;}
.facility-laconia .button.bg-secondary:hover {background-color: #0086c7;}
.facility-laconia .button.bg-tertiary:hover,
.facility-laconia .button.active:hover {background-color: #184180;}

.facility-laconia .text-primary{color: #2a5dac;}
.facility-laconia .text-secondary{color: #00a0ee;}
.facility-laconia .text-tertiary {color: #193766;}
.facility-laconia .bg-tertiary,
.facility-laconia .button.active {background-color: #193766;}

/* FACILITY - LONGFELLOW */
.facility-longfellow-natick .bg-primary,
.facility-longfellow-wayland .bg-primary,
.facility-longfellow .bg-primary{background-color: #2d4375;}
.facility-longfellow-natick .bg-secondary,
.facility-longfellow-wayland .bg-secondary,
.facility-longfellow .bg-secondary{background-color: #95c938;}
.facility-longfellow-natick .bg-tertiary,
.facility-longfellow-wayland .bg-tertiary,
.facility-longfellow .bg-tertiary{background-color: #2d4375;}

.facility-longfellow-natick .button.bg-primary:hover,
.facility-longfellow-wayland .button.bg-primary:hover,
.facility-longfellow .button.bg-primary:hover {background-color: #1e2f57;}
.facility-longfellow-natick .button.bg-secondary:hover,
.facility-longfellow-wayland .button.bg-secondary:hover,
.facility-longfellow .button.bg-secondary:hover {background-color: #779d2c;}
.facility-longfellow-natick .button.bg-tertiary:hover,
.facility-longfellow-wayland .button.bg-tertiary:hover,
.facility-longfellow .button.bg-tertiary:hover,
.facility-longfellow-natick .button.active:hover,
.facility-longfellow-wayland .button.active:hover,
.facility-longfellow .button.active:hover {background-color: #1e2f57;}

.facility-longfellow-natick .text-primary,
.facility-longfellow-wayland .text-primary,
.facility-longfellow .text-primary {color: #2d4375;}
.facility-longfellow-natick .text-secondary,
.facility-longfellow-wayland .text-secondary,
.facility-longfellow .text-secondary {color: #95c938;}
.facility-longfellow-natick .text-tertiary,
.facility-longfellow-wayland .text-tertiary,
.facility-longfellow .text-tertiary {color: #4668B5;}
.facility-longfellow-natick .bg-tertiary,
.facility-longfellow-wayland .bg-tertiary,
.facility-longfellow .bg-tertiary,
.facility-longfellow-natick .button.active,
.facility-longfellow-wayland .button.active,
.facility-longfellow .button.active {color: #4668B5;}

/* FACILITY - MANCHESTER */
.facility-manchester .bg-primary{background-color: #1b4164;}
.facility-manchester .bg-secondary{background-color: #3573b9;}
.facility-manchester .bg-tertiary{background-color: #1b4164;}

.facility-manchester .button.bg-primary:hover {background-color: #102b44;}
.facility-manchester .button.bg-secondary:hover {background-color: #2b5d95;}
.facility-manchester .button.bg-tertiary:hover,
.facility-manchester .button.active:hover {background-color: #102b44;}

.facility-manchester .text-primary{color: #1b4164;}
.facility-manchester .text-secondary{color: #3573b9;}
.facility-manchester .text-tertiary {color: #296399;}
.facility-manchester .bg-tertiary,
.facility-manchester .button.active {background-color: #296399;}

/* FACILITY - MOUNTAUBURN */
.facility-mountauburn .bg-primary{background-color: #268eb1;}
.facility-mountauburn .bg-secondary{background-color: #7a975d;}
.facility-mountauburn .bg-tertiary{background-color: #268eb1;}

.facility-mountauburn .button.bg-primary:hover {background-color: #1a6f8c;}
.facility-mountauburn .button.bg-secondary:hover {background-color: #617d45;}
.facility-mountauburn .button.bg-tertiary:hover,
.facility-mountauburn .button.active:hover {background-color: #1a6f8c;}

.facility-mountauburn .text-primary{color: #268eb1;}
.facility-mountauburn .text-secondary{color: #7a975d;}
.facility-mountauburn .text-tertiary {color: #165469;}
.facility-mountauburn .bg-tertiary,
.facility-mountauburn .button.active {background-color: #165469;}

/* FACILITY - ORCHARDHILLS */
.facility-orchardhills .bg-primary{background-color: #565656;}
.facility-orchardhills .bg-secondary{background-color: #008AFF;}
.facility-orchardhills .bg-tertiary{background-color: #565656;}

.facility-orchardhills .button.bg-primary:hover {background-color: 444141;}
.facility-orchardhills .button.bg-secondary:hover {background-color: #036dc7;}
.facility-orchardhills .button.bg-tertiary:hover,
.facility-orchardhills .button.active:hover {background-color: #444141;}

.facility-orchardhills .text-primary{color: #565656;}
.facility-orchardhills .text-secondary{color: #008AFF;}
.facility-orchardhills .text-tertiary {color: #003B6E;}
.facility-orchardhills .bg-tertiary,
.facility-orchardhills .button.active {background-color: #003B6E;}

/* FACILITY - PLYMOUTH */
.facility-plymouth .bg-primary{background-color: #016ad5;}
.facility-plymouth .bg-secondary{background-color: #fbc30c;}
.facility-plymouth .bg-tertiary{background-color: #016ad5;}

.facility-plymouth .button.bg-primary:hover {background-color: #002597;}
.facility-plymouth .button.bg-secondary:hover {background-color: #ddae03;}
.facility-plymouth .button.bg-tertiary:hover,
.facility-plymouth .button.active:hover {background-color: #002597;}

.facility-plymouth .text-primary{color: #016ad5;}
.facility-plymouth .text-secondary{color: #fbc30c;}
.facility-plymouth .text-tertiary {color: #013E7D;}
.facility-plymouth .bg-tertiary,
.facility-plymouth .button.active {background-color: #013E7D;}

/* FACILITY - QUEST */
.facility-quest .bg-primary{background-color: #a1ab1c;}
.facility-quest .bg-secondary{background-color: #f38e32;}
.facility-quest .bg-tertiary{background-color: #a1ab1c;}

.facility-quest .button.bg-primary:hover {background-color: #909915;}
.facility-quest .button.bg-secondary:hover {background-color: #da761b;}
.facility-quest .button.bg-tertiary:hover,
.facility-quest .button.active:hover {background-color: #909915;}

.facility-quest .text-primary{color: #a1ab1c;}
.facility-quest .text-secondary{color: #f38e32;}
.facility-quest .text-tertiary {color: #99591F;}
.facility-quest .bg-tertiary,
.facility-quest .button.active {background-color: #99591F;}

/* FACILITY - SACO */
.facility-saco .bg-primary{background-color: #027dc3;}
.facility-saco .bg-secondary{background-color: #222;}
.facility-saco .bg-tertiary{background-color: #027dc3;}

.facility-saco .button.bg-primary:hover {background-color: #04669e;}
.facility-saco .button.bg-secondary:hover {background-color: #0f0f0f;}
.facility-saco .button.bg-tertiary:hover,
.facility-saco .button.active:hover {background-color: #04669e;}

.facility-saco .text-primary{color: #027dc3;}
.facility-saco .text-secondary{color: #222;}
.facility-saco .text-tertiary {color: #014166;}
.facility-saco .bg-tertiary,
.facility-saco .button.active {background-color: #014166;}

/* FACILITY - SALEM */
.facility-salem .bg-primary{background-color: #520052;}
.facility-salem .bg-secondary{background-color: #eca428;}
.facility-salem .bg-tertiary{background-color: #520052;}

.facility-salem .button.bg-primary:hover {background-color: #450045;}
.facility-salem .button.bg-secondary:hover {background-color: #d7931d;}
.facility-salem .button.bg-tertiary:hover,
.facility-salem .button.active:hover {background-color: #450045;}

.facility-salem .text-primary{color: #520052;}
.facility-salem .text-secondary{color: #eca428;}
.facility-salem .text-tertiary {color: #7F007F;}
.facility-salem .bg-tertiary,
.facility-salem .button.active {background-color: #7F007F;}

/* FACILITY - THOREAU */
.facility-thoreau .bg-primary{background-color: #0f6953;}
.facility-thoreau .bg-secondary{background-color: #1569a7;}
.facility-thoreau .bg-tertiary{background-color: #0f6953;}

.facility-thoreau .button.bg-primary:hover {background-color: #095240;}
.facility-thoreau .button.bg-secondary:hover {background-color: #105a90;}
.facility-thoreau .button.bg-tertiary:hover,
.facility-thoreau .button.active:hover {background-color: #095240;}

.facility-thoreau .text-primary{color: #0f6953;}
.facility-thoreau .text-secondary{color: #1569a7;}
.facility-thoreau .text-tertiary {color: #0A4536;}
.facility-thoreau .bg-tertiary,
.facility-thoreau .button.active {background-color: #0A4536;}

/* FACILITY - WEYMOUTH */
.facility-weymouth .bg-primary{background-color: #4D364B;}
.facility-weymouth .bg-secondary{background-color: #9FA273;}
.facility-weymouth .bg-tertiary{background-color: #4D364B;}

.facility-weymouth .button.bg-primary:hover {background-color: #3D263A;}
.facility-weymouth .button.bg-secondary:hover {background-color: #84875B;}
.facility-weymouth .button.bg-tertiary:hover,
.facility-weymouth .button.active:hover {background-color: #3D263A;}

.facility-weymouth .text-primary{color: #4D364B;}
.facility-weymouth .text-secondary{color: #9FA273;}
.facility-weymouth .text-tertiary {color: #7F597C;}
.facility-weymouth .bg-tertiary,
.facility-weymouth .button.active {background-color: #7F597C;}

/* FACILITY - WORKS */
.facility-works .bg-primary{background-color: #10394f;}
.facility-works .bg-secondary{background-color: #de2304;}
.facility-works .bg-tertiary{background-color: #10394f;}

.facility-works .button.bg-primary:hover {background-color: #0a2d3f;}
.facility-works .button.bg-secondary:hover {background-color: #bf1e04;}
.facility-works .button.bg-tertiary:hover,
.facility-works .button.active:hover {background-color: #0a2d3f;}

.facility-works .text-primary{color: #10394f;}
.facility-works .text-secondary{color: #de2304;}
.facility-works .text-tertiary {color: #1A5C7F;}
.facility-works .bg-tertiary,
.facility-works .button.active {background-color: #1A5C7F;}

/* BETTER U */
.betteru .bg-primary{background-color: #9f0622;}
.betteru .bg-secondary{background-color: #ec1b2e;}
.betteru .bg-tertiary{background-color: #9f0622;}

.betteru .button.bg-primary:hover {background-color: #88041c;}
.betteru .button.bg-secondary:hover {background-color: #cc1425;}
.betteru .button.bg-tertiary:hover,
.betteru .button.active:hover {background-color: #88041c;}

.betteru .text-primary{color: #9f0622;}
.betteru .text-secondary{color: #ec1b2e;}
.betteru .text-tertiary {color: #41748d;}
.betteru .bg-tertiary,
.betteru .button.active {background-color: #41748d;}

/* CMC */
.cmc .bg-primary{background-color: #632c50;}
.cmc .bg-secondary{background-color: #41748d;}
.cmc .bg-tertiary{background-color: #632c50;}

.cmc .button.bg-primary:hover {background-color: #471c38;}
.cmc .button.bg-secondary:hover {background-color: #2d596e;}
.cmc .button.bg-tertiary:hover,
.cmc .button.active:hover {background-color: #471c38;}

.cmc .text-primary{color: #632c50;}
.cmc .text-secondary{color: #41748d;}
.cmc .text-tertiary {color: #b33d26;}
.cmc .bg-tertiary,
.cmc .button.active {background-color: #b33d26;}

/* BEDFORD BULLDIGS */
.bedford-bulldogs .bg-primary{background-color: #AC0D0B;}
.bedford-bulldogs .bg-secondary{background-color: #EF2D34;}
.bedford-bulldogs .bg-tertiary{background-color: #AC0D0B;}

.bedford-bulldogs .button.bg-primary:hover {background-color: #AC0D0B;}
.bedford-bulldogs .button.bg-secondary:hover {background-color: #EF2D34;}
.bedford-bulldogs .button.bg-tertiary:hover,
.bedford-bulldogs .button.active:hover {background-color: #AC0D0B;}

.bedford-bulldogs .text-primary{color: #AC0D0B;}
.bedford-bulldogs .text-secondary{color: #ec1b2e;}
.bedford-bulldogs .text-tertiary {color: #A39B8C;}
.bedford-bulldogs .bg-tertiary,
.bedford-bulldogs .button.active {background-color: #A39B8C;}
.bedford-bulldogs .bg-tertiary:hover {background-color: #3C3139;}


/* LA Fitness */
/* dark blue, gray, gold */
.la-fit .bg-primary,
.la-fit .bg-blue {background-color: #131a64;} /*dark blue*/
.la-fit .bg-secondary,
.la-fit .bg-sky {background-color: #515151;} /*gray*/
.la-fit .bg-tertiary,
.la-fit .bg-orange,
.la-fit .button.active {background-color: #fdb813;} /*gold*/

.la-fit .button.bg-primary:hover,
.la-fit .button.bg-blue:hover {background-color: #000536;}
.la-fit .button.bg-secondary:hover,
.la-fit .button.bg-sky:hover {background-color: #3d3d3d;}
.la-fit .button.bg-tertiary:hover,
.la-fit .button.bg-orange:hover,
.la-fit .button.active:hover {background-color: #eca806;}

.la-fit .text-primary,
.la-fit .blue {color: #131a64;}
.la-fit .text-secondary,
.la-fit .sky {color: #4d4d4d;}
.la-fit .text-tertiary,
.la-fit .orange {color: #fdb813;}

/* underline when user hovers over a menu item in the main nav */
.la-fit .main-navigation li:hover > span a {
	box-shadow:inset 0 -2px 0 0 #fdb813;
}

/* CUSTOM DASHBOARD ICONS */
.la-fit .dashboard-icons li:hover,
.la-fit .dashboard-icons a:hover,
.la-fit .dashboard-icons li a:hover,
.la-fit .dashboard-icons li .selected {
	color:#fdb813;
}
.la-fit .dashboard-icons .fitness,
.la-fit .type-icon .fitness {
	background: url('../images/la-fit/dash-icon-fitness.png') no-repeat 50% 0; 
}
.la-fit .dashboard-icons .nutrition,
.la-fit .type-icon .nutrition {
	background: url('../images/la-fit/dash-icon-nutrition.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .stress,
.la-fit .type-icon .stress {
	background: url('../images/la-fit/dash-icon-stress.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .schedule {
	background: url('../images/la-fit/dash-icon-schedule.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .measurements {
	background: url('../images/la-fit/dash-icon-measurements.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .journal,
.la-fit .dashboard-icons .clients {
	background: url('../images/la-fit/dash-icon-journal.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .role,
.la-fit .dashboard-icons .coaches {
	background: url('../images/la-fit/dash-icon-role.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .facilities,
.la-fit .dashboard-icons .organizations {
	background: url('../images/la-fit/dash-icon-facilities.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .professionals,
.la-fit .dashboard-icons .coach-profile,
.la-fit .dashboard-icons .contacts {
	background: url('../images/la-fit/dash-icon-professionals.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .profile,
.la-fit .dashboard-icons .workspace,
.la-fit .dashboard-icons .tools {
	background: url('../images/la-fit/dash-icon-profile.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .risk {
	background: url('../images/la-fit/dash-icon-risk.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .tracking,
.la-fit .dashboard-icons .support {
	background: url('../images/la-fit/dash-icon-tracking.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .plans {
	background: url('../images/la-fit/dash-icon-plans.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .libraries,
.la-fit .dashboard-icons .groups {
	background: url('../images/la-fit/dash-icon-libraries.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .adime {
	background: url('../images/la-fit/dash-icon-adime.png') no-repeat 50% 0;
}
.la-fit .dashboard-icons .recommendations {
	background: url('../images/la-fit/dash-icon-recommendations.png') no-repeat 50% 0;
}


.ymca .bg-primary,
.ymca .bg-blue {background-color: #00AEEF;} /*light blue*/
.ymca .bg-secondary,
.ymca .bg-sky {background-color: #92278F;} /*purple*/
.ymca .bg-tertiary,
.ymca .bg-orange,
.ymca .button.active {background-color: #C6168D;} /*dark pink*/

.ymca .button.bg-primary:hover,
.ymca .button.bg-blue:hover {background-color: #0B6CD9;}
.ymca .button.bg-secondary:hover,
.ymca .button.bg-sky:hover {background-color: #5D239E;}
.ymca .button.bg-tertiary:hover,
.ymca .button.bg-orange:hover,
.ymca .button.active:hover {background-color: #C90DDE;}

.ymca .text-primary,
.ymca .blue {color: #00AEEF;}
.ymca .text-secondary,
.ymca .sky {color: #92278F;}
.ymca .text-tertiary,
.ymca .orange {color: #C6168D;}



/* FACILITY - Patchwork Wellness */
.facility-patchwork .bg-primary{background-color: #15345B;} 
.facility-patchwork .bg-secondary{background-color: #CD4E4C;} 
.facility-patchwork .bg-tertiary,
.facility-patchwork .button.active {background-color: #E7A591;}

.facility-patchwork .button.bg-primary:hover {background-color: #CD4E4C;}
.facility-patchwork .button.bg-secondary:hover {background-color: #15345B;}
.facility-patchwork .button.bg-tertiary:hover,
.facility-patchwork .button.active:hover {background-color: #15345B;}

.facility-patchwork .text-primary{color: #15345B;} 
.facility-patchwork .text-secondary{color: #CD4E4C;} 
.facility-patchwork .text-tertiary {color: #E7A591;}




/* FACILITY - Corfinity */
.corfinity .bg-primary{background-color: #202928;} 
.corfinity .bg-secondary{background-color: #17b0b3;} 
.corfinity .bg-tertiary,
.corfinity .button.active {background-color: #18cc7f;}

.corfinity .button.bg-primary:hover {background-color: #276961;}
.corfinity .button.bg-secondary:hover {background-color: #35e2e6;}
.corfinity .button.bg-tertiary:hover,
.corfinity .button.active:hover {background-color: #0af28e;}

.corfinity .text-primary{color: #202928;} 
.corfinity .text-secondary{color: #17b0b3;} 
.corfinity .text-tertiary {color: #18cc7f;}
.progress {
  padding: 4px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {
  position: relative;
  height: 16px;
  border-radius: 4px;
  -webkit-transition: 1.0s linear;
  -moz-transition: 1.0s linear;
  -o-transition: 1.0s linear;
  transition: 1.0s linear;
  -webkit-transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}
.progress-bar:before, .progress-bar:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.progress-bar:before {
  bottom: 0;
  background: url("../images/stripes.png") 0 0 repeat;
  border-radius: 4px 4px 0 0;
}
.progress-bar:after {
  z-index: 2;
  bottom: 45%;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
}

/*
 * Note: using adjacent or general sibling selectors combined with
 *       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
 *       See this article for more info and a potential fix:
 *       http://css-tricks.com/webkit-sibling-bug/
 */
#five:checked ~ .progress > .progress-bar {
  width: 5%;
  background-color: #f63a0f;
}

#twentyfive:checked ~ .progress > .progress-bar {
  width: 25%;
  background-color: #f27011;
}

#fifty:checked ~ .progress > .progress-bar {
  width: 50%;
  background-color: #f2b01e;
}

#seventyfive:checked ~ .progress > .progress-bar {
  width: 75%;
  background-color: #f2d31b;
}

#onehundred:checked ~ .progress > .progress-bar {
  width: 100%;
  background-color: #86e01e;
}

.progress-radio {
  display: none !important;
}

.progress-label {
  display: inline-block;
  margin: 0 5px 20px;
  padding: 3px 8px;
  color: #aaa;
  text-shadow: 0 1px black;
  border-radius: 3px;
  cursor: pointer;
  display:none;
}
.progress-radio:checked + .progress-label {
  color: white;
  background: rgba(0, 0, 0, 0.25);
}

/*!
 * Cropper v2.3.4
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2016 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2016-09-03T05:50:45.412Z
 */.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr!important}.cropper-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:100%;min-height:0!important;max-height:none!important;image-orientation:0deg!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff;filter:alpha(opacity=0)}.cropper-dashed,.cropper-modal{opacity:.5;filter:alpha(opacity=50)}.cropper-modal{background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:#39f solid 1px;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75;filter:alpha(opacity=75)}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:' ';background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1;filter:alpha(opacity=10)}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line,.cropper-point{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1;filter:alpha(opacity=100)}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:' ';opacity:0;background-color:#39f;filter:alpha(opacity=0)}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}}.cropper-invisible{opacity:0;filter:alpha(opacity=0)}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
/*
------------------------ =MOBILE ------------------------ */
@media screen and (max-width:767px) {
	.mobile-button-half {
		float: left;
		position: relative;
		width: 49%;
	}
	.mobile-button-half + .mobile-button-half {
		margin-left:2%;
	}
	.mobile-button-half.center-button {
		margin-left:25.5%;
	}
	.mobile-button-third {
		float: left;
		position: relative;
		width: 32%;
	}
	.mobile-button-third.double {
		width:66%;
	}
	.mobile-button-third + .mobile-button-third {
		margin-left:2%;
	}
	.mobile-button-whole {
		width:100%;
	}
	.mobile-np {
		padding:0 !important;
	}
	.mobile-nm {
		margin:0 !important;
	}
	.mobile-hide {
		display:none !important;
	}
	.mobile-button-trio {
		float:left;
		position:relative;
		width:40%;
	}
	.mobile-button-trio.button-cancel {
		width:16%;
	}
	.mobile-button-trio + .mobile-button-trio {
		margin-left:2%;
	}
	.mobile-closed {
		display:none;
	}
	.inline-textbox.mobile-full input {
		width:100%;
	}
}
@media screen and (max-width:639px) {
	.phablet-button-half {
		float: left;
		position: relative;
		width: 49%;
	}
	.phablet-button-half + .phablet-button-half {
		margin-left:2%;
	}
	.phablet-button-half.center-button {
		margin-left:25.5%;
	}
	.phablet-button-whole {
		width:100%;
	}
	.phablet-closed {
		display:none;
	}
}
@media screen and (max-width:479px) {
	.phone-button-whole {
		float:none;
		width:100%;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.phone-button-whole + .phone-button-whole {
		margin-top:.5rem;
	}
	.phone-button-half {
		float: left;
		position: relative;
		width: 49%;
	}
	.phone-button-half + .phone-button-half {
		margin-left:2%;
	}
	.phone-button-half.center-button {
		margin-left:25.5%;
	}
	.phone-closed {
		display:none;
	}
}
.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

/*
 Sample Facility Colors
.primary { #0b406b }
.secondary { #0ca7e9 }
.tertiary { #52b747 }
*/


/**
 * GLOBAL STYLING
 * styling that affects the entire site
 * these changes will not break any existing sections
 */

/* no need to add "class=clear" to every hr... */
hr {
	clear:both;
}
/* links to open a lightbox should always have a pointer cursor */
.js-open-lightbox {
	cursor:pointer;
}
/* warning about "this is a prescription plan" */
#divPrescriptionPlanMsg {
	padding:.75rem;
}
/* increase size of X and go-back links in popups */
@media screen and (max-width:860px) {
	.popupWrap .closer {
		font-size:1.5rem;
		padding-top:0;
		padding-bottom:0;
		right:0;
	}
}
/* standardize spacing around facility image slider */
@media screen and (max-width:767px) {
	.main {
		padding-top:.75rem;		
	}
}

/* shrink dashboard icons on mobile */
/* 2018-12-17 MOVED INTO PAGES.CSS to be used globally */
/*@media screen and (max-width:767px) {
	#js-dashboard-icons > li.column {
		width:16.666%;
		padding:0 .5rem;
	}
	#js-dashboard-icons > li > a > span {
		height:80px;
		background-size:80px;
		background-position:center top;
	}
	#js-dashboard-icons > li > a.selected > span {
		background-position:center bottom;
	}
	#js-dashboard-icons .noti_bubble {
		right:0;
		margin-right:0;
		border-radius:100%;
		font-size:10px;
		padding:0;
		height:22px;
		width:22px;
		line-height:22px;
		text-align:center;
	}
}
@media screen and (max-width:639px) {
	#js-dashboard-icons > li > a {
		font-size:.8rem;
	}
	#js-dashboard-icons > li > a > span {
		height:60px;
		background-size:60px;
	}
}*/
@media screen and (max-width:479px) {
	.fitness-section .accordion-link,
	.nutrition-section .accordion-link,
	.nutrition-section .accordion-link_Nutrition {
		height:0;
		width:0;
		overflow:hidden;
	}
	/* 2018-12-17 MOVED INTO PAGES.CSS to be used globally */
	/*#js-dashboard-icons > li > a > span {
		height:40px;
		background-size:40px;
	}
	#js-dashboard-icons > li.column {
		width:16.666%;
		padding:0 .25rem;
	}
	#js-dashboard-icons > li > a {
		font-size:0;
	}*/
}


/**
 * ~EVERYTHING BELOW IN THIS FILE
 * is preceded by .genui__
 * 
 * ~ .label.opened is not a .genui__ element because it is appended to the body when in use
 */

@media screen and (max-width:639px) {
	.genui__.accordion-content {
		padding-left:0;
		padding-right:0;
	}
}

/************
 Generic Changes
*************/
/* all buttons don't need a "button-square" class */
/* .genui__ .button {
	border-radius:0;
} */

/* fix alignment of cancel button's "X" */
.genui__ .button-cancel {
	line-height:0;
}

/* success/completed/positive elements */
.genui__ .success,
.genui__ .completed,
.genui__ .positive {
	color:#52b747;
}
.genui__ .bg-success,
.genui__ .bg-completed,
.genui__ .bg-positive {
	background-color:#52b747;
}

/* failed/incomplete/negative elements */
.genui__ .failed,
.genui__ .incomplete,
.genui__ .negative {
	color:#f42434;
}
.genui__ .bg-failed,
.genui__ .bg-incomplete,
.genui__ .bg-negative {
	background-color:#f42434;
}

/* align all icons to the middle */
.genui__ [data-icon]:before {
	vertical-align:middle;
}
.genui__ .incomplete-data[data-icon]:before {
	vertical-align:baseline;
}

/* align about-links to bottom of text */
.genui__ .about-link {
	vertical-align:text-bottom;
}

/* image sliders */
.genui__ .info-slider .slick-arrow {
	display:none;
}

/* sticky footer buttons for diary (prevents cancel button from dropping to new line when track button reads "Update Tracking") */
@media screen and (max-width:399px) {
	.genui__.accordion-content > .sticky-menu,
	.genui__.accordion-content > .diary > .sticky-menu {
		height:57px;
		padding:11px 4px;
	}
	.genui__.accordion-content > .sticky-menu .button,
	.genui__.accordion-content > .diary > .sticky-menu .button {
		font-size:100%;
		padding:0 .5rem;
	}
}
/************
 Diary Header & Footer Area
*************/
.genui__ .diary > .diary-header,
.genui__ .diary > .caloric-dashboard,
.genui__ .diary > .diary-accessories,
.genui__ .diary > .diary-section > .diary-actions,
.genui__ .diary > .diary-overview,
.genui__ .diary > .journal,
.genui__ .diary > .diary-tabs {
	margin-bottom:2rem;
}
.genui__ .diary-footer {
	margin-top:2rem;
	padding-left:.75rem;
	padding-right:.75rem;
}
.genui__ .diary > .diary-tabs .tab.active {
	margin-top:2rem;
}
@media screen and (max-width:639px) {
	/*.genui__ .diary > .diary-tabs,*/
	.genui__ .diary > .caloric-dashboard,
	.genui__ .diary > .diary-accessories,
	.genui__ .diary > .diary-section > .diary-actions,
	.genui__ .diary > .journal {
		margin-bottom:1.5rem;
	}
	.genui__ .diary > .diary-header {
		margin-bottom:1rem;

	}
	.genui__ .diary-footer,
	.genui__ .diary > .diary-tabs .tab.active {
		margin-top:1.5rem;
	}
}
/****
 Diary Header Elements
 Date, Print, Daily Routine Title
****/
.genui__ .diary-header {
	text-align:center;
}
.genui__ .diary-header .item {
	margin-bottom:.25rem;
}
.genui__ .diary-header .title {
	color:#515151;
	font-size:1rem;
	margin:1.5rem 0 0;
	display:inline-block;
}
.genui__ .diary-header .title .icon-save {
	display:inline-block;
	opacity:0;
	margin:0;
	margin-left:-25px;
	transform:translateX(28px);
	font-size:1.3rem;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.genui__ .diary-header .title:hover .icon-save {
	opacity:1;
}
@media screen and (max-width:639px) {
	.genui__ .diary-header .title {
		margin-top:.75rem;
	}
	.genui__ .diary-header .print-link {
		display:none;
	}
	.genui__ .diary-header .item {
		margin-bottom:0;
	}
}

/************
 Diary Tabs
*************/
.genui__ .tab {
	z-index:-1;
	overflow:hidden;
	height:0;
	opacity:0;
	padding-top:0;
	padding-bottom:0;
	border-color:transparent;
	transform:translateY(-50px);
}
.genui__ .tab.active {
	z-index:2;
	height:auto;
	opacity:1;
	padding:1.5rem 0;
	border:1px solid #dfe1e1;
	background-color:#fefefe;
	border-radius:6px;
	transform:translateY(0);
	-moz-transition: all .33s ease-out;
	-webkit-transition: all .33s ease-out;
	-o-transition: all .33s ease-out;
	transition: all .33s ease-out;
}
.genui__.popupWrap .tab.active,
.wrap--new-search .genui__ .tab.active {
	border:none;
	padding-bottom:0;
	border-radius:0;
}
.wrap--new-search .genui__ .tab-toggles {
	margin-top:0;
}
.wrap--new-search .genui__ .tab-toggles * {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.genui__ .tab-footer {
	text-align:center;
	overflow:hidden;
	margin:1rem 0 -1.5rem;
}
.genui__ .tab-footer .item {
	float:left;
	width:100%;
	color:#fff;
	padding:.75rem;
	text-transform:uppercase;
}
.genui__ .tab-footer .item:hover {
	box-shadow:inset 0 0 12px rgba(0,0,0,.25);
}
.genui__ .tab-toggles {
	width:100%;
	overflow:hidden;
	text-align:center;
	margin-top:-.75rem;
}
.genui__ .tab-toggles .item {
	display:inline-block;
	padding:.4rem .75rem;
	border:1px solid #dfe1e1;
	border-radius:6px;
	margin-left:.25rem;
	margin-right:.25rem;
	margin-top:.75rem;
	cursor:pointer;
}
.genui__ .tab-toggles .item.active,
.genui__ .tab-toggles .item:hover {
	color:#fff;
	background-color:#515151;
	border-color:#515151;
	z-index:3;
}
.genui__.accordion-content > .tabs .tab.active {
	background:transparent;
	border:none;
	padding-left:.5rem;
	padding-right:.5rem;
} 

@media screen and (min-width:768px) {
	.genui__ .tab-toggles .item.medium-hide {
		display:none;
	}
}
@media screen and (max-width:639px) {
	.genui__ .tab-toggles .item {
		font-size:.8rem;
		padding:.25rem .5rem;
		margin-left:.125rem;
		margin-right:.125rem;
	}
	.genui__ .tab.active {
		margin-left:.75rem;
		margin-right:.75rem;
	}
	.genui__.popupWrap .tab.active {
		margin-left:0;
		margin-right:0;
	}
}
@media screen and (max-width:479px) {
	.genui__ .tab-toggles .item .supp {
		display:none;
	}
}

/****
 Diary Actions
 links to Daily Routines, Create
****/
.genui__ .diary-actions {
	padding:0;
	margin-top:-1.5rem;
	margin-bottom:-1.5rem;
	overflow:hidden;
}
.genui__ .diary-actions .item {
	width:50%;
	float:left;
	padding:1.5rem .75rem;
	text-align:center;
	color:#fff;
}
@media screen and (max-width:479px) {
	.genui__ .diary-actions .item {
		padding:.75rem;
	}
	.genui__ .diary-actions .supp {
		display:none;
	}
}

/****
 Caloric Dashboard
****/
.genui__ .caloric-dashboard {
	padding:0;
	margin-top:-1.5rem;
	margin-bottom:-1.5rem;
}
.genui__ .caloric-dashboard-header {
	overflow:hidden;
	text-align:center;
	color:#fff;
	margin-bottom:1.5rem;
	padding:.75rem;
}
.genui__ .caloric-dashboard p {
	margin-bottom:0;
}
.genui__ .caloric-dashboard-footer {
	max-width:940px;
	margin:auto;
	margin-top:.75rem;
	padding:.75rem 1.5rem 1rem;
}
.genui__ .caloric-dashboard-footer .item {
	float:none;
	display:inline-block;
	vertical-align:middle;
	width:50%;
	font-size:.8rem;
}
.genui__ .caloric-dashboard-footer .item + .item {
	margin-left:-5px;
}
.genui__ .caloric-dashboard-footer .item.notes {
	width:100%;
	margin-left:0;
	margin-top:.75rem;
	font-style:italic;
	text-align:right;
}
.genui__ .caloric-dashboard-footer .track-manually {
	padding-right:.75rem;
}
.genui__ .caloric-dashboard-footer .track-manually a {
	background-color:#dfe1e1;
	padding:.5rem 1rem;
	border-radius:6px;
}
.genui__ .caloric-dashboard-footer .track-keys {
	padding-left:.75rem;
	text-align:right;
	float:right;
}
.genui__ .caloric-dashboard-footer .track-keys .track-key.not-tracked {
	margin-left:0;
}
@media screen and (max-width:639px) {
	.genui__ .caloric-dashboard-footer {
		padding-left:.75rem;
		padding-right:.75rem;
	}
}
@media screen and (max-width:499px) {
	.genui__ .caloric-dashboard-footer .item {
		display:block;
		width:100%;
		text-align:left;
		padding:0;
	}
	.genui__ .caloric-dashboard-footer .item + .item {
		margin-left:0;
		padding-left:0;
		margin-top:.75rem;
	}
	.genui__ .caloric-dashboard-footer .track-keys {
		padding-left:0;
	}
}

/****
 Track Calories Manually
****/
.genui__ .manual-calories {
	overflow:hidden;
	border:1px solid #dfe1e1;
	border-radius:6px;
}
.genui__ .manual-calories + .note,
.genui__.popupWrap .note {
	font-size:.8rem;
	padding-left:.75rem;
	padding-right:.75rem;
	margin:1.5rem auto;
}
.genui__ .manual-tracking {
	overflow:hidden;
}
.genui__ .manual-tracking .title {
	display:block;
	padding-top:.25rem;
}
.genui__ .manual-tracking .title .supp {
	display:block;
	font-size:.8rem;
	line-height:1;
	text-transform:lowercase;
}
.genui__ .manual-tracking .item-tracking {
	float:left;
	position:relative;
	padding:.75rem;
	text-align:center;
}
.genui__ .manual-tracking.items-three .item-tracking {
	width:33.33%;
}
.genui__ .manual-tracking.items-two .item-tracking {
	width:50%;
}
.genui__.small-popupWrap .manual-tracking.items-one .item-tracking {
	float:none;
	width:100%;
	max-width:160px;
	margin:0 auto .75rem;
	border:1px solid #dfe1e1;
	border-radius:6px;
}
.genui__ .manual-tracking .old {
	background-color:#dfe1e1;
}
.genui__ .manual-tracking .old:before {
	content:"";
	width: 0; 
	height: 0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 15px solid #dfe1e1;
	position:absolute;
	top:50%;
	right:-15px;
	margin-top:-18px;
}
@media screen and (max-width:639px) {
	.genui__ .manual-tracking.items-three .item-tracking {
		width:50%;
	}
	.genui__ .manual-tracking.items-three .item-tracking.new {
		width:100%;
	}
}
@media screen and (max-width:399px) {
	.genui__ .manual-tracking .old:before {
		border-top-width:14px;
		border-bottom-width:14px;
		border-left-width:12px;
		right:-12px;
		margin-top:-14px;
	}
}
@media screen and (max-width:349px) {
	.genui__ .manual-tracking.items-three .item-tracking {
		width:100%;
	}
}

/************
 Mode: Prescription Plan
*************/
.genui__ .diary.mode-manual-override .cal-value,
.genui__ .diary.mode-manual-override .compound-items .item-calories:after {
	opacity:.5;
}

/************
 Diary Sections
*************/
.genui__ .diary-section {
	overflow:hidden;
	clear:both;
	border:1px solid #dfe1e1;
	border-radius:6px;
	margin-bottom:2.5rem;
	/*background-color:#fefefe;*/
	/*box-shadow:0 0 12px rgba(15,15,15,.1);*/
}
.genui__ .diary-section.off,
.genui__ .diary-section-trigger.off {
	display:none !important;
}
.genui__ .diary-section:last-child,
.genui__ .diary-section.closed {
	margin-bottom:0;
}
.genui__ .diary-section.closed:not(:last-child) {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.genui__ .diary-section-trigger {
	text-align:center;
	border:1px solid #dfe1e1;
	border-radius:6px;
	background-color:#f4f3f1;
	/*box-shadow:0 0 12px rgba(15,15,15,.1);*/
}
.genui__ .diary-section.closed + .diary-section,
.genui__ .diary-section.closed:not(.off) + .diary-section-trigger,
.genui__ .diary-section.closed + .diary-section.off + .diary-section-trigger,
.genui__ .diary-section.closed + .diary-section-trigger.off + .diary-section-trigger {
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-top:none;
}
.genui__ .diary-section-trigger:hover {
	box-shadow:inset 0 0 12px rgba(0,0,0,.1);
}
.genui__ .diary-section-trigger a,
.genui__ .diary-section-trigger a:hover {
	font-weight:bold;
	text-transform:uppercase;
	color:#515151;
	display:block;
	padding:.75rem;
}
@media screen and (max-width:639px) {
	.genui__ .diary-section,
	.genui__ .diary-section-trigger {
		margin-left:.75rem;
		margin-right:.75rem;
		font-size:14px;
	}
	.genui__ .diary-section {
		margin-bottom:2rem;
	}
}
@media screen and (max-width:479px) {
	.genui__ .diary-section,
	.genui__ .diary-section-trigger {
		margin-left:.5rem;
		margin-right:.5rem;
	}
	.genui__ .diary-section-trigger a .supp {
		display:none;
	}
}


/****
 Diary Section Headers, Footers, Overviews & Lists
****/
.genui__ .diary-section-header,
.genui__ .diary-section-footer,
.genui__ .diary-list {
	position:relative;
	overflow:hidden;
	z-index:3;
	height:auto;
	opacity:1;
	-moz-transition: all .33s ease-out;
	-webkit-transition: all .33s ease-out;
	-o-transition: all .33s ease-out;
	transition: all .33s ease-out;
}
.genui__ .diary-section.closed .diary-list,
.genui__ .diary-section.closed .diary-section-footer {
	z-index:-1;
	height:0;
	opacity:0;
	padding-top:0;
	padding-bottom:0;
	border:none !important;
	pointer-events:none;
	transform:translateY(-150px);
}
/****
 Diary Section Headers
****/
.genui__ .diary-section-header {
	cursor:pointer;
	padding-top:1rem;
	padding-bottom:1rem;
	/*border-top-left-radius:6px;
	border-top-right-radius:6px;*/
	/*border:1px solid transparent;*/
	background-color:#f4f3f1;
}
.genui__ .diary-section-header:hover {
	box-shadow:inset 0 0 12px rgba(15,15,15,.1);
}
.genui__ .diary-section-header .header-name {
	display:inline-block;
	vertical-align:middle;
	width:90%;
	font-size:1.3rem;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:3.5rem;
	padding-right:.75rem;
	position:relative;
}
.genui__ .diary-section-header .header-name:before {
	content:"";
	position:absolute;
	top:8px;
	left:15px;
	width: 0; 
	height: 0; 
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #515151;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.genui__ .diary-section.closed .diary-section-header > .header-name:before {
	transform:rotate(-90deg);
}
.genui__ .diary-section-header .tracking-details {
	position: absolute;
	left:190px;
	top:0px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:underline;
	font-size:.8rem;
	text-transform:none;
	font-weight:normal;
}
.genui__ .diary.fitness .diary-section-header .tracking-details {
	left:220px;
}
.genui__ .diary-section-header .tracking-details:hover,
.genui__ .diary-section-header .tracking-details.completed {
	text-decoration:none;
}
.genui__ .diary-section-header .tracking-details.completed:hover:before {
	text-decoration:underline;
}
.genui__ .diary-section-header .tracking-details.completed:before {
	font-size: 1.6rem;
	text-decoration:none;
	padding-right:.5rem;
}
.genui__ .diary-section-header .manual-tracking {
	position: absolute;
	right:.75rem;
	top:0px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:underline;
	font-size:.8rem;
	text-transform:none;
	font-weight:normal;
}
.genui__ .diary-section-header .manual-tracking:hover {
	text-decoration:none;
}
.genui__ .diary-section-header .manual-tracking .icon-manual {
	margin-right:.5rem;
}
.genui__ .diary-section-header .header-calories {
	display:inline-block;
	vertical-align:middle;
	margin-left:-5px;
	width:10%;
	text-align:center;
	font-size:1.15rem;
	line-height:1.15;
	font-weight:bold;
}
.genui__ .diary-section-header .header-calories .label {
	display:block;
	font-size:.8rem;
	text-transform:uppercase;
}
@media screen and (max-width:767px) {
	.genui__ .diary-section-header .header-name {
		width:85%;
	}
	.genui__ .diary-section-header .header-calories {
		width:15%;
	}
}
@media screen and (max-width:639px) {
	.genui__ .diary-section:not(.closed) .diary-section-header {
		border-bottom:1px solid #dfe1e1;
	}
	.genui__ .diary-section-header .header-name {
		width:75%;
		padding-left:4.25rem;
		vertical-align:top;
	}
	.genui__ .diary-section-header .header-name:before {
		left:1.25rem;
	}
	.genui__ .diary-section-header .header-calories {
		width:25%;
		vertical-align:top;
		padding-top:.25rem;
	}
	.genui__ .diary-section-header .tracking-details,
	.genui__ .diary-section-header .manual-tracking {
		display:inline;
		position:static;
		left:auto;
		top:auto;
		margin-top:.25rem;
	}
	.genui__ .diary-section-header .manual-tracking {
		display:block;
		max-width:140px;
	}
	.genui__ .diary-section-header .header-calories {
		font-size:1.6rem;
	}
	.genui__ .diary-section-header .tracking-details:before {
		content:"\A";
		white-space:pre;
		font-size:0;
	}
	.genui__ .diary-section-header .tracking-details.completed:hover {
		text-decoration:underline;
	}
}
@media screen and (max-width:479px) {
	.genui__ .diary-section-header .header-name {
		width:75%;
		font-size:1.1rem;
		padding-left:3rem;
	}
	.genui__ .diary-section-header .header-calories {
		width:25%;
	}
	.genui__ .diary-section-header .header-name:before {
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-top: 12px solid #515151;
		left:.75rem;
	}
}
@media screen and (max-width:349px) {
	.genui__ .diary-section-header .header-name {
		width:72.5%;
	}
	.genui__ .diary-section-header .header-calories {
		width:27.5%;
	}
	.genui__ .diary-section-header .tracking-details {
		font-size:.8rem;
	}
}
/****
 Diary Section Footers
****/
.genui__ .diary-section-footer .item {
	float:left;
	width:auto;
	position:relative;
	padding:.75rem;
	text-align:center;
	color:#fff;
	font-size:.8rem;
	text-transform:uppercase;
}
.genui__ .diary-section-footer .item:not([class*="bg-"]) {
	background-color:#aaa;
}
.genui__ .diary-section-footer.items-two .item {
	width:50%;
}
.genui__ .diary-section-footer.items-three .item {
	width:33.33%;
}
.genui__ .diary-section-footer.items-four .item {
	width:25%;
}
.genui__ .diary-section-footer.items-four.with-scanner .item {
	width:30%;
}
.genui__ .diary-section-footer.items-four.with-scanner .item.scan {
	width:10%;
	padding:.45rem 0;
}
.genui__ .diary-section-footer.items-four.with-scanner .item.scan img {
	max-height:1.8rem;
}
.genui__ .diary-section-footer.items-four.with-scanner .item.scan span.supp {
	display:none;
}
.genui__ .diary-section-footer .item a {
	display:block;
	color:#fff;
}
.genui__ .diary-section-footer .item:hover {
	box-shadow:inset 0 0 12px rgba(0,0,0,.25);
}
.genui__ .diary-section-footer .item a:before,
.genui__ .diary-section-footer .item div:before {
	padding-right:.375rem;
}
@media screen and (max-width:639px) {
	.genui__ .diary-section-footer > .item span.supp {
		display:none;
	}
	.genui__ .diary-section-footer .item {
		padding:.75rem .25rem;
	}
	.genui__ .diary-section-footer.items-four.with-scanner .item:not(.sort) {
		width:25%;
	}
	.genui__ .diary-section-footer.items-four.with-scanner .item.scan {
		width:20%;
	}
}

/****
 Diary Section Overviews
****/
.genui__ .diary-overview {
	border: 1px solid #dfe1e1;
	border-radius: 6px;
	padding:.75rem;
}
.genui__ .diary-overview p {
	margin-bottom:0;
}
.genui__ .diary-overview .title {
	display: inline-block;
	vertical-align: middle;
	width:50%;
	font-size: 1.3rem;
	font-weight: bold;
	text-transform: uppercase;
	/*padding:.75rem .75rem .75rem 2.75rem;*/
	padding:.75rem;
	text-align:center;
	margin:0;
	color:#515151;
}
.genui__ .diary-overview .title .icon-save {
	display:inline-block;
	position:absolute;
	left:50%;
	margin-left:-35px;
	top:-45px;
	opacity:0;
	box-shadow:0 0 6px rgba(0,0,0,.25);
	/*margin-left:-25px;
	transform:translateX(28px);*/
	font-size:1.3rem;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	pointer-events:none;
	text-align:center;
	background:#111;
	border-radius:.25rem;
	color:#fff;
	padding:.75rem 1.5rem;
}
.genui__ .diary-overview .title .icon-save:after {
	border-top:12px solid #111;
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	content:'';
	margin-left:-12px;
	position:absolute;
	bottom:-9px;
	left:50%;
	width:0;
	height:0;
}
.genui__ .diary-overview .title:after {
	content:"click to save to library";
	font-size:.75rem;
	font-weight:100;
	display:block;
	text-transform:none;
	margin-top:.25rem;
}
.genui__ .diary.fitness .diary-overview .title:after {
	content:"click to save daily routine to library";
}
.genui__ .diary .diary-overview .title:after {
	content:"click to save daily menu to library";
}
.genui__ .diary-overview .title:hover .icon-save {
	opacity:1;
}
.genui__ .diary-overview .calories {
	width:50%;
	display:inline-block;
	vertical-align:middle;
	margin-left:-5px;
	text-align:center;
	margin-bottom:-0.25rem;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}
.genui__ .diary-overview .calories.off {
	display:none;
}
.genui__ .diary-overview .calories .label {
	font-size:.8rem;
	text-transform:uppercase;
	font-weight:bold;
}
.genui__ .diary-overview .calories > .label {
	padding:0 .75rem;
}
.genui__ .diary-overview .calories .item {
	width:40%;
	display:inline-block;
	vertical-align:middle;
	padding:.25rem;
}
/*.genui__ .diary-overview .calories.items-two .item {
	width:50%;
}*/
.genui__ .diary-overview .calories .item + .item {
	margin-left:-5px;
}
.genui__ .diary-overview .calories .off {
	display:none;
}
.genui__ .diary-overview .calories .item .value {
	font-size:1.3rem;
}
.genui__ .diary-overview .calories .item a {
	line-height:1.95rem;
}
.genui__ .diary-overview .calories .note {
	font-size:.8rem;
	color:#515151;
	font-style:italic;
	padding-top:.25rem;
}
.genui__ .diary-overview .calories .note .icon-manual {
	width:1rem;
}
@media screen and (max-width:767px) {
	.genui__ .diary-overview .title {
		width:55%;
	}
	.genui__ .diary-overview .calories {
		width:45%;
	}
	.genui__ .diary-overview .calories .item {
		width:50%;
	}
}
@media screen and (max-width:639px) {
	.genui__ .diary-overview {
		margin-left:.75rem;
		margin-right:.75rem;
	}
	.genui__ .diary-overview .title,
	.genui__ .diary-overview .calories {
		width:100%;
		display:block;
	}
	.genui__ .diary-overview .calories {
		width:60%;
		margin:auto;
	}
	.genui__ .diary-overview .title {
		text-align:center;
		padding-left:.75rem;
		padding-right:.75rem;
	}
}
@media screen and (max-width:479px) {
	.genui__ .diary-overview {
		margin-left:.5rem;
		margin-right:.5rem;
	}
	.genui__ .diary-overview .calories {
		width:100%;
	}
}

/****
 Diary Lists
****/
.genui__ .diary-list,
.genui__ .diary-list.sortable {
	padding:0;
	margin-bottom:0;
	background-color:#fefefe;
}
.genui__ .diary-list:not(.compound-items) {
	/*box-shadow:0 0 12px rgba(15,15,15,.1);*/
	/*border:1px solid #dfe1e1;
	border-bottom:none;*/
	/*border-top-left-radius:6px;
	border-top-right-radius:6px;*/
}
.genui__ .diary-list li,
.genui__ .diary-list li:last-child {
	padding:.75rem 0;
	margin-bottom:0;
	overflow:hidden;
	border:none;
}
.genui__ .diary-list .diary-list-header {
	font-size:.8rem;
	background-color:#515151;
	color:#fff;
	border-bottom:none;
}
.genui__ .diary-list > .item:not(.myzone-workout):not(.manual-header) {
	border-bottom:1px solid #dfe1e1;
}
.genui__ .diary-list > .item:last-child {
	border-bottom:none !important;
}
.genui__ .diary-list .item [class^="item-"],
.genui__ .diary-list .compound-header [class^="item-"],
.genui__ .diary-list .diary-list-header [class^="item-"] {
	padding-left:.75rem;
	padding-right:.75rem;
	float:left;
}
.genui__ .diary-list .item .item-actions {
	position:absolute;
	top:0;
	left:0;
	width:3.5rem;
	text-align:center;
}
.genui__ .diary-list .item .item-actions .editor {
	font-size:1.5rem;
	line-height:1;
	cursor:pointer;
}
.genui__ .diary-list .item .item-name,
.genui__ .diary-list .diary-list-header .item-name {
	position:relative;
	width:50%;
	padding-left:3.5rem;
	font-weight:bold;
}
.genui__ .diary-list .item.empty .item-name,
.genui__ .diary-list .diary-list-header .item-name,
.genui__ .diary-list .item.manual-item .item-name,
.genui__ .diary-list .item.myzone-item .item-name {
	font-weight:normal;
}
.genui__ .diary-list .item.empty .item-name {
	width:100% !important;
}
.genui__ .diary-list .item .item-name .item-actions {
	font-weight:bold;
}
.genui__ .diary-list .item .item-summary {
	width:40%;
	font-weight:normal;
}
.genui__ .diary-list .item .item-tracking,
.genui__ .diary-list .diary-list-header .item-tracking {
	width:25%;
	font-weight:normal;
	text-align:center;
}
.genui__ .diary-list .item .item-serving,
.genui__ .diary-list .diary-list-header .item-serving {
	width:17.5%; /* 7.5% is unaccounted for to provide proper visual spacing */
	font-weight:normal;
	text-align:center;
}
.genui__ .diary-list .item .item-calories,
.genui__ .diary-list .diary-list-header .item-calories {
	width:10%;
	float:right !important;
	text-align:center;
}
/* TODO: confirm this is not needed with new myzone/manual setup */
/*.genui__ .diary.with-myzone-sync.override .item:not(.myzone-workout) .item-calories,
.genui__ .diary.with-manual-calories .item .item-calories {
	color:#959595;
	font-style:italic;
}*/
.genui__ .toggle-details {
	cursor:pointer;
}
.genui__ .toggle-details .icon {
	line-height:1;
}
.genui__ .diary-list > .item a,
.genui__ .diary-list > .item a:hover {
	color:#515151;
}
.genui__ .diary-actions > [data-icon]:before {
	/*font-size:1.5rem;*/
	vertical-align:middle;
}
.genui__ .diary-list .item-name span.icon {
	vertical-align:text-bottom;
	margin-left:.25rem;
	padding:0 .25rem;
	font-size:1.2rem;
	line-height:0;
}
.genui__ .diary-list .item-name span.icon:hover {
	color:#515151;
}

/****
 Diary Lists: Mini Version
****/
.genui__ .diary.mini {
	/*margin-top:.5rem;*/
	margin-bottom:1.5rem;
	border:1px solid #dfe1e1;
	border-radius:4px;
}
.genui__ .diary.mini .item {
	padding:.25rem 0;
}
.genui__ .diary.mini .item + .item {
	border-top:1px solid #dfe1e1;
}
.genui__ .diary.mini .diary-item-name a,
.genui__ .diary.mini .diary-item-name a:hover {
	color:#515151;
}

/****
 Diary Lists: Sorting
****/
.genui__ .diary-list.sortable.subSort li {
	margin-bottom:0;
}
.genui__ .diary-list .item.sortable-ghost {
	max-height:300px;
}
.genui__ .diary-list .item.sortable-ghost:before,
.genui__ .diary-list .item.sortable-ghost.compound .compound-items {
	display:none !important;
}
.genui__ .diary-section-footer .item.sort > div {
	cursor:pointer;
}
.genui__ .diary-list > .item .dragger,
.genui__ .deactivate-sorting {
	display:none;
}
.genui__ .diary-sorting .dragger.disabled {
	color:transparent !important;
}
.genui__ .compound-blocker {
	background:#fefefe;
	opacity:.75;
	z-index:4;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
@media screen and (max-width:639px) {
	.genui__ .diary-list > .item .dragger {
		line-height:2;
		padding:1rem;
	}
}
/*.genui__ .diary-list.manual-list .dragger {
	display:none !important;
}*/
.genui__ .diary-section.sorting-on > .diary-list {
	box-shadow:0 0 12px rgba(15,15,15,.2);
}
.genui__ .diary-section.sorting-on > .diary-list + .diary-list {
	margin-top:1.5rem;
}
.genui__ .diary-list.manual-list .manual-header .dragger {
	display:none !important;
}

/****
 Diary Lists: Fitness
****/

/****
 Diary Lists: Nutrition
****/
@media screen and (min-width:640px) {
	.genui__ .diary-list.nutrition .item .item-name,
	.genui__ .diary-list.nutrition .diary-list-header .item-name {
		width:40%;
	}
}


/****
 Diary List Item: Compound
****/
.genui__ .diary-list .toggle-compound-items {
	text-decoration:underline;
	cursor:pointer;
}
.genui__ .diary-list .toggle-compound-items:hover {
	text-decoration:none;
}

/****
 Diary List Item: Manual Workout
****/
.genui__ .diary-list > .manual-header a,
.genui__ .diary-list > .manual-header a:hover,
.genui__ .diary-list > .manual-header .dragger {
	color:#fff;
}
.genui__ .manual-header {
	color:#fff;
}
.genui__ .diary-list .item .icon-manual,
.genui__ .icon-manual {
	width:1.5rem;
	border-radius:100%;
	padding:3px;
}
.genui__ .diary-list .item .icon-manual:not(.bg-primary),
.genui__ .icon-manual:not(.bg-primary) {
	background-color:#848484;
}

/****
 Diary List Item: Myzone Workout
****/
.genui__ .diary-list > .myzone-workout a,
.genui__ .diary-list > .myzone-workout a:hover,
.genui__ .diary-list > .myzone-workout .dragger {
	color:#fff;
}
.genui__ .diary .icon-myzone {
	width:1.5rem;
}
/*.genui__ .myzone-workout .icon-myzone {
	border-radius:100%;
	border:2px solid #fff;
	box-sizing:initial;
}*/
.genui__ .myzone-workout {
	background-color:#f03f2f;
	color:#fff;
}

@media screen and (max-width:639px) {
	.genui__ .diary-list .item .icon-manual {
		width:1.5rem;
		padding:4px;
	}
	.genui__ .diary .icon-myzone {
		width:1.5rem;
	}
}


@media screen and (max-width:767px) {
	.genui__ .diary-list .diary-list-header .item-name,
	.genui__ .diary-list .item > div.item-name,
	.genui__ .diary-list .item.compound .compound-header > div.item-name,
	.genui__ .diary-list .item.compound .manual-header > div.item-name {
		width:40%;
	}
	.genui__ .diary-list .item .item-summary {
		width:45%;
	}
	.genui__ .diary-list .item .item-calories,
	.genui__ .diary-list .diary-list-header .item-calories {
		width:15%;
	}
	.genui__ .diary-list .diary-list-header .item-tracking,
	.genui__ .diary-list .item .item-tracking {
		width:27.5%;
		padding:0;
	}
}
@media screen and (max-width:639px) {
	.genui__ .diary-list li,
	.genui__ .diary-list li:last-child,
	.genui__ .diary-list .item.compound .compound-header {
		padding:1rem 0;
	}
	.genui__ .diary-list .diary-list-header {
		display:none;
	}
	.genui__ .diary-list .item .item-name,
	.genui__ .diary-list .item.compound .compound-header .item-name {
		padding-left:4.25rem;
		font-size:1rem;
		line-height:1.25;
	}
	.genui__ .diary-list .item > div.item-name,
	.genui__ .diary-list .item.compound .compound-header > div.item-name {
		width:80%;
	}
	.genui__ .diary-list .item .item-actions {
		width:4.25rem;
		top:-7px;
	}
	.genui__ .diary-list .item div.item-summary,
	.genui__ .diary-list .item.compound .compound-header div.item-summary {
		display:inline-block;
		width:auto;
		clear:left;
		margin-top:.33rem;
		margin-left:4.25rem;
		padding:0;
	}
	.genui__ .diary-list .item div.item-serving,
	.genui__ .diary-list .item.compound .compound-header div.item-serving {
		width:100%;
		padding-left:4.25rem;
		text-align:left;
		margin-top:.33rem;
	}
	.genui__ .item-tracking input,
	.genui__ .item-tracking .label,
	.genui__ .item-tracking .value-selector {
		vertical-align:middle;
	}
	.genui__ .toggle-details .icon {
		font-size:1.15rem;
		padding-left:.25rem;
	}
	.genui__ .diary-list .item .item-actions .editor {
		font-size:2.25rem;
	}
	.genui__ .diary-list .item .item-calories {
		width:20%;
		font-size:1rem;
	}

}
@media screen and (max-width:479px) {
	.genui__ .diary-list .item .item-name,
	.genui__ .diary-list .item div.item-tracking,
	.genui__ .diary-list .item.compound .compound-header div.item-tracking,
	.genui__ .diary-list .item div.item-serving,
	.genui__ .diary-list .item.compound .compound-header div.item-serving {
		padding-left:3.5rem;
	}
	.genui__ .diary-list .item div.item-summary,
	.genui__ .diary-list .item.compound .compound-header div.item-summary {
		margin-left:3.5rem;
	}
	.genui__ .diary-list .item .item-actions {
		width:3.5rem;
		top:-6px;
	}
	.genui__ .diary-list .item .item-actions .editor {
		font-size:2rem;
	}
	.genui__ .diary-list .item > div.item-name,
	.genui__ .diary-list .item.compound .compound-header > div.item-name {
		width:75%;
	}
	.genui__ .diary-list .item .item-calories {
		width:25%;
	}
}


/****
 Tracking Fields
****/
.genui__ .item-tracking input,
.genui__ .item-tracking .label,
.genui__ .item-tracking .value-selector {
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
}
.genui__ .item-tracking input,
.genui__ .item-details .field input {
	background:transparent;
	max-width:80px;
	height:2rem;
	text-align:center;
	font-size:1.3rem;
	line-height:1.5rem;
	padding:0 .25rem;
	margin:auto;
	outline:none;
	border:1px solid transparent;
	border-bottom-color:#515151;
}
.genui__ .item-tracking input {
	max-width:3.5rem;
	font-size:1rem;
	height:1.5rem;
}
.genui__ .item-tracking .value-displayed {
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
	line-height:1.5rem;
	padding:0 .25rem;
	margin:auto;
	outline:none;
	border:1px solid transparent;
	border-bottom-color:#515151;
	width:100%;
	max-width:3.5rem;
	font-size:1rem;
	height:1.5rem;
}
.item-tracking.oldstyle .value-displayed,
.item-tracking.oldstyle.active input {
	display: inline-block;
	border: 1px solid #dfe1e1;
	font-size: 90%;
	height: 2em;
	line-height: 1.5em;
	padding: .25rem .5rem;
	width:50%;
	margin-right:-4px;
	vertical-align:middle;
}
.item-tracking.oldstyle.active .value-displayed,
.item-tracking.oldstyle:not(.active) input {
	display:none;
}
.item-tracking.oldstyle .wrap--uom-fraction {
	position:relative;
	display:inline-block;
	width:50%;
	margin-right:-4px;
	padding-left:1rem;
	vertical-align:middle;
}
.item-tracking.oldstyle .wrap--uom-fraction .uom-fraction {
	position:relative;
	top:auto;
	left:auto;
	margin:0;
}
/* NOTE: hide the input field and display friendly numbers/fractions instead */
.genui__ .item-tracking:not(.active) input {
	display:none;
}
.genui__.popupWrap .manual-tracking .item-tracking input {
	display:block;
}
.genui__ .item-tracking.active .value-displayed {
	display:none;
}
.genui__ .manual-tracking .item-tracking input {
	font-size:1.6rem;
	max-width:4.5rem;
	height:auto;
}
.genui__ .item-tracking input:focus {
	max-width:5.75rem;
	height:auto;
}
.genui__ .item-tracking input:focus + .label {
	display:none;
}
.genui__ .item-tracking .label {
	border-bottom:1px solid #515151;
	height:1.5rem;
	line-height:1.5rem;
	min-width:2.75rem;
}
.genui__ .item-tracking input[readonly]:not[rel="tooltip"],
.genui__ .item-details .field input[readonly]:not[rel="tooltip"] {
	pointer-events:none;
}
.genui__ .item-tracking input:focus,
.genui__ .item-details .field input:focus,
.genui__ .item-calories.untracked input:focus {
	border:1px solid #515151;
}

/****
 Portion Selector
****/
.genui__ .item-tracking .label {
	padding-right:.25rem;
	display:inline-block;
	margin-left:-5px;
}
.genui__ .item-tracking .label input[type="radio"],
.genui__ .item-tracking .label:not(.opened) label {
	display:none;
}
.genui__ .item-tracking .label input[type="radio"]:checked + label {
	display:inline;
}
.genui__ .item.awaiting-label .item-tracking input {
	padding-right:3rem;
	max-width:5.5rem;
}
.genui__ .item-tracking > .value-selector {
	cursor:pointer;
	width:1.5rem;
	height:1.5rem;
	line-height:1.5rem;
	font-size:1.25rem;
	font-weight:bold;
	border-radius:100%;
}
.genui__ .item-tracking > .value-selector:hover {
	box-shadow:inset 0 0 4px rgba(0,0,0,.25);
}
@media screen and (max-width:639px) {
	.genui__ .diary-list .item-tracking > .value-selector {
		width:1.5rem;
		height:1.5rem;
		line-height:1.5rem;
		font-size:1.25rem;
		font-weight:bold;
		border-radius:100%;
		color:#fff;
		background-color:#515151;

	}
	.genui__ .diary-list .item-tracking > .value-selector:hover {
		box-shadow:inset 0 0 6px rgba(0,0,0,.15);
		/*box-shadow:none;*/
	}
	.genui__ .diary-list .item-tracking input {
		margin-left:.25rem;
	}
	.genui__ .diary-list .item-tracking input + .label {
		margin-right:.25rem;
	}


}


/* placeholder text color */
.genui__ .item-details input::-webkit-input-placeholder { color:#dadada; }
.genui__ .item-details input::-moz-placeholder { color:#dadada; }
.genui__ .item-details input:-ms-input-placeholder { color:#dadada; }
.genui__ .item-details input:-moz-placeholder { color:#dadada; }
.genui__ .compound-items .item-details input::-webkit-input-placeholder { color:#bcbcbc; }
.genui__ .compound-items .item-details input::-moz-placeholder { color:#bcbcbc; }
.genui__ .compound-items .item-details input:-ms-input-placeholder { color:#bcbcbc; }
.genui__ .compound-items .item-details input:-moz-placeholder { color:#bcbcbc; }
.genui__ .item-tracking input::-webkit-input-placeholder { color:#dadada; }
.genui__ .item-tracking input::-moz-placeholder { color:#dadada; }
.genui__ .item-tracking input:-ms-input-placeholder { color:#dadada; }
.genui__ .item-tracking input:-moz-placeholder { color:#dadada; }
.genui__ .item-calories.untracked input::-webkit-input-placeholder { color:#dadada; }
.genui__ .item-calories.untracked input::-moz-placeholder { color:#dadada; }
.genui__ .item-calories.untracked input:-ms-input-placeholder { color:#dadada; }
.genui__ .item-calories.untracked input:-moz-placeholder { color:#dadada; }
/* hide placeholder on focus */
.genui__ input:focus::-webkit-input-placeholder { color:transparent !important; }
.genui__ input:focus::-moz-placeholder { color:transparent !important; }
.genui__ input:focus:-ms-input-placeholder { color:transparent !important; }
.genui__ input:focus:-moz-placeholder { color:transparent !important; }

/****
 ~ Portion Selector Labels
	these are appended to the <body> so they are not .genui__ elements
****/
.label.opened {
	position:absolute;
	border:1px solid #515151;
	background-color:#f4f3f1;
	box-shadow:0 0 6px rgba(0,0,0,.25);
	z-index:3;
}
.label.opened input[type="radio"] {
	display:none;
}
.label.opened label {
	display:block;
	padding:.25rem .75rem;
}
.label.opened label + input[type="radio"] + label {
	border-top:1px solid #515151;
}
.label.opened label:hover,
.label.opened input[type="radio"]:checked + label {
	background-color:#515151;
	color:#fff;
}
@media screen and (max-width:639px) {
	.label.opened {
		position:fixed;
		top:25% !important;
		left:25% !important;
		width:50%;
		box-shadow:0 0 16px rgba(0,0,0,.25);
	}
	.label.opened label {
		padding:.75rem .75rem;
	}
}



/****
 Item Details
****/
.genui__ .item-details {
	width:100%;
	clear:both;
	padding:0;
	text-align:center;
	overflow:hidden;
}
.genui__ .item-details .field {
	float:left;
	width:25%;
	padding:.25rem .75rem;
}
.genui__ .item-details .field label {
	display:block;
	font-size:.8rem;
	line-height:1.25;
	padding-top:.25rem;
}
.genui__ .item-details .field.optional label {
	font-style:italic;
}
/****
 Diary Lists: Item Details
****/
.genui__ .diary-list .item .item-details {
	max-height:0;
	opacity:0;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.genui__ .diary-list .item.opened > .item-details,
.genui__ .diary-list .item.compound.opened .compound-items > .item-details {
	max-height:300px;
	opacity:1;
	padding:.75rem;
	overflow:auto;
}
.genui__ .diary-list .item.compound > .auto-save {
	padding:.25rem .75rem 1rem;
	text-align:center;
}
.genui__ .diary-list .item.compound > .auto-save:empty {
	display:none;
}
.genui__ .diary-list .item .item-details .field label {
	white-space:unset;
}
.genui__ .caloric-dashboard .item-details .field {
	width:20%;
}
.genui__ .item-details.cardio .field,
.genui__ .item-details.flexibility .field,
.genui__ .item-details.custom .field {
	width:14%;/* 7 items */
}
/****
 Diary Lists: Item Details: Strength Exercises
****/
.genui__ .item-details.strength .set {
	float:left;
	width:33.33%;
	position:relative;
	padding-left:3rem;
}
.genui__ .item-details.strength .set:before,
.genui__ .item-details.strength .set:after {
	position:absolute;
	left:0;
	width:3rem;
	line-height:1.5rem;
	font-weight:bold;
	background:#515151;
	color:#fff;
}
.genui__ .item-details.strength .set:before {
	content:"set";
	font-size:.8rem;
	line-height:1.5rem;
	height:1.5rem;
	top:0rem;
}
.genui__ .item-details.strength .set:after {
	top:1.5rem;
	font-size:1.3rem;
	height:2rem;
}
.genui__ .item-details.strength .set:nth-child(1):after {
	content:"1";
}
.genui__ .item-details.strength .set:nth-child(2):after {
	content:"2";
}
.genui__ .item-details.strength .set:nth-child(3):after {
	content:"3";
}
.genui__ .item-details.strength .set .field {
	width:33.33%;
	padding-left:.5rem;
	padding-right:.5rem;
}
/****
 Diary Lists: Item Details: Compound Instructions
****/
.genui__ .compound-instructions.item-details .field {
	width:150px;
	min-height:66px;
	padding-left:0;
	padding-right:1.5rem;
}
.genui__ .compound-instructions.item-details .field label {
	background-color:#515151;
	color:#fff;
	padding:3px 6px;
	border-radius:4px;
	margin-top:.25rem;
	display:inline-block;
}
.genui__ .compound-instructions.item-details .field label.off {
	background-color:transparent;
	color:#515151;
}
.genui__ .compound-instructions.item-details .field label.off:hover {
	cursor:pointer;
	box-shadow:inset 0 0 4px rgba(0,0,0,.25);
}
.genui__ .compound-instructions.item-details .field select {
	max-width:135px;
	height:2rem;
	margin:auto;
	text-align:center;
	font-size:1.3rem;
	line-height:1.5rem;
	padding:0 .25rem;
	background-color:transparent;
	outline:none;
	border:1px solid transparent;
	border-bottom-color:#515151;
	color:#515151;
}
.genui__ .compound-instructions.item-details .field select:focus {
	border-color:#515151;
}
.genui__ .compound-instructions.item-details .field select option {
	font-size:1rem;
}

@media screen and (max-width:767px) {
	.genui__ .item-details .field input {
		font-size:1.1rem;
		padding:.15rem;
	}
	.genui__ .item-details.strength .set {
		padding-left:1.75rem;
	}
	.genui__ .item-details.strength .set:before,
	.genui__ .item-details.strength .set:after {
		width:1.75rem;
	}
	.genui__ .item-details.strength .set:after {
		height:1.75rem;
	}
}
@media screen and (max-width:639px) {
	.genui__ .item-details.cardio {
		text-align:left;
	}
	.genui__ .item-details.cardio .field,
	.genui__ .item-details.flexibility .field,
	.genui__ .item-details.custom .field {
		width:25%;
		float:left;
		text-align:center;
	}
	.genui__ .item-details.cardio .field:nth-child(4n+1) {
		clear:both;
	}
	.genui__ .item-details .field + .field {
		margin-left:0;
	}
	.genui__ .caloric-dashboard .item-details .field {
		width:33.33%;
	}
	.genui__ .caloric-dashboard .item-details .field:nth-child(3n+1) {
		clear:both;
	}
	.genui__ .caloric-dashboard-header .track-keys {
		display:block;
		float:none;
		clear:both;
		margin-left:-8px;
	}

	.genui__ .compound-instructions.item-details .field {
		width:50%;
	}
	.genui__ .compound-instructions.item-details .field + p {
		clear:both;
		padding-top:.75rem;
	}


}
@media screen and (max-width:639px) and (min-width:480px) {
	.genui__ .item-details.strength .set {
		padding-left:0;
		padding-top:1.5rem;
	}
	.genui__ .item-details.strength .set:before {
		display:none;
	}
	.genui__ .item-details.strength .set:after {
		top:0;
		left:10%;
		font-size:1rem;
		height:1.5rem;
		width:80%;
		line-height:1.5rem;
		text-align:center;
	}
	.genui__ .item-details.strength .set:nth-child(1):after {
		content:"set 1";
	}
	.genui__ .item-details.strength .set:nth-child(2):after {
		content:"set 2";
	}
	.genui__ .item-details.strength .set:nth-child(3):after {
		content:"set 3";
	}
	.genui__ .item-details.strength .set .field {
		padding-left:.25rem;
		padding-right:.25rem;
	}
}
@media screen and (max-width:479px) {
	.genui__ .item-details.strength .set,
	.genui__ .item-details.strength .set + .set {
		display:block;
		width:100%;
		margin-left:0;
		padding-left:2.5rem;
	}
	.genui__ .item-details.strength .set:before,
	.genui__ .item-details.strength .set:after {
		width:2.5rem;
	}
}
@media screen and (max-width:399px) {
	.genui__ .item-details.cardio .field,
	.genui__ .item-details.flexibility .field,
	.genui__ .item-details.custom .field {
		width:33.33%;
	}
	.genui__ .item-details.cardio .field:nth-child(4n+1) {
		clear:none;
	}
	.genui__ .item-details.cardio .field:nth-child(3n+1) {
		clear:left;
	}
}

/****
 Diary Lists: Compounds
****/
.genui__ .diary-list .item.compound {
	border-bottom:none;
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.genui__ .diary-list .item.compound .compound-header {
	background-color:#dfe1e1;
	overflow:hidden;
	padding-top:.75rem;
	padding-bottom:.75rem;
}
.genui__ .diary-list .item.compound.opened .compound-header {
	background:#515151;
	color:#fff;
}
.genui__ .diary-list .item.compound.opened .compound-header .item-name .js-open-lightbox,
.genui__ .diary-list .item.compound.opened .compound-header .item-name .editor,
.genui__ .diary-list .item.compound.opened .compound-header .item-name .dragger,
.genui__ .diary-list .item.compound.opened .compound-header .item-tracking input,
.genui__ .diary-list .item.compound.opened .compound-header .item-tracking .label {
	color:#fff;
}
.genui__ .diary-list .item.compound.opened .compound-header .item-tracking input,
.genui__ .diary-list .item.compound.opened .compound-header .item-tracking .label,
.genui__ .diary-list .item.compound.opened .compound-header .item-tracking .value-displayed {
	border-bottom-color:#fff;
}
.genui__ .diary-list .item.compound:not(.opened) + .item.compound:not(.opened) {
	border-top:1px solid #f4f3f1;
}
/*.genui__ .diary-list .item.compound .compound-items {
	border-color:transparent;
}*/
.genui__ .diary-list .item.compound.opened .compound-items {
	clear:both;
	border:6px solid #515151;
	border-bottom-width:12px;
	border-top:none;
}

.genui__ .diary-list .item.compound .compound-items .item,
.genui__ .diary-list .item.compound .compound-items .compound-instructions {
	height:0;
	opacity:0;
	z-index:-1;
	transform:translateY(-50px);
	-moz-transition: all .33s ease-out;
	-webkit-transition: all .33s ease-out;
	-o-transition: all .33s ease-out;
	transition: all .33s ease-out;
}
.genui__ .diary-list .item.compound.opened .compound-items .item,
.genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
	position:relative;
	z-index:2;
	overflow:hidden;
	opacity:1;
	height:auto;
	transform:translateY(0);
	background-color:#dfe1e1;
}
.genui__ .diary-list .item.compound.opened .compound-items .item {
	margin-left:-6px;
	margin-right:-6px;
}
.genui__ .diary-list .item.compound:not(.opened) .compound-items > .item,
.genui__ .diary-list .item.compound:not(.opened) .compound-items > .compound-instructions {
	padding-top:0;
	padding-bottom:0;
	border:none !important;
	pointer-events:none;
}
.genui__ .diary-list .item.compound .compound-items .item {
	border-top:1px solid #f4f3f1;
}
/* temporarily hide 'My Portion' values for food items within a meal */
/*.genui__ .diary-list.nutrition .item.compound .compound-items .item .item-tracking {
	opacity:0; 
}*/
.genui__ .diary-list.fitness .item.compound .compound-items .item .item-calories {
	line-height:1;
}
.genui__ .diary-list.fitness .item.compound.mode-minutes .compound-items .item .item-calories {
	display:none;
}
.genui__ .diary-list.fitness .item.compound .compound-items .item .item-calories:after {
	content:"per round";
	font-size:.8rem;
	display:block;
}
.genui__ .diary-list.fitness.manual-list .item.compound .compound-items .item .item-calories:after {
	display:none;
}
.genui__ .diary-list .item.compound .compound-items .compound-instructions {
	margin:0;
}
.genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
	padding:.75rem 1rem;
}
.genui__ .diary-list .item.compound.opened .compound-items .compound-instructions p {
	text-align:left;
	margin:0;
}
@media screen and (max-width:639px) {
	.genui__ .diary-list.fitness .item.compound.mode-minutes .compound-items .item .item-name {
		width:100%;
	}
	.genui__ .diary-list.fitness .item.compound .compound-items .item .item-calories {
		position:relative;
	}
	.genui__ .diary-list.fitness .item.compound .compound-items .item .item-calories:after {
		position:absolute;
		width:100%;
		text-align:center;
		left:0;
	}
}



/****
 Error Messages
****/
.genui__ .field.has-error > * {
	color:#f42434;
	border-color:#f42434 !important;
	border-width:2px !important;
}
.genui__ .error-list {
	list-style:none;
	padding:.75rem .75rem 0;
	font-size:.8rem;
	text-align:left;
	color:#f42434;
	clear:both;
}
.genui__ .error-list:empty {
	padding:0;
}
.genui__ .error-list > li {
	padding:0 !important;
	border:none;
}
.genui__ .error-list > li:before {
	content:"Error: ";
	font-weight:bold;
	text-transform:uppercase;
}

.genui__ .wrap_serving-selector > * {
	vertical-align:middle;
}
.genui__ .wrap_serving-selector input[type="number"] {
	display:inline-block;
	max-width:60px;
	text-align:center;
	margin:0 .25rem;
}
.genui__ .wrap_serving-selector .serving-selector {
	border-radius:100%;
	width:1.5rem;
	height:1.5rem;
	line-height:1.5rem;
	text-align:center;
	display:inline-block;
	font-size:1.25rem;
	font-weight:bold;
	cursor:pointer;
}
.genui__ .wrap_serving-selector .serving-selector:hover {
	box-shadow:inset 0 0 4px rgba(0,0,0,.25);
}


@media screen and (max-width:767px) {
	.genui__ .diary-list .diary-list-header .item-name,
	.genui__ .diary-list .item > div.item-name,
	.genui__ .diary-list .item.compound .compound-header > div.item-name {
		width:40%;
	}
	.genui__ .diary-list .item .item-summary {
		width:45%;
	}
	.genui__ .diary-list .item .item-calories,
	.genui__ .diary-list .diary-list-header .item-calories {
		width:15%;
	}
	.genui__ .diary-list .diary-list-header .item-tracking,
	.genui__ .diary-list .item .item-tracking {
		width:27.5%;
		padding:0;
	}
}
@media screen and (max-width:639px) {
	.genui__ .diary-list li,
	.genui__ .diary-list li:last-child,
	.genui__ .diary-list .item.compound .compound-header {
		padding:1rem 0;
	}
	.genui__ .diary-list .diary-list-header {
		display:none;
	}
	.genui__ .diary-list .item .item-name,
	.genui__ .diary-list .item.compound .compound-header .item-name {
		padding-left:4.25rem;
		font-size:1rem;
		line-height:1.25;
	}
	.genui__ .diary-list .item > div.item-name,
	.genui__ .diary-list .item.compound .compound-header > div.item-name {
		width:75%;
	}
	.genui__ .diary-list .item .item-actions {
		width:4.25rem;
		top:-7px;
	}
	.genui__ .diary-list .item div.item-summary,
	.genui__ .diary-list .item.compound .compound-header div.item-summary {
		margin-left:4.25rem;
		width:auto;
		clear:left;
	}
	.genui__ .diary-list .item div.item-serving,
	.genui__ .diary-list .item.compound .compound-header div.item-serving {
		width:100%;
		padding-left:4.25rem;
		text-align:left;
		/*margin-top:.5rem;*/
	}
	.genui__ .item-tracking input,
	.genui__ .item-tracking .label,
	.genui__ .item-tracking .value-selector {
		vertical-align:middle;
	}

	/* Nutrition */
	.genui__ .diary-list.nutrition .item:not(.compound),
	.genui__ .diary-list.nutrition .item.compound .compound-header {
		padding-right:25%;
		position:relative;
	}
	.genui__ .diary-list.nutrition .item > div.item-name,
	.genui__ .diary-list.nutrition .item.compound .compound-header > div.item-name {
		width:100%;
	}
	.genui__ .diary-list.nutrition .item div.item-tracking,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
		width:25%;
		position:absolute;
		top:0;
		right:0;
		text-align:center;
		height:100%;
		padding:1rem 0 2.25rem;
		border-left:1px solid #dfe1e1;
	}
	.genui__ .diary-list.nutrition .item.manual-header {
		padding-right:.75rem !important;
	}
	.genui__ .diary-list.nutrition .item.manual-header div.item-serving,
	.genui__ .diary-list.nutrition .item.manual-item div.item-serving,
	.genui__ .diary-list.nutrition .item.manual-header div.item-tracking {
		display:none;
	}
	.genui__ .diary-list.nutrition .item-tracking input,
	.genui__ .diary-list.nutrition .item-tracking .label {
		border-bottom:none;
		vertical-align:bottom;
		font-weight:bold;
		margin:0;
		font-size:1rem;
		line-height:1.25;
		height:auto;
		width:50%;
		padding:0;
	}
	.genui__ .diary-list.nutrition .item-tracking .label {
		text-align:center;
		padding-left:.75rem;
		margin-left:-5px;
	}
	.genui__ .diary-list.nutrition .item-tracking input {
		text-align:center;
		padding-right:.25rem;
	}
	.genui__ .diary-list.nutrition .item-tracking input:focus {
		text-align:center;
		border:1px solid #515151;
		width:90%;
		line-height:2;
	}
	.genui__ .diary-list .item .item-tracking > .value-selector {
		position:absolute;
		right:0;
		top:auto;
		bottom:0;
		width:50%;
		height:2.25rem;
		line-height:2.25rem;
		border-radius:0;
		border-top:1px solid #dfe1e1;
		background-color:transparent;
		color:#515151;
	}
	.genui__ .diary-list.nutrition .item.compound.opened .compound-header .item-tracking > .value-selector {
		color:#fff;
	}
	.genui__ .diary-list .item .item-tracking > .value-selector[data-decrement] {
		right:50%;
		border-right:1px solid #dfe1e1;
	}
	.genui__ .diary-list .item.compound .item-tracking > .value-selector,
	.genui__ .diary-list.nutrition .item.compound .compound-items .item .item-tracking,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
		border-color:#f4f3f1;
	}

	.genui__ .diary-list .item:not(.compound):not(.manual-header) > div.item-serving:before {
		content:"Single Serving: ";
	}
	.genui__ .diary-list .item.compound .compound-header div.item-serving .toggle-compound-items {
		text-transform:capitalize;
	}
	.genui__ .diary-list .item.compound .compound-header div.item-serving .toggle-compound-items:before {
		content:"Show ";
		text-decoration:underline;
	}
	.genui__ .diary-list .item.compound .compound-header div.item-serving .toggle-compound-items:after {
		content:" Items";
		text-decoration:underline;
	}
	.genui__ .diary-list .item.compound .compound-header div.item-serving .toggle-compound-items:hover:before,
	.genui__ .diary-list .item.compound .compound-header div.item-serving .toggle-compound-items:hover:after {
		text-decoration:none;
	}
	.genui__ .diary-list .item > div.item-tracking:before,
	.genui__ .diary-list .item.compound .compound-header div.item-tracking:before {
		display:none;
	}
	.genui__ .toggle-details .icon {
		font-size:1.15rem;
		padding:.5rem;
		padding-left:.25rem;
	}
	.genui__ .diary-list .item .item-actions .editor {
		font-size:2.25rem;
	}
	.genui__ .diary-list .item .item-calories {
		width:25%;
		font-size:1rem;
		line-height:1.15;
	}

	.genui__ .diary-list.nutrition .item .item-calories {
		width:100%;
		font-size:1em; /* ems */
		text-align:left;
		padding-left:4.25rem;
		margin-top:.33rem;
	}
	.genui__ .diary-list.nutrition .item > div.item-calories:before,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-calories:before {
		content:"Calories: ";
	}

}
@media screen and (max-width:539px) {
	.genui__ .diary-list.nutrition .item-tracking input,
	.genui__ .diary-list.nutrition .item-tracking .label {
		width:45%;
	}
	.genui__ .diary-list.nutrition .item-tracking .label {
		width:55%;
		padding-left:.5rem;
	}
}


@media screen and (max-width:479px) {
	.genui__ .diary-list .item .item-name,
	.genui__ .diary-list .item.compound .compound-header .item-name,
	.genui__ .diary-list .item div.item-tracking,
	.genui__ .diary-list .item.compound .compound-header div.item-tracking,
	.genui__ .diary-list .item div.item-serving,
	.genui__ .diary-list .item.compound .compound-header div.item-serving,
	.genui__ .diary-list.nutrition .item div.item-calories,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-calories {
		padding-left:3rem;
	}
	.genui__ .diary-list .item div.item-summary,
	.genui__ .diary-list .item.compound .compound-header div.item-summary {
		margin-left:3rem;
	}
	.genui__ .diary-list .item .item-actions {
		width:3rem;
		top:-6px;
		padding:0;
	}
	.genui__ .diary-list .item .item-actions .editor {
		font-size:2rem;
	}
	.genui__ .diary-list .item > div.item-name,
	.genui__ .diary-list .item.compound .compound-header > div.item-name {
		width:75%;
	}
	.genui__ .diary-list .item .item-calories {
		width:25%;
	}
	.genui__ .diary-section, .genui__ .diary-section-trigger {
		/* margin-left: .75rem; */
		/* margin-right: .75rem; */
		font-size: 14px;
	}
	.genui__ .diary-list.nutrition .item:not(.compound),
	.genui__ .diary-list.nutrition .item.compound .compound-header {
		padding-right: 30%;
	}
	.genui__ .diary-list.nutrition .item div.item-tracking,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
		width:30%;
		border-left:1px solid #;
	}
	.genui__ .diary-list.nutrition .item-tracking input,
	.genui__ .diary-list.nutrition .item-tracking .label {
		vertical-align:bottom;
		width:45%;
	}
	.genui__ .diary-list.nutrition .item-tracking .label {
		font-size:14px;
		width:55%;
	}
}




/**
 * INFO LIGHTBOXES - EXERCISE, CIRCUIT, FOOD ITEM, MEAL
 * strict styling for these lightboxes to avoid html changes
 * based on test environment 2018-06-30
 *
 * NOTE: "details" is misspelled in "FoodItemDeatilsPopup"
 */
@media screen and (max-width:767px) {
	/* stretch columns to 100% */
	#fit-diary__item1__info > .row > .column,
	#fit-diary__compound1__info > .row > .column,
	#FoodItemDeatilsPopup > .row > .column,
	#nut-diary__compound1__info > .row > .column {
		width:100%;
		padding-left:0.75rem;
		padding-right:0.75rem;
	}
	/* ensure there is a gap between the two sections */
	#fit-diary__item1__info > .row > .column + .column,
	#fit-diary__compound1__info > .row > .column + .column,
	#FoodItemDeatilsPopup > .row > .column + .column,
	#nut-diary__compound1__info > .row > .column + .column {
		margin-top:1rem;
	}
}


/***************************
	Gold's Care
***************************/

/* # text-primary */
.golds-gym .genui__ .text-primary,
.golds-gym .genui__ .blue {
	color:#00adef;
}

/* # df-e1-e1 */
.golds-gym .genui__ .tab.active {
	border-color:#d1d3d4;
}
.golds-gym .genui__ .tab-toggles .item {
	border:1px solid #d1d3d4;
}
.golds-gym .genui__ .caloric-dashboard-footer .track-manually a {
	background-color:#d1d3d4;
}
.golds-gym .genui__ .manual-calories {
	border-color:#d1d3d4;
}
.golds-gym .genui__.small-popupWrap .manual-tracking.items-one .item-tracking {
	border-color:#d1d3d4;
}
.golds-gym .genui__ .manual-tracking .old {
	background-color:#d1d3d4;
}
.golds-gym .genui__ .manual-tracking .old:before {
	border-left-color:#d1d3d4;
}
.golds-gym .genui__ .diary-section {
	border-color:#d1d3d4;
}
.golds-gym .genui__ .diary-section-trigger {
	border-color:#d1d3d4;
}
.golds-gym .genui__ .diary-overview {
	border-color:#d1d3d4;
}
.golds-gym .genui__ .diary-list > .item:not(.myzone-workout):not(.manual-header) {
	border-bottom-color:#d1d3d4;
}
.golds-gym .genui__ .diary.mini {
	border-color:#d1d3d4;
}
.golds-gym .genui__ .diary.mini .item + .item {
	border-top-color:#d1d3d4;
}
.golds-gym .genui__ .diary-list .item.compound .compound-header {
	background-color:#d1d3d4;
}
.golds-gym .genui__ .diary-list .item.compound.opened .compound-items .item,
.golds-gym .genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
	background-color:#d1d3d4;
}

/* # 51-51-51 */
.golds-gym .genui__ .tab-toggles .item.active,
.golds-gym .genui__ .tab-toggles .item:hover {
	background-color:#58585a;
	border-color:#58585a;
}
.golds-gym .genui__ .diary-section-header .header-name:before {
	border-top-color:#58585a;
}
.golds-gym .genui__ .diary-list .diary-list-header {
	background-color:#58585a;
}
.golds-gym .genui__ .item-tracking input,
.golds-gym .genui__ .item-details .field input {
	border-bottom-color:#58585a;
}
.golds-gym .genui__ .item-tracking .label {
	border-bottom-color:#58585a;
}
.golds-gym .genui__ .item-tracking input:focus,
.golds-gym .genui__ .item-details .field input:focus,
.golds-gym .genui__ .item-calories.untracked input:focus {
	border-color:#58585a;
}
.golds-gym .label.opened {
	border-color:#58585a;
}
.golds-gym .label.opened label + input[type="radio"] + label {
	border-top-color:#58585a;
}
.golds-gym .label.opened label:hover,
.golds-gym .label.opened input[type="radio"]:checked + label {
	background-color:#58585a;
}
.golds-gym .genui__ .item-details.strength .set:before,
.golds-gym .genui__ .item-details.strength .set:after {
	background:#58585a;
}
.golds-gym .genui__ .compound-instructions.item-details .field label {
	background-color:#58585a;
}
.golds-gym .genui__ .diary-list .item.compound.opened .compound-header {
	background:#58585a;
}
.golds-gym .genui__ .diary-list .item.compound.opened .compound-items {
	border-color:#58585a;
}



@media screen and (max-width:639px) {
	.golds-gym .genui__ .diary-list .item-tracking > .value-selector {
		background-color:#58585a;
	}
	.golds-gym .genui__ .diary-list.nutrition .item-tracking input:focus {
		border-color:#58585a;
	}
	.golds-gym .genui__ .diary-section:not(.closed) .diary-section-header {
		border-bottom-color:#d1d3d4;
	}
	.golds-gym .genui__ .diary-list.nutrition .item div.item-tracking,
	.golds-gym .genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
		border-left-color:#d1d3d4;
	}
	.golds-gym .genui__ .diary-list .item .item-tracking > .value-selector {
		border-top-color:1px solid #d1d3d4;
	}
	.golds-gym .genui__ .diary-list .item .item-tracking > .value-selector[data-decrement] {
		border-right-color:#d1d3d4;
	}
}



/***************************
	UOMs labels w/o abbreviated values
***************************/
.genui__ .diary-list.nutrition .item-tracking {
	padding-left:0;
	padding-right:0;
}
.genui__ .diary-list.nutrition .item-tracking .label {
	min-width:84px; /* fluid ounce */
}
@media screen and (max-width:840px) {
	.genui__ .diary-list.nutrition .item-tracking .label {
		font-size:.8rem;
		min-width:70px;
	}
}
/* the following media query was copied from above and made to target ONLY NUTRITION and effects only between 640-767px
*/
/* these styles would typically kick in at 639px and below*/
@media screen and (min-width:640px) and (max-width:767px) {
	.genui__ .diary-list.nutrition li,
	.genui__ .diary-list.nutrition li:last-child,
	.genui__ .diary-list.nutrition .item.compound .compound-header {
		padding:1rem 0;
	}
	.genui__ .diary-list.nutrition .diary-list-header {
		display:none;
	}
	.genui__ .diary-list.nutrition .item .item-name,
	.genui__ .diary-list.nutrition .item.compound .compound-header .item-name {
		padding-left:4.25rem;
		font-size:1rem;
		line-height:1.25;
	}
	.genui__ .diary-list.nutrition .item > div.item-name,
	.genui__ .diary-list.nutrition .item.compound .compound-header > div.item-name {
		width:75%;
	}
	.genui__ .diary-list.nutrition .item .item-actions {
		width:4.25rem;
		top:-7px;
	}
	.genui__ .diary-list.nutrition .item div.item-summary,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-summary {
		padding-left:4.25rem;
		width:100%;
		clear:left;
	}
	.genui__ .diary-list.nutrition .item div.item-serving,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving {
		width:100%;
		padding-left:4.25rem;
		text-align:left;
		/*margin-top:.5rem;*/
	}
	.genui__ .diary-list.nutrition .item-tracking input,
	.genui__ .diary-list.nutrition .item-tracking .label,
	.genui__ .diary-list.nutrition .item-tracking .value-selector {
		vertical-align:middle;
	}
	.genui__ .diary-list.nutrition .item:not(.compound),
	.genui__ .diary-list.nutrition .item.compound .compound-header {
		padding-right:25%;
		position:relative;
	}
	.genui__ .diary-list.nutrition .item > div.item-name,
	.genui__ .diary-list.nutrition .item.compound .compound-header > div.item-name {
		width:100%;
	}
	.genui__ .diary-list.nutrition .item div.item-tracking,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
		width:25%;
		position:absolute;
		top:0;
		right:0;
		text-align:center;
		height:100%;
		padding:1rem 0 2.25rem;
		border-left:1px solid #dfe1e1;
	}
	.genui__ .diary-list.nutrition .item.manual-header {
		padding-right:.75rem !important;
	}
	.genui__ .diary-list.nutrition .item.manual-header div.item-serving,
	.genui__ .diary-list.nutrition .item.manual-item div.item-serving,
	.genui__ .diary-list.nutrition .item.manual-header div.item-tracking {
		display:none;
	}
	.genui__ .diary-list.nutrition .item-tracking input,
	.genui__ .diary-list.nutrition .item-tracking .label {
		border-bottom:none;
		vertical-align:bottom;
		font-weight:bold;
		margin:0;
		font-size:1rem;
		line-height:1.25;
		height:auto;
		width:50%;
		padding:0;
	}
	.genui__ .diary-list.nutrition .item-tracking .label {
		text-align:center;
		padding-left:.75rem;
		margin-left:-5px;
	}
	.genui__ .diary-list.nutrition .item-tracking input {
		text-align:center;
		padding-right:.25rem;
	}
	.genui__ .diary-list.nutrition .item-tracking input:focus {
		text-align:center;
		border:1px solid #515151;
		width:90%;
		line-height:2;
	}
	.genui__ .diary-list.nutrition .item .item-tracking > .value-selector {
		position:absolute;
		right:0;
		top:auto;
		bottom:0;
		width:50%;
		height:2.25rem;
		line-height:2.25rem;
		border-radius:0;
		border-top:1px solid #dfe1e1;
		background-color:transparent;
		color:#515151;
	}
	.genui__ .diary-list.nutrition .item.compound.opened .compound-header .item-tracking > .value-selector {
		color:#fff;
	}
	.genui__ .diary-list.nutrition .item .item-tracking > .value-selector[data-decrement] {
		right:50%;
		border-right:1px solid #dfe1e1;
	}
	.genui__ .diary-list.nutrition .item.compound .item-tracking > .value-selector,
	.genui__ .diary-list.nutrition .item.compound .compound-items .item .item-tracking,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking {
		border-color:#f4f3f1;
	}

	.genui__ .diary-list.nutrition .item:not(.compound):not(.manual-header) > div.item-serving:before {
		content:"Single Serving: ";
	}
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving .toggle-compound-items {
		text-transform:capitalize;
	}
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving .toggle-compound-items:before {
		content:"Show ";
		text-decoration:underline;
	}
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving .toggle-compound-items:after {
		content:" Items";
		text-decoration:underline;
	}
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving .toggle-compound-items:hover:before,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-serving .toggle-compound-items:hover:after {
		text-decoration:none;
	}
	.genui__ .diary-list.nutrition .item > div.item-tracking:before,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-tracking:before {
		display:none;
	}
	.genui__ .diary-list.nutrition .item .item-actions .editor {
		font-size:2.25rem;
	}

	.genui__ .diary-list.nutrition .item .item-calories {
		width:100%;
		font-size:1em; /* ems */
		text-align:left;
		padding-left:4.25rem;
		margin-top:.33rem;
	}
	.genui__ .diary-list.nutrition .item > div.item-calories:before,
	.genui__ .diary-list.nutrition .item.compound .compound-header div.item-calories:before {
		content:"Calories: ";
	}
}
/* end copied media query */
@media screen and (max-width:767px) and (min-width:640px) {
	.genui__ .diary.nutrition .diary-section-header .header-name {
		padding-left:4.25rem;
	}
}
@media screen and (max-width:767px) {
	.genui__ .diary-list.nutrition .item div.item-tracking {
		padding-top:1rem;
	}
	.genui__ .diary-list.nutrition .item-tracking input[type="number"] {
		width:100%;
		padding:0 .25rem;
		margin:0;
	}
	.genui__ .diary-list.nutrition .item-tracking .label {
		width:100%;
		padding:.25rem;
		margin:0;
	}
}

/***************************
end UOMs labels w/o abbreviated values
***************************/



/***************************
	Option Toggles
***************************/
.genui__ .diary-list .item-details .toggle-options {
	text-align:left;
	padding-top:.75rem;
	margin:0;
	clear:both;
	text-decoration:underline;
	font-size:.8rem;
	cursor:pointer;
}
.genui__ .diary-list .item-details .toggle-options:hover {
	text-decoration:none;
}
.genui__ .diary-list .item-details .options {
	clear:both;
	text-align:left;
	max-height:0;
	overflow:hidden;
	/*height:2.75rem;*/
}
.genui__ .diary-list .item-details .options.opened {
	max-height:300px;
	padding-top:0.75rem;
}
.genui__ .diary-list .item-details .options .options-instructions {
	margin-bottom:.75rem;
	font-size:.8rem;
}
.genui__ .diary-list .item-details .options .item {
	width:100%;
	/*display:inline-block;*/
	/*text-align:center;*/
}
.genui__ .diary-list .item.compound .item-details .options .item {
	margin-left:0;
	margin-right:0;
	border-top:none;
}
/*.genui__ .diary-list .item-details .options .item + .item {
	margin-left:.75rem;
}*/
.genui__ .diary-list .item-details .options .item .label {
	line-height:1.5rem;
	display: inline-block;
	/*min-width:10rem;*/
	vertical-align: middle;
	padding-right:.25rem;
	/*font-size:.8rem;*/
}
.genui__ .item.with-selectable-options .toggle-on {
	max-height:0;
	overflow:hidden;
	display:inline-block;
	vertical-align: middle;
}
@media screen and (max-width:639px) {
	.popupWrap .genui__ .item.with-selectable-options .toggle-on.on {
		display:block;
		padding-left:0;
		padding-top:.25rem;
	}
}
.genui__ .item.with-selectable-options .toggle-on.on {
	max-height:500px;
	padding-left:1.5rem;
}
.genui__ .selectable-options input[type="checkbox"],
.genui__ .selectable-options input[type="radio"] {
	display:none;
}
.genui__ .selectable-options input + label {
	background:#aaa;
	color:#fff;
	padding:.25rem .75rem;
	font-size:.8rem;
	display:inline-block;
}
.genui__ .selectable-options label + input + label {
	margin-left:-5px;
	border-left:#fff;
}
.genui__ .selectable-options input:checked + label,
.genui__ .selectable-options input:hover + label {
	background:#515151;
}
.toggler {
	display: none !important;
}
.toggler::selection,
.toggler:after::selection,
.toggler:before::selection,
.toggler *::selection,
.toggler *:after::selection,
.toggler *:before::selection,
.toggler + .toggler-button::selection {
	background: none;
}
  
.toggler + .toggler-button {
	outline: 0;
	display: block;
	width: auto;
	max-width:10rem;
	margin:auto;
	position: relative;
	cursor: pointer;
	user-select: none;
	margin-left:1rem;
	background: #aaa;
	border-radius:1.25rem;
	width:2.5rem;
	height:1.25rem;
	display:inline-block;
	vertical-align:middle;
	padding: 2px;
	transition: all .4s ease;
}
.toggler + .toggler-button:after,
.toggler + .toggler-button:before {
	position: relative;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
}
	
.toggler + .toggler-button:after {
	left: 0;
	border-radius: 50%;
	background: #fff;
	transition: all .2s ease;
}
	
.toggler + .toggler-button:before {
	display: none;
}
.toggler:checked + .toggler-button {
	background: #52b747;
}
.toggler:checked + .toggler-button:after {
	left: 50%;
}
/* On/Off */
/*.toggler-skewed + .toggler-button {
	overflow: hidden;
	backface-visibility: hidden;
	transition: all .2s ease;
	background: #aaa;
}
.toggler-skewed + .toggler-button:after,
.toggler-skewed + .toggler-button:before {
	display: inline-block;
	transition: all .2s ease;
	width: 100%;
	text-align: center;
	position: absolute;
	line-height: 2em;
	color: #fff;
}
.toggler-skewed + .toggler-button:after {
	left: 100%;
	content: attr(data-tg-on);
}
.toggler-skewed + .toggler-button:before {
	left: 0;
	content: attr(data-tg-off);
}
.toggler-skewed + .toggler-button:active {
	background: #aaa;
}
.toggler-skewed + .toggler-button:active:before {
	left: -10%;
}
.toggler-skewed:checked + .toggler-button {
	background: #52b747;
}
.toggler-skewed:checked + .toggler-button:before {
	left: -100%;
}
.toggler-skewed:checked + .toggler-button:after {
	left: 0;
	font-weight:bold;
}
.toggler-skewed:checked + .toggler-button:active:after {
	left: 10%;
}*/


/***************************
	Effort Level Selector
***************************/
.effort-levels {
	max-width:1150px;
	margin:5% auto;
	background:#fff;
	overflow-x:hidden;
	max-height:90%;
}
.effort-levels .wrap-header {
	text-align:center;
	padding:.75rem 1.5rem;
}
.effort-levels .wrap-header h2 {
	margin:0;
	text-transform:uppercase;
	font-size:1.6rem;
	color:#515151;
}
.effort-levels .wrap-header p {
	margin:0;
}
.effort-levels .wrap-items {
	display:flex;
	flex-wrap:wrap;
}
.effort-levels .wrap-items .item {
	flex-grow:1;
	width:33.33%;
	border:1px solid #fff;
	border-collapse:collapse;
}
.effort-levels .wrap-items .item:nth-child(3n+1) {
	clear:left;
}
.effort-levels .very-light { background-color:#aaa; }
.effort-levels .light { background-color:#78787A; }
.effort-levels .moderate { background-color:#0F68EA; }
.effort-levels .vigorous { background-color:#02BA4B; }
.effort-levels .very-hard { background-color:#E0D31A; } /*FBEC1D*/
.effort-levels .maximum { background-color:#E40002; }

.effort-levels input {
	display:none;
}
.effort-levels label {
	display:block;
	padding:1.5rem;
	color:#fff;
}
.effort-levels .item:hover {
	box-shadow:inset 0 0 32px #1a1a1a;
	/*box-shadow:inset 0 0 20px rgba(255,255,255,.75);*/
}
.effort-levels label > span {
	display:block;
	text-align:center;
}
.effort-levels .title {
	font-size:2rem;
	font-weight:bold;
	text-transform:uppercase;
}
.effort-levels .range {
	font-weight:bold;
	font-size:1.3rem;
	margin-bottom:.25rem;
}
.effort-levels .zone {
	font-weight:bold;
	margin-bottom:.75rem;
}
.genui__ .diary-list .item.compound.opened .compound-items .compound-instructions p.effort {
	font-size:.8rem;
	margin-top:.75rem;
}
.effort-levels .closer {
	position:absolute;
	top:-38px;
	right:50%;
	transform:translateX(570px);
	color:#fff;
	cursor:pointer;
	padding:7px 12px;
}
.effort-levels .closer:hover {
	color:#bababa;
}
@media screen and (max-width:1150px) {
	.effort-levels .closer {
		right:5px;
		transform:translateX(0);
	}
}
@media screen and (max-width:767px) {
	.effort-levels {
		margin-top:8%;
	}
	.effort-levels .closer {
		font-size:1.5rem;
		padding-top:0;
		padding-bottom:0;
	}
	.effort-levels .wrap-items .item {
		width:50%;
	}
	.effort-levels .wrap-items .item:nth-child(3n+1) {
		clear:none;
	}
	.effort-levels .wrap-items .item:nth-child(odd) {
		clear:both;
	}
	.effort-levels .wrap-header h2 {
		font-size:1.3rem;
	}
	.effort-levels .title {
		font-size:1.6rem;
	}
	.effort-levels .range {
		font-size:1.15rem;
	}
}
@media screen and (max-width:479px) {
	.effort-levels .wrap-items .item {
		width:100%;
	}
	.effort-levels .range {
		font-size:1rem;
		margin-bottom:0;
	}
}


/***************************
	Print Diary
***************************/
/*
.printer-section .genui__.fitness .header-calories,
.printer-section .genui__.fitness .item-calories,
.printer-section .genui__.fitness .toggle-details .icon {
	display:none !important;
}
.printer-section .genui__ .diary-section-header .header-name:before,
.printer-section .genui__ .diary-list .item-actions,
.printer-section .genui__ .diary-list .item .item-details .toggle-options,
.printer-section .genui__ .diary-list .item .item-details .options,
.printer-section .genui__ .diary-list .diary-list-header,
#printSection .genui__ .toggle-details .icon {
	display:none;
}
.printer-section .genui__ .item-details input::-webkit-input-placeholder { color:transparent; }
.printer-section .genui__ .item-details input::-moz-placeholder { color:transparent; }
.printer-section .genui__ .item-details input:-ms-input-placeholder { color:transparent; }
.printer-section .genui__ .item-details input:-moz-placeholder { color:transparent; }

.printer-section .genui__ .diary-overview {
	border:none;
	padding-top:0;
}
.printer-section .genui__ .diary-overview .title {
	width:100%;
	padding-top:0;
}

.printer-section .genui__ .diary-section-header {
	background-color:transparent;
}
.printer-section .genui__ .diary-section-header:after {
	content:"Manual Cal Burn";
	border-top:1px solid #515151;
	width:20%;
	position:absolute;
	bottom:.5rem;
	right:.75rem;
	text-align:center;
	font-size:.8rem;
}
.printer-section .genui__ .icon-myzone {
	width: 1.5rem;
}
.printer-section .genui__ .diary-section-header .header-calories,
.printer-section .genui__ .diary-list .item .item-calories,
.printer-section .genui__ .diary-list .diary-list-header .item-calories {
	width:12.5%;
}
.printer-section .genui__ .diary-section-header .header-name,
.printer-section .genui__ .diary-list .diary-list-header .item-name,
.printer-section .genui__ .diary-list .item .item-name {
	padding-left:3rem;
}
.printer-section .genui__ .diary-list .item .item-name:before {
	content:"";
	position:absolute;
	top:0;
	left:1rem;
	width:1.5rem;
	height:1.5rem;
	border:1px solid #515151;
}
.printer-section .genui__ .diary-list.nutrition .diary-list-header .item-name,
.printer-section .genui__ .diary-list.nutrition .item .item-name {
	width:37.5%;
}
.printer-section .genui__ .diary-list.fitness .diary-list-header .item-name,
.printer-section .genui__ .diary-list.fitness .item .item-name,
.printer-section .genui__ .diary-list.fitness .item-summary {
	width:42.5%;
	float:left;
	clear:left;
}
.printer-section .genui__ .diary-list.fitness .item.opened .item-details:not(.compound-instructions) {
	width:55%;
	float:right;
	clear:none;
	transform:translateY(-1.5rem); margin-bottom:-1.5rem;
	padding-top:0;
}
.printer-section .genui__ .diary-list.fitness .item.opened {
	overflow:hidden;
}
.printer-section .genui__ .diary-section-header .header-name {
	width:87.5%;
}
.printer-section .genui__ .tab.active {
	margin-bottom:2.5rem;
}
.printer-section .genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
	padding-top:0;
}
.printer-section .genui__ .diary-list .item.compound.opened .compound-items .compound-instructions p {
	width:100%;
	float:none;
	clear:both;
	margin-top:.75rem;
}
.printer-section .genui__ .compound-instructions.item-details .field label:not(.off) {
	background-color:transparent;
	font-weight:bold;
	color:#515151;
}
.printer-section .genui__ .item-details .field input {
	color:transparent;
}
.printer-section .genui__ .diary-instructions p {
	padding:0 1.5rem;
	margin-bottom:.5rem;
	font-weight:bold;
}
.printer-section .genui__ .compound-instructions {
	padding-top:0;
	border-bottom:1px solid #f4f3f1;
}
.printer-section .genui__ .compound-instructions .field {
	width:25%;
	padding-bottom:1.5rem;
}
.printer-section .genui__ .compound-instructions .field.large {
	width:75%;
	padding-right:.75rem;
}
.printer-section .genui__ .compound-instructions .select {
	border-bottom:1px solid #515151;
	height:2rem;
}
.printer-section .genui__ .compound-instructions .select .option {
	display:inline-block;
	padding:0 1rem;
	font-size:.8rem;
}
.printer-section .genui__ .compound-instructions .select .option.selected {
	font-weight:bold;
}

.printer-section .genui__ .diary-list .item.compound.opened .compound-header {
	background-color:transparent;
	color:#515151;
	margin-left:-6px;
	margin-right:-6px;
}
.printer-section .genui__ .diary-list .item.compound.opened {
	border:6px solid #515151;
	border-bottom-width:12px;
}
.printer-section .genui__ .diary-list .item.compound.opened .compound-items {
	border:none;
}
.printer-section .genui__ .diary-list > .item,
.printer-section .genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
	margin-bottom:.75rem;
}
.printer-section .genui__ .diary-list .item.compound.opened .compound-items .item,
.printer-section .genui__ .diary-list .item.compound.opened .compound-items .compound-instructions {
	background-color:transparent;
}

.printer-section .genui__ .diary-list .item-summary {
	padding-left:3rem;
	font-size:.8rem;
}
.printer-section .genui__ .diary-list .item.opened > .item-details {
	padding-bottom:0;
}
.printer-section .genui__ .item-details .field label {
	font-size:.66rem;
}
.printer-section .genui__ .item-details.strength .set {
	padding-left:0;
	padding-bottom:1rem;
}
.printer-section .genui__ .item-details.strength .set + .set {
	border-left:1px solid #f4f3f1;
}
.printer-section .genui__ .item-details.strength .set:before {
	display:none;
}
.printer-section .genui__ .item-details.strength .set:after {
	top:auto;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	height:1rem;
	font-size:.8rem;
	color:#515151;
	background:transparent;
}
.genui__ .item-details.strength .set:nth-child(1):after {
	content:"Set 1";
}
.genui__ .item-details.strength .set:nth-child(2):after {
	content:"Set 2";
}
.genui__ .item-details.strength .set:nth-child(3):after {
	content:"Set 3";
}
.printer-section .genui__ .item-details.strength .set .field {
	padding-left:.125rem;
	padding-right:.125rem;
}
*/

.popupWrap.with-printout {
	overflow-x:auto !important;
}
.genui__.printout {
	min-width:775px;
}
.genui__.printout *:not(.js-printer) {
	color:#1a1a1a;
}
.genui__.printout h4 {
	font-size:1.1rem;
	margin:0;
}
.genui__.printout .diary-section .js-printer {
	text-decoration:underline;
	margin-left:1rem;
	margin-bottom:1rem;
	display:inline-block;
}
.genui__ .printout-header .js-printer {
	background-color:#aaa;
	color:#fff;
	text-transform:uppercase;
	border-radius:6px;
	padding:.75rem;
	position:fixed;
	top:.75rem;
	left:50%;
	margin-left:-100px;
	width:200px;
	box-shadow:0 0 12px rgba(0,0,0,.5);
	z-index:5;
}
.genui__ .printout-header .js-printer:hover {
	box-shadow:inset 0 0 12px rgba(0,0,0,.5);
}
.genui__ .printout-header .js-printer span {
	padding-left:.25rem;
	color:#fff;
}
.genui__ .printout-header {
	text-align:center;
	margin-bottom:1.5rem;
}
.genui__ .printout-header .title {
	text-transform:uppercase;
	margin:0;
}
.genui__ .printout-header .info {
	float:left;
	width:50%;
	text-align:left;
	margin-bottom:1.5rem;
}
.genui__ .printout-header .instructions {
	width:70%;
	padding-right:1.5rem;
}
.genui__ .printout-header .instructions ul {
	padding-left:1.25rem;
	margin-bottom:0;
	font-size:.8rem;
}
.genui__ .printout-header .contact {
	width:25%;
	padding-left:1.5rem;
}
.genui__ .printout-header .contact small {
	line-height:1.25;
	display:block;
}
.genui__.printout .diary-section {
	border:none;
	border-radius:0;
}
.genui__.printout .diary-section + .diary-section {
	border-top:1px solid #808080;
	padding-top:1.5rem;
}
.genui__ .fill-in {
	text-align:center;
	color:#d5d5d5;
	font-size:.8rem;
}
.genui__ .fill-in .value {
	display:block;
	color:#d5d5d5;
	font-size:1rem;
	line-height:1.25;
}
.genui__.printout .diary-section-header,
.genui__.printout .diary-section-header:hover {
	background-color:transparent;
	padding:0;
	box-shadow:none;
	margin-bottom:1.5rem;
}
.genui__.printout .diary-section-header .name {
	margin:0;
	width:50%;
	padding-left:1rem;
}
.genui__ .diary-section-header .fill-in {
	border-bottom:3px solid #808080;
	/*float:right;
	width:22.5%;*/
	padding:0 .25rem .25rem;
}
/*.genui__ .diary-section-header .title + .fill-in {
	margin-left:0.833%;
	margin-right:1.666%;
}
.genui__ .diary-section-header .title + .fill-in + .fill-in {
	margin-left:1.66%;
	margin-right:0.833%;
}*/
.genui__.printout .diary-list .item {
	border:1px solid #808080;
	padding:0;
	border-bottom-color:#808080 !important;
}
.genui__.printout .name,
.genui__.printout .fill-ins {
	display:inline-block;
	width:50%;
	vertical-align:middle;
}
.genui__.printout .diary-list .item .name {
	padding:.25rem 1rem;
}
.genui__.printout .fill-ins {
	margin-left:-5px;
	transform:translateX(5px);
	border-left:1px solid #808080;
}
.genui__.printout .diary-section-header .fill-ins {
	border-left:none;
}
.genui__.printout .fill-ins .fill-in {
	width:25%;
	float:left;
	padding:.5rem 0 .25rem;
}
.genui__.printout .fill-ins.two .fill-in {
	width:50%;
}
.genui__.printout .fill-ins.three .fill-in {
	width:33.33%;
}
.genui__.printout .diary-section-header .fill-ins .fill-in {
	width:45%;
	margin:0 2.5%;
}
.genui__.printout .diary-section-header .fill-ins.three .fill-in {
	width:28.33%;
	margin:0 2.5%;
}
.genui__.printout .diary-list .item .fill-ins .fill-in + .fill-in {
	border-left:1px solid #808080;
}
.genui__.printout .diary-list .item + .item {
	border-top:0;
}
.genui__.printout .diary-list .item + .item.compound {
	margin-top:1.5rem;
	border-top:3px solid #808080;
}
.genui__.printout .diary-list .item .efforts {
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
}
.genui__.printout .efforts .label,
.genui__.printout .efforts .options {
	width:25%;
	display:inline-block;
	vertical-align:middle;
}
.genui__.printout .efforts .label {
	padding:0 1rem;
}
.genui__.printout .efforts .options {
	width:75%;
	border-left:1px solid #808080;
	margin-left:-5px;
	transform:translateX(5px);
}
.genui__.printout .efforts .options .option {
	float:left;
	width:16.66%;
	text-align:center;
	font-size:.8rem;
	color:#d5d5d5;
	padding:.75rem .25rem;
}
.genui__.printout .efforts .options .option.selected {
	font-weight:bold;
}
.genui__.printout .item.compound .instructions {
	padding:.5rem 1rem;
	/*border-bottom:2px solid #808080;*/
	font-size:.8rem;
}
.genui__.printout .item.compound .diary-list {
	border-top:2px solid #808080;
}
.genui__.printout .item.compound {
	border-width:3px;
	border-bottom:3px solid #808080 !important;
	margin-bottom:1.5rem;
}
.genui__.printout .item.compound > .name {
	font-weight:bold;
}
/* correction for larger borders on compounds */
.genui__.printout .item.compound .name,
.genui__.printout .item.compound .efforts .label {
	transform:translateX(-2px);
}
.genui__.printout .item.compound .instructions {
	margin-left:-2px;
}
.genui__.printout .item.compound .item {
	border-left:none;
	border-right:none;
}
.genui__.printout .notes {
	padding:0 1rem;
	margin-bottom:1.5rem;
}
.genui__.printout .textarea {
	min-height:250px;
}
.genui__.printout .diary-list.nutrition + .notes .textarea {
	min-height:100px;
}
.genui__.printout .effort-guide h4 {
	padding-left:1rem;
}
.genui__.printout .effort-guide .wrap-items {
	display:flex;
	flex-wrap:wrap;
	border:1px solid #808080;
}
.genui__.printout .effort-guide .item {
	width:33.33%;
	flex-grow: 1;
	padding:1rem;
	text-align:left;
}
.genui__.printout .effort-guide .item:nth-child(2),
.genui__.printout .effort-guide .item:nth-child(3),
.genui__.printout .effort-guide .item:nth-child(5),
.genui__.printout .effort-guide .item:nth-child(6) {
	border-left:1px solid #808080;
}
.genui__.printout .effort-guide .item:nth-child(1),
.genui__.printout .effort-guide .item:nth-child(2),
.genui__.printout .effort-guide .item:nth-child(3) {
	border-bottom:1px solid #808080;
}
.genui__.printout .effort-guide .item h5 {
	margin-bottom:0;
	text-transform:uppercase;
}
.genui__.printout .effort-guide .item h5 small {
	font-size:1rem;
	font-weight:normal;
}
.genui__.printout .effort-guide .item p {
	margin-bottom:0;
	font-size:.8rem;
}
.genui__ .printout-footer .logos .item {
	width:50%;
	display:inline-block;
	vertical-align:middle;
	padding:0 1rem;
}
.genui__ .printout-footer .logos .item + .item {
	text-align:right;
	margin-left:-5px;
}
.genui__ .printout-footer .logos img {
	max-width:200px;
	max-height:100px;
}


@media print {
	/* prevent item from splitting onto two pages */
	.genui__.printout .diary-list .item,
	.genui__.printout .effort-guide,
	.genui__.printout .notes { page-break-inside: avoid; }
	/*.printer-section .genui__ .diary-list .item:not(.compound) { page-break-inside: avoid; }*/
}



/**
 * JOURNALS
 * updated to include uploaded image
 */
.journal-image-preview {
	min-height:48px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}
.journal-image-preview .has-multi {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	color:#fff;
	font-weight:bold;
	line-height:48px;
	padding:0 .75rem;
	text-align:center;
	box-shadow:-6px 0 6px rgba(0,0,0,.5);
}
.resize-image--wrapper input[type="file"] {
	display:none;
}
.resize-image--wrapper .item.preview {
	padding-right:0;
}
/*.resize-image--wrapper.allow-multiple input[type="file"] + label {
	display:block;
	width:auto;
}*/
.resize-image--wrapper.allow-multiple .item.preview {
	width:33.33%;
	display:inline-block;
	padding-left:.75rem;
	padding-right:.75rem;
	vertical-align:top;
}
.resize-image--wrapper.allow-multiple.existing-uploads .item.preview {
	margin-left:-5px;
}

@media screen and (max-width:699px) {
	.resize-image--wrapper.allow-multiple .item.preview {
		width:50%;
	}
}
@media screen and (max-width:479px) {
	.resize-image--wrapper.allow-multiple .item.preview {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	.resize-image--wrapper.allow-multiple.existing-uploads .item.preview {
		margin-left:0;
	}
}
.resize-image--wrapper.allow-multiple.existing-uploads .divider {
	border-bottom:1px solid #dfe1e1;
	padding-bottom:1.5rem;
}
.resize-image--wrapper .item.preview img {
	margin-top:1.5rem;
	box-shadow:0 0 8px rgba(0,0,0,.5);
	border-radius:8px;
	max-width:100%;
	max-height:1000px;
	/*border:1px solid #dfe1e1;*/
}
.resize-image--wrapper.allow-multiple .item.preview img {
	width:100%;
}
.resize-image--error {
	display:none;
	margin-top:1.5rem;
}
.resize-image--wrapper .item.preview .resize-image--rotation,
.resize-image--wrapper .item.preview .delete-image-prep {
	font-size:.8rem;
	padding:5px;
	bottom:3px;
	cursor:pointer;
}
.resize-image--wrapper .item.preview .resize-image--rotation {
	position:absolute;
	left:15px;
}
.resize-image--wrapper .item.preview .delete-image-prep {
	right:15px;
}



/**
 * Action Menus & Messages
 * Action messages are shown when default actions are not available and we want to display a message to the user describing why actions are not available
 */
.action-icon:before {
	display:inline-block;
	vertical-align:top;
	font-size:2rem;
	line-height:.75;
}
.action-message {
	font-size:.8rem;
	line-height:1.5;
	padding:.5rem;
	color:#fff;
}


/**
 * Button Filters
 * - filter by association
 */
 .section-selectors {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.section-selectors > .button {
	flex:1 0 26%; /* fit 3 per row */
	border:2px solid #fff;
	line-height:2;
}
.section-selectors > .button:hover,
.section-selectors > .button:focus {
	box-shadow:inset 0 0 8px rgba(0,0,0,.25);
}
@media screen and (max-width:399px) {
	.section-selectors > .button {
		flex:1 0 34%; /* fit 2 per row */
	}
}


/**
 * alert/banner
 * - no professional found, go add one
 */
.alert {
	border-radius:1rem;
	padding:1.5rem;
	box-shadow:0 0 6px rgba(0,0,0,.25);
	margin-bottom:1.5rem;
	position:relative;
}
.alert > .closer {
	position:absolute;
	top:0;
	right:0;
	padding:.5rem;
	cursor:pointer;
}
.alert > .closer:hover {
	opacity:.5;
}
.alert > .title {
	width:100%;
}
.alert > .body {
	width:70%;
	padding-right:1.5rem;
	font-size:.9rem;
}
.alert > .action {
	width:30%;
}
.alert h4 {
	margin-bottom:0;
}
.alert p {
	margin-bottom:1;
}
.alert .button {
	width:100%;
	max-width:300px;
	margin:auto;
	height:auto;
	line-height:1.33;
	white-space:normal;
	padding:.5rem;
	border-radius:.25rem;
	/*text-transform:none;*/
	font-weight:bold;
	border:2px solid #fff;
}
.alert.bg-secondary,
.alert.bg-secondary h4,
.alert > .closer {
	color:#fff;
}
.alert .bottom {
	padding-top:1rem;
}
.alert .hide-alert {
	font-weight:bold;
	color:#777;
}
.alert.bg-positive {
	border-color:#1d8013;
	background-color:#eefced;
	color:#1d8013;
}
.alert.bg-positive h4 {
	color:#1d8013;
}
.alert.bg-positive .button {
	background-color:#1d8013;
	color:#fff;
}
.alert.bg-error {
	border-color:#a3000c;
	background-color:#ffe9ea;
	color:#a3000c;
}
.alert.bg-error h4 {
	color:#a3000c;
}
.alert.bg-error .button {
	background-color:#a3000c;
	color:#fff;
}
@media screen and (max-width:767px) {
	.alert {
		text-align:center;
		margin-left: .75rem;
		margin-right: .75rem;
	}
	.alert > .body {
		width:100%;
		padding-right:0;
	}
	.alert > .action {
		width:100%;
		padding-top:1rem;
	}
}



.flexed {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.results.flexed {
	justify-content:flex-start;
	align-items:flex-start;
}
.flexed.flex-spaced {
	justify-content:space-between;
}
.flexed.flex-start {
	justify-content:flex-start;
}
.flexed.flex-top {
	align-items:flex-start;
}
.flexed.flex-end {
	justify-content:flex-end;
}
.flexed.flex-same-height {
	align-items:stretch;
}
.flexed.flex-grow > .i {
	flex-grow:1;
}
.flexed.i-two > .i,
.flexed > .i.half {
	flex:1 0 34%; /* 2 per row */
	max-width:50%;
}
.flexed > .i.half {
	min-width:50%;
}
.flexed > .i.one-third {
	max-width:33.33%;
	min-width:33.33%;
}
.flexed > .i.two-thirds {
	max-width:66.66%;
	min-width:66.66%;
}
.flexed.i-three > .i {
	flex:1 0 26%; /* 3 per row */
	max-width:33.33%;
}
.wrap-cards.i-three > .i {
	max-width:calc(33.33% - 1rem);
}
.filters .flexed {
	margin-left:-.5rem;
	margin-right:-.5rem;
}
.filters .flexed > .i {
	padding:.5rem;
}
.flexed > .i.full {
	width:100%;
	/*min-width:100%;*/
	max-width:100%;
	flex-basis: 100%;
}
/*.flexed > .i + .i.full,
.flexed > .i.full + .i {
	margin-left:0;
}*/
/*.cards > .i {
	margin:.5rem;
	background:#fff;
	box-shadow: 0 0 4px rgba(0,0,0,.25);
	border-radius:4px;
	overflow:hidden;
}
.results.cards {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	padding:.5rem 0;
}
.results.cards > .i img {
	width:100%;
}
.results.cards > .i h3 {
	font-size:1.15rem;
	padding:.5rem 1rem 0;
	margin:0;
}
.results.cards > .i h3 small {
	display:block;
	line-height:1.75;
}
.results.cards > .i a {
	display:block;
	padding:0 1rem .5rem;
}*/
/*.list-pros > .i {
	flex:1 0 32%
	max-width:33.33%;
	max-width:calc(33.33% - 1rem);
}
.list-pros > .i .expertise {
	margin-top:-44px;
	padding:4px;
	position:relative;
	background:rgba(0,0,0,.33);
}
.list-pros > .i .expertise .i {
	width:36px;
	height:36px;
	margin:0 3px;
}
.list-pros > .i .expertise .i img {
	width:100%;
	border:2px solid #fff;
	border-radius:100%;
}*/

.card .details {
	display:none;
}

.star {
	color:#FFD700;
	font-size:1.5rem;
	display:inline-block;
	vertical-align:middle;
	line-height:0;
	margin-top:-3px;
}
.list-pros .star {
	margin-top:-1px;
	margin-left:-3px;
}





/* ENTERING NUTRITION FACTS */
.enter-nutrition-facts input {
	height:2rem;
	font-size:1rem;
}
.enter-nutrition-facts .column:not(.unlabeled) input {
	padding-right:3.75rem;
}
.enter-nutrition-facts .label {
	position:absolute;
	bottom:0;
	right:.75rem;
	width:4rem;
	height:2rem;
	font-size:1rem;
}
.enter-nutrition-facts span.label {
	border-left:1px solid #dfe1e1;
	padding:.15rem .5rem .15rem 1rem;
}

html.mobile .webcap.active .webcam,
html.mobile .webcap-supp.active .webcam {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	z-index: 9;
}
	/* Mobile-specific styles for standard and supplemental webcam */

	html.mobile .webcap.active .webcam .wrap-viewer label,
	html.mobile .webcap.active .webcam > .sm-breaker,
	html.mobile .webcap.active .webcam > .breaker,
	html.mobile .webcap-supp.active .webcam .wrap-viewer label,
	html.mobile .webcap-supp.active .webcam > .sm-breaker,
	html.mobile .webcap-supp.active .webcam > .breaker {
		display: none;
	}

	html.mobile .webcap.active .webcam .wrap-viewer,
	html.mobile .webcap-supp.active .webcam .wrap-viewer {
		height: 100%;
	}

	html.mobile .webcap.active .webcam .webcam-capture.front,
	html.mobile .webcap.active .webcam .webcam-capture.back,
	html.mobile .webcap.active .webcam .webcam-stop,
	html.mobile .webcap-supp.active .webcam .webcam-capture.front,
	html.mobile .webcap-supp.active .webcam .webcam-capture.back,
	html.mobile .webcap-supp.active .webcam .webcam-stop {
		position: fixed;
		left: 0;
		top: 0;
		white-space: pre-wrap;
		height: auto;
		width: 25%;
	}

	html.mobile .webcap.active .webcam .webcam-capture.back,
	html.mobile .webcap-supp.active .webcam .webcam-capture.back {
		left: 25%;
	}

	html.mobile .webcap.active .webcam .webcam-stop,
	html.mobile .webcap-supp.active .webcam .webcam-stop {
		left: 50%;
		width: 50%;
	}

html.mobile.orientation_landscape .webcap.active .webcam .webcam-capture.front,
html.mobile.orientation_landscape .webcap-supp.active .webcam .webcam-capture.front {
	width: 120px;
	left: auto;
	right: 0;
	top: 0;
}

html.mobile.orientation_landscape .webcap.active .webcam .webcam-capture.back,
html.mobile.orientation_landscape .webcap-supp.active .webcam .webcam-capture.back {
	width: 120px;
	left: auto;
	right: 0;
	top: 44px;
}

html.mobile.orientation_landscape .webcap.active .webcam .webcam-stop,
html.mobile.orientation_landscape .webcap-supp.active .webcam .webcam-stop {
	width: 120px;
	left: auto;
	right: 0;
	top: 88px;
}

html.mobile .webcap.active .webcam .wrap-webcam-video,
html.mobile .webcap-supp.active .webcam .wrap-webcam-video {
	padding: 0;
	height: 100%;
	z-index: -1;
}

html.mobile .webcap.active .webcam .wrap-previews,
html.mobile .webcap-supp.active .webcam .wrap-previews {
	position: fixed;
	bottom: 15%;
	left: 0;
}

html.mobile .webcap.active .webcam .wrap-preview > label,
html.mobile .webcap.active .webcam .wrap-preview > .button,
html.mobile .webcap-supp.active .webcam .wrap-preview > label,
html.mobile .webcap-supp.active .webcam .wrap-preview > .button {
	display: none;
}

html.mobile .webcap.active .webcam .wrap-previews .wrap-preview,
html.mobile .webcap-supp.active .webcam .wrap-previews .wrap-preview {
	width: 100px;
	position: absolute;
	left: 20px;
	bottom: 0;
	box-shadow: 0 0 16px rgba(0, 0, 0, .25);
}

	html.mobile .webcap.active .webcam .wrap-previews .wrap-preview.back,
	html.mobile .webcap-supp.active .webcam .wrap-previews .wrap-preview.back {
		left: auto;
		right: 20px;
	}

	html.mobile .webcap.active .webcam .wrap-previews .wrap-preview.viewing,
	html.mobile .webcap-supp.active .webcam .wrap-previews .wrap-preview.viewing {
		width: 100%;
		height: 100%;
		position: fixed;
		background: #000;
		margin: auto;
		padding: 0;
		max-width: 10000px;
		overflow-y: scroll;
		overflow-x: hidden;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 1003;
	}

		html.mobile .webcap.active .webcam .wrap-previews .wrap-preview.viewing > .button,
		html.mobile .webcap-supp.active .webcam .wrap-previews .wrap-preview.viewing > .button {
			display: block;
		}

.wrap-webcap, .wrap-webcap-supp {
	background: #fff;
	max-width: 1200px;
	margin: auto;
	max-height: 90%;
	overflow-y: auto;
	position: relative;
	top: 5%;
}

.wrap-client-info {
	padding:1.5rem;
	text-align:center;
}
.wrap-client-info .title {
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:.75rem;
}
.wrap-client-info .client-info {
	max-width:400px;
	margin:auto;
}
.wrap-client-info .client-info > * {
	display:inline-block;
	vertical-align:middle;
	margin:0;
}
.wrap-client-info .client-info > p {
	padding-left:1.5rem;
	text-align:left;
}
.wrap-webcap .wrap-footer,
.wrap-webcap-supp .wrap-footer {
	text-align: center;
	padding: 1.5rem .75rem;
}

	.wrap-webcap .wrap-footer p,
	.wrap-webcap-supp .wrap-footer p {
		margin: 0;
	}

.wrap-webcap .ready,
.wrap-webcap-supp .ready {
	display: none;
	margin: .75rem 0;
}

	.wrap-webcap .ready .field,
	.wrap-webcap-supp .ready .field {
		padding: 1.5rem;
		background-color: #efefef;
		max-width: 400px;
		margin: 0 auto 1rem;
	}

		.wrap-webcap .ready .field label,
		.wrap-webcap-supp .ready .field label {
			font-weight: bold;
		}

			.wrap-webcap .ready .field label + small,
			.wrap-webcap-supp .ready .field label + small {
				margin-bottom: .75rem;
			}

		.wrap-webcap .ready .field input,
		.wrap-webcap-supp .ready .field input {
			text-align: center;
			background-color: transparent;
			border: none;
			border-bottom: 2px solid #515151;
			font-size: 1.3rem;
		}

			.wrap-webcap .ready .field input:focus,
			.wrap-webcap-supp .ready .field input:focus {
				outline: none;
				border: 2px solid #515151;
				box-shadow: inset 0 0 12px rgba(0, 0, 0, .25);
				font-size: 2rem;
			}

				.wrap-webcap .ready .field input:focus::-webkit-input-placeholder,
				.wrap-webcap-supp .ready .field input:focus::-webkit-input-placeholder {
					color: transparent;
				}

				.wrap-webcap .ready .field input:focus:-moz-placeholder,
				.wrap-webcap-supp .ready .field input:focus:-moz-placeholder {
					color: transparent;
				}

				.wrap-webcap .ready .field input:focus::-moz-placeholder,
				.wrap-webcap-supp .ready .field input:focus::-moz-placeholder {
					color: transparent;
				}

				.wrap-webcap .ready .field input:focus:-ms-input-placeholder,
				.wrap-webcap-supp .ready .field input:focus:-ms-input-placeholder {
					color: transparent;
				}

.webcap, .webcap-supp {
	overflow: hidden;
}

	.webcap > .item,
	.webcap-supp > .item {
		float: left;
		text-align: center;
		background-color: #aaa;
		color: #fff;
		position: relative;
	}

		.webcap > .item:hover,
		.webcap-supp > .item:hover {
			box-shadow: inset 0 0 32px #1a1a1a;
			cursor: pointer;
		}

	.webcap.requires-two > .item,
	.webcap-supp.requires-two > .item {
		width: 50%;
		border-left: 4px solid #fff;
	}

	.webcap > .item + .item,
	.webcap-supp > .item + .item {
		border-right: 4px solid #fff;
	}

	.webcap .item.captured,
	.webcap-supp .item.captured {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #1a1a1a;
	}

	.webcap .item .pre,
	.webcap-supp .item .pre {
		padding: 5rem 1.5rem;
	}

	.webcap .item .post,
	.webcap-supp .item .post {
		display: none;
		position: absolute;
		bottom: 1.5rem;
		left: 0;
		width: 100%;
	}

	.webcap .item.captured .post,
	.webcap-supp .item.captured .post {
		display: block;
		text-align: center;
	}

		.webcap .item.captured .post .captured,
		.webcap-supp .item.captured .post .captured {
			display: none;
		}

			.webcap .item.captured .post .captured.previewing,
			.webcap-supp .item.captured .post .captured.previewing {
				display: block;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 4;
				background-color: #101010;
				overflow-y: auto;
				padding: 1.5rem 3rem;
			}

@media screen and (max-width: 767px) {
	.webcap .item.captured .post .captured.previewing,
	.webcap-supp .item.captured .post .captured.previewing {
		padding: .75rem;
	}
}

.webcap .item.captured .post .captured.previewing img,
.webcap-supp .item.captured .post .captured.previewing img {
	display: block;
	margin: auto;
}

.webcap .item.captured .post .captured.previewing p,
.webcap-supp .item.captured .post .captured.previewing p {
	text-transform: uppercase;
}

	.webcap .item.captured .post .captured.previewing p small,
	.webcap-supp .item.captured .post .captured.previewing p small {
		display: block;
		text-transform: none;
	}

.webcap .item.captured .post button,
.webcap-supp .item.captured .post button {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	font-weight: bold;
	outline: none;
	text-transform: uppercase;
	padding: .25rem .75rem;
	margin: 0 .375rem;
	text-shadow: 0 0 4px rgba(0, 0, 0, .75);
}

	.webcap .item.captured .post button:hover,
	.webcap-supp .item.captured .post button:hover {
		background: #fff;
		color: #1a1a1a;
		text-shadow: none;
	}

.webcap .item.captured .pre,
.webcap-supp .item.captured .pre {
	opacity: 0;
	z-index: -1;
}

.webcap .item .pre span,
.webcap-supp .item .pre span {
	display: block;
	text-transform: uppercase;
}

.webcap > .item .icon,
.webcap-supp > .item .icon {
	font-size: 5rem;
	line-height: 1;
}

.webcap > .item .title,
.webcap-supp > .item .title {
	font-size: 2rem;
}

.webcam, .webcam-supp {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/*opacity:0;*/
	z-index:-1;
	transform:translateY(-200%);
	-moz-transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.webcam.active, .webcam-supp.active {
		transform: translateY(0);
		/*opacity:1;*/
		z-index: 5;
}
.webcam-failed, .webcam-failed-supp {
	display: none;
	max-width: 640px;
	margin: auto;
	clear: both;
	overflow: hidden;
}

.webcam.failed + .webcam-failed {
	display: block;
	padding: 1.5rem 4px 0;
}

/* Adjust to target the child of .webcam-supp.failed-supp */
.webcam-supp + .failed-supp {
	display: block;
	padding: 1.5rem 4px 0;
}
.webcam-failed .title, .webcam-failed-supp .title {
	font-size: 1.3rem;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	padding: .75rem .75rem .5rem;
	background-color: #f42434;
	color: #fff;
	margin: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.webcam-failed .details, .webcam-failed-supp .details {
	padding: 1.5rem;
	border: 2px solid #f42434;
	border-top: none;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

	.webcam-failed .details p, .webcam-failed-supp .details p {
		margin-bottom: .75rem;
	}

	.webcam-failed .details ol, .webcam-failed-supp .details ol {
		margin-bottom: 0;
		padding-left: 2rem;
	}

.webcam .webcam-buttons {
	position:absolute;
	top:33.33%;
	right:50px;
	z-index:10;
	width:160px;
	text-align:center;
}
.webcam-buttons > *,
.webcap .item.captured .post button,
.webcap-supp .item.captured .post button {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}


.webcam-buttons .webcam-capture {
	width:120px;
	height:120px;
	border-radius:100%;
	border:6px solid #fff;
	box-shadow: 0 0 16px rgba(0,0,0,.75), inset 0 0 2px rgba(0,0,0,.75);
	outline:none;
}
.webcam-buttons .webcam-capture:before {
	font-size:3rem;
	color:#fff;
}
.webcam-buttons .webcam-capture:hover {
	/*background:#dadada;*/
	box-shadow:0 0 4px rgba(0,0,0,.75), inset 0 0 16px rgba(0,0,0,.75);
	/*box-shadow: 0 0 4px rgba(0,0,0,.75);*/
}
.webcam-buttons .sub {
	color:#fff;
	border:2px solid #fff;
	outline:none;
	font-size:.8rem;
	text-transform:uppercase;
	box-shadow: 0 0 8px rgba(0,0,0,.75), inset 0 0 0 rgba(0,0,0,.75);
	padding:.25rem .75rem;
	width:auto;
	display:block;
	margin-top:1.5rem;
	margin-left:auto;
	margin-right:auto;
}
.webcam-buttons .sub + .sub {
	margin-top:1rem;
}
.webcam .webcam-flip,
.webcam .webcam-torch {
	display:none;
}
.webcam .webcam-flip:hover,
.webcam .webcam-torch:hover {
	box-shadow:0 0 2px rgba(0,0,0,.75), inset 0 0 4px rgba(0,0,0,.75);
}
.webcam-buttons .sub.active {
	background-color:#fff !important;
	color:#515151 !important;
}
.webcam .webcam-exit {
	display:inline-block;
	font-size:3rem;
	color:#fff;
	text-shadow:0 0 4px rgba(0,0,0,.75);
	margin-top:1rem;
	cursor:pointer;
	background:transparent;
	width:60px;
	height:60px;
	border-radius:100%;
}
.webcam .webcam-exit:before {
	display:block;
	line-height:60px;
	margin-left:-3px;
}
.webcam .webcam-exit:hover {
	background-color:#fff;
	color:#1a1a1a;
}
@media screen and (max-width:1200px) {
	.webcam .webcam-buttons {
		width:80px;
	}
	html.orientation_portrait .webcam .webcam-buttons {
		transform:rotate(90deg);
		top:auto;
		bottom:0;
		right:33.33%;
	}
	.webcam-buttons .webcam-capture {
		width:70px;
		height:70px;
		border:4px solid #fff;
		box-shadow: 0 0 12px rgba(0,0,0,.75), inset 0 0 2px rgba(0,0,0,.75);
	}
	.webcam-buttons .webcam-capture:before {
		font-size:2rem;
	}
	.webcam-buttons .webcam-capture:hover {
		box-shadow:0 0 2px rgba(0,0,0,.75), inset 0 0 8px rgba(0,0,0,.75);
	}
	.webcam .webcam-exit {
		font-size:2rem;
		width:45px;
		height:45px;
	}
	.webcam .webcam-exit:before {
		line-height:45px;
	}
}
.webcam .wrap-webcam-video {
	z-index:9;
	height:100%;
	width:100%;
	background:#1a1a1a;
}
.webcam video {
	/* Make video to at least 100% wide and tall */
	min-width: 100%; 
	min-height: 100%; 
	max-height: 100%;
	max-width: 100%;

	/* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;

	/* Center the video */
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);*/
}
.webcam canvas {
	opacity:0;
}
@media screen and (max-width:767px) {
	.webcap.requires-two > .item,
	.webcap-supp.requires-two > .item {
		width: 100%;
		border-left: 4px solid #fff;
		border-right: 4px solid #fff;
	}

	.webcap > .item + .item,
	.webcap-supp > .item + .item {
		border-top: 4px solid #fff;
	}
}

/*
 * ADDED 2019-03-26
 * for new consultation setup in Sales/Prac Admin
 */
.wrap-webcap .ready.multiple-fields,
.wrap-webcap-supp .ready.multiple-fields {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 800px;
	margin: auto;
	align-items: center;
	justify-content: center;
}

	.wrap-webcap .ready.multiple-fields .field,
	.wrap-webcap-supp .ready.multiple-fields .field {
		flex: 1 0 34%; /* 2 per row */
		min-width: 40%;
		margin-left: 4px;
	}

		.wrap-webcap .ready.multiple-fields .field input:focus,
		.wrap-webcap-supp .ready.multiple-fields .field input:focus {
			font-size: 1.3rem;
		}

		.wrap-webcap .ready.multiple-fields .field + .button,
		.wrap-webcap-supp .ready.multiple-fields .field + .button {
			margin-top: .75rem;
			margin-bottom: 1.5rem;
			width: 100%;
			max-width: 400px;
		}

@media screen and (max-width:639px) {
	.wrap-webcap .ready.multiple-fields .field,
	.wrap-webcap-supp .ready.multiple-fields .field {
		flex: 1 0 51%; /* 1 per row */
		min-width: 100%;
		margin-left: 0;
	}
}

/*
 * NOTES and NOTES
 * - any way to deal with 6px padding on each side of mfp-container
 */


/**
 * HELPERS
 * placeholder text, scrollbar styling
 */
.new-search input::-webkit-input-placeholder { color:#d2d2d2; }
.new-search input::-moz-placeholder { color:#d2d2d2; }
.new-search input:-ms-input-placeholder { color:#d2d2d2; }
.new-search input:-moz-placeholder { color:#d2d2d2; }
.new-search * {
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.new-search ::-webkit-scrollbar-track {
	background: none;
}
.new-search ::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}
.new-search ::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 12px;
}
.new-search .button {
	border-radius:0;
}
/**
 * SEARCH POPUP WRAPPER
 */
.wrap--new-search {
	width:100%;
	height:98%;
	max-width:978px;
	margin:auto;
	margin-top:1%;
	/*padding:3rem 2rem;*/
}
.iphone .wrap--new-search {
	height:88%;
}
.wrap--new-search > .new-search {
	background-color:#fff;
	/*box-shadow:0 0 8px rgba(0,0,0,.7);*/
}
.new-search {
	display:flex;
	flex-direction:column;
	height:100%;
	overflow:hidden;
}
.new-search > .top {
	box-shadow:0 2px 8px rgba(0,0,0,.25);
	z-index:2;
}
.new-search > .bottom {
	box-shadow:0 -2px 8px rgba(0,0,0,.25);
	z-index:2;
}
.new-search > .list {
	flex:1;
	position:relative;
	overflow-y:auto;
	z-index:1;
}


/**
 * SEARCH AREA: TOP, BOTTOM
 * search bar, filters, toggles
 */
.new-search > .top .type-buttons,
.new-search > .bottom {
	width:100%;
	display:flex;
	flex-direction:row;
	border-bottom:1px solid #fff;
}
@media screen and (min-width:768px) {
	.new-search > .top > .item.searcher {
		width:60%;
		float:left;
	}
	.new-search > .top > .item.type-buttons {
		width:40%;
		float:left;
		border-bottom:none;
	}
	.new-search > .top > .item.type-buttons .button {
		height:3rem;
		line-height:2.5;
	}
}
.new-search > .bottom {
	border-top:1px solid #fff;
	border-bottom:none;
	font-size:1.2rem;
}
.new-search > .top .type-buttons .button,
.new-search > .bottom .button {
	flex:1;
	padding-top:.15rem;
	padding-bottom:.15rem;
	height:auto;
}
.new-search > .bottom .button {
	padding-top:.5rem;
	padding-bottom:.5rem;
}
.new-search > .bottom .button.button-cancel {
	max-width:16.67%;
}
.new-search > .bottom .button.button-return {
	text-transform:none;
	font-size:100%;
}
/*.new-search > .bottom .button.toggle-basket {
	flex-grow:2;
}*/
.new-search > .top .type-buttons .button:hover,
.new-search > .bottom .button:hover {
	box-shadow:inset 0 0 12px rgba(0,0,0,.5);
}
.new-search > .top .type-buttons .button + .button,
.new-search > .bottom .button + .button {
	border-left:1px solid #fff;
}
.new-search > .top .searcher {
	position:relative;
}
.new-search > .top input,
.new-search > .top select {
	width: 100%;
	line-height: 2rem;
	font-size:1.2rem;
	height: auto;
	padding:.5rem .75rem;
	border:none;
	background-color:transparent;
}
.new-search > .top select {
	padding-top:.75rem;
	padding-bottom:.75rem;
}
.new-search > .top .searcher input {
	padding-right:20%;
}
.new-search > .top .searcher.with-scanner input {
	padding-right:36%;
}
.new-search > .top .searcher .wrap-toggle {
	position:absolute;
	right:0;
	top:0;
	width:16.6%;
	height:100%;
	text-align:center;
	cursor:pointer;
	height:100%;
	padding-top:.33rem;
}
.new-search > .top .searcher.with-scanner .wrap-toggle.scanner {
	right:16.66%;
	border-right:1px solid #fff;
	padding-top:.45rem;
}
.new-search > .top .searcher .wrap-toggle small {
	/*line-height:1;
	white-space:nowrap;
	text-transform:uppercase;
	display:block;*/
	/* VISUALLY HIDE THIS INSTRUCTIONAL TEXT */
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}
.new-search > .top .searcher .wrap-toggle:hover {
	box-shadow:inset 0 0 12px rgba(0,0,0,.5);
}
.new-search > .top .searcher .wrap-toggle.filters .toggle-filters:before {
	font-size:40px;
	color:#fff;
}
.new-search > .top .searcher .wrap-toggle.scanner img {
	max-height:35px;
}
/*
@media screen and (max-width:767px) {
	.new-search > .top .searcher input:focus {
		padding-right:.75rem;
	}
	.new-search > .top .searcher input:focus + .wrap-toggle,
	.new-search > .top .searcher input:focus + .wrap-toggle + .wrap-toggle {
		right:-17% !important;
	}
}
*/
.new-search > .top .wrap-filters {
	max-height:0;
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
	clear:both;
	border-top:1px solid #dfe1e1;
}
.new-search.with-filters > .top .wrap-filters {
	max-height:500px;
}
.new-search > .top .wrap-filters > .item {
	width:50%;
	border-top:1px solid #dfe1e1;
	border-bottom:1px solid #dfe1e1;
}
.new-search > .top .wrap-filters > .item:nth-child(odd) {
	border-right:1px solid #dfe1e1;
}
.new-search > .top .wrap-filters > .item.empty {
	border:none !important;
}
@media screen and (min-width:768px) {
	.new-search > .top .wrap-filters > .item {
		width:25%;
	}
	.new-search > .top .wrap-filters > .item.empty.items-three {
		width:75%;
	}
	.new-search > .top .wrap-filters > .item:nth-child(4n+2) {
		border-right:1px solid #dfe1e1;
	}
	.new-search.with-filters > .top .wrap-filters {
		padding:1.5rem .75rem 0;
	}
	.new-search > .top .wrap-filters .item.category{
		border-left:1px solid #dfe1e1;
	}
	.new-search > .top .wrap-filters .item.unit {
		border-right:1px solid #dfe1e1;
	}
}
.new-search > .top .wrap-filters > .item.type-buttons {
	width:100%;
	padding-top:.75rem;
	display:block;
	border:none;
}
.new-search > .top .wrap-filters > .item.type-buttons .title {
	font-weight:bold;
	font-size:.8rem;
	padding:0 .75rem;
	display:block;
	width:100%;
}
.new-search > .top .wrap-filters > .item.type-buttons .wrap-buttons {
	display:flex;
	flex-wrap: wrap;
	width:100%;
}
.new-search > .top .wrap-filters > .item.type-buttons .wrap-buttons .button {
	padding-top:.3rem;
	padding-bottom:0;
}
/*.new-search.with-filters > .top .wrap-filters > .item.type-buttons .wrap-buttons .button {
	flex-
}*/
.new-search > .top .wrap-filters > .item.close-filters,
.new-search > .top .wrap-filters > .item.clear-filters {
	text-align:center;
	border-top:none;
	padding:1.5rem .75rem;
	width:50%;
	border:none;
}

@media screen and (min-width:768px) {
	.new-search > .top .wrap-filters > .item.type-buttons {
		width:40%;
	}
	.new-search > .top .wrap-filters > .item.close-filters,
	.new-search > .top .wrap-filters > .item.clear-filters {
		width:25%;
		padding-top:2.5rem;
		padding-bottom:.5rem;
	}
	.new-search > .top .wrap-filters > .item.clear-filters {
		margin-left:10%;
	}
}
/*.new-search.with-filters > .top .wrap-filters > .item:nth-child(odd) {
	padding-right:.25rem;
}
.new-search.with-filters > .top .wrap-filters > .item:nth-child(even) {
	padding-left:.25rem;
}*/
.new-search > .top .head-row {
	padding-top:.75rem;
	padding-bottom:.75rem;
	/*border-top:1px solid #dfe1e1;*/
	border-bottom:1px solid #dfe1e1;
}
@media screen and (min-width:768px) {
	.new-search > .top > .head-row {
		padding-top:1.5rem;
	}
	/*.new-search.with-filters > .top > .head-row {
		border-top:none;
	}*/
}

/**
 * SEARCH AREA: BOTTOM
 * save, basket, exit
 */
@media screen and (min-width:768px) {
	.new-search > .top > .item,
	.new-search > .bottom {
		max-width:600px;
		margin:auto;
		border-left:1px solid #dfe1e1;
		border-right:1px solid #dfe1e1;
	}
	/* modify search filters - no toggling between types */
	.new-search.types-one > .top > .item {
		max-width:none;
	}
}
/* modify search filters - no toggling between types */
.new-search.types-one > .top > .item.type-buttons {
	display:none !important;
}
.new-search.types-one > .top > .item.searcher {
	width:100%;
}



/**
 * SEARCH LIST
 */
 /*TEMP*/
/*.new-search .list > .item { min-height:400px; background:blue; }
.new-search .list > .item:nth-child(odd) { background:orangered; }*/
 /*endTEMP*/

 .new-search > .list {
 	padding-top:1.5rem;
 	padding-bottom:1.5rem;
 	overflow-y:scroll;
 }



/* force a "scrollbar" to ensure the header row always lines up with the columns in the main list */
.new-search > .top .wrap-filters + .head-row {
	overflow-y:scroll;
}


/**
 * STAGING AREA
 */
 .new-search > .wrap--basket {
 	max-height:0;
	overflow:hidden;
	/*position:absolute;
	top:0;
	left:0;*/
	width: 100%;
	background: #fff;
}
.new-search.with-basket > .wrap--basket {
	max-height:2000px;
	height:100%;
	z-index:2;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	overflow-y:auto;
}
.new-search.with-basket > .top,
.new-search.with-basket > .list {
	max-height:0;
	overflow:hidden;
	padding:0;
}
/* disable transitioning for certain elements */
.new-search.with-basket > .top,
.new-search.with-basket > .list,
.new-search > .wrap--basket,
.new-search > .wrap--basket .item.compound .compound-header * {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
/* if alternative basket is used (diary layout) */
.new-search.with-basket .wrap--basket.genui__ {
	padding-left:.75rem;
	padding-right:.75rem;
}
.new-search > .wrap--basket .item.compound.opened .compound-header .item-actions a {
	color:#fff;
}
.label.opened {
	z-index:9005;
}

.new-search .wrap--basket.genui__ .item.compound .item-name .toggle-compound-items {
	text-decoration:none;
}
.new-search .wrap--basket.genui__ .item.compound .item-tracking .toggle-compound-items:after {
	content:"Click to View Ingredients";
	display:block;
	font-size:.8rem;
}
.new-search .wrap--basket.genui__ .item.compound.opened .item-tracking .toggle-compound-items:after {
	content:"Click to Close Ingredients";
}
@media screen and (min-width:768px) {
	.new-search .wrap--basket.genui__ .item.compound.opened .compound-header {
		border-top:3px solid #fff;
	}
}
/* PULLED FROM PRODUCTION */
.viewport video {
    background: #000;
}
#scanner-container.viewport {
	width: 100%;
	height: auto;
	position: relative;
}
#scanner-container.viewport canvas,
#scanner-container.viewport video {
	width: 100%;
}
#scanner-container.viewport canvas.drawingBuffer {
	position: absolute;
	top: 0;
	left: 0;
}
/* end PULLED FROM PRODUCTION */



/* NEW STYLING */
.scanner {
	text-align:center;
}
.scanner input::-webkit-input-placeholder { color:#dadada; }
.scanner input::-moz-placeholder { color:#dadada; }
.scanner input:-ms-input-placeholder { color:#dadada; }
.scanner input:-moz-placeholder { color:#dadada; }

.scanner .tab-toggles {
	display:flex;
	flex-direction:row;
}
.scanner .tab-toggles .item {
	background-color:transparent;
	outline:none;
	font-size:1.3rem;
	font-weight:bold;
	text-transform:uppercase;
	flex:1;
}
.scanner .tab-toggles .item .details {
	font-size:.8rem;
	font-weight:normal;
	display:block;
	text-transform:none;
}
/* text and number used in case*/
.scanner-type--manual input[type="text"],
.scanner-type--manual input[type="number"] {
	font-size:1.5rem;
	width:100%;
	border:1px solid #dfe1e1;
	text-align:center;
	margin:.25rem auto 0;
	max-width:300px;
	outline:none;
	box-shadow:none;
}
.scanner-type--manual input[type="text"]:focus,
.scanner-type--manual input[type="number"]:focus {
	border:none;
	border-bottom:1px solid #dfe1e1;
}
.scanner-type--manual input + button {
	width:100%;
	max-width:300px;
}
.scanner .tab > .details {
	display:none;
}
.scanner-type--file input[type="file"] {
	display:none;
}
.scanner-type--file input[type="file"] + label {
	font-size:1.3rem;
	color:#fff;
	padding:.75rem;
	width:100%;
	max-width:300px;
	display:block;
	margin:auto;
	cursor:pointer;
	border-radius:6px;
}
.scanner-type--file input[type="file"] + label:hover {
	box-shadow:inset 0 0 8px rgba(0,0,0,.5);
}
.scanner-type--file input[type="file"] + label:before {
	font-size:2rem;
	display:block;
}
.scanner .error {
	margin-top:.25rem;
}
.scanner .step {
	margin-bottom:.25rem;
}
.scanner-barcodes {
	max-width:516px;
	margin:auto;
	margin-bottom:1.5rem;
}
@media screen and (max-width:767px) {
	.scanner .tab-toggles .item .extra {
		display:none;
	}		
}
@media screen and (max-width:699px) {
	.scanner .tab-toggles .item {
		font-size:1rem;
	}
	.scanner-select.tab-toggles .item .details {
		display:none;
	}	
	.scanner .tab-toggles .item .extra {
		display:inline;
	}
	.scanner .tab > .details {
		display:block;
	}
}
@media screen and (max-width:479px) {
	.scanner .tab-toggles .item .extra {
		display:none;
	}
	.scanner > .instructions {
		display:none;
	}
}
.popupWrap.fullscreen.with-sidebar {
	display:flex;
	flex-direction:row;
	padding:0;
	overflow:hidden;
	max-width:95%;
}
.popupWrap.fullscreen.with-sidebar > .closer {
	margin-left:0;
	left:auto;
	right:7.5%;
}
.popupWrap.fullscreen > .sidebar {
	min-width:350px;
	max-width:350px;
	padding:1.5rem 0.75rem;
	box-shadow:0px 0px 12px rgba(0,0,0,.15);
	overflow-y:auto;
}
.popupWrap.fullscreen > .main-content {
	flex-grow:1;
	padding:0.75rem;
	padding-left:1.5rem;
	overflow-y:auto;
}
.filter-section + .filter-section {
	margin-top:2.25rem;
}
.filter-section .label {
	text-align:center;
	margin-bottom:.25rem;
	font-weight:bold;
}

.graphs {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	/*border-top:1px solid #dfe1e1 !important;*/
}
.graphs > .item:not(.active) {
	display:none;
}
.graphs > .item {
	width:50%;
	/*width:100%;*/
	/*border:1px solid #dfe1e1;*/
	border-top:none;
	padding:0.75rem .375rem 1.5rem;
}
.graphs > .item:nth-child(even) {
	border-left:none;
}
.filter-instructions {
	text-align:center;
	font-size:.8rem;
	margin-bottom:1.5rem;
}
.wrap-toggle-sidebar {
	display:none;
	position:fixed;
	top:5%;
	left:2.5%;
	width:95%;
	z-index:1002;
	/*if calc is available*/
	left:calc(2.5% + 6px);
	width:calc(95% - 12px);
}
.toggle-sidebar {
	display:block;
	width:100%;
	outline:none;
	box-shadow:3px 0px 12px rgba(0,0,0,.25);
	border-radius:0;
}
.toggle-sidebar:hover {
	box-shadow:inset 0 0 12px rgba(0,0,0,.25);
}
.filter-section {
	clear:both;
}
.filter-section .label {
	margin-bottom:.75rem;
}
.filter-section .label small {
	display:block;
	line-height:1;
	font-weight:normal;
}
.filter-section.filter--sources {
	text-align:center;
}
.filter-section .legend {
	display:inline-block;
	text-align:left;
	list-style:none;
	padding-left:0;
	margin-bottom:0;
}
.filter-section .legend.selectable li {
	cursor:pointer;
}
.filter-section .legend.selectable li:hover {
	/*font-weight:bold;*/
	text-shadow: 0 1px 0 #515151;
}
.filter-section .legend.selectable li:not(.active) {
	opacity:.5;
}
.filter-section .legend span {
	display:inline-block;
	text-align:center;
	min-width:30px;
}
.filter-section .legend .point--circle {
	font-size:1.35rem;
}
.filter-section .legend .point--rect {
	font-size:1.2rem;
}
.graph-timeframe > .item {
	width:50%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	padding:0 .75rem;
}
.graph-timeframe > .item + .item {
	margin-left:-5px;
}
.graph-timeframe > .item select {
	background-color:transparent;
	font-size:1.3rem;
	border:none;
	/* border-bottom:2px solid #515151; */
	border:1px solid #515151;
	text-align:center;
}
.graph-timeframe > .item select + label {
	display:block;
	margin-top:.25rem;
}

.item-menu .category-title {
	margin-bottom:.75rem;
	text-align:center;
	border-bottom:1px solid rgba(0,0,0,.25);
}
.item-menu .category + .category-title {
	margin-top:1.5rem;
}
.item-menu .category {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.item-menu .item {
	flex:1 0 40%; /* 2 per column */
	min-width:40%;
	/*max-width:50%;*/
	padding:0 .25rem .75rem .25rem;
}
.item-menu .item input[type="checkbox"] {
	display:none;
}
.item-menu .item label {
	padding-left:26px;
	position:relative;
	display:block;
}
.item-menu .item label:hover {
	text-shadow: 0 1px 0 #515151;
}
.item-menu .item label:before {
	position:absolute;
	top:1px;
	left:0;
	content:'\2713';
	display:inline-block;
	vertical-align: middle;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:1.33rem;
	font-weight:bold;
	text-align: center;
	color:transparent;
	border:1px solid #333;
	margin:0 6px 0 0px;
}
.item-menu .item input[type='checkbox']:checked + label:before,
.item-menu .item label:hover:before {
	color:#515151;
}
.item-menu .item input[type='checkbox']:checked + label:before {
	opacity:1;
}
.item-menu .item label:hover:before {
	opacity:.5;
}
@media screen and (max-width:1249px) {
	.graphs > .item {
		width:100%;
	}
}
@media screen and (max-width:939px) {
	.popupWrap.fullscreen.with-sidebar {
		overflow:auto;
		display:block;
		padding-top:36px; /* allow room for toggle-sidebar button */
	}
	.popupWrap.fullscreen > .sidebar {
		width:100%;
		max-width:100%;
		min-width:100%;
	}
	.popupWrap.fullscreen > .main-content {
		padding-left:.75rem;
	}
	.wrap-toggle-sidebar {
		display:block;
	}
}
@media screen and (max-width:939px) and (min-width:549px) {
	.graph-filters .filter--sources,
	.graph-filters .filter--timeframe {
		float:left;
		width:50%;
	}
	.graph-filters .filter--timeframe {
		margin-top:0;
		clear:none;
	}
	.graph-filters .item-menu .item {
		flex: 1 0 26%; /* 3 per column */
		min-width:26%;
		max-width:33%;
	}
}
@media screen and (max-width:549px) {
	.filter-section + .filter-section {
		margin-top:1.5rem;
	}
}
@media screen and (max-width:399px) {
	.graph-filters .item-menu .item {
		flex: 1 0 100%; /* 1 per column */
		min-width:100%;
		max-width:100%;
	}
	.graph-timeframe > .item select {
		font-size:1.15rem;
	}
}

/*****
 NOTES
 - positive green: #2ecc40;
 - light gray: #dfe1e1;
 - gray: #525252;
 - darker gray: #999;
 - pad/marg scale: .75rem 1.5rem 2.25rem 3rem;
 - font size scale: 1.15rem 1.3rem 1.6rem;
 - breakpoints: 1249, 939, 767, 639, 479, 399;
 *****/

/***************
  FORM FIELDS
****************/
.fields {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-left:-0.375rem;
	margin-right:-0.375rem;
	margin-bottom:-0.75rem;
	text-align:left;
}
.fields + .fields {
	margin-top:.75rem;
}
.fields .item {
	min-width:50%;
	padding:0 .375rem .75rem;
	flex:1 0 34%; /* 2 per row */
}
.fields .item.full {
	min-width:100%;
}
.waiver .fields .item {
	min-width:25%;
	max-width:25%;
	flex:1 0 21%; /* 4 per row */
}
.waiver .fields .item.full {
	min-width:50%;
	max-width:50%;
}
.fields .item input,
.fields .item select {
	background-color:transparent;
    border:none;
    border-bottom:2px solid #dfe1e1;
    font-size:1rem;
	padding:0 .5rem;
}
.fields .item select {
	padding:0 .25rem;
}
.fields.big .item input,
.fields.big .item select {
	font-size:1.3rem;
}
.fields .item input::-webkit-input-placeholder { color:#dadada; }
.fields .item input::-moz-placeholder { color:#dadada; }
.fields .item input:-ms-input-placeholder { color:#dadada; }
.fields .item input:-moz-placeholder { color:#dadada; }
.fields .item input:focus {
	border:1px solid #dfe1e1;
}
.fields .item input[disabled="disabled"],
.fields .item select[disabled="disabled"] {
	background-color:#f5f5f5;
	color:#515151;
}
.fields.align-center,
.fields.align-center .item input,
.fields.align-center .item select {
	text-align:center;
}
.fields .item input + label,
.fields .item select + label {
	font-size:.8rem;
	padding:0 .5rem;
}
.fields + .option-buttons {
	margin-top:1.5rem;
}
.option-buttons > .button {
	width:100%;
}
.option-buttons > .button + .button {
	margin-top:.75rem;
}
.option-buttons > .button[disabled="disabled"] {
	border:1px solid #dfe1e1;
}

/***************
 SIDEBAR LAYOUT
****************/
.wrap-mobile-buttons {
	display:none;
	position:fixed;
	bottom:5%;
	left:2.5%;
	width:95%;
	z-index:1002;
	/*if calc is available*/
	left:calc(2.5% + 6px);
	width:calc(95% - 12px);
}
.wrap-mobile-buttons .button {
	width:100%;
}
@media screen and (max-width:939px) {
	.wrap-mobile-buttons {
		display:block;
	}
	.popupWrap.fullscreen.with-sidebar.questionnaire {
		padding-bottom:36px;
	}
	.popupWrap.fullscreen.with-sidebar.questionnaire .sidebar {
		display:none;
	}
	.popupWrap.fullscreen.with-sidebar.questionnaire .sidebar .buttons {
		display:none;
	}
	.popupWrap.fullscreen.with-sidebar.questionnaire .sidebar .buttons.outside-actions {
		display:block;
		margin-top:1.5rem;
	}
}


/***************
  QUESTIONNAIRE
****************/
/**
 * MAIN SECTIONS
 */
.questionnaire .section {
	padding:2.25rem .75rem;
	overflow:hidden;
	border-collapse:collapse;
	border-bottom:1px solid #dfe1e1;
}
.questionnaire .main-content > .section:first-child {
	padding-top:1.5rem;
}
.questionnaire .main-content > .section:last-child {
	padding-bottom:1.5rem;
	border-bottom:none;
}

/**
 * TITLE AREA
 * contains questionnaire title and client details
 */
.questionnaire .title {
	text-align:center;
	margin:1rem auto 0;
	width:100%;
}
.questionnaire .title h4 {
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:0;
}
.questionnaire .title p {
	margin-bottom:0;
}
.questionnaire .title p + p {
	margin-top:1.5rem;
}
.questionnaire .client-details {
	margin:1.5rem 0;
}

/**
 * AVAILABLE ACTIONS
 * contains history of questionnaires, link to start new questionnaire
 */
.questionnaire .actions {
	margin-bottom:.75rem;
	text-align:center;
}
.questionnaire .actions select {
	width:auto;
	margin:auto;
}
.questionnaire .actions .note {
	font-size:.8rem;
	margin:.75rem 0 0;
}
.questionnaire .actions > .item + .item {
	margin-top:1.5rem;
}

/**
 * IF QUESTIONNAIRE HAS SIDEBAR
 * sidebar-specific adjustments
 */
.popupWrap.fullscreen.questionnaire > .sidebar {
	min-width:300px;
	max-width:300px;
}
.questionnaire .sidebar {
	display:flex;
	flex-direction:column;
}
.questionnaire .sidebar .title {
	max-height:50%; /* precaution to ensure the save/cancel buttons are always visible without scrolling */
	overflow-y:auto;
}
.questionnaire .sidebar .buttons {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-top:auto;
}
.questionnaire .sidebar .buttons .button:not(.button-cancel) {
	flex-grow:1;
	min-width:100%;
}
.questionnaire .sidebar .buttons .button + .button {
	margin-top:.75rem;
}

/**
 * MAIN SECTION LABELS & CLOSE LINKS
 * includes counter for how much of the section is completed
 * when 100% complete, add styling to show "completed" (positive green color)
 */
.questionnaire .section-label {
	font-size:1.6rem;
	text-transform:uppercase;
	margin-bottom:0;
	cursor:pointer;
}
.questionnaire .completed.section .section-label {
	color:#2ecc40;
	font-weight:normal;
}
.questionnaire .section-label .completion {
	float:right;
	font-size:1.3rem;
	line-height:2.5rem;
	font-weight:100;
	text-transform:none;
	padding-left:1rem;
}
.questionnaire .completed.section .section-label .completion {
	color:#2ecc40;
}
.questionnaire .close-section {
	display:none;
	text-align:center;
	margin:2rem 0 0;
}
.questionnaire .completed.section .close-section {
	display:block;
}

/**
 * QUESTIONS
 */
.questionnaire .question {
	margin-top:2.25rem;
	margin-bottom:.25rem;
	font-size:1.3rem;
}

/**
 * TRIGGERED QUESTIONS
 * triggered questions are toggled by answering a prior question
 */
.questionnaire .triggered {
	max-height:0;
	overflow:hidden;
	clear:both;
	margin:0;
}
.questionnaire .triggered.active {
	max-height:2000px; /* this should provide plenty of room, we are not triggering too many questions at once */
	padding:0 0 1rem;
}
/* empty triggered sections give us a triggered section for each answer in the triggering question... this could be removed by adjusting js */
.questionnaire .triggered.empty {
	padding:0;
}
.questionnaire .trigger-link {
	display:inline-block;
	clear:both;
	text-decoration:underline;
	padding-top:1rem;
	cursor:pointer;
}

/**
 * ANSWERS
 * many answer section are "big-buttons"
 */
.questionnaire .answer {
	width:100%;
}
.questionnaire .answer textarea {
	width:100%;
	max-width:480px;
	padding:.5rem;
}
.questionnaire label {
	line-height:1.25;
}
.big-buttons {
	display:flex;
	flex-wrap:wrap;
	margin-left:1px; /* used in conjunction with -1px margin on each button (since border-collapse is not available) */
	margin-top:1px; /* used in conjunction with -1px margin on each button (since border-collapse is not available) */
}
.big-buttons {
	padding-right:1px; /* used in conjunction with -1px margin on each button (since border-collapse is not available) */
}
.triggered .big-buttons {
	padding-right:2px; /* used in conjunction with -1px margin on each button (since border-collapse is not available) */
}
.big-buttons.display-only label {
	cursor:default;
}
.big-buttons input[type="radio"],
.big-buttons input[type="checkbox"] {
	display:none;
}
.big-buttons input[type="radio"] + label,
.big-buttons input[type="checkbox"] + label {
	position:relative;
	display:flex;
	flex:1 0 21%; /* 4 per row */
	max-width:25%;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	text-align:center;
	height:100px; /* set a default height so all buttons are the same size */
	font-size:1.15rem;
	text-transform:uppercase;
	color:#333;
	background:transparent;
	border:solid 1px #525252;
	box-sizing:border-box;
	padding:.75rem;
	margin-left:-1px; /* since border-collapse is not available */
	margin-top:-1px; /* since border-collapse is not available */
}
/* hover effects */
.big-buttons input[type="radio"]:not([disabled="disabled"]) + label:hover,
.big-buttons input[type="checkbox"]:not([disabled="disabled"]) + label:hover {
	box-shadow:inset 0 0 0 4px #999;
}
.big-buttons input[type="radio"].highlight:not([disabled="disabled"]) + label:hover,
.big-buttons input[type="checkbox"].highlight:not([disabled="disabled"]) + label:hover {
	box-shadow:inset 0 0 0 5px #999;
}
.big-buttons input[type="radio"]:checked:not([disabled="disabled"]) + label:hover,
.big-buttons input[type="checkbox"]:checked:not([disabled="disabled"]) + label:hover {
	box-shadow:inset 0 0 0 4px #fff;
}
.big-buttons input[type="radio"]:checked + label,
.big-buttons input[type="checkbox"]:checked + label {
	color:#fff;
	background:#999;
}
/* disabled buttons */
.big-buttons input[type="radio"][disabled="disabled"] + label,
.big-buttons input[type="checkbox"][disabled="disabled"] + label {
	cursor:not-allowed;
	opacity:.55;
}
/* highlight previous answers */
.big-buttons input[type="radio"].highlight + label,
.big-buttons input[type="checkbox"].highlight + label {
	box-shadow:inset 0 0 0 3px #525252;
}

/* triangle pointing to triggered questions */
/*.big-buttons input[type="radio"][data-trigger]:not(.empty):checked + label:before,
.big-buttons input[type="checkbox"][data-trigger]:not(.empty):checked + label:before {
	content:"";
	z-index:2;
	position:absolute;
	bottom:-20px;
	left:50%;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top:20px solid #999;
	margin-left:-20px;
	width:0;
	height:0;
}*/
/* pseudo-border for triangle pointing to triggered questions */
/*.big-buttons input[type="radio"][data-trigger]:not(.empty):checked + label:after,
.big-buttons input[type="checkbox"][data-trigger]:not(.empty):checked + label:after {
	content:"";
	width:0;
	height:0;
	border-left:22px solid transparent;
	border-right:22px solid transparent;
	border-top:22px solid #525252;
	position:absolute;
	bottom:-22px;
	left:50%;
	margin-left:-22px;
	z-index:1;
}*/
/* for highlighted buttons */
.big-buttons input[type="radio"][data-trigger]:not(.empty):checked + label.highlight:before,
.big-buttons input[type="checkbox"][data-trigger]:not(.empty):checked + label.highlight:before {
	bottom:-16px;
}
.big-buttons label small {
	display:block;
	width:100%;
	font-size:.75rem;
	line-height:1.25;
}
/**
 * ALERTS
 * notification when section is completed
 * ~ could remove "questionnaire-" from class name but want to ensure we don't clash with any existing alerts
 */
.questionnaire-alert {
	z-index:9999;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background-color:#dadada; /* bg-color will be set by alert status (success, error, etc.) */
	color:#fff;
	box-sizing:border-box;
	padding:.5rem 1rem;
	text-align:center;
	box-shadow:0 6px 12px rgba(0,0,0,.25);
}
.questionnaire-alert strong {
	text-transform:uppercase;
}
.questionnaire-alert.completed {
	background-color:#2ecc40;
}


@media screen and (max-width:1249px) {
	.questionnaire .section-label {
		font-size:1.3rem;
	}
	.questionnaire .section-label .completion {
		font-size:1rem;
		line-height:2.1rem;
	}
	.big-buttons input[type="radio"] + label,
	.big-buttons input[type="checkbox"] + label {
		flex:1 0 26%; /* 3 per row */
		max-width:33.33%;
	}
	.questionnaire .question {
		font-size:1.15rem;
	}
}
@media screen and (max-width:959px) {
	.popupWrap.fullscreen.questionnaire > .main-content {
		padding-left:.75rem;
	}
	.questionnaire .section-label .completion {
		line-height:1.4rem;
	}
}
@media screen and (min-width:940px) {
	/* precaution in place for when a user goes from mobile view to larger view */
	.popupWrap.fullscreen.questionnaire > .sidebar {
		display:flex !important; 
	}
}
@media screen and (max-width:939px) {
	.popupWrap.fullscreen.questionnaire {
		min-height:90%;
	}
	.popupWrap.fullscreen.questionnaire > .sidebar {
		min-width:100%;
		max-width:100%;
	}
	.questionnaire .sidebar .title {
		margin-top:0;
		max-height:100%;
		overflow-y:hidden;
	}
	.questionnaire .section-label {
		font-size:1.6rem;
	}
	.questionnaire .section-label .completion {
		font-size:1.3rem;
		line-height:2.1rem;
	}
	.questionnaire .question {
		font-size:1.3rem;
	}

}
@media screen and (max-width:767px) {
	.questionnaire .section-label {
		font-size:1.3rem;
	}
	.questionnaire .section-label .completion {
		font-size:1rem;
		line-height:1.8rem;
	}
}
@media screen and (max-width:639px) {
	.questionnaire .section-label .completion {
		float:none;
		display:block;
		padding-left:0;
		margin-top:.25rem;
	}
	.questionnaire .question {
		font-size:1.15rem;
	}
	.big-buttons input[type="radio"] + label,
	.big-buttons input[type="checkbox"] + label {
		font-size:1rem;
	}
	.big-buttons input[type="radio"] + label,
	.big-buttons input[type="checkbox"] + label {
		flex:1 0 34%; /* 2 per row */
		max-width:50%;
	}
}
@media screen and (max-width:479px) {
	.questionnaire .section {
		padding:1.5rem .25rem;
	}
}
@media screen and (max-width:399px) {
	.big-buttons input[type="radio"] + label,
	.big-buttons input[type="checkbox"] + label {
		flex:1 0 51%; /* 1 per row */
		max-width:100%;
	}
}



/**
 * WAIVERS
 * 
 */


/**
 * SIGNATURES
 * finger/mouse signature area
 */
.wrap-signature {
	margin:1.5rem auto;
}
.wrap-signature > .instructions {
	margin-bottom:0;
}
.wrap-signature .DEMO-AREA {
	width:100%;
	height:200px;
	background:#f5f5f5;
	border:2px solid #515151;
}


/* TABLES */
._hc table {
	border:1px solid #bababa;
	width:100%;
	text-align:left;
	margin-bottom:0;
}
._hc table.align-center {
	text-align:center;
}
._hc table.i-four td {
	width:25%;
}
._hc table thead {
	background-color:#515151;
	color:#fff;
	font-size:.8rem;
	/*text-transform:uppercase;*/
} 
/*._hc table thead tr td:first-child {
	font-size:1rem;
	line-height:1.2;
	font-weight:bold;
}*/
/*._hc table tr.header {
	background-color:#efefef;
	height:auto;
}
._hc table tr.header td {
	font-size:.8rem;
	line-height:1.5;
}
._hc table tr.header td:first-child {
	font-size:1rem;
	line-height:1.2;
	font-weight:bold;
}*/
/* TODO: border-radius not working on table (tried more than just this so far) */
._hc table thead tr:first-child {
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
._hc table tbody tr:last-child {
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
/* important tag needed to override table td in bundle */
._hc table td {
	padding:.5rem .75rem !important;
}
._hc td:not(.name) {
	white-space: nowrap;
	vertical-align:middle;
}
._hc .smaller-text table td {
	padding:.25rem;
}
._hc .smaller-text table td.buttoned .button {
	height: auto;
	line-height: 1;
}
._hc table td.buttoned.smaller-text .button {
	height:100%;
	line-height:1;
}
._hc table td.label-buttoned {
	padding-top:0;
	padding-bottom:0;
	vertical-align: middle;
}
._hc table td.inputted {
	padding-top:.25rem;
	padding-bottom:.25rem;
	vertical-align: middle;
}
._hc table td.inputted input {
	width:auto;
	display:inline;
}
._hc table td.buttoned {
	padding:0;
	vertical-align: middle;
	height:2rem;
}
._hc table td.buttoned {
	border-color:#fff;
}
._hc table td.buttoned .button {
	height:100%;
	width:100%;
	display:block;
	border-radius:0;
}
._hc table thead td + td {
	border-left:1px solid #fff;
}
._hc table tbody tr + tr {
	border-top:1px solid #bababa;
}
._hc table td + td {
	border-left:1px solid #bababa;
}
._hc table tbody td small {
	font-size:.8rem;
	line-height:1.2;
}
._hc table.pricing tbody {
	font-size:.9rem;
}
._hc table.pricing td {
	padding:.5rem .33rem .25rem !important;
}
._hc table.pricing td.buttoned .button {
	height: auto;
	line-height: 1;
}

@media screen and (max-width:499px) {
	._hc .data-table {
		font-size:.8rem;
	}
	._hc .data-table .smaller-text {
		font-size:.67rem;
	}
	._hc .data-table td {
		padding: .25rem;
	}
}

._hc.filters .i > .button {
	font-size:.8rem;
}
._hc.filters .i > .button,
._hc.filters .i > input {
	margin-top:.25rem;
}
._hc.filters .button.filter:focus {
	outline:none;
}
._hc.filters select.filter {
	padding: .33rem;
	height: auto;
}
._hc.filters .filter-button {
	color:#515151;
}
._hc.filters .filter-button > .icon {
	vertical-align:middle;
	line-height:0;
	font-size:1rem;
	margin-right:.25rem;
}

._hc.results {
	padding:.75rem 0;
}

._hc.wrap-cards {
	margin-left:-.5rem;
	margin-right:-.5rem;
}
._hc .card {
	/*padding:.75rem;*/
	border:1px solid #efefef;
	box-shadow: 0 0 4px rgba(0,0,0,.25);
	border-radius:4px;
	overflow:hidden;
}
._hc .card.js-open-lightbox:hover {
	box-shadow: 0 0 8px rgba(0,0,0,.5);
}
._hc .professional {
	align-items:stretch;
}
/*._hc .professional .thumb {
	width:130px;
}*/
/*._hc .professional .summary {
	padding:.75rem 1.5rem;
}*/
._hc .professional .summary h3 {
	margin-bottom:0;
}

._hc .professional .cta {
	margin-left:auto;
}
._hc .professional .cta .button {
	height:100%;
	border-radius:0;
	padding-left:.75rem;
	padding-right:.75rem;
	min-width:130px;
}
/*.card.active {
	width:100%;
	max-width:100%;
	flex:1 0 100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
}
.card.active .summary {
	width:33.33%;
	width:calc(33.33% - 1rem);
}*/
._hc .card.active .details {
	display:block;
	padding:1.5rem;
	width:100%;
}
._hc .card.active .details p > small {
	line-height:1.25;
}

._hc .card.active .details p:last-child {
	margin-bottom:0;
}
._hc .card h3 {
	margin-bottom:.75rem;
}
._hc .card-actions .button {
	display:inline-block;
	margin-bottom:.75rem;
}
._hc .card .summary p {
	margin-bottom:.75rem;
}
._hc .summary .subtitle {
	width:100%;
	display:block;
	line-height:1.5;
}
._hc .summary .subtitle label {
	/*color:#515151;*/
	font-weight:normal;
}

._hc .button {
	border-radius:0;
	outline:none;
}


._hc .card {
	/*width:31.33%;
	float:left;*/
	margin:.75rem .5rem;
}
._hc .card--single {
	margin:0;
}
._hc .card--inline {
	display:inline-block;
}
._hc .card.js-open-lightbox:focus {
	outline:none;
}
._hc.wrap-best-match {
	overflow:hidden;
}
._hc .best-match {
	padding-bottom:2.5rem;
}
._hc .best-match .slick-arrow {
	top:auto;
	bottom:0;
	margin:0 .5rem;
	height:2rem;
	width:2rem;
	line-height:2rem;
	text-align:center;
	background:#bababa;
	color:#fff;
}
/*._hc .best-match .wrap-match .card {
	max-width:300px;
	margin:auto;
}*/
._hc .thumb {
	width:100%;
}
._hc .thumb img {
	width:100%;
}
._hc .summary {
	padding:.75rem;
}
._hc .summary p:last-child {
	margin-bottom:0;
}
._hc .detailed-view .summary {
	padding:.75rem 0;
}
._hc .summary h3 {
	font-size:1.25rem;
}
._hc .cta .button {
	width:100%;
}
._hc .main {
	padding:0;
}
._hc .card.active,
._hc .detailed-view {
	width:100%;
	max-width:100%;
	flex:1 0 100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
}
._hc .card.active .main,
._hc .detailed-view .main {
	width:33.33%;
	width:calc(33.33% - 1rem);
}
._hc .card.active .main {
	border-right:1px solid #efefef;
}
._hc .card.active .details,
._hc .detailed-view .details {
	display:block;
	width:66.67%;
	padding:0 1.5rem;
}
._hc .card.active .details {
	padding:.75rem 1.5rem;
}
._hc .card .wrap-buttons > .button {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}


._hc .datepicker-range input {
	display:inline-block;
	width:80px;
	min-width:80px;
	padding-top:0;
	padding-bottom:0;
}
/*@media screen and (min-width:768px) {
	._hc .card.program {
		flex-direction:row-reverse;
	}
}*/

._hc .card {
	background-color:#fff;
}

._hc .card .flag {
	width:20%;
	padding:1rem .5rem;
	align-items:center;
	position:relative;
}
._hc .card .bar {
	text-align:center;
	font-weight:bold;
	padding:.25rem;
	text-transform:uppercase;
	color:#fff;
}
@media screen and (min-width:768px) {
	._hc .card.program {
		flex-direction:row-reverse;
	}
}
._hc .card.program .main {
	width:80%;
	padding:0;
	align-items:flex-start;
}
/*._hc .card.program .secondary {
	width:35%;
	padding:0;
}*/
._hc .flag ul {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	font-size:1rem;
	line-height:1.4;
}
._hc .flag li + li {
	margin-top:.5rem;
}
._hc .flag li.title {
	font-size:1.2rem;
	font-weight:bold;
}
._hc .flag li label {
	display:block;
	font-size:.8rem;
	font-weight:bold;
}
._hc .card .flag p {
	/*color:#fff;*/
	margin:0;
	text-align:center;
}
._hc .card .flag p > span {
	display:block;
}
/*._hc .card .flag .title {
	font-size:1.5rem;
	text-transform:uppercase;
	font-weight:bold;
}
._hc .card .flag .footnote {
	margin-top:.5rem;
	display:block;
	width:100%;
	padding:.5rem;
	font-size:.8rem;
	text-align:center;
}*/
._hc .card.program {
	overflow:visible;
}
._hc .card .flag.with-actions {
	padding-bottom:3rem;
}
._hc .card .flag .wrap-actions {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
._hc .card .flag .wrap-actions a {
	display:block;
}
/* @media screen and (min-width:700px) {
	._hc .card .flag .wrap-actions a {
		border-bottom-left-radius:4px;
	}
} */
._hc .card.program .thumb {
	width:200px;
	padding:.75rem;
	margin:auto;
}
._hc .card.program .summary {
	flex:1 0 50%;
	padding:1rem;
}
._hc .card.program .secondary {
	margin-bottom:.5rem;
	align-items:flex-start;
}
._hc .card.program .secondary .thumb {
	width:60px;
	padding:0;
}
._hc .card.program .secondary .summary {
	padding:0 0 0 1rem;
}
._hc .card.program .secondary h4 {
	font-size:1.1rem;
}
._hc .card.program .price {
	margin-bottom:.25rem;
}
._hc .card .wrap-actions > a + a {
	margin-left:1rem;
}
._hc .detailed-view .secondary {
	justify-content:flex-start;
}
._hc .detailed-view .secondary .summary {
	padding:0 1rem;
}
._hc .detailed-view .secondary .summary h4 {
	margin-bottom:0;
}
._hc .detailed-view .secondary .summary h4 + a {
	font-size:.8rem;
}
._hc .detailed-view .secondary .thumb {
	width:60px;
} 

._hc .button.heightless {
	height:auto;
	line-height:1.5;
	border-radius:0;
	display:block;
	padding:.75rem;
}
._hc .separate-filters > .i {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
._hc .separate-filters.i-four > .i {
	width:25%;
}
@media screen and (max-width:599px) {
	._hc .separate-filters.i-four > .i {
		width:50%;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}

}
.button.icon-only [data-icon] {
	margin:0;
}
.wrap-info-buttons .button.info-button {
	height:auto;
	line-height:1.5;
	border-radius:0;
	display:block;
	padding:.75rem;
}
.wrap-info-buttons .button.info-button .title {
	font-weight:bold;
	font-size:1.2rem;
}
.wrap-info-buttons .button.info-button .info {
	display:block;
	font-size:.8rem;
	line-height:1.2;
	white-space:normal;
	text-transform:none;
}

.expandable-text {
	position:relative;
	overflow:hidden;
	max-height:6rem;
	/*padding-bottom:1rem;*/
	padding-bottom:1.5rem;
	margin-bottom:1.5rem;
	cursor:pointer;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.pricing .expandable-text.expand-single {
	max-height:4.5rem;
	margin-bottom:0;
}
.pricing .expandable-text.expand-single:before {
	content:"View Description";	
}
.expandable-text:after {
	content:"";
	position:absolute;
	bottom:1rem;
	left:0;
	width:100%;
	height:2rem;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
}
.expandable-text:before {
	content:"click to expand";
	text-decoration:underline;
	font-size:.8rem;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	border-top:#dfe1e1;
	background:#fff;
	z-index:2;
}
.expandable-text:hover:before {
	text-decoration:none;
}
.expandable-text.active,
.pricing .expandable-text.expand-single.active {
	/* max-height: 1000px; */
	max-height: none; /* responsive height - added to ensure full text is visible */
	cursor: default;
	margin-bottom: 0;
	padding-bottom: 0;
}
.expandable-text.active:before,
.expandable-text.active:after {
	display:none;
}


._hc table.wrap-clients td {
	width:auto;
	height:auto;
	vertical-align:middle;
}
._hc table.wrap-clients tbody td {
	padding:0;
}
._hc table.wrap-clients .thumbnail {
	width:60px;
}
._hc table.wrap-clients .name {
	/*width:100%;*/
}
._hc table.wrap-clients .name,
._hc table.wrap-clients .status--services {
	padding:.5rem .75rem;
}
._hc table.wrap-clients .status {
	width:100px;
	text-align:center;
}
._hc table.wrap-clients .button {
	min-height:60px;
	line-height:60px;
	width:100%;
	text-transform:none;
}


._hc .wrap-clients hr,
._hc .wrap-groups hr {
	margin-top:.75rem;
}
._hc .icon-link {
	width:2.5rem;
	text-align:center;
}
._hc .icon-link img {
	padding:.25rem;
	max-width:45px;
	-moz-transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
._hc .icon-link:hover img {
	padding:.5rem;
}
._hc .wrap-icon-links {
	margin-top:-.25rem;
}
._hc .wrap-icon-links > a {
	vertical-align:top;
}
._hc .wrap-icon-links > a + a {
	margin-left:.25rem;
}
._hc .with-notification {
	position:relative;
	display:inline-block;
	min-width:60px;
}
._hc .with-notification .label {
	font-size:.8rem;
	display:none;
}
._hc .with-notification .alert_noti {
	position:absolute;
	top:25px;
	right:5px;
}
._hc .with-notification .alert_noti:not(.alert_new) {
	font-weight:bold;
	font-size:1.25rem;
	top:20px;
}
._hc .client.row .button.js-open-action-menu,
._hc .group.row .button.js-open-action-menu {
	font-size: 2rem;
	padding:.25rem .25rem .1rem;
	line-height: 0;
	height: auto;
	float:left;
	margin-right:1rem;
}


._hc.wrap-timekeeper {
	display:none;
	position:fixed;
	bottom:1.5rem;
	right:1.5rem;
	width:300px;
	z-index:9;
	background-color:#fff;
	box-shadow:0 0px 10px 0 rgba(0,0,0,.25);
}
._hc .timekeeper h2 {
	font-size:1rem;
	text-align:center;
	margin-bottom:.5rem;
	padding:.25rem .75rem;
}
._hc.wrap-timekeeper:not(.active) .status--ongoing {
	display:none;
}
._hc.wrap-timekeeper.active .status--waiting {
	display:none;
}
._hc .timekeeper .title {
	margin-bottom:.5rem;
	padding:0 .75rem;
}
._hc .timekeeper h4 {
	margin:0;
	font-size:1rem;
}
._hc .timekeeper ul {
	padding-left:0;
	margin:0;
	list-style:none;
	font-size:.8rem;
	/*font-style:italic;*/
}
._hc .timekeeper .body {
	text-align:center;
	padding:.25rem .75rem;
}
._hc .timekeeper .body p {
	margin:0;
	font-size:.8rem;
	font-style:italic;
}
._hc .timekeeper .controls {
	font-size:.8rem;
}
._hc .timekeeper .controls > .button {
	max-width:100%;
	padding:.5rem .25rem;
	line-height:1;
	height:auto;
	border-radius:0;
}
._hc .timer-stopwatch {
	font-size:1rem;
}
._hc .timer-stopwatch span {
	font-size:1.25rem;
	font-weight:bold;
}
._hc.wrap-timekeeper .minimizer,
._hc.wrap-timekeeper .expander {
	position:absolute;
	top:0;
	right:0;
	margin-top:-1.5rem;
	height:1.5rem;
	line-height:1.5rem;
	color:#aaa;
	border:2px solid #aaa;
	border-bottom:0;
	background-color:transparent;
	font-weight:bold;
	border-radius:0;
	padding: 0 1rem;
}
._hc.wrap-timekeeper.minified .title,
._hc.wrap-timekeeper.minified .body p,
._hc.wrap-timekeeper.minified .controls {
	max-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
}
._hc.wrap-timekeeper:not(.minified) .expander,
._hc.wrap-timekeeper.minified .minimizer {
	display:none;
}
._hc.wrap-timekeeper.minified {
	width:200px;
}
._hc.wrap-timekeeper.minified h2 {
	margin:0;
	text-transform:none;
	padding:.5rem;
}




._hc .card.pricing {
	margin:1.5rem 0;
}
._hc .pricing .title {
	padding:.5rem 1rem;
	border-bottom: 1px solid #efefef;
	overflow:hidden;
}
._hc .pricing .title h2 {
	float:left;
	font-size:1rem;
	line-height:1.5;
	text-transform:uppercase;
	margin:0;
	width:calc(100% - 200px);
}
._hc .pricing .title h2 small,
._hc .pricing .title h2 a {
	font-weight:normal;
	text-transform:none;
}
._hc .pricing .title h2 a {
	float:right;
}
._hc .pricing .title .notice {
	display:block;
	float:right;
	width:200px;
	padding: .5rem 1rem;
	margin:-.5rem -1rem;
	text-align:center;
	font-weight:bold;
	/*color:#fff;*/
}
._hc .pricing .title .notice a {
	font-weight:normal;
}
._hc .pricing .selector {
	width:200px;
}
._hc .pricing .selector .button,
._hc .button-fill {
	width:100%;
	height:100%;
	padding-top:.75rem;
	padding-bottom:.75rem;
	line-height:1.2;
	white-space:normal;
}
._hc .pricing .selector .button small {
	display:block;
	line-height:1;
	/*padding-bottom:.5rem;*/
}
._hc .pricing .items {
	flex-grow:1;
	width:calc(100% - 200px);
}
._hc .pricing .items > .i {
	padding:.5rem 0;
	text-align:left;
	min-width:33.33%;
	padding-left:1rem;
	padding-right:1rem;
}
._hc .pricing .items > .i label {
	display:block;
}
._hc .pricing .items > .i + .i {
	border-left:1px solid #efefef;
}
._hc .pricing .items .i.reimbursements {
	width:100%;
	border:none;
	border-top:1px solid #efefef;
}

._hc .big-field input {
	text-align:center;
	font-size:2rem;
	border:none;
	border-bottom:2px solid #efefef;
	margin-bottom:1rem;
}
._hc .big-field input:focus {
	box-shadow:0 0 6px rgba(0,0,0,.25);
}
._hc .big-field .button {
	display:block;
	width:100%;
}

._hc .search-input {
	position:relative;
}
._hc .search-input > input {
	height:1.5rem;
}
._hc .search-input > .button {
	position: absolute;
	right: 0;
	top: 0;
	height: auto;
	line-height: 1.25;
	padding: .2rem .5rem 0;
	height: 1.5rem;
}



@media screen and (max-width:799px) {
	.wrap-cards.flexed.i-three {
		justify-content:center;
	}
	.wrap-cards.flexed.i-three > .i:not(.full) {
		flex:1 0 34%; /* 3 per row */
		max-width:300px;
	}
	._hc .detailed-view .main {
		width:100%;
		border-bottom: 1px solid #dfe1e1;
		padding-bottom:1rem;
		display:flex;
		flex-direction:row;
	}
	._hc .detailed-view .main .thumb {
		/*float:left;*/
		max-width:300px;
		width:50%;
		padding-right:.75rem;
	}
	._hc .detailed-view .main .summary {
		padding-top:0;
		flex-grow:1;
	}
	._hc .detailed-view .details {
		width:100%;
		padding:1.5rem 0;
	}

	._hc .pricing .title h2 {
		width:calc(100% - 150px);
	}
	._hc .pricing .title .notice {
		width:auto;
	}
	._hc .pricing .selector {
		width:100%;
	}
}
@media screen and (max-width:699px) {
	._hc .card.program .main {
		width:100%;
	}
	._hc .card.program .thumb {
		width:200px;
	}
	._hc .card .flag {
		width:100%;
		padding:.5rem 1rem;
	}
	._hc .card .flag p {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		width:100%;
	}
	._hc .card .flag .title,
	._hc .card .flag .subtitle {
		margin:0 .5rem;
	}
	._hc .card .flag .footnote {
		width:auto;
		margin-top:0;
		margin-left:auto;
	}

	._hc .pricing .title .notice {
		float:right;
	}
	._hc .pricing .items > .i {
		min-width:50%;
		flex-grow:1;
		border-bottom:1px solid #efefef;
	}
	._hc .pricing .items .i.reimbursements {
		border-top:none;
	}

}
@media screen and (max-width:599px) and (min-width:500px) {
	._hc .card .summary h3 {
		font-size:1.1rem;
	}
	._hc .card.program .thumb {
		width:150px;
	}
}
@media screen and (max-width:599px) {
	._hc .detailed-view .main {
		display:block;
	}
	._hc .detailed-view .main .thumb {
		width:100%;
		margin:auto;
		padding-right:0;
		text-align:center;
	}
	._hc .detailed-view .main .summary {
		padding-top:1.5rem;
		margin:auto;
		max-width:300px;
	}
}
@media screen and (max-width:499px) {
	/* ._hc.wrap-cards {
		margin-left:0rem;
		margin-right:0rem;
	} */
	.wrap-cards.flexed.i-three > .i,
	.wrap-cards.flexed.i-three > .i:not(.full) {
		flex:1 0 100%;
	}

	._hc .card.program.flex-same-height {
		align-items:center;
	}
	._hc .card.program .main {
		flex-direction:column-reverse;
		align-items:center;
	}
	._hc .card.program .main > .summary {
		width:100%;
	}
	._hc .card.program .main > .thumb {
		width:100%;
		text-align:center;
		padding:1rem 1rem 0;
	}
	._hc .card.program .main > .thumb img {
		max-width:200px;
	}
	._hc .pricing .title h2 {
		width:100%;
	}
	._hc .pricing .title .notice {
		float:none;
		text-align:left;
	}
	._hc .pricing .items > .i {
		min-width:100%;
		border-left:none;
	}
	._hc .pricing .items .i.reimbursements a {
		display:block;
		padding:0 1rem;
	}
}
@media screen and (max-width:399px) {
	._hc .with-notification {
		min-width:50px;
	}
}







/* LIST OF AVAILABILITY */

._hc .remove-list-item {
	cursor:pointer;
}
._hc .remove-list-item .icon {
	opacity:.5;
	float:right;
}
._hc .remove-list-item:hover {
	text-decoration:underline;
}
._hc .remove-list-item:hover .icon {
	opacity:1;
}
._hc .inline-list.separated li {
	display:inline-block;
}
@media screen and (max-width:599px) {
	._hc .inline-list.separated li {
		display:block;
		margin:0;
	}
	._hc .inline-list.separated li:not(li:first-child) {
		margin-top:.5rem;
	}

}



/* ACTIONS WITH LARGE ICONS */
._hc .icon-actions > .i {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	text-align:left;
	padding:1rem;
	border:1px solid #dadada;
	border-radius:1rem;
}
._hc .icon-actions > .i:hover {
	box-shadow:inset 0 0 10px rgba(0,0,0,.25);
}

._hc .icon-actions > .i + .i {
	margin-top:1rem;
}
._hc .icon-actions .icon {
	padding-right:1rem;
	font-size:2.5rem;
}
._hc .icon-actions .details h4,
._hc .icon-actions .details p {
	margin:0;
	color:inherit;
}

.close-expandable-text {
	margin-top: 35px !important;
}


/*
* -- VARIABLES
* colors, sizing, fonts, etc.
*/
:root {
    /* color */
    --color-primary: #083C71;
    --color-primary-light:#f6faff;
    --color-primary-gradient:linear-gradient(45deg, rgba(8,60,113,1) 0%, rgba(0,179,202,1) 100%);
    --color-secondary: #56B748;
    --color-secondary-light: #f0f5f0;
    /* --color-secondary-light:#F2F9F1; */
    --color-accent: #00B3CA; /* #0ca7e9; */
    --color-accent-light: #EBFDFF;
    --color-white: #fff;
    --color-black: #000;
    --color-grey: #cacaca;
    --color-grey-dark: #777;
    --color-grey-light: #e1e1e1;
    --color-grey-lighter: #f1f1f1;
    --color-grey-lightest: #fcfcfe;
    --color-font: #515151;
    --color-managing: #515151;
    /* --color-alert: #f03413; */
    --color-alert: #e76060;
    --color-alert-light: #fbf6f6;
    --color-alert-lightest: #fdf8f8;
    --color-success: #61da05;
    --color-success-light: #e1f5d1;
    --color-warning: #ddb102;
    --color-inbody: #971b2f;
    /* size */
    --size-base: 1rem;
    --size-large:1.5rem;
    --size-larger:2rem;
    --size-largest:3rem;
    --size-small:.75rem;
    --size-smaller:.5rem;
    --size-smallest:.25rem;
    /* fonts */
    --font-family-primary:'Roboto', Arial, Helvetica, sans-serif;
    --font-family-secondary: 'Oswald', Arial, Helvetica, sans-serif;
    /* font size */
    --font-base: 1rem;
    --font-large: 1.25rem;
    --font-larger: 1.5rem;
    --font-largest: 2rem;
    --font-small: .9rem;
    --font-smaller: .75rem;
    --font-smallest: .6rem;
    /* title size */
    --title-base:3rem;
    --title-large:4rem;
    --title-small:2.5rem;
    /* icon size TODO v */
    --icon-size-base:2rem;
    --icon-size-large:2.5rem;
    --icon-size-larger:5rem;
    --icon-size-small:1.5rem;
    /* icon size TODO ^ */
    --icon-base: 1.5rem;
    --icon-large: 2rem;
    --icon-larger: 2.75rem;
    --icon-largest:3.5rem;
    --icon-small: 1.25rem;
    --icon-smaller:1rem;
    --icon-smallest:.8rem;
    /* line height */
    --line-height-small: 1;
    --line-height-base:1.2;
    --line-height-large:1.5;
    /* border radius */
    --border-radius-base: .5rem;
    --border-radius-small: .25rem;
    --border-radius-large: 1rem;
    /* min/max sizing */
    --min-section-size:280px;
    --min-touchable-size:50px;
    /* shadows */
    --shadow-base: 0 0 var(--size-smaller) rgba(0,0,0,.12);
    --shadow-base-light: 0 0 var(--size-smaller) rgba(0,0,0,.08);
    --shadow-base-dark: 0 0 var(--size-smaller) rgba(0,0,0,.2);
    --shadow-small: 0 0 var(--size-smallest) rgba(0,0,0,.12);
    --shadow-large: 0 0 var(--size-base) rgba(0,0,0,.12);

}
@media screen and (max-width:1199px) {
    :root {
        /* min/max sizing */
        --min-section-size:220px;
    }
}



/*
* -- RESET STYLING
* reset styling being used in other global files
* ... the global files could be updated so this isn't necessary
*/
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    height:auto;
    line-height:1.2;
    font-size:var(--font-base);
}
select {
    color:var(--color-font);
}
.button {
    height:auto;
    line-height:1;
}
._hc .button {
    border-radius:var(--border-radius-base);
}
sup {
    top:0;
    font-size:1em;
    line-height:1;
    vertical-align:initial;
}
.navigation-bar .logo {
    padding-top:0;
    padding-bottom:0;
}
.navigation-bar .logo .masthead {
    display:block;
}
.header .main-header {
    /* padding-top:1rem; */
    /* padding-bottom:1rem; */
    position:relative;
    z-index:8;
    padding:0;
}
.masthead {
    line-height:1;
}
.form {
    margin-bottom:0;
}
#js-site-wrapper > .wrap > .main { padding-top: 0; }
#js-header {height:auto;}
.container {
	max-width:1280px;
	padding:0 1rem;
}
html, body {
    font-family:var(--font-family-primary);
}
h1, h2, h3, h4, h5, h6 {
    font-family:var(--font-family-secondary);
}
.button {
    font-family:var(--font-family-primary);
}
@media screen and (max-width: 767px) {
    .sticky-menu {
        bottom: 0 !important;
    }
}
.mfp-container {
	padding:0;
}
p.nbm {
    margin-bottom:0 !important;
}
.popupWrap,
.small-popupWrap {
    border-radius:var(--border-radius-base);
}
.sticky-menu {
    height:auto;
}



/*
* -- GLOBAL DEFAULTS
* for body/html and other core elements
*/
html {
	overflow-y:auto;
}
html, body {
    font-family:'Roboto', Arial, Helvetica, sans-serif;
    /* font-family:'Oswald', Arial, Helvetica, sans-serif; */
    font-weight:300;
    font-size:18px;
	height:100%;
}
body {
    background-color:var(--color-white);
}
img {
    max-width:100%;
    max-height:100%;
}
@media screen and (max-width:999px) {
    html, body {
        font-size:16px;
    } 
}





/*
* -- TEXT
* fonts, titles
*/
h1, h2, h3, h4, h5, h6, p,
.h1, .h2, .h3, .h4, .h5, .h6, .p {
    color:inherit;
    line-height:var(--line-height-base);
    margin:0 0 var(--size-large);
}
h1, h2, h3, h4, h5, h6 {
    font-family:'Oswald', Arial, Helvetica, sans-serif;
    font-weight:400;
}
h1 {
    font-size:var(--title-large);
    text-transform:uppercase;
}
h2 {
    font-size:var(--title-base);
    text-transform:uppercase;
}
h3 {
    font-size:var(--font-larger);
}
p,
.form,
li {
    font-weight:300;
    line-height:var(--line-height-large);
}
p:last-child {
    margin-bottom:0;
}
h1 strong, h2 strong, h3 strong, h4 strong, .title strong {
    color:var(--color-secondary) 
}
ul[class^="list-"] {
    list-style:none;
    padding:0;
}


/*
* -- HELPERS
* miscellaneous helper elements like spacers and special font styling
*/
sup.brandmark {
    font-size:65%;
    top:0;
    vertical-align:super;
}
.oppo-strong {
    font-weight:100;
}
p.highlight {
    font-style:italic;
    color:var(--color-secondary);
}
.vertical-space {
    display:block;
    height:var(--size-large);
}
.vertical-space.-large {
    height:var(--size-larger);
}
.vertical-space.-smallest {
    height:var(--size-smallest);
}
.horizontal-space {
    display:inline-block;
    width:var(--size-base);
}
.border-radius-base {
    border-radius:var(--border-radius-base);
}

/*
* -- BUTTONS
*/
.button {
	background-color:var(--color-primary);
	background-color:var(--color-secondary);
    color:var(--color-white);
    font-family:'Oswald', Arial, Helvetica, sans-serif;
    background-color:var(--color-secondary);
    padding:var(--size-smaller) var(--size-base);
    font-weight:bold;
    text-transform:uppercase;
    border:none;
    outline:none;
    font-size:var(--font-base);
    border-radius:var(--border-radius-small);
    text-decoration:none;
    display:inline-block;
    text-align:center;
    white-space:normal; /* TODO: ensure this is not having negative impact */
}
.button:focus {
    box-shadow:inset 0 0 .5rem rgba(0,0,0,.5);
}
.button:hover {
	box-shadow:inset 0 0 .5rem rgba(0,0,0,.5);
    cursor:pointer;
}
.button.-alt,
.button.bg-primary,
.button.bg-primary:hover {
	background-color:var(--color-primary);
}
.button.bg-secondary,
.button.bg-secondary:hover {
	background-color:var(--color-accent);
}
.button.-grey,
.button.bg-gray,
.button.bg-gray:hover {
	background-color:var(--color-grey);
}
.button.bg-red,
.button.-alert {
    background-color:var(--color-alert);
}
.button.-subdued {
    background-color:transparent;
    color:#333;
    border-radius:var(--border-radius-base);
    /* border:1px solid #dadada; */
    background-color:#efefef;
    font-weight:100;
}
.button.-simple {
    font-weight:normal;
    text-transform:none;
    background:transparent;
    border:1px solid var(--color-grey-dark);
    color:var(--color-grey-dark);
    font-family:'Roboto', Arial, Helvetica, sans-serif;
}
.bg-primary .button.-alt {
    background-color:var(--color-accent);
}
.button.-alt.-bordered {
    border:2px solid var(--color-primary);
    color:var(--color-primary);
    background-color:transparent;
    font-weight:500;
}
.button.-alt.-bordered:hover {
    background-color:var(--color-primary);
    color:#fff;
}
.bg-primary .button.-alt.-bordered {
    border:1px solid var(--color-accent);
    color:var(--color-accent);
}
.bg-primary .button.-alt.-bordered:hover {
    background-color:var(--color-accent);
    color:#fff;
    box-shadow:none;
}
a.filter-button:hover {
    text-decoration:none;
}
.button.-menu {
    font-size:2.35rem;
    color:var(--color-primary);
    background-color:transparent;
    margin-left:.5rem;
    border:none;
}
.button.-menu:hover, .button.-menu:focus {
    color:#b0b0b0;
    box-shadow:none;
}
.button.-accent {
    background-color:var(--color-accent);
    color:var(--color-white);
}
.button.-toggle {
    background-color:var(--color-grey);
}
.button.-toggle._active {
    background-color:var(--color-primary);
}
.button.-bordered {
    border:.1rem solid var(--color-secondary);
    background-color:transparent;
    color:inherit;
    padding:.25rem 1rem;
    border-radius:var(--border-radius-small);
}
.button.-white {
    background-color:var(--color-white);
    color:inherit;
}
.button.-cta {
    font-size:var(--font-large);
    border-radius:var(--border-radius-base);
    padding:var(--size-base) var(--size-larger);
}
.button.-cta.-xl {
    padding:var(--size-larger);
}
.button-xlarge {
    font-size:var(--font-large);
    padding-top:var(--size-small);
    padding-bottom:var(--size-small);
}
.button-xlarge.button-cancel {
    font-size:var(--font-large);
    padding:var(--size-small);
    line-height:1;
}
.button .icon {
    pointer-events:none;
}
.button.active,
.button.bg-tertiary,
.button.bg-tertiary:hover {
	background-color:var(--color-secondary);
}
.button.-small {
    font-size:var(--font-small);
    padding:var(--size-smaller) var(--size-small);
}
.button.-block {
    display:block;
    width:100%;
}
.button + .button.-block {
    margin-top:var(--size-smaller);
}


/*
* -- LINKS
*/
.link {
    color:var(--color-secondary);
    text-decoration:underline;
}
.link:hover {
    text-decoration:none;
}
.link.-accent {
    color:var(--color-accent);
}



/*
* -- COLORS
* text and background colors
*/
.bg-primary,
.-bg-primary {
    background-color:var(--color-primary);
}
.bg-primary-light {
    background-color:var(--color-primary-light);
}
.bg-grey-light{
    background-color:var(--color-grey-light);
}
.bg-white{
    background-color:var(--color-white);
}
section.bg-primary,
.bg-gradient .link {
    color:var(--color-white);
}
strong.-accent {
    color:var(--color-accent);
}
.bg-gradient,
.-bg-primary-gradient {
    background:var(--color-primary-gradient);
}
.color--color-secondary {
    color:var(--color-secondary);
}
.bg-tertiary,
.bg-orange {
	background-color:var(--color-secondary);
}
.text-tertiary,
.orange {
    color:var(--color-secondary);
}



/*
* -- FORMS
* form layout, inputs, labels, buttons, etc.
*/
/* form elements */
input[type="text"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="email"],
input.search-field  {
	border:1px solid #dadada;
	padding:var(--size-smaller) var(--size-small);
	border-radius:var(--border-radius-base);
}
select {
	border:1px solid #dadada;
	width:100%;
	padding:var(--size-smaller) var(--size-small);
	height:auto;
	border-radius:var(--border-radius-base);
    -webkit-appearance: none;
}
select .placeholder {
    color:red;
}
textarea {
    min-height:100px;
	border-radius:var(--border-radius-base);
	padding:var(--size-smaller) var(--size-small);
}
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
    cursor:pointer;
}
.form input[type="checkbox"] + label,
.form input[type="radio"] + label {
    padding-left:2rem;
}
input[type="checkbox"] + label:hover:before,
input[type="radio"] + label:hover:before,
.checkmark-only label:hover,
.custom-checkbox label:hover:before {
    box-shadow:inset 0 0 .5rem rgba(0,0,0,.25);
}
.checkmark-only label,
.custom-checkbox label:before {
    border-radius:var(--border-radius-small);
    width:26px;
	height:26px;
	line-height:26px;
}
.form label {
	display:block;
    padding:0 var(--size-small) var(--size-smaller);
    font-weight:normal;
    text-transform:uppercase;
    font-size:var(--size-small);
}
.form ::placeholder {
	opacity: .25;
}
.form input:focus {
    outline:none;
    box-shadow:0 0 .5rem .1rem rgba(120,120,150,.25);
}
.form.-large input[type="text"],
.form.-large input[type="password"],
.form.-large input[type="email"],
.form.-large input[type="tel"],
.form.-large textarea  {
    padding:var(--size-base);
    font-size:var(--font-large);
}

/* form layout */
.form {
	margin:0;
}
.form-body {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
}
.form-row,
.form-item {
    width:100%;
	margin-bottom:var(--size-base);
}
.form-row:last-child,
.form-item:last-child {
    margin-bottom:0;
}
@media screen and (min-width:1000px) {
    .form-body.-flex-medium {
        gap:0 var(--size-base);
    }
    .form-body.-flex-medium .form-row,
    .form-body.-flex-medium .form-item {
        flex-basis:34%;
        flex-grow:1;
    }
}
/* .form-body .form-row {
	margin-bottom:var(--size-base);
} */
.form-row:last-child,
.form-item:last-child {
	margin-bottom:0;
}
.form-row.-multi,
.form-item.-multi {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    gap:0 1rem;
    margin-bottom:0;
}
.form-row.-multi > .i,
.form-item.-multi > .i {
    flex-grow:1;
    flex-basis:34%;
	margin-bottom:var(--size-base);
    /* min-width:200px; */
}
@media screen and (max-width:799px) {
    .form-row > .i.mobile-whole,
    .form-item > .i.mobile-whole {
        width:100%;
    }
    .form-row > .i.mobile-half,
    .form-item > .i.mobile-half {
        flex-basis:34%;
    }
}
.form-header {
	position:relative;
}
.form-header {
	margin-bottom:1.5rem;
}
.form-header .title,
.form-title .title {
	margin:0;
	text-transform:uppercase;
	font-size:1.75rem;
	font-weight:300;
	letter-spacing:1px;
}
.form-header p {
	font-size:var(--font-small);
}
.form .form-submit {
	margin-top:var(--size-base);
    width:100%;
}
.form .form-submit .button:hover {
	box-shadow:inset 0 0 .5rem rgba(0,0,0,.15);
}
.form-submit.-multi {
    display:flex;
    flex-direction:row;
    gap:var(--size-small);
}
.form-submit.-multi .button:not(.button-cancel) {
    flex-grow:1;
}
.form .form-submit .button-cancel {
    width:auto;
    background-color:var(--color-grey);
}
.form .form-footer {
	margin-top:var(--size-base);
}
.form .notice {
	background-color:#efefef;
	border-radius:var(--border-radius-large);
	padding:var(--size-base);
}
.form-header + .notice {
	margin-bottom:var(--size-larger);
}
.form-submit + .notice, 
.form-footer + .notice {
	margin-top:var(--size-larger);
}

.form .helper-message {
    font-size:var(--font-smaller);
    line-height:var(--line-height-base);
    padding:var(--size-smallest) var(--size-smaller);
}
.form-success {
	display:none;
	padding:var(--size-largest);
	text-align:center;
	color:var(--color-white);
}
.form-success h1,
.form-success h2 {
	color:var(--color-white);
}
.form-error {
    display:block;
    margin:auto;
    margin-bottom:var(--size-base);
    /* border:2px solid var(--color-alert); */
    /* color:var(--color-alert); */
    /* background:var(--color-alert-light); */
    color:var(--color-white);
    background:var(--color-alert);
    padding:var(--size-smaller);
    border-radius:var(--border-radius-base);
    font-size:var(--font-small);
    font-weight:bold;
    box-shadow:0 0 6px rgba(0,0,0,.25);
}
.form-notice {
    display:block;
    margin:auto;
    margin-top:var(--size-smaller);
    color:var(--color-grey);
    /* background:var(--color-grey-light); */
    padding:var(--size-smallest) var(--size-smaller);
    border-radius:var(--border-radius-base);
    font-size:var(--font-small);
    /* font-weight:bold; */
    /* box-shadow:0 0 6px rgba(0,0,0,.25); */
    border:1px solid var(--color-grey-light);
}
.form-notice.-success,
.form-notice.-enabled {
    /* background:var(--color-secondary-light); */
    color:var(--color-secondary);
    border-color:var(--color-secondary);

}
.form-notice.-enabled:before {
    content:"\2713";
    display:inline-block;
    padding:0 var(--size-smaller);
}
.form.-with-sidebar .form-body {
	width:60%;
	float:left;
}
.form div.form-sidebar {
	width:40%;
	float:right;
	padding:0;
	padding-left:3rem;
}

/* ** FORMS */

.form .button,
.form input[type="submit"] {
    width:100%;
    padding:var(--size-base) var(--size-small);
    font-size:var(--font-large);
    border-radius:var(--border-radius-base);
}
.form .sticky-buttons .button {
    font-size:var(--font-base);
    padding:var(--size-small);
}
.form .row {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    margin:0 -1rem 1rem;
}
.form .row > p {
    padding: 0 1rem;
    margin:0;
    flex:1;
}
.form .row.wrap-submit {
    margin-bottom:0;
    margin-top:2rem;
}


/* .form-header .title {
	margin:0;
	margin-bottom:var(--size-base);
	text-align:center;
	font-weight:bold;
	font-size:var(--font-base);
	text-transform:uppercase;
} */
/* input[type="checkbox"] + label:before {
    content:"\2713";
    height:1.5rem;
    width:1.5rem;
    font-size:1.5rem;
    line-height:1.5rem;
    display:inline-block;
    border:1px solid var(--color-black);
    border-radius:var(--border-radius-small);
    text-align:center;
    margin-right:.5rem;
    color:transparent;
    vertical-align:middle;
}
input[type="checkbox"]:checked + label:before {
    color:inherit;
}
input[type="checkbox"] + label:hover:before {
    box-shadow:inset 0 0 .5rem rgba(0,0,0,.25);
} */


/*
* -- SPECIAL FORM ELEMENTS
* 2FA verification codes,
*/
input.verify-code,
input.program-code {
    font-size:var(--title-large);
    font-weight:bold;
    text-align:center;
    text-transform: uppercase;
    display:block;
    margin-left:auto;
    margin-right:auto;
    border:2px solid transparent;
    border-radius:0;
}
input.program-code {
    font-size:var(--title-base);
}
input.verify-code:focus,
input.program-code:focus {
    box-shadow:none;
    border-bottom-color:var(--color-grey);
}


.status .label {
    border:1px solid var(--color-grey-light);
    background-color:var(--color-white);
    padding:var(--size-smallest) var(--size-smaller);
    text-transform:uppercase;
    font-weight:bold;
    display:inline-block;
    border-radius:var(--border-radius-base);
    /* min-width:200px; */
}
.status .link {
    /* color:var(--color-black); */
    font-size:var(--font-smaller);
    text-transform:uppercase;
}
.status .control {
    display:inline-block;
}
.status .label + .control {
    margin-left:var(--size-base);
}
.status.-enabled .label {
    border-color:var(--color-secondary);
    color:var(--color-secondary);
}
.status.-enabled .label:before {
    content:"\2713";
    font-weight:bold;
    margin-right:var(--size-small);
}
.status.-disabled .label {
    color:var(--color-grey-light);
}
.status.-can-enable .label {

}


main {
    min-height:90%;
}

/* browse buttons */
.wrap-browse-buttons {
    display:flex;
    flex-direction:row;
    align-items:stretch;
    justify-content:flex-start;
    /* flex-wrap:wrap; */
    gap:var(--size-smaller);
    /* padding:1rem 0; */
    overflow-x:auto;
    position:relative;
    padding-top:var(--size-smallest);
    padding-bottom:var(--size-smallest);
}
/* .wrap-browse-buttons > .i {
    flex:1 0 34%;
    max-width:calc(50% - 1rem);
} */
.browse-button {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:row;
    flex-wrap:wrap;
    border-radius:var(--border-radius-base);
    padding:var(--size-base) var(--size-smaller);
    height:100%;
    width:100%;
    /* background-color:transparent; */
    /* border:3px solid var(--color-white); */
    /* color:var(--color-white);
    background: linear-gradient(45deg, rgba(8,60,113,1) 0%, rgba(0,179,202,1) 100%);
    box-shadow:0 0 .25rem rgba(0,0,0,.25); */
    background-color:var(--color-grey-lighter);
    color:inherit;
}
.browse-button:hover {
    color:inherit;
}
.wrap-browse-buttons.-small .browse-button {
    padding:var(--size-small) var(--size-large);
    border:2px solid var(--color-white);
}

.wrap-browse-buttons.-small .browse-button .title {
    font-weight:bold;
    font-size:var(--font-small);
}
.browse-button._active {
    /* background: rgba(0,179,202,1); */
    /* color: var(--color-accent); */
    /* background:var(--color-white);
    border-color:var(--color-accent);
    color:inherit; */
    color:var(--color-white);
    background: linear-gradient(45deg, rgba(8,60,113,1) 0%, rgba(0,179,202,1) 100%);
    box-shadow:0 0 .25rem rgba(0,0,0,.25);
    cursor:default;
    box-shadow:none;
}
.browse-button._active:hover {
    box-shadow:none;
}
.browse-button .icon {
    width:50px;
    font-size:30px;
    line-height:1;
    text-align:center;
    margin-right:.5rem;
}
.browse-button .title {
    flex:1;
    text-align:left;
    font-weight:600;
    text-transform:uppercase;
    font-size:var(--font-base);
}
.browse-button .title small {
    display:block;
    line-height:1.2;
    font-weight:100;
    font-size:var(--font-smaller);
}

@media screen and (max-width:799px) {
    .wrap-browse-buttons > .i {
        /* max-width:calc(35% - 1rem); */
        min-width:260px;
        max-width:290px;
    }
    .wrap-browse-buttons {
        margin-right:-2rem;
    }
    .wrap-browse-buttons:after {
        content:"";
        height:1px;
        display:block;
        flex:1 0 1.5rem;
    }
}
@media screen and (max-width:599px) {
    .wrap-browse-buttons {
        padding-top:0;
    }
    .wrap-browse-buttons > .i {
        max-width:55%;
        min-width:200px;
    }
    .browse-button .icon {
        width:100%;
        font-size:var(--icon-larger);
        margin-right:0;
        margin-bottom:var(--size-base);
    }
    .browse-button .title {
        text-align:center;
    }
    .browse-button .title small {
        font-size:var(--font-small);
    }   
}

@media screen and (min-width:800px) {
    .wrap-browse-buttons > .i {
        flex:1 0 26%;
        max-width:33.33%;
    }
    .wrap-browse-buttons.-small > .i {
        flex:none;
        max-width:auto;
    }
}

/*
* -- SITE WRAPPER
* wraps header and main content
*/
.site-wrapper {
    /* allow room to clear fixed header */
	padding-top:4rem;
}
.site-wrapper #js-header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:8;
	box-shadow:0 .25rem .25rem rgba(0,0,0,.1);
}

/*
* -- HEADER
* global header
*/
#js-header,
.header {
	height:auto;
	/* background:var(--color-white); */
}

/*
* -- NAVIGATION
* navigation bar and similar nav elements
*/
.navigation-bar {
	display:flex;
	flex-direction:row;
	/* justify-content:space-between; */
    justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-left:.5rem;
	margin-right:.5rem;
    padding:1rem;
}
/* .navigation-bar > .item {
    flex-grow:0;
} */
.navigation-bar > .nav {
	/* flex-grow:1; */
	text-align:right;
}
.navigation-bar > .item:not(.logo) + .item:not(.logo) {
	margin-left:var(--size-large);
}
.navigation-bar .logo {
    z-index:99;
	text-align:left;
    margin:0;
    flex-grow:1;
}
.navigation-bar .logo .masthead {
	/* display:inline-block; */
    display:flex;
    align-items:center;
    margin-right:auto;
	max-width:200px;
    height:50px;
    padding:var(--size-smallest) 0;
} 
.navigation-bar .logo .masthead img {
    margin:0;
    max-width:100%;
    max-height:100%;

}
/* .navigation-bar .logo img {
	margin:0;
} */
.navigation-bar .search {
	flex-grow:1;
}

@media screen and (min-width:600px) {
	.logo .mobile-only {
		display:none !important;
	}
}
@media screen and (max-width:599px) {
    .navigation-bar .logo .masthead {
        max-width:140px;
    }
	.logo .desktop-only {
		display:none !important;
	}
    .header .main-header {
        padding-top:var(--size-smaller);
        padding-bottom:var(--size-smaller);
    }
}
@media screen and (max-width:449px) {
    .navigation-bar .logo .masthead {
        max-width:100px;
    }
}


/*
* -- FOOTER
* global footer
*/

/*
* -- CONTAINERS & SECTIONS
* layout for containers and sections
*/
.container {
    max-width:1280px;
    margin:0 auto;
    /* padding:0 1rem; */
}
.container.-medium {
    max-width:1000px;
}
.container.-small {
    max-width:600px;
}
.section.-tightest {
    padding-top:0;
    padding-bottom:0;
}
@media screen and (max-width:799px) {
    /* .section {
        padding:var(--size-base) 0;
    } */
    .container {
        padding:0 var(--size-small);
    }
}

/* -section */
.wrap-sidebar-section {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
}
.wrap-sidebar-section.-reverse {
    flex-direction:row-reverse;
}
.wrap-sidebar-section .section-body {
    flex:1;
}
.wrap-sidebar-section .sidebar {
    width:250px;
}
.wrap-sidebar-section .section-body + .sidebar,
.wrap-sidebar-section.-reverse .sidebar {
    margin-left:var(--size-larger);
}
.sidebar .filters .i {
    margin-top:1rem;
    font-size:.8rem;
}
.sidebar ._hc.filters .i.main-filter {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
}
.sidebar ._hc.filters .i.main-filter .button {
    flex-basis:50%;
    width:auto;
}
.sidebar .title {
    font-size:var(--font-base);
    margin-bottom:var(--size-base);
}

/*
* -- FLEXED LAYOUTS
* flex-rows, halves, etc.
*/
.wrap-halves {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    /* align-items:center; */
}
.wrap-halves > .half {
    max-width:50%;
}
.wrap-halves > .half:first-child {
    padding-right:var(--size-large);
}
.wrap-halves > .half:last-child {
    padding-left:var(--size-large);
}





/*
* -- CARDS
* content items, typically with a border or box-shadow to show separation
*/
._mod .section-body ._hc.results {
	padding:0;
}
._hc .card {
	border-radius:.5rem;
}/* details-cards */


.detail-cards .graphic {
    display:flex;
    align-items:center;
    justify-content:center;
    width:200px;
    min-height:100px;
}
.detail-cards .name {
    flex-grow:1;
    padding:var(--size-base);
}
.detail-cards .name > * {
    margin-bottom:0;
}
.detail-cards .buttons {
    padding:var(--size-smaller);
}
.detail-cards .buttons .button {
    display:block;
    padding:var(--size-base) var(--size-smaller);
}
@media screen and (min-width:700px) {
    .detail-cards > .item {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:stretch;
        /* border:1px solid var(--color-black); */
        /* border-radius:var(--border-radius-large); */
    }
    .detail-cards .graphic img {
        padding:.5rem;
        max-height:150px;
    }
    .detail-cards .buttons {
        width:200px;
    }
    .detail-cards .buttons .button + .button {
        margin-top:var(--size-smaller);
    }
    .detail-cards > .item + .item {
        margin-top:1rem;
        padding-top:1rem;
        border-top:1px solid #ddd;
    }
}
@media screen and (max-width:699px) {
    .list-facilities.detail-cards {
        display:grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        grid-gap: var(--size-small);
    }

    .detail-cards .graphic {
        height:120px;
        width:100%;
    }
    .detail-cards .graphic img {
        max-width:150px;
    }
    .detail-cards .buttons {
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:stretch;
        gap:var(--size-smallest);
    }
    .detail-cards .buttons .button {
        flex:1;
    }

}





/*
* -- LISTS
* stylized lists
*/
/* list titles */
.list-title {
    margin-bottom:3rem;
}
.list-title > * {
    margin-bottom:0;
}
.list-title .title {
    font-size:var(--font-largest);
    font-weight:100;
}
/* list of icons */
.list-icons {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    background-color:var(--color-grey-light);
    padding:var(--size-base);
    /* margin-left:-1rem;
    margin-right:-1rem; */
    border-radius:var(--border-radius-base);
}
.list-icons li {
    /* background-color:#fff; */
    /* color:var(--color-primary); */
    /* border:1px solid var(--color-primary); */
    color:inherit;
    text-align:center;
}
.list-icons.-circles li {
    display:inline-block;
    width:50px;
    height:50px;
    border-radius:100%;
    border:1px solid var(--color-black);
    vertical-align:top;
}
.list-icons.-features li {
    flex-basis:17%;
    flex-grow:1;
    padding-left:var(--size-smallest);
    padding-right:var(--size-smallest);
}
.list-icons li + li {
    margin-left:.5rem;
}
.list-icons .icon:before,
.list-icons .icon.-extra {
    font-size:25px;
    line-height:50px;
    font-weight:bold;
}
.list-icons .icon.-extra {
    font-size:1rem;
}
.list-icons.-features {
    padding-top:var(--size-base);
    padding-bottom:var(--size-base);
}
.list-icons.-features .icon:before {
    font-size:var(--title-small);
    line-height:1;
}

.list-icons .text {
    display:block;
    line-height:1;
    margin-top:var(--size-smaller);
}
.list-icons.-features .text {
    font-size:var(--font-small);
}


/*
* -- POPUPS
* overwrites popupWraps to make full-screen
*/
/* ._mod .popupWrap:not(.small-popupWrap), */
.popupScreen {
	width:100%;
	max-width:100%;
	height:100%;
	max-height:100%;
	overflow-x:auto;
	overflow-y:auto;
	margin:0;
	top:0; bottom:0;
	left:0; right:0;
	padding:0 1rem;
	/* TODO: if popupWrap is flexed instead of fixing content to page */
	display:flex;
	flex-direction:column;
	padding:0;
	overflow:hidden;
    background-color:var(--color-white);
}
/* ._mod .popupWrap:after, */
.popupScreen:after {
	/* NOTE: this is an empty breaker to give space to the bottom of a popup.... may be needed if a button can potentially be covered by smartphone's core navigation controls */
	display:none;
}
/* ._mod .popupWrap:not(.small-popupWrap) .section-body, */
.popupScreen .section-body {
	flex:1;
	overflow-y:auto;
    overflow-x:hidden;
	padding:var(--size-larger) 0;
} 
/* ._mod .section-header, */
.popupScreen .section-header {
	box-shadow:0 0 1.5rem rgba(0,0,0,.75);
	z-index:3;
	padding:.5rem 1rem;
	background:#083C71;
	color:#fff;
}
/* ._mod .section-header-row, */
.popupScreen .section-header-row {
	/* display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap; */
    display:grid;
    align-items:center;
}
.popupScreen .section-header-row .closer,
.popupScreen .section-header-row .buttons,
.popupScreen .section-header-row .extras,
.popupScreen .section-header-row .title {
    grid-column-start:1;
    grid-row-start:1;
}
.popupScreen .section-header-row .title { justify-self:center; }
.popupScreen .section-header-row .closer { justify-self:left; }
.popupScreen .section-header-row .buttons,
.popupScreen .section-header-row .extras { justify-self:right; }


/* ._mod .section-header-row.-bordered, */
.popupScreen .section-header-row.-bordered {
	border-top: 1px solid rgba(255,255,255,.25);
	margin-top: 1rem;
}
/* ._mod .section-footer, */
.popupScreen .section-footer,
.popupScreen .section-header {
	padding: .5rem;
	box-shadow:0 0 .5rem rgba(0,0,0,.25);
	z-index:3;
}
/* ._mod .section-footer .button, */
.popupScreen .section-footer .button {
	border-radius:.25rem;
	max-width:400px;
    font-size:var(--size-base);
}
/* ._mod .popupWrap:not(.small-popupWrap) .closer, */
.popupScreen .closer {
	--closer-size: 1.1rem;
	--closer-color: #fff;
	position:relative;
	top:auto; bottom:auto;
	left:auto; right:auto;
	margin-top:0;
	margin-left:0;
    padding:0;
	color:#dadada;
	opacity:.5;
}
/* ._mod .popupWrap .closer:hover, */
.popupScreen .closer:hover {
	opacity:1;
    cursor:pointer;
}
/* ._mod .popupWrap:not(.small-popupWrap) .closer:before, */
.popupScreen .closer:before {
	content:'';
	display:inline-block;
	margin:0 auto;
    margin-bottom:-4px;
    margin-left:var(--size-base);
	height: var(--closer-size);
	width: var(--closer-size);
	border-top: 2px solid var(--closer-color);
	border-left: 2px solid var(--closer-color);
}
/* ._mod .popupWrap:not(.small-popupWrap) .closer:before, */
.popupScreen .closer:before {
	transform: rotate(-45deg);
}
/* ._mod .popupWrap.with-sticks.stuck .wrap-sticks, */
.popupScreen.with-sticks.stuck .wrap-sticks {
	top:0;
	margin:0;
}
/* ._mod .popupWrap.with-sticks.stuck .wrap-sticks .sticks, */
.popupScreen.with-sticks.stuck .wrap-sticks .sticks {
	margin:0;
}

.popupScreen .section-header .buttons,
.popupScreen .section-header .extras {
    text-align:right;
}
/* ._mod .popupWrap .section-header h4, */
.popupScreen .section-header .title {
    text-align:center;
    text-transform:uppercase;
	font-size:var(--font-base);
	font-weight:400;
	color:inherit;
    margin:0;
}
/* ._mod .popupWrap .section-header h4 .subtitle, */
.popupScreen .section-header .subtitle {
	display:block;
	text-transform:none;
	font-size:.8rem;
	color:inherit;
}
.popupScreen .section-header .extras img {
    max-width:50px;
    max-height:40px;
    border-radius:var(--border-radius-small);
}
@media screen and (max-width:799px) {
    ._mod .popupWrap .section-body,
    .popupScreen .section-body {
        padding-top:var(--size-large);
        padding-bottom:var(--size-large);
    }
    .popupScreen .section-header-row {
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
    }
    .popupScreen .section-header-row .title {
        padding-left:var(--size-base);
        text-align:left;
        flex-grow:1;
    }
    .popupScreen .section-header-row .buttons,
    .popupScreen .section-header-row .extras {
        justify-self:flex-end;
    }
    .popupScreen .section-header-row .button {
        padding-left:var(--size-smaller);
        padding-right:var(--size-smaller);
    }
}



/* 
* -- PAGE: LOCATIONS
*/
/* - details view */
._hc .detailed-view .main .thumb img.logo {
    border-radius:0;
    max-width:90%;
}
._hc .detailed-view .main .thumb img + img {
    margin-top:var(--size-base);
}
._hc .contact-list {
    list-style:none;
    padding-left:0;
    margin:0;
}
._hc .contact-list li + li {
    margin-top:var(--size-small);
}
._hc .contact-list .icon {
    display:inline-block;
    vertical-align:middle;
    font-size:var(--size-large);
    color:var(--color-grey);
    width:3rem;
    text-align:center;
}
._hc .contact-list .text {
    display:inline-block;
    vertical-align:middle;
    color:var(--color-black);
}


/* 
* -- PAGE: STORE RESULTS
*/
.results.wrap-cards .alert {
    text-align:center;
    margin:var(--size-larger) var(--size-smaller) 0;
    width:100%;
}

/* 
* -- PAGE: PROFESSIONALS
*/
/* - details view */
._hc .detailed-view .main {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
    width:100%;
}
._hc .detailed-view .main .thumb {
	margin:0;
	padding-right:var(--size-larger);
	max-width:400px;
}
._hc .detailed-view .main .thumb img {
	border-radius:1rem;
	overflow:hidden;
}
._hc .detailed-view .main .summary {
	padding:0;
    flex:1;
    max-width:100%;
    min-width:50%;
}
._hc .detailed-view .summary p.label {
    font-size:var(--font-base);
}
._hc .detailed-view .summary p.label .icon {
    font-size:var(--font-large);
}
._hc .detailed-view .summary h3 {
    font-size:var(--font-largest);
    text-transform:uppercase;
    margin-bottom:var(--size-base);
}
._hc .detailed-view .details {
    padding:0;
    margin-top:var(--size-largest);
    width:100%;
}
._hc .detailed-view .additional-options {
    font-size:var(--font-smaller);
}
._hc .detailed-view .additional-options p:last-child {
    margin-bottom:0;
}
._hc .detailed-view .slideout {
    width:100%;
    background-color:var(--color-grey-light);
    border:1px solid #515151;
    padding:var(--size-larger) var(--size-base);
    margin:var(--size-base) 0;
    border-radius:var(--border-radius-base);
}
._hc .detailed-view .slideout-footer {
    margin-top:var(--size-largest);
    text-align:center;
    font-size:var(--font-small);
}
.list-professionals .card {
    border:none;
    box-shadow:none;
    border:1px solid var(--color-grey);
}
.list-professionals .card.js-open-lightbox:hover {
    transform: scale(1.01);
}
@media screen and (max-width:899px) {
    ._hc .detailed-view .main .thumb {
        max-width:38%;
    }
}
@media screen and (max-width:499px) {
    ._hc .detailed-view .main {
        flex-wrap:wrap;
    }
    ._hc .detailed-view .main .thumb {
        max-width:300px;
        min-width:200px;
        margin:auto;
        margin-bottom:var(--size-large);
        padding-right:0;
    }
    ._hc .detailed-view .main .summary {
        width:100%;
    }
    .detailed-view .buy-buttons {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:flex-start;
    }
    .detailed-view .buy-buttons .button {
        flex-grow:1;
        max-width:calc(50% - 4px);
    }
    .detailed-view .buy-buttons.-single .button {
        max-width:100%;
    }

}


/* - list of professionals */
.list-professionals.wrap-cards {
    display:grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: var(--size-base);
}
.list-professionals .card .summary  {
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    flex-grow:1;
}
.list-professionals .card .summary .button {
    font-size:var(--font-smallest);
    white-space:pre-wrap;
    padding:var(--size-smaller);
    /* background-color:var(--color-secondary-light); */
    border:2px solid var(--color-secondary);
    color:var(--color-font);
    background-color:transparent;
    font-weight:bold;
    /* account for line-height on name text */
    /* margin-bottom:.15rem;  */
    /* position:relative;
    overflow:hidden;
    padding-right:30px; */
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:stretch;
    gap:var(--size-smallest);
    box-shadow:0 0 .15rem rgba(0,0,0,.1);
}


.list-professionals .card .summary .button:after {
    content:"\00BB";
    display:inline-block;
    color:var(--color-secondary);
    font-size:var(--font-large);
    font-weight:normal;
    line-height:0;
    transform:translateY(2px);
}

.list-professionals .card .summary .button:hover {
    background-color:var(--color-secondary);
    color:var(--color-white);
}
.list-professionals .card .summary .button:hover:after {
    color:var(--color-white);
}

/* @media screen and (min-width:700px) {
    .list-professionals .card .summary .button {
        width:70px;
    }
} */

.list-professionals .card .bar {
    background:var(--color-primary);
    color:var(--color-white);
    border:3px solid transparent;
    text-align:left;
    padding:.25rem 1rem;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
.list-professionals .bar .label {
    flex-grow:1;
    font-size:var(--font-base);
    font-weight:100;
}
.list-professionals .bar .icon {
    font-size:var(--font-larger);
    line-height:var(--font-large);
    opacity:.5;
}
.list-professionals .summary .title {
    font-family:var(--font-family-secondary);
    font-size:var(--font-larger);
    text-transform:uppercase;
    font-weight:600;
    color:var(--color-font);
    flex-grow:1;
}
.summary p.label {
    width:100%;
    text-transform:none;
    font-weight:100;
    font-size:var(--font-small);
    margin-bottom:var(--size-smallest) !important;
}
.summary .icon {
    margin-right:var(--size-smallest);
    color:var(--color-secondary);
    font-size:var(--icon-small);
    line-height:1;
    display:inline-block;
    vertical-align:middle;
}
.summary .location {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}
/* .wrap-cards.list-professionals > .i + .i {
    margin-top:1rem;
} */
.wrap-cards.list-programs > .card.full {
    width:100%;
}
.list-professionals .thumb {
    position:relative;
}
.list-professionals .thumb .image-dot {
    position:absolute;
    bottom:var(--size-smaller);
    right:var(--size-smaller);
    box-shadow:0 0 5px rgba(0,0,0,.5);
}
.image-dot {
    width:50px;
    height:50px;
    border-radius:100%;
    background-color:var(--color-white);
    padding:var(--size-smaller);
    display:flex;
    align-items:center;
    justify-content:center;
}
@media screen and (max-width:499px) {
    .list-professionals.wrap-cards {
        max-width:400px;
        margin-left:auto;
        margin-right:auto;
    }
}
@media screen and (min-width:500px) {
    .wrap-cards.list-professionals > .i {
        /* flex:1 0 34%; */

        /* max-width:calc(50% - 1rem); */
        /* margin:0 .5rem; */
        /* margin-bottom:1rem; */
        /* margin-top:1rem; */
    }
    .list-professionals.wrap-cards {
        grid-template-columns: repeat(auto-fill, minmax(220px, .5fr));
    }
}
@media screen and (min-width:800px) {
    /* .wrap-cards.list-professionals > .i {
        flex:1 0 26%;
        max-width:calc(33.33%);
    } */
    .list-professionals.wrap-cards {
        grid-template-columns: repeat(auto-fill, minmax(240px, .333fr));
    }
}
@media screen and (min-width:1180px) {
    /* .wrap-cards.list-professionals > .i {
        flex:1 0 21%;
        max-width:calc(25%);
    } */
    .list-professionals.wrap-cards {
        grid-template-columns: repeat(auto-fill, minmax(240px, .25fr));
    }
}


/* @media screen and (max-width:499px) {
    .wrap-cards.list-professionals {
        margin-left:0;
        margin-right:0;
    }
    .list-professionals .card {
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:stretch;
        box-shadow:none;
        margin:0;
    }
    .list-professionals .card .thumb {
        width:33.33%;
        max-width:180px
    }

    .list-professionals .thumb .location {
        bottom:var(--size-smallest);
        right:var(--size-smallest);
        width:30px;
        box-shadow:0 0 2px rgba(0,0,0,.5);
        padding:var(--size-smallest);
    }
    .list-professionals .card .summary {
        border:none;
        display:flex;
        flex-direction:column;
        flex-grow:1;
        align-items:flex-start;
        justify-content:center;
        border-left:0;
    }
    .list-professionals .card .summary .title {
        font-size:var(--font-larger);
        flex-grow:0;
    }
    .list-professionals .card .summary .label {
        font-size:var(--font-base);
    }
    .list-professionals .card .summary .button {
        display:none;
    }
} */


/* 
* -- PAGE: PROGRAMS
*/
.list-programs > .card + .card {
    margin-top:var(--size-large);
}
.detailed-view .main .summary > * {
    margin-bottom:var(--size-base);
}
.detailed-view .main .summary > *:last-child {
    margin-bottom:0;
}
@media screen and (max-width:699px) {
    ._hc .card.program .main {
        flex-direction:row-reverse;
        align-items:flex-start;
        justify-content:flex-start;
    }
    ._hc .card.program .main > .thumb {
        max-width:160px;
        padding:0;
        margin-top:var(--size-base);
    }
}
@media screen and (max-width:499px) {
    ._hc .card.program .main > .thumb {
        max-width:120px;
    }
}
@media screen and (max-width:449px) {
    ._hc .card.program .main > .thumb {
        max-width:80px;
    }
}



/* 
* -- PAGE: INSURANCE
*/
/* photo capture */
/* .webcap.requires-two > .item {
    width:100%;
    float:none;
    border:none;
    border-radius:var(--border-radius-base);
}
.webcap.requires-two > .item + .item {
    margin-top:var(--size-smallest);
}
.webcap .item .pre {
    padding:1rem;
}
.webcap .item.captured .post button {
    font-size:var(--font-smaller);
}
.webcap > .item .icon {
    font-size:4rem;
}
.webcap > .item .title {
    font-size:var(--font-larger);
    font-weight:bold;
}
.webcap .item span.instructions {
    text-transform:lowercase;
}
.webcap .item.captured {
    background-size:contain;
    background-color:#aaa;
} */

.webcap {
    display:flex;
    flex-direction:row;
    gap:var(--size-base);
    flex-wrap:wrap;
}
.webcap > .item .title {
    font-size:var(--size-larger);
}
.webcap.requires-two > .item {
    margin:0;
    width:100%;
    min-width:400px;
    flex:1;
    border:none;
    border-radius:var(--border-radius-base);
}
@media screen and (min-width:700px) {   
    .webcap {
        flex-wrap:nowrap;
    } 
    .webcap.requires-two > .item {
        width:auto;
        min-width:0;
    }
}





/*
* -- WELLNESS PROFILE POPUP
*/
.form.wellness-profile .form-body {
	gap:0 var(--size-base);
	align-items:stretch;
}
.form.wellness-profile .form-row {
	flex-basis:34%;
	flex-grow:1;
	border:1px solid var(--color-grey);
	border-radius:var(--border-radius-base);
	padding:var(--size-base);
	background-color:var(--color-grey-lighter);
}
.form.wellness-profile .form-error {
	margin-bottom:0;
	margin-top:var(--size-small);
}
.form.wellness-profile .form-submit {
	margin-top:var(--size-base);
}
.form.wellness-profile label .subtitle {
	/* display:block; */
	line-height:1;
	font-size:var(--font-smaller);
}
.form.wellness-profile .form-row > input[type="text"],
.form.wellness-profile .form-row > input[type="number"],
.form.wellness-profile .form-row > select {
	font-size:var(--font-large);
	background-color:var(--color-white);
	font-weight:bold;
	border:1px solid var(--color-grey);
}
.form.wellness-profile .form-row > input[type="text"]:focus,
.form.wellness-profile .form-row > input[type="number"]:focus,
.form.wellness-profile .form-row > select:focus {
	border-color:var(--color-secondary);
	box-shadow:none;
}
.form.wellness-profile input.labeled {
	display:inline-block;
	max-width:5rem;
	text-align:center;
}
.form.wellness-profile input.labeled + .input-label {
	display:inline-block;
	margin-left:var(--size-smallest);
}
.form.wellness-profile .custom-radio {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--size-smaller);
}
.form.wellness-profile .custom-radio label {
	padding:var(--size-base);
	text-transform:uppercase;
	border:1px solid var(--color-grey-dark);
	border-radius:var(--border-radius-base);
	text-align:center;
	height:100%;
	font-weight:bold;
}
.form.wellness-profile .custom-radio label > span {
	padding-left:0;
}
.form.wellness-profile .custom-radio label .subtitle {
	text-transform:none;
	font-weight:normal;
	display:block;
}
.form.wellness-profile .custom-radio label:before {
	display:none;
}
.form.wellness-profile .custom-radio input:not(:checked) + label {
	background-color:var(--color-grey-light);
	color:var(--color-grey-dark);
}
.form.wellness-profile .custom-radio input:checked + label {
	background-color:var(--color-white);
	border-color:var(--color-secondary);
}

@media screen and (max-width:799px) {
	.form.wellness-profile .custom-radio {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:499px) {
	.form.wellness-profile .form-row {
		flex-basis:100%;
	}
	.form.wellness-profile .custom-radio {
		grid-template-columns: repeat(1, 1fr);
	}
}



/*
* -- POPUPS
*/
.popupWrap .extra-instructions,
.popupScreen .extra-instructions {
	background-color:var(--color-grey-lighter);
	border-radius:var(--border-radius-base);
	padding:var(--size-base);
	text-align:left;
    margin-bottom:var(--size-large);
}


/* ** HELPERS */
.-flexed {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
.-flexed > .accessory {
    padding:1.5rem 3rem;
}
.bordered {
    border-radius:var(--border-radius-base);
}
.gap { margin-bottom:var(--size-base); }
.gap.-large { margin-bottom:var(--size-large); }
.gap.-larger { margin-bottom:var(--size-larger); }
.gap.-largest { margin-bottom:var(--size-largest); }
.gap.-small { margin-bottom:var(--size-small); }
.gap.-smaller { margin-bottom:var(--size-smaller); }
.gap.-smallest { margin-bottom:var(--size-smallest); }

/* ** PAGE HEADER */
.header.-page {
/* border-bottom:1px solid var(--color-primary);
    */
    position:relative;
    z-index:9;
    box-shadow:0 .25rem .5rem rgba(0,0,0,.15);
}
/* .header.-page:before {
    content:"";
    width:100%;
    height:100%;
    background-image:url('images/bg-dots-square.png');
    background-size:6px;
    position:absolute;
    top:0;
    left:0;
    opacity:.15;
    z-index:-1;
}
*/
.header.-page > .container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    height:80px;
}
.footer.-page {
    background-color:var(--color-primary);
    color:var(--color-white);
    padding:1rem;
}
.header-controls {
    align-items:center;
    display:flex;
    flex-direction:row-reverse;
}
.navigation-bar.logo-only > .item {
    flex:1;
    text-align:center;
}
.navigation-bar.logo-only .logo img {
    max-width:250px;
    max-height:100px;
}
/* .navigation-bar .logo .masthead {
    max-width:200px;
    max-height:70px;
} */

/* ** NAVIGATION */
nav ul {
    padding:0;
    margin:0;
    list-style:none;
    font-size:var(--font-small);
}

/* .nav-menu li:after {
    content:"";
    display:block;
    width:100%;
    height:.25rem;
    margin-top:-.25rem;
} 
.sub-menu li:after {
    margin-top:.5rem;
}
.nav-menu li:not(.-special):hover:after {
    background-color: var(--color-black);
} */

/* .nav-menu a:not(.button):hover {
    border-color:#dadada;
    box-shadow:inset 0 0 .25rem rgba(0,0,0,.25);
} */
/* .home .navigation-bar .actions a.--login {
    display:none;
} */
.register .navigation-bar .actions a.--register {
    display:none;
}
._shc .navigation-bar .actions {
    display:none;
}
.navigation-bar .wrap-mobile-nav {
    display:none;
}
@media screen and (max-width:999px) {
    .main-header .header {
        padding-left:.5rem;
        padding-right:.5rem;
    }
	/* .navigation-bar .search {
		display:none;
	} */
	.navigation-bar .logo {
		flex:1;
	}
    .navigation-bar > .nav {
        display:none;
    }
    .navigation-bar > .actions {
        display:block;
        z-index:3;
    }
    /* .navigation-bar .actions .button {
        font-weight:500;
        font-size:var(--font-smaller);
        padding:var(--size-smaller);
        border-radius:var(--border-radius-small);
    } */
    .navigation-bar .wrap-mobile-nav {
        display:block;
        text-align:right;
    }
    #mobile-nav {
        /* opacity:0; */
        z-index:-1;
        /* transform:translateX(100%); */
        pointer-events:none;
        position:fixed;
        height:100%;
        top:0;
        right:0;
        padding-top:5rem;
        /* width:auto; */
        background-color:var(--color-white);
        color:var(--color-white);
        width:100%;
        overflow:hidden;
        transition: all 0.35s ease-out; 
        /* max-height:0; */
        transform:translateY(0) translateX(100%);
    }
    .wrap-mobile-nav._active #mobile-nav {
        /* opacity:1; */
        z-index:2;
        pointer-events:inherit;
        /* transform:translateX(0); */
        transition: all 0.35s ease-out;
        /* max-height:500px; */
        transform:translateY(0) translateX(0);
    }
    #mobile-nav li {
        display:block;
    }
    #mobile-nav li a:not(.button) {
        border-bottom:1px solid #dadada;
    }
    #mobile-nav li:first-child a:not(.button) {
        border-top:1px solid #dadada;
    }
    /* #mobile-nav li:hover {
        box-shadow:inset 0 0 .5rem rgba(0,0,0,.25);
    } */
    .nav-menu {
        text-align:center;
    }
    .nav-menu a {
        font-size:var(--font-larger);
        font-weight:500;
        font-family:'Oswald', Arial, Helvetica, sans-serif;
        padding:var(--size-small) var(--size-large);
    }
    .nav-menu a.button {
        margin-top:var(--size-large);
        margin-left:var(--size-large);
        margin-right:var(--size-large);
        display:block;
    }
    .nav-menu a:not(.button) {
        color:#333;
        border-radius:0;
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        text-transform:uppercase;
    }
    .nav-menu a:not(.button) .icon {
        height:100%;
        width:4rem;
        display:block;
        font-size:var(--font-largest);
        margin-right:var(--size-base);
        text-align:center;
    }
    .nav-menu a:hover {
        box-shadow:inset 0 0 .5rem rgba(0,0,0,.25);
        text-decoration:none !important;
    }

}
@media screen and (min-width:1000px) {
    .header.-page .header-controls {
        display:none;
    }
    .nav-menu {
        display:flex;
        flex-direction:row;
        justify-content:flex-end;
        align-items:center;
        font-weight:400;
    }
    .nav-menu a:not(.button) {
        color:inherit;
        text-decoration:none !important;
        text-transform:uppercase;
        height:100%;
        padding:var(--size-smaller);
        /* border:1px solid transparent; */
        /* border:none !important; */
        border-radius:var(--border-radius-base);
        font-size:var(--font-smaller);
    }
    .nav-menu a:not(.button):hover {
        background-color:var(--color-grey-lighter);
    }
    #site-nav li {
        cursor:pointer;
    }
    #site-nav li a:not(.button) {
        line-height:80px;
    }
    .nav-menu li + li {
        margin-left:1rem;
    }
    .nav-menu .sub-menu {
        background:var(--color-white);
        text-align:left;
        position:absolute;
        top:80px;
        left:0;
        width:100%;
        opacity:0;
        pointer-events:none;
        overflow:hidden;
        box-shadow:0 .25rem .25rem rgba(0,0,0,.25);
    }
    .nav-menu .sub-menu .container {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:flex-start;
    }
    .nav-menu .sub-menu li {
        margin-left:0;
        padding:.5rem;
    }
    .nav-menu li:hover .sub-menu {
        padding:2rem 1rem;
        opacity:1;
        pointer-events:all;
        transition:opacity .15s ease-out;
    }
    .sub-menu.-mega .description {
        width:45%;
    }
    .sub-menu.-mega h3 {
        font-size:var(--font-larger);
    }
    .sub-menu.-mega p {
        font-size:var(--font-large);
    }
    .sub-menu.-mega ul {
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        flex-wrap:wrap;
    }
    .sub-menu.-mega li {
        width:50%;
    }
}
/* @media screen and (max-width:599px) {
    .navigation-bar > .actions {
        display:none;
    }
} */

/*.logo img {
    max-height:55px;
}*/
.logo img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
img.logo-mark {
    display:none 
}
@media screen and (max-width:500px) {
    img.logo-full {
        display:none;
}
    img.logo-mark {
        display:inline-block;
}
}

/* ** SECTIONS */
.content > .section {
    padding-top:var(--size-larger);
    padding-bottom:var(--size-larger);
}
.content > .section.-large {
    padding-top:5rem;
    padding-bottom:5rem;
}




.section-title {
    margin-bottom:1rem;
    /* margin-left:-1rem;
    margin-right:-1rem; */
}

.section-title .title {
    font-size:var(--font-larger);
    font-weight:inherit;
    font-family:inherit;
    margin:0;
}
.section-title .actions {
    margin-left:1rem;
    margin-bottom:.5rem;
}
.section-title .actions .button {
    font-size:var(--font-small);
}
.page-title {
    font-size:var(--font-larger);
    margin-bottom:var(--size-smaller);
}
.page-title.-large {
    font-size:var(--font-largest);
    /* padding:1rem; */
    padding-bottom:var(--size-base);
    margin-bottom:var(--size-base);
}
.page-title .icon,
.section-title .title .icon {
    color:var(--color-secondary);
    display:inline-block;
    margin-right:1rem;
    vertical-align: middle;
}
.page-title .icon.-large,
.section-title .title .icon.-large {
    font-size:var(--font-largest);
}
.page-title img.icon {
    max-width:50px;
}
.section-title.-alert,
.section-title.-alert strong,
.section-title.-alert .icon  {
    color:var(--color-alert);
}
@media screen and (max-width:999px) {
    .section-title .title {
        font-size:var(--font-large);
    }
}
@media screen and (min-width:600px) {
    .section-title.-with-actions {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        flex-wrap:wrap;
    }
}

.section-title,
.page-title {
    font-weight:100;
    font-family:'Roboto';
    letter-spacing:1px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    padding-bottom:var(--size-smaller);
}
.popupScreen .page-title {
    text-transform: none;
}
.page-title.-welcome {
    text-transform: none;
    padding-top:0;
}




/* disabled buttons */
.button.bg-tertiary[disabled],
.button.bg-tertiary.-disabled {
    background:transparent;
    border:1px solid var(--color-grey);
    color:var(--color-grey);
    font-weight:300;
    box-shadow:none;
}
.button.bg-tertiary[disabled]:hover,
.button.bg-tertiary.-disabled {
    box-shadow:none;
    cursor:default;
}


/* * STEPS */
.section.steps {
    min-height:300px;
}
.steps .step._active {
    opacity:0;
    animation: revealIn .35s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.steps .step:not(._active) {
    z-index:-1;
    pointer-events:none;
    display:none;
}
.steps .page-title {
    text-transform:none;
}
.step-header {
    margin-bottom:var(--size-large);
}

/* LOGIN PAGE */
.cta {
    text-align:center;
    padding:1rem;
}
.cta h2 {
    margin-bottom:.25rem;
}

/* Blocks */
.blocks {
    text-align:center;
}
.list-blocks {
    margin:0;
    margin-top:2rem;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
}
.list-blocks li {
    margin:1rem 1rem 0;
    flex-grow:1;
}
.list-blocks .icon {
    font-size:5rem;
    min-width:5rem;
    margin-bottom:1rem;
    text-align:center;
}
.icon.-accent {
    color:var(--color-accent);
}
/* CARDS */
.cards {
    text-align:center;
}
.cards .header {
    margin-bottom:3rem;
}
.cards .footer {
    margin-top:3rem;
}
.wrap-cards {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    gap:var(--size-base);
}
.wrap-cards .card {
    flex-grow:1;
    /* margin:0 1rem; */
}
.card {
    box-shadow: 0 0 1rem rgba(0, 0, 0, .25);
    border-radius: .5rem;
    overflow:hidden;
}
.card .summary {
    padding:var(--size-base);
    color:initial;
    text-align:left;
}
.card h3, .card h4, .card p {
    margin:0;
}
.card img {
    display:block;
    width:100%;
}
.slides {
    position:relative;
}
.slides > .container {
    position:initial;
}
.slides .header, .slides .footer {
    text-align:center;
}
.slides .header {
    margin-bottom:3rem;
}
.slides .footer {
    margin-top:3rem;
}
.wrap--slides > .i {
    max-height:0;
    opacity:0;
    transform:translateY(5rem);
    overflow:hidden;
}
.wrap--slides > .i._active {
    opacity:1;
    max-height:1000px;
    transform:translateY(0);
    transition:opacity .35s ease-in, transform .2s ease-out;
}
.wrap--slides > .i.-flexed {
    justify-content:space-around;
}
.wrap--slides > .i.-flexed:nth-child(even) {
    flex-direction:row-reverse;
}
.wrap--slides > .i .content {
    max-width:500px;
    font-size:1.5rem;
    margin-top:1rem;
}
.quote h3 {
    font-size:2rem;
}
.quote p {
    font-size:1.5rem;
}
.slides .card {
    width:270px;
}
.slides .control {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100px;
    justify-content:center;
    align-items:center;
    display:flex;
    background:rgba(0,0,0,.25);
    background: linear-gradient(90deg, rgba(99,99,99,0.35) 0%, rgba(0,0,0,0) 100%);
    user-select: none;
}
.slides .control.-next {
    right:0;
    left:auto;
    background: linear-gradient(270deg, rgba(99,99,99,0.35) 0%, rgba(0,0,0,0) 100%);
}
.slides .control:hover {
    background:rgba(0,0,0,.15);
    cursor:pointer;
}
/* * TRANSITIONAL ITEMS */
.wrap-transitional-text {
    position:relative;
}
.transitional-text .i {
    position:absolute;
    /* top:0; */
    left:0;
    opacity:0;
    transition: opacity 0.33s ease-in-out;
}
.transitional-text .i._active {
    opacity:1;
}
.title .wrap-transitional-text {
    display:block;
    font-size:var(--title-large);
    min-height:var(--title-large);
}
/* placeholder so transitional-text takes up a line of space */
.wrap-transitional-text:before {
    content:"";
    font-size:0;
    opacity:0;
    height:100%;
    display:block;
}
p.transitional-text .i {
    margin-left:.5rem;
}
/* * LIST OF FEATURES */
section .header {
    padding-bottom:2rem;
}
.header h2, .header h3 {
    margin-bottom:0;
}
.header p {
    font-size:var(--font-large);
    margin-top:2rem;
}
.list-features {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-content:flex-start;
    margin:0 -1rem;
}
.list-features li {
    flex-basis:100%;
    padding:3rem 1rem 0;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-content:flex-start;
}
.list-features .content {
    flex:1;
    margin-top:.25rem;
}
.list-features h3, 
.list-features p {
    margin:0 0 .5rem;
}
.list-features p {
    font-size:.9rem;
}
.list-features a {
    font-size:.9rem;
}
.list-features .button {
    font-size:var(--font-small);
    padding:.25rem .5rem;
    border-radius:var(--border-radius-small);
}
.list-features .graphic {
    width:5rem;
    height:5rem;
    margin-right:1.5rem;
    border-radius:100%;
    background-color:var(--color-primary);
    /* border:1px solid white; */
    box-shadow:inset 0 0 .5rem rgba(0,0,0,.5);
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
}
.list-features .graphic .icon {
    font-size:2.5rem;
    color:#fff;
    line-height:0;
}
@media screen and (min-width:999px) {
    .list-features li {
        flex-basis:50%;
    }
    .list-features .graphic {
        width:7rem;
        height:7rem;
    }
    .list-features .graphic .icon {
        font-size:4rem;
    }
    .list-features .button {
        font-size:var(--font-smaller);
    }
}
/* 
#section--personal-wellness-team,
#section--personal-wellness-team > .container {
    position: relative;
} */
#section--personal-wellness-team {
   background-color:var(--color-primary-light);  
}
/* #section--personal-wellness-team:before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-image:url('/images/group-silhouette.png');
    background-position:center 9rem;
    background-size:contain;
    background-repeat:no-repeat;
    opacity:.07;
    pointer-events:none;
    z-index:0;
} */
/* * SIDECARS * content / graphic * graphic / content * content / graphic */
.sidecar {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.sidecar:nth-child(even) {
    flex-direction:row-reverse;
}
.sidecar:nth-child(odd) .content {
    text-align:right;
}
.sidecar + .sidecar {
    margin-top:4.5rem;
}
/* .sidecars.-with-text .sidecar + .sidecar {
    margin-top:4.5rem;
}
*/
.sidecar .content {
    padding:0 1rem;
    flex-grow:1;
    max-width:50%;
}
.sidecar p {
    font-size:var(--font-large);
}
.sidecar .graphic {
    width:55%;
}
.sidecar .graphic img {
    max-width:90%;
    display:block;
    margin:auto;
}
.sidecar.-text-focused .graphic {
    width:40%;
}
.sidecar.-text-focused .graphic img {
    max-width:300px;
}
.sidecar.-text-focused .content {
    text-align:left;
    flex-grow:0;
    font-size:var(--font-largest) 
}
/* * MESSAGES / CONVERSATIONS */
.list-messages {
    position:relative;
    border:1.5rem solid black;
    border-bottom-width:3rem;
    border-top:none;
    border-bottom-left-radius:1rem;
    border-bottom-right-radius:1rem;
    min-height:270px;
    width:380px;
    margin:auto;
    box-shadow:0 2rem 2rem rgba(0,0,0,.25);
}
.list-messages:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:calc(100% + 3rem);
    margin-left:-1.5rem;
    height:2rem;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
}
.list-messages .i {
    position:absolute;
    bottom:0rem;
    right:2rem;
    left:2rem;
/* display:none;
    */
}
.list-messages .i._active {
/* display:block;
    */
}
.list-messages p {
    color: #fff;
    border-radius: .5rem;
    padding: .5rem 1rem;
    max-width:90%;
    background-color:var(--color-primary);
    margin-left:auto;
    margin-bottom:2rem;
    box-shadow:0 .15rem .15rem rgba(0,0,0,.5);
    font-size:.8rem;
    font-weight:400;
}
.list-messages p.response {
    background: #cacaca;
    margin-left:0;
    margin-right:auto;
}
.list-messages .response.-typing {
    font-size: 2.5rem;
    line-height: 1.75rem;
    max-width:4rem;
    padding:0 0 .25rem;
    text-align:center;
}
.list-messages + .controls {
    margin-top:-2.5rem;
    position:relative;
    text-align:center;
}
/* .controls .button {
    text-transform:lowercase;
    font-size:.8rem;
    padding:0;
    margin:0 .25rem;
    width:2rem;
    height:2rem;
    border-radius:100%;
    background-color:#444;
}
.controls .button.-prev {
    padding-right:.125rem;
}
.controls .button.-next {
    padding-left:.125rem;
} */
/* * PHONE SIMULATION */
.phone-simulation {
    position:relative;
    border:1rem solid black;
    border-radius:var(--border-radius-large);
    margin:0 auto;
    box-shadow:0 2rem 2rem rgba(0,0,0,.25);
    width:330px;
    background-color:#fff;
}
.phone-simulation h3 {
    background-color:var(--color-accent);
    text-align:center;
    padding:1rem 0;
    margin:0;
}
.phone-simulation .buttons {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:stretch;
}
.phone-simulation .buttons .button {
    flex-basis:34%;
    flex-grow:1;
    border-radius:0;
    margin:.25rem .25rem;
    padding:1rem .25rem;
    font-size:var(--font-small);
    background-color:var(--color-primary);
/* color:var(--color-primary);
    */
}
.phone-simulation h4 {
    background-color:var(--color-primary-light);
    color:var(--color-black);
    text-align:center;
    margin:1rem 0;
    padding:1rem;
}
/* ** SIDE-BY-SIDE */
.side-by-side {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
}
.side-by-side + .side-by-side {
    margin-top:var(--size-larger);
}
.side-by-side.-centered {
    align-items:center;
}
.side-by-side > .content {
    width:50%;
}
.side-by-side > .graphic {
    /* max-width:600px; */
    flex-grow:1;
}
@media screen and (max-width:699px) {
    .side-by-side {
        flex-direction:column;
    }
    .side-by-side > .graphic,
    .side-by-side > .content {
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    .side-by-side > .graphic {
        margin-bottom:var(--size-large);
    }

}
@media screen and (min-width:700px) {
    .side-by-side > .graphic {
        margin-right:2rem;
    }
    .side-by-side.-oppo > .graphic {
        margin-right:0;
        margin-left:2rem;
    }
    .side-by-side.-oppo > .content {
        order:1;
    }
    .side-by-side.-oppo > .graphic {
        order:2;
    }
}
@media screen and (min-width:1000px) {
    .side-by-side > .graphic {
        margin-right:4rem;
    }
    .side-by-side.-oppo > .graphic {
        margin-left:4rem;
    }
}


/* POLAROIDS */
.polaroid {
    background: #fff;
    padding: 1rem 1rem 0;
    box-shadow: 0 0.2rem 1rem rgba(0,0,0,0.1);
    border-radius:var(--border-radius-small);
    cursor:pointer;
    z-index:1;
}
.polaroid img {
    border-radius:var(--border-radius-small);
}
.caption {
    padding:1rem;
    font-size:var(--font-base);
}
.caption > *:last-child {
    margin-bottom:0;
}
.polaroid .caption {
    padding:2rem 1rem;
    color:#515151;
}
/* .polaroid .caption p {
    font-family:cursive;
} */
.graphic.-tilt .polaroid:before {
    content: '';
    position: absolute;
    z-index: -1;
}
.graphic.-tilt {
    transform: translateX(1rem) scale(.8, .8) rotate(-3deg);
    transition: all 0.35s;
}
.-oppo .graphic.-tilt {
    transform: translateX(-1rem) scale(.8, .8) rotate(3deg);
}
.graphic.-tilt .polaroid:before {
    transform: rotate(5deg);
    height: 20%;
    width: 47%;
    bottom: 30px;
    right: 12px;
    box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);
    transition: all 0.35s;
}
.side-by-side.-oppo .graphic.-tilt .polaroid:before {
    transform: rotate(-6deg);
    left: 12px;
    right:auto;
} 
.graphic.-tilt.-oppo .polaroid:before {
    right:12px;
    left:auto;
}
.graphic.-tilt:hover {
    filter: none;
    transform: scale(1, 1) rotate(0deg) !important;
}
.graphic.-tilt:hover .polaroid:before {
    content: '';
    position: absolute;
    z-index: -1;
    transform: scale(.9, .9) rotate(0deg) !important;
    height: 90%;
    width: 90%;
    bottom: 0%;
    right: 5%;
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.2);
    transition: all 0.35s;
}
.side-by-side .content p {
    font-size:var(--font-large);
    line-height:var(--line-height-large);
}
.polaroid.js-open-lightbox {
    position:unset;
}
@media screen and (max-width:699px) {
    .graphic.-tilt {
        transform: translateX(-.25rem) scale(.9, .9) rotate(3deg);
    }
    .-oppo .graphic.-tilt {
        transform: translateX(0) scale(.9, .9) rotate(-3deg);
    }
}
  
  
 
  
/* * IMAGE BUBBLES */
.image-bubbles {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;
    max-width:450px;
}
.image-bubbles .i {
    padding:2rem;
    height:150px;
    width:250px;
    background-color:var(--color-white);
    border-radius:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    box-shadow:0 0 .5rem rgba(0,0,0,.25);
    margin-bottom:-3rem;
}
.image-bubbles .i:nth-child(even) {
    transform:translateX(-125px);
}
.image-bubbles .i:last-child {
    margin-bottom:0;
}
/* * IMAGE STRIP */
.image-strip {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}
/* * NOTEPADS */
/* 
/* */
/* .notepads > .i {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url('images/bg-paper.jpg');
    width:70%;
    padding:1rem 1rem 1rem 4rem;
}
.notepads > .i.-washed {
    opacity:.5;
    font-size:50%;
    width:30%;
}
*/
.list-checkmarks li + li {
    margin-top:.25rem;
}
.list-checkmarks li:before {
    font-family: eleganticons;
    content: "R";
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;

    /* content: '\2714'; */
    color:var(--color-secondary);
    margin-right:.5rem;
    margin-left:.5rem;
}
.list-checkmarks.-alt li:after {
    display:none;
}
.list-checkmarks.-alt li:before {
    content: '\2717';
    color:var(--color-alert);
    font-size:200%;
    line-height:var(--font-large);
    vertical-align:sub;
    margin-right:.5rem;
}



/* TODO: make this better.. */
.wrap-controls > * {
    margin-left:.5rem;
}
.wrap-controls > *:first-child {
    margin-left:0;
}
.wrap-buttons.-stacked > * {
    display:block;
}
.wrap-buttons.-stacked > * + * {
    margin-top:1rem;
}
/* FULL PAGE LAYOUT */

/* .header {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:99;
    text-align:right;
    padding-right:5rem;
}
*/

.bg-gradient [type="checkbox"] + label:before {
    border-color:#fff;
}



.scroll-note {
    display:inline-block;
    position:relative;
    line-height:1;
    padding:0 1rem .5rem .5rem;
    border-radius:var(--border-radius-base);
}
.scroll-note .text {
    font-size:var(--font-smaller);
    font-weight:400;
    line-height:1;
    opacity:.75;
}
.scroll-note .icon {
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
    pointer-events:none;
}
.icon.-bounce {
    --icon-opacity: .05;
    --icon-opacity-bounce:.33;
    opacity:var(--icon-opacity);
    font-size:4rem;
    line-height:0;
    width:1rem;
    height:1rem;
    animation:bounce;
    animation-duration: 5s;
    animation-iteration-count:infinite;
    transform-origin: bottom;
}

/* ANIMATIONS */
/* ANIM: Bounce */
.animation--bounce {
    animation-name: bounce;
    animation-timing-function: ease;
}
@keyframes bounce {
    0%   { transform: scale(1,1)    translateY(0); }
    30%  { transform: scale(1,1)  translateY(0); opacity:var(--icon-opacity); }
    37%  { transform: scale(1,.9) translateY(-20px); }
    44%  { transform: scale(1,1.2)    translateY(0); opacity:var(--icon-opacity-bounce); }
    50%  { transform: scale(1,1)    translateY(-8px); opacity:var(--icon-opacity-bounce); }
    55%  { transform: scale(1,1)    translateY(0); }
    60%  { transform: scale(1,1)    translateY(0); opacity:var(--icon-opacity); }
}


/* **NAV BUTTONS XL */
.nav-buttons-xl > .i {
    position:relative;
    overflow:hidden;

    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    flex-basis:26%;
    flex-grow:1;

    border:1px solid var(--color-grey);
    border-radius:var(--border-radius-large);
    padding:var(--size-larger) var(--size-base);
    font-weight:100;
    /* margin:0 var(--size-base); */
    /* background-color:var(--color-primary); */
    /* color:#fff; */
}
.nav-buttons-xl .button {
    display:block;
}
.nav-buttons-xl .button + .button {
    margin-top:var(--size-small);
}
.nav-buttons-xl .title {
    margin-bottom:var(--size-base);
    text-align:center;
    font-weight:300;
    text-transform:uppercase;
    font-family:'Roboto';
    letter-spacing:1px;
    font-size:var(--font-large);
    width:100%;
}
.nav-buttons-xl .icon {
    margin-bottom:var(--size-larger);
    color:var(--color-black);
}
/* .nav-buttons-xl img.icon {
    max-width:100%;
    max-height:100px;
} */
.nav-buttons-xl .content {
    flex-grow:1;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.nav-buttons-xl .content .text {
    flex-grow:1;
    margin-bottom:var(--size-base);
}
.icon.-xl {
    line-height:0;
    text-align:center;
    display: block;
    font-size:var(--icon-size-larger);
    pointer-events:none;
}
@media screen and (max-width:599px) {
    .nav-buttons-xl > .i + .i {
        margin-top: var(--size-large);
    }
    .nav-buttons-xl > .i {
        max-width:400px;
        margin-left:auto;
        margin-right:auto;
    }
}
@media screen and (max-width: 599px) {
    .nav-buttons-xl {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--size-base);
    }

        .nav-buttons-xl > .i {
            flex: 1 1 100%;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}

/* Tablet (600px to 1199px) � 2 columns */
@media screen and (min-width: 600px) and (max-width: 1199px) {
    .nav-buttons-xl {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--size-base);
    }

        .nav-buttons-xl > .i {
            flex: 1 1 calc(50% - var(--size-base));
            max-width: 400px;
            margin-left: auto;
            margin-right: auto;
        }
}

/* Desktop (1200px and up) � 4 columns */
@media screen and (min-width: 1200px) {
    .nav-buttons-xl {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        width: 100%;
        gap: var(--size-base);
    }

        .nav-buttons-xl > .i {
            flex: 1 1 calc(25% - var(--size-base));
            max-width: 300px;
        }
}
/* ** CHOICE GRID */
.choice-grid {
    position:relative;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-start;
    /* display:grid;
    grid-template-columns: 1fr var(--min-section-size);
    grid-gap: var(--size-small);
    overflow:hidden; */
}
.choice-grid > .i {
    text-align:center;
}
.graphic.-circled-icon {
    padding:2rem;
    border-radius:100%;
    border:5px solid var(--color-black);
}
.graphic.-circled-icon > .icon {
    font-size:4rem;
    line-height:0;
    color:#fff;
}
.choice-grid .graphic {
    margin:auto;
    max-width:200px;
    max-height:200px;
    margin-bottom:1rem;
    display:flex;
    align-items:center;
}
.choice-grid > .i.-side {
    flex-basis:var(--min-section-size);
    min-width:var(--min-section-size);
    display:flex;
    flex-direction:column;
    border:1px solid #dadada;
    background-color:var(--color-grey-lightest);
    border-radius:var(--border-radius-large);
}
.choice-grid > .i.-side > .choice-option .content {
    width:100%;
}
.choice-option {
    padding:var(--size-larger) var(--size-base);
}
.choice-option.-main {
    padding:var(--size-larger);
}
.choice-option + .choice-option {
    border-top:1px solid #dadada;
}
.choice-option .title {
    font-size:var(--font-larger);
    margin-bottom:1rem;
}
.choice-option .title small {
    display:block;
    font-size:var(--font-base);
}
.choice-option p {
    margin-bottom:var(--size-base);
}
.choice-option p:last-child {
    margin-bottom:0;
}
.choice-option.-small p {
    font-size:var(--font-smaller);
}
.choice-option .button {
    display:block;
    width:100%;
}
@media screen and (max-width:999px) {
    .choice-grid {
        flex-direction:column-reverse;
    }
    .choice-grid > .i,
    .choice-grid > .i.-side {
        max-width:100%;
        width:100%;
    }
    .choice-grid > .i.-side > .choice-option .content {
        max-width:500px;
        margin-left:auto;
        margin-right:auto;
    }
}

.form-with-instructions {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    /* align-items:stretch; */
}
.form-with-instructions > .instructions {
    padding:var(--size-larger) var(--size-large);
    width:var(--min-section-size);
    /* border-right:1px solid #dadada; */
    font-size:var(--font-small);
    text-align:center;
}
.form-with-instructions .title {
    font-size:var(--font-larger);
}
.form-with-instructions > .body {
    padding:2rem;
    flex:1;
    text-align:left;
}
.form-with-instructions label {
    padding-top:0;
    padding-bottom:0;
}

@media screen and (max-width:599px) {
    .form-with-instructions {
        display:block;
    }
    .form-with-instructions > .body {
        padding-left:0;
        padding-right:0;
    }
    .form-with-instructions > .instructions {
        display:none;
    }
}

/* simple form */
.simple-form {
    padding:1rem;
}
.simple-form .title {
    text-transform:none;
    font-size:var(--font-larger);
}
/* todo: remove !important... */
.simple-form input {
    font-size:var(--font-large) !important;
}
.simple-form .form-section +.form-section {
    margin-top:2rem;
}
.form-section + hr {
    margin:2rem 0;
}
.form-section p {
    margin-bottom:1rem;
}
.form + .form-extras {
    margin-top:2rem;
}
.flex-row {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
}
.simple-form .flex-row {
    align-items:center;
    align-items:stretch;
    border-radius:var(--border-radius-large);
    overflow:hidden;
}
.form .flex-row input:first-child {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    flex-grow:1;
    border:none;
}
.form .flex-row .button:last-child {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    width:auto;
    font-size:var(--font-base);
}


/* misc */
.highlight-bar {
    padding:.5rem;
    text-align:center;
    background-color:#efefef;
}
.wrap-graphic img {
    border-radius:var(--border-radius-large);
}

/* numbered list of instructions */
.page-title + .steps {
    margin-top:3rem;
}
.step.-tight {
    margin:auto;
    max-width:500px;
}
.step .wrap-submit {
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    margin-top:3rem;
}
.list-instructions {
    clear: both;
    list-style: none;
    padding:0;
}
.list-instructions li {
    position: relative;
    counter-increment: count--list-instructions;
    padding-left: 80px;
    padding-top:10px;
}
@media screen and (min-width:1200px) {
    .list-instructions.-horizontal {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:flex-start;
        margin-left:-1rem;
        margin-right:-1rem;
    }
    .list-instructions.-horizontal li {
        flex:1;
        margin:0 1rem;
    }
}
.list-instructions li + li {
    margin-top:var(--size-base);
}
.list-instructions li::before {
    content: counter(count--list-instructions);

    position: absolute;
    left:0;
    top:0;
    height: 60px;
    width: 60px;
    
    color: #fff;
    background: var(--color-primary);
    border-radius: 100%;
    
    font-size: var(--font-larger);
    font-weight:bold;
    text-align: center;
    line-height:60px;
}
.list-instructions .title {
    margin:0;
    margin-bottom:var(--size-smallest);
}
.list-instructions .details {
    margin:0;
}

/* list info */
.list-info li {
    padding:var(--size-small) var(--size-base);
    font-size:var(--font-large);
    line-height:1;
}
.list-info li:not(:last-child) {
    margin-bottom:var(--size-smallest);
}
.list-info li:nth-child(odd) {
    background-color:#f5f5f5;
}
.list-info li .label {
    width:100%;
    display:block;
    font-size:var(--size-base);
    text-transform:uppercase;
    margin-bottom:var(--size-smaller);
}
.list-info li .value {
    font-size:var(--size-large);
}
.list-info li .value {
    font-weight:500;
}
.list-info li .details {
    font-size:var(--font-small);
    display: block;
}
.list-info .-highlight {
    color:var(--color-secondary);
}
@media screen and (min-width:1000px) {
    .list-info li {
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:flex-start;
        text-transform:uppercase;
    }
    .list-info li .label {
        width:200px;
    }
}



/* service tabs */
.service-tabs .title {
    font-weight:normal;
    font-size:var(--font-base);
}
.service-tab-menu {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-end;
    gap:var(--size-smallest);
}
.service-tab-menu .button {
    background-color:transparent;
    color:var(--color-font);
    /* border:1px solid var(--color-grey); */
    /* border-bottom:none; */
    font-weight:100;
    padding-bottom:.5rem;
    margin-bottom:.25rem;
}
/* .service-tab-menu .label {
    background-color:var(--color-grey);
    color:var(--color-white);
    font-weight:100;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    pointer-events:none;
    padding-bottom:.75rem;
    margin-bottom:0;
} */
.service-tab-menu .button._active {
    border-color:var(--color-secondary);
    font-weight:bold;
}

.service-tab {
    /* border:2px solid var(--color-grey); */
    /* border-radius:var(--border-radius-base); */
    /* border-top-left-radius:0; */
    overflow:hidden;

}
.service-tab:not(._active) {
    display:none;
}
/* price table */
.table-header,
.table-footer {
    width:100%;
    /* font-size:var(--font-smaller); */
    /* padding:var(--size-smaller); */
}
.table-header {
    /* background-color:var(--color-primary);
    color:var(--color-white); */
    /* text-transform:uppercase; */
}


/* PRICE BLOCKS */
.price-blocks {
    list-style:none;
    padding:0;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:var(--size-smaller);
}
.price-blocks.-comparison {
    grid-template-columns:repeat(2, 1fr);
}
.price-blocks > li {
    padding:var(--size-small) var(--size-small);
    border:1px solid var(--color-grey-lighter);
    border-radius:var(--border-radius-base);
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content: flex-end;
}
.price-blocks > li.item-alt {
    grid-column: 1 / -1;
    display:grid;
    grid-template-columns: 1fr 150px;
    text-align:left;
}
.price-blocks .item-alt .label {
    grid-column:1;
    order:1;
    align-self:end;

}
.price-blocks .item-alt .price {
    grid-column:2;
    order:2;
    color:var(--color-accent);
    margin:0;
    text-align:center;
}
.price-blocks .item-alt .description {
    grid-column:1;
    order:3;
    font-size:var(--font-smaller);
    padding-right:var(--size-base);
}
.price-blocks .item-alt .action {
    grid-column:2;
    order:4;
    margin:0;
    justify-self: auto;
}
.price-blocks .item-alt .button {
    background-color:var(--color-accent);
    width:100%;
}
.pros-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal-width columns */
    gap: 20px; /* Add space between the columns */
    width: 100%; /* Ensure the container takes full width */
    margin-bottom: 10px;
}

.item-alt-2 {
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    border-radius: 10px; /* Rounds the borders */
    margin-bottom: 10px; /* Adds 10px space at the bottom of each item */
    box-sizing: border-box; /* Ensure padding is included in width */
}
    .item-alt-2 button {
        font-size: var(--font-smaller);
    }

.price-blocks .table-header + li:not(.table-header) {
    border-top:none;
}
.price-blocks .table-header {
    grid-column: 1;
    grid-row: 1 / 10;
    text-align:center;
    padding:var(--size-base) var(--size-smaller);
    line-height:var(--line-height-base);
    font-size:var(--font-small);
    text-transform:uppercase;
    border-right:1px solid var(--color-grey-lighter);
    margin:auto;
}
.price-blocks .table-header .icon {
    font-size:var(--icon-size-base);
    display:block;
    margin-bottom:var(--size-smaller);
}
.price-blocks .table-header small {
    display:block;
}
.price-blocks .label {
    display:block;
    font-family:var(--font-family-secondary);
    text-transform: uppercase;
    font-size:var(--font-base);
    font-weight:bold;
    line-height:var(--line-height-base);
    margin-bottom:var(--size-smaller);
}
.price-blocks .price {
    display:block;
    color:var(--color-secondary);
    font-size:var(--font-larger);
    font-weight:normal;
    margin-bottom:var(--size-smaller);
}
.price-blocks .price:last-child {
    margin-bottom:0;
}
.price-blocks .price small {
    font-size:var(--font-smaller);
    line-height:1;
}
.price-blocks .price:not(.-free):before,
.price-blocks .price .strike:before {
    content:"$";
    font-size:var(--font-small);
    vertical-align:text-top;
}
.price-blocks .strike {
    color:var(--color-grey);
    text-decoration:line-through;
    font-size:var(--font-small);
    display:inline-block;
    margin-left:var(--size-smallest);
}
.price-blocks .price .strike:before {
    font-size:var(--font-smallest);
}
.price-blocks .detail {
    display:block;
    font-size:var(--font-smaller);
    line-height:var(--line-height-small);
    margin-bottom:var(--size-smaller);
}
.price-blocks .action {
    display:block;
    justify-self:flex-end;
}
.price-blocks .action .button {
    font-size:var(--font-smaller);
    width:100%;
    font-weight:500;
}
.price-blocks .action .button small {
    display:block;
    font-weight:normal;
}


@media screen and (max-width:699px) {
    .price-blocks {
        grid-template-columns:repeat(2, 1fr);
    }
    .price-blocks > li.item-alt {
        grid-template-columns: 1fr 100px;
    }
}
@media screen and (max-width:499px) {
    .price-blocks {
        grid-template-columns:repeat(3, 1fr);
    }
}
@media screen and (max-width:399px) {
    .price-blocks {
        grid-template-columns:repeat(1, 1fr);
    }
}

/* end price blocks */


/* PRICE TABLE */
.price-table {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    list-style:none;
    padding:0;
    border:1px solid #efefef;
    border-radius:var(--border-radius-base);
    border-collapse: collapse;
    text-align:center;
    overflow:hidden;
}
.price-table .table-header .icon {
    color:var(--color-accent);
}
.table-header,
.table-footer {
    width:100%;
    font-size:var(--font-smaller);
    padding:.5rem;
}
.table-header {
    text-transform:uppercase;
    background-color:var(--color-primary-light);
}
.price-table > li:not(.table-header):not(.table-footer) {
    flex:1;
    padding:var(--size-base) var(--size-smaller);
}
.price-table > li:not(.table-header):not(.table-footer) + li:not(.table-header):not(.table-footer) {
    border-left:1px solid #efefef;
}
.price-table .label {
    display:block;
    font-size:var(--font-small);
    font-weight:normal;
    line-height:var(--line-height-base);
    margin-bottom:var(--size-smaller);
}
.price-table .price {
    display:block;
    color:var(--color-secondary);
    font-size:var(--font-large);
    font-weight:normal;
}
.price-table .price small {
    font-size:var(--font-smaller);
    display:block;
    line-height:1;
}
.price-table .price:not(.-free):before,
.price-table .price .strike:before {
    content:"$";
    font-size:var(--font-small);
    vertical-align:text-top;
}
.price-table .strike {
    color:var(--color-grey);
    text-decoration:line-through;
    font-size:var(--font-small);
    display:inline-block;
    margin-left:var(--size-smallest);
}
.price-table .price .strike:before {
    font-size:var(--font-smallest);
}
.price-table .note {
    display:block;
    font-size:var(--font-smaller);
}
.price-table .-highlight {
    color:var(--color-secondary);
    display:block;
}
.price-table .table-footer {
    background:var(--color-primary-light);
}
/* end price table */



.buy-buttons {
    clear:both;
}
.buy-buttons .button {
    border-radius:var(--border-radius-base);
    padding:var(--size-base);
    min-width:120px;
}
@media screen and (min-width:800px) {
    .buy-buttons .button {
        font-size:var(--font-large);
        min-width:200px;
    }

}


/* disclaimer */
.disclaimer {
    font-size:var(--font-smaller);
    padding:var(--size-base);
    background-color:#efefef;
    border-radius:var(--border-radius-base);
    margin-top:var(--size-larger);
}
.disclaimer p {
    margin-bottom:0;
}
.disclaimer p + p {
    margin-top:var(--size-base);
}

/* popup filters */
.popupFilters {
    height:100%;
    width:100%;
    padding:2rem;
}
.popupFilters > .container {
    background:#fff;
    border-radius:var(--border-radius-large);
    width:100%;
    height:100%;
    /* max-width:1200px; */
    margin:auto;
    /* padding:0; */
    padding:var(--size-base);
    overflow:hidden;
}
.popupFilters .section-title {
    margin-bottom:0;
}
.popupFilters .filters,
.popupFilters .questionnaire {
    padding:var(--size-base);
    overflow-y:auto;
    max-height:100%;
}
.popupFilters .filters.-with-sticky-header {
    max-height:90%;
}
.popupFilters > .closer {
    position:absolute;
    top:0;
    right:0;
    background:white;
}
.popupFilters .sidebar {
    background-color:#efefef;
    padding:var(--size-base);
    border-radius:var(--border-radius-base);
    margin-top:var(--size-base);
    max-width:200px;
    display:none !important;
}

.filters .section-title {
    font-size:var(--font-large);
}
.filters .instructions {
    font-size:var(--font-smaller);
}
.filter-set .title {
    margin:0;
    font-size:var(--font-small);
    /* text-transform:uppercase; */
    color:#8f8f8f;
    margin-bottom:var(--font-small);
    padding-left:var(--size-smaller);
}
.filter-set .subtitle {
    display:block;
    font-size:var(--font-smaller);
    font-weight:300;
    margin-top:var(--size-smallest);
}
.filters .button {
    border:1px solid #8f8f8f;
    color: #333;
    background-color:transparent;
    font-weight:300;
    font-size:var(--font-small);
    margin-bottom:var(--size-smallest);
}
.filters.-small .button {
    font-size:var(--font-small);
    padding:var(--size-smaller);
    text-transform:none;
}
.filters .button.active {
    color:var(--color-secondary);
    border-color:var(--color-secondary);
    background-color:transparent;
    box-shadow:inset 0 0 0 2px var(--color-secondary);
    font-weight:500;
}
.filter-set.-main .button {
    padding-top:var(--size-large);
    padding-bottom:var(--size-large);
    min-width:30%;
}
.filter-set.-presets .button {
    width:100%;
    font-size:var(--font-smaller);
}
.filter-set.-presets .button + .button {
    margin-top:var(--size-small);
}
.filter-set .button {
    min-width:22%;
}
.filter-category {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    width:100%;
    padding-top:var(--size-large);
}
.filter-category + .filter-category {
    margin-top:var(--size-large);
    border-top:1px solid #efefef;
}
.filter-category .filter-label {
    max-width:200px;
    /* padding-left:var(--size-base); */
    padding-right:var(--size-base);
}
.filter-category .filter-body {
    flex:1;
    padding-left:var(--size-base);
}
.filter-body.-halves {
    /* display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
    margin-left:-.5rem;
    margin-right:-.5rem; */
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    flex-wrap:wrap;
    gap:var(--size-large);
}
.filter-body.-halves .filter-set + .filter-set {
    margin-top:0;
}
.filter-label .title {
    margin:0;
    margin-bottom:var(--size-smallest);
    font-size:var(--font-large);
    text-transform:uppercase;
    color:#8f8f8f;
    background-color:#efefef;
    border-top-right-radius:var(--border-radius-large);
    border-bottom-right-radius:var(--border-radius-large);
    padding:var(--size-smallest);
    padding-left:var(--size-base);
}
.filter-label .instructions {
    padding-left:var(--size-smaller);
}
.filter-set + .filter-set {
    margin-top:var(--size-large);
}
.filters .custom-checkbox input[type='checkbox']:checked + label:before {
    background-color:var(--color-secondary);
    color:var(--color-white);
    border-color:var(--color-secondary);
}
.questionnaire .answers {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
    margin:-.25rem;
}
.questionnaire .answers .button {
    flex-basis:34%;
    flex-grow:1;
    margin:.25rem;
    padding-top:var(--size-base);
    padding-bottom:var(--size-base);
    max-width:calc(50% - .5rem);
}
.day-of-week .button {
    width:auto;
    min-width:50px;
    padding-left:var(--size-smallest);
    padding-right:var(--size-smallest);
    text-transform:none;
}
.date-range input {
    max-width:150px;
    display:inline-block;
    background-color:transparent;
    background-color:#f8f8f8;
}

@media screen and (max-width:599px) {
    .popupFilters {
        padding:var(--size-base);
    }
    .popupFilters .section-title {
        padding:var(--size-base);
    }
    .popupFilters .section-title .title {
        display:none;
    }
    .popupFilters .section-title .actions {
        text-align:right;
        margin:0;
    }
    .popupFilters .filters {
        padding:0;
    }
    .popupFilters > .container {
        padding:0;
    }
    .popupFilters .section-body {
        padding:var(--size-base);
    }

    .filter-category {
        display:block;
    }
    .filter-category:first-child {
        padding-top:0;
    }
    .filter-category .filter-label {
        max-width:100%;
        padding-right:0;
        margin-bottom:var(--size-base);
    }
    .filter-category .filter-body {
        padding-left:0;
    }
}


/* start line */
.start-line {
    display:inline-block;
    border-top:1px solid var(--color-black);
    border-bottom:1px solid var(--color-black);
    padding:.5rem 3rem;
    /* border-radius:var(--border-radius-base); */
    color:var(--color-black);
    font-size:var(--font-base);
    font-weight:100;
}

/* online-inperson */
.online-inperson {
    font-size:var(--font-smaller);
    font-weight:bold;
}
.online-inperson .icon {
    color:var(--color-secondary);
    margin-right:var(--size-smallest);
}

.online-inperson .separator:before {
    content:"";
    padding-left:var(--size-small);
    padding-right:var(--size-small);
}


/* new modals with animation */
.modal-container {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0; bottom:0;
    left: 0; right:0;
    transform: scale(0);
    z-index:99;

}
.modal-container._active {
    transform:scale(1);
}
.modal-container._closed {
    transform: scale(1);
    animation: travelDownFromTop .75s 0s linear forwards;
}
.modal-background {
    background: rgba(0, 0, 0, 0.8);
    vertical-align: middle;
    /* padding:4rem 1rem 0; */
    height:100%;
    width:100%;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}
.modal-container._active .modal-background {
    /* background-color is set as starting position, animation moves background-color to final value */
    background-color:rgba(255, 255, 255, 0);
    animation: revealBackgroundIn .75s 0s ease-out forwards;
}
.modal-container._closed .modal-background {
    /* background-color is set as starting position, animation moves background-color to final value */
    background-color:rgba(255, 255, 255, .525);
    animation: revealBackgroundOut 1.5s 0s ease-in forwards;
}
.modal {
    /* padding: var(--size-large); */
    display: inline-block;
    border-radius: var(--border-radius-base);
    position: relative;
    z-index:99;
    width:100%;
    height:100%;
}
.modal-content {
    position: relative;
    /* max-height:100%; */
    height:100%;
    overflow-y: scroll;
    padding:100px var(--size-base) var(--size-large);
}
.modal-nav {
    position:fixed;
    background-color:var(--color-white);
    height:80px;
    width:100%;
    z-index:1;
    box-shadow:0 0 .5rem rgba(0,0,0,.15);
}
.modal-logo {
    position:fixed;
    top:var(--size-small);
    left:var(--size-small);
    max-width:200px;
    z-index:3;
    cursor:pointer;
}
.modal-closer {
    position:fixed;
    top:var(--size-base);
    right:var(--size-base);
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    opacity:.5;
    font-size:var(--font-smaller);
    border-radius:100%;
    cursor:pointer;
    width:45px;
    height:45px;
    line-height:45px;
    color:inherit;
    border-width:1px;
    border-style:solid;
    border-color:inherit;
    z-index:3;
}
.modal-closer:hover {
    background:var(--color-white);
    color:var(--color-black);
}
.modal-container._active .modal-nav,
.modal-container._active .modal-logo,
.modal-container._active .modal-closer {
    opacity:0;
    animation: revealIn .5s 1s linear forwards;
}
.modal-container._closed .modal-nav,
.modal-container._closed .modal-logo,
.modal-container._closed .modal-closer {
    opacity:1;
    animation: revealOut .2s 0s linear forwards;
}


.modal-header {
    text-align:center;
    margin-bottom:var(--size-large);
    font-size:var(--font-large);
    color:inherit;
}
.modal-header .title {
    margin:0;
    margin-bottom:var(--size-large);
}
.modal-header p {
    font-weight:bold;
    color:var(--color-black);
}
.modal-container .nav-buttons-xl > .i {
  background:#fff;
}
.modal-container .nav-buttons-xl p {
    font-size:var(--font-small);
    padding-left:var(--size-small);
    padding-right:var(--size-small);
    /* margin-bottom:var(--size-base); */
}
.modal-container._active .modal-header {
    opacity:0;
    animation: revealInWithMovement 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container._closed .modal-header {
    opacity:1;
    animation: revealOutWithMovement .25s .2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-body {
    position:relative;
    max-width:1280px;
    margin:auto;
}
.modal-container._active .modal-body {
    overflow:hidden;
    /* max-height:0; */
    /* animation: expandHeight 3s 1.25s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; */
    top:100%;
    animation: travelUpFromBottom 3s .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container._closed .modal-body {
    /* animation: reduceHeight .25s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; */
    top:0;
    animation: travelDownFromTop .25s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
} 
.modal-body .instructions {
    max-width:600px;
    margin:auto;
    text-align:center;
}
.modal-body .instructions p {
    font-weight:400;
    font-size:var(--font-smaller);
}


@media screen and (max-width:999px) {
    .modal-background {
        /* padding:4rem 0 1rem; */
        height:100%;
        position:relative;
    }
    .modal-nav {
        height:60px;
    }
    .modal {
        /* padding:var(--size-base); */
    }
    /*.modal-logo img {
        max-width:180px;
    }*/
    .modal-logo img {
        max-width: 100%;
        max-height: 100px; /* Prevent tall logos from breaking layout */
        height: auto;
        display: block;
        margin: 0 auto;
        object-fit: contain; /* Optional: prevents distortion if aspect ratio is odd */
    }
    .modal-content {
        /* padding-top:4rem; */
    }
    .modal-container._active .modal-body {
        /* flex-grow:1; */
        /* overflow-y:scroll; */
        margin:auto;
    }
    .modal-closer {
        height:35px;
        width:35px;
        line-height:35px;
    }
}


@keyframes expandHeight {
    0% {
        max-height:0;
    }
    100% {
        max-height:2000px;
    }
}
@keyframes reduceHeight {
    0% {
        max-height:2000px;
    }
    100% {
        max-height:0;
    }
}
@keyframes travelUpFromBottom {
    0% {
        transform:scale(1);
        top:100%;
    }
    /* 20% {
        top:10%;
    } */
    50% {
        top:1%;
    }
    100% {
        top:0;
    }
}
@keyframes travelDownFromTop {
    0% {
        top:0;
    }
    20% {
        top:80%;
    }
    50% {
        top:98%;
    }
    99% {
        transform: scale(1);
    }
    100% {
        top:100%;
        transform: scale(0);
    }
}

@keyframes unfoldIn {
    0% {
      transform: scaleY(0.005) scaleX(0);
    }
    50% {
      transform: scaleY(0.005) scaleX(1);
    }
    100% {
      transform: scaleY(1) scaleX(1);
    }
  }
  @keyframes unfoldOut {
    0% {
      transform: scaleY(1) scaleX(1);
    }
    50% {
      transform: scaleY(0.005) scaleX(1);
    }
    100% {
      transform: scaleY(0.005) scaleX(0);
    }
  }
  @keyframes zoomIn {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes zoomOut {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes revealBackgroundIn {
    0% {
        background-color:rgba(255, 255, 255, 0);
    }
    50% {
    }
    100% {
        background-color:rgba(255, 255, 255, .525);
    }
  }
  @keyframes revealBackgroundOut {
    0% {
        background-color:rgba(255, 255, 255, .525);
    }
    50% {
    }
    100% {
        background-color:rgba(255, 255, 255, 0);
    }
  }
  @keyframes revealIn {
    0% {
      opacity:0;
    }
    50% {
        opacity:.3;
    }
    100% {
      opacity:1;
    }
  }
  @keyframes revealInWithMovement {
    0% {
      opacity:0;
      transform:translateY(100px);
    }
    50% {
        opacity:.9;
        /* transform:translateY(200px); */
    }
    75% {
        /* transform:translateY(10px); */
    }
    /* 90% {
        opacity:.9;
    } */
    100% {
      opacity:1;
      transform:translateY(0);
    }
  }
  @keyframes revealOut {
    0% {
      opacity:1;
    }
    80% {
        opacity:.9;
    }
    100% {
      opacity:0;
    }
  }
  @keyframes fadeIn {
    0% {
      background: rgba(0, 0, 0, 0);
    }
    100% {
      background: rgba(0, 0, 0, 0.9);
    }
  }
  @keyframes fadeOut {
    0% {
      background: rgba(0, 0, 0, 0.9);
    }
    100% {
      background: rgba(0, 0, 0, 0);
    }
  }
  @keyframes scaleUp {
    0% {
      transform: scale(0.8);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes scaleDown {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(0.8);
      opacity: 0;
    }
  }
  @keyframes scaleDownFadeOut {
    0% {
      transform: scale(1);
      /* opacity: 1; */
    }
    100% {
      transform: scale(0);
      /* opacity: 0; */
    }
  }
  @keyframes scaleBack {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.85);
    }
  }
  @keyframes scaleForward {
    0% {
      transform: scale(0.85);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes quickScaleDown {
    0% {
      transform: scale(1);
    }
    99.9% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }







/* HAMBURGER MENU */
.hamburger {
    /* font: inherit; */
    /* display: inline-block; */
    display:block;
    overflow: visible;
    margin: 0;
    /* padding: var(--size-small); */
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    z-index:99;
    position:relative;
}
.hamburger-box {
    position: relative;
    display:block;
    width: 35px;
    height: 35px;
    transform:translateY(-5px);
}
.hamburger-inner {
    top: 50%;
    display: block;
    margin-top:-2px
}
    
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 30px;
    height: 3px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color:var(--color-grey);
}
/* @media screen and (max-width:699px) {
    .hamburger-box {
        width:30px;
        height:25px;
    }
} */

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner:after,
.hamburger:hover .hamburger-inner:before  {
    background-color:#333;
}
.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: ""
}  
.hamburger-inner:before {
    top:-10px
}
.hamburger-inner:after {
    bottom:-10px
}
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration:.13s
}
.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}
.hamburger--collapse .hamburger-inner:before {
    transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}
    
.wrap-mobile-nav._active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform:translate3d(0, -10px, 0) rotate(-45deg)
}
    
.wrap-mobile-nav._active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
    opacity:0
}
    
.wrap-mobile-nav._active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transform:rotate(-90deg)
}
    
.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration:.13s
}
.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.wrap-mobile-nav._active .hamburger-inner:before {
    transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}
    
.wrap-mobile-nav._active .hamburger-inner {
        transition-delay: .22s;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform:translate3d(0, -10px, 0) rotate(45deg)
    }
    
    .wrap-mobile-nav._active  .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
        opacity:0
    }
    
    .wrap-mobile-nav._active  .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
        transform:rotate(90deg)
    }



.separate-or {
    position:relative;
    text-align:center;
}
.separate-or:before,
.separate-or:after {
    content:"";
    display:block;
    position:absolute;
    width:calc(50% - 2rem);
    height:1px;
    /* background:var(--color-secondary); */
    /* background:#dadada; */
    background:#515151;
    top:50%;
    left:0;
}
.separate-or:after {
    left:auto;
    right:0;
}
.separate-or .text {
    /* font-weight:400; */
    font-weight:bold;
    /* text-transform:uppercase; */
    /* font-size:var(--font-base); */
}










._hc.filters .i.main-filter .button {
    height:auto;
    padding:.65rem 1rem .5rem;
    font-size:inherit;
    line-height:1;
    text-align:center;
    /* font-size:1rem; */
}
._hc.filters .i.main-filter .button + .button {
    margin-left:.5rem;
}
._hc.filters .i.main-filter .button .icon {
    font-size:1.5rem;
    display:block;
    margin:0 auto .5rem;
}


/* STATS OVERVIEW */
._hc .stats {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items:center;
	padding:1rem 0;
}
._hc .stats > .i {
	padding:0 1rem;
	text-align:center;
	flex-grow:1;
}
._hc .stats .label {
	margin:0;
	text-transform:uppercase;	
	font-size:.8rem;
}
._hc .stats .value {
	margin:0;
	font-size:2rem;
	font-weight:bold;
	line-height:1;
	position:relative;
	display:inline-block;
}
._hc .stats .value .dollarsign {
	font-size:1rem;
	position: absolute;
	left: -10px;
	top: 4px;
}
._hc .stats > .i.actions {
	flex-grow:3;
	text-align:right;
}
@media screen and (max-width:699px) {
	._hc .stats > .i.mobile-full {
		flex-basis:100%;
		margin-top:1rem;
		text-align:center;
	}
}



.icon-banner {
    padding:var(--size-base);
    text-align:center;
    margin-bottom:var(--size-large);
}
.icon-banner.-alert {
    background-color:var(--color-alert);
    color:var(--color-white);
}
.icon-banner .icon {
    font-size:var(--title-base);
    line-height:0;
}


.instruction-title {
    font-size:var(--font-larger);
}
.results-title {
    font-size:var(--font-largest);
}
.results-title.-success {
    color:var(--color-secondary);
}
.results-title.-empty {
    color:var(--color-grey);
}
.results-title.-alert {
    color:var(--color-alert);
}



.select-banner {
    padding:var(--size-base);
    border-radius:var(--border-radius-base);

    background-color: var(--color-grey-lighter);
    /* border:1px solid var(--color-black); */
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}
.select-banner .instructions,
.select-banner .options {
    flex-grow:1;
    flex-basis:50%;
}
.select-banner .title {
    font-size:var(--size-base);
    text-transform:uppercase;
    margin-bottom:var(--size-smallest);
}
.select-banner .instructions {
    font-size:var(--size-small);
}
.select-banner .options {
    align-self:stretch;
    display:flex;
    flex-grow:1;
    justify-content:flex-end;
    align-items:center;
    vertical-align:middle;
    gap:var(--size-smaller);
}
.select-banner .options .button {
    height:100%;
    background-color:var(--color-grey);
    /* background-color:transparent !important; */
    /* color:var(--color-black); */
    /* border:1px solid var(--color-black); */
    border-radius:var(--border-radius-small);
    flex-grow:1;
    flex-basis:33.33%;
}
.select-banner .options .button:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
.select-banner .options .button.active {
    /* color:var(--color-secondary); */
    /* border-color:var(--color-secondary); */
    background-color:var(--color-secondary);
    border-width:3px;
}
@media screen and (max-width:699px) {
    .select-banner .instructions,
    .select-banner .options {
        flex-basis:100%;
        text-align:center;
    }
    .select-banner .instructions {
        margin-bottom:var(--size-base);
    }
}




.integration-instructions {
    border-radius:var(--border-radius-base);
    border:1px solid var(--color-black);
    padding:var(--size-base);
    text-align:left;
}
.integration-instructions.-main {
    background-color:var(--color-white);
    margin:0 var(--size-small) var(--size-base);
    padding:var(--size-small);
}
.integration-instructions.-mini {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:var(--size-small);
}
.integration-instructions .logo {
    display:block;
    margin:0 auto var(--size-small);
}
.integration-instructions.-mini .logo {
    max-width:3rem;
    margin:0;
}
.integration-instructions .instructions {
    margin-bottom:var(--size-small);
}
.integration-instructions.-mini .instructions {
    margin:0;
    font-size:var(--font-smaller);
    flex:1;
}
.integration-instructions .instructions p:not(:last-child),
.integration-instructions .instructions .value:not(:last-child) {
    margin-bottom:var(--size-small);
}
.integration-instructions .instructions .value {
    border:3px solid var(--color-black);
    background-color:var(--color-grey-light);
    border-radius:var(--border-radius-small);
    padding:var(--size-smallest) var(--size-small);
    font-size:var(--font-larger);
    font-weight:bold;
    text-align:left;
}
.integration-instructions .instructions input.value {
    background-color:var(--color-white);
    padding-top:var(--size-small);
    padding-bottom:var(--size-small);
}
.integration-instructions .button {
    display:block;
}
.integration-instructions.-inbody .button {
    /* background-color:var(--color-inbody); */
    background-color:transparent;
    color:var(--color-inbody);
    border:3px solid var(--color-inbody);
}
.integration-instructions .text.-sidenote {
    /* margin-top:var(--size-base); */
    font-size:var(--font-small);
    font-style:italic;
}

.integration-instructions .form input {
    font-size:var(--font-larger);
    font-weight:bold;
}
.integration-instructions .form label {
    font-weight:bold;
    text-transform:uppercase;
    font-size:var(--font-small);
    padding-bottom:var(--size-smallest);
}
.integration-instructions .form-submit {
    margin-top:var(--size-large);
}
.integration-instructions .form-submit .button {
    padding:var(--size-smaller);
    font-size:var(--font-base);
}

.integration-result-summary {
    padding:var(--size-base) var(--size-small);
    border:1px solid var(--color-black);
    border-radius:var(--border-radius-base);
    box-shadow:0 0 .5rem rgba(0,0,0,.25);
    margin-top:.5rem;
    margin-bottom:.5rem;
    text-align:center;
}
.integration-result-summary .logo {
    margin-bottom:var(--size-smallest);
}
.integration-result-summary .date:not(:last-child) {
    margin-bottom:var(--size-small);
}
.integration-result-summary .date .value {
    display:block;
    font-weight:bold;
}
.integration-result-summary .values {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:var(--size-base);
}
.integration-result-summary .values > .i {
    min-width:80px;
    flex:1;
    background-color:var(--color-grey-light);
    border-radius:var(--border-radius-base);
    padding:var(--size-smallest);
    padding-top:var(--size-small);
}
.integration-result-summary .values .value {
    display:block;
    font-size:var(--title-small);
    font-weight:bold;
    line-height:1;
}
.integration-result-summary .values .label {
    display:block;
}
.integration-result-summary .buttons {
    margin-top:var(--size-base);
}
.integration-result-outdated {
    background-color:var(--color-grey-lighter);
    padding:var(--size-base) var(--size-small);
    border-radius:var(--border-radius-base);
}
.integration-result-outdated .date .value {
    color:var(--color-alert);
    font-weight:bold;
    display:block;
}
.integration-result-summary .button {
    background-color:var(--color-inbody);
    color:var(--color-white);
    padding:var(--size-small) var(--size-smallest);
}

.content-list {
    padding:0;
    list-style:none;
}
.content-list li + li {
    margin-top:var(--size-large);
    padding-top:var(--size-large);
    border-top:1px solid var(--color-grey);
}
.content-list img {
    width:100%;
}
.content-list img:not(:last-child) {
    margin-bottom:var(--size-base);
}

.fetching {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.fetching .loading-icon {
    width:var(--font-largest);
}
.fetching .text {
    font-size:var(--font-small);
}
.fetching .loading-icon + .text,
.fetching .text + .loading-icon {
    padding-left:var(--size-base);
}



.fixed-full-screen-image {
    position:fixed;
    top:0;left:0;
    bottom:0;right:0;
    z-index:9999;
    background:white;
    width:100%;
    height:100%;
}
.fixed-full-screen-image img {
    width:100%;
}


.result-details {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:var(--size-small);
    text-align:center;
}
.result-details .result {
    flex:1;
}
.result-details p {
    margin:0;
}
.result-details .label,
.result-details .value {
    display:block;
}
.result-details .title {
    width:100%;
    margin:0;
}
.result-details .label {
    font-size:var(--font-smaller);
    text-transform:uppercase;
}
.result-details .value {
    font-weight:bold;
}
.result-details .result.-past .value {
    opacity:.5;
}


.input-comparison {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    gap:var(--size-small);
}
.input-comparison .previous-value,
.input-comparison .current-value {
    flex:1;
}
.input-comparison .current-value {
    font-weight:bold;
}


input.inline-number,
select.inline-number {
    max-width:3.5rem;
    text-align:center;
    display:inline;
}
input.inline-number {
    padding-left:var(--size-smallest);
    padding-right:var(--size-smallest);
}
input.inline-number.-dollar {
    font-weight:bold;
    margin-left:var(--size-smallest);
    max-width:4.5rem;
}


.comm-list {
    list-style:none;
    padding:0;
    margin:0;
}
.comm-list .icon {
    display:inline-block;
    width:2rem;
    text-align:center;
}

.contact-cards {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    gap:var(--size-base);
}
.contact-card {
    flex-basis:100%;
}
.contact-card {
    padding:var(--size-base);
    box-shadow: none;
    border: 1px solid var(--color-grey);
}
.contact-card .header {
    margin-bottom:var(--size-base);
}
.contact-card .footer {
    padding:0;
    margin-top:var(--size-base);
    color:inherit;
}
.contact-card .footer .button {
    display:block;
    width:100%;
}
.contact-card .body p {
    font-size:var(--font-small);
}
.contact-card p + p {
    margin-top:var(--size-base);
}
.contact-card .title {
    font-size:var(--size-larger);
}
.contact-card .subtitle {
    font-size:var(--size-base);
    font-weight:lighter;
    display:block;
}
.contact-card .comm-list {
    margin-top:var(--size-small);
    font-size:var(--size-base);
}
@media screen and (min-width:500px) {
    .contact-card:not(.-full) {
        flex:1 0 34%;
        max-width:calc(50% - var(--size-smaller));
    }
}



/* .countdownTimer {
    color:var(--color-secondary);
} */
.wrap--countdownTimer._almost-expired .countdownTimer {
    color:var(--color-alert);
    font-weight:bold;
}
.wrap--countdownTimer._expired .countdownTimer {
    color:var(--color-alert);
    font-weight:bold;
    opacity:.5;
}
.countdownTimer-expired {
    display:none;
    color:var(--color-alert);
}
.countdownTimer-expired .link {
    color:inherit;
}
.wrap--countdownTimer._expired .countdownTimer-expired {
    display:block;
}
.wrap--countdownTimer._expired .countdownTimer-dependent {
    display:none
}
.countdownTimer-reset,
.countdownTimer-reset-max {
    display:none;
}
.wrap--countdownTimer._reset .countdownTimer-reset,
.wrap--countdownTimer._reset-max .countdownTimer-reset-max {
    display:block;
}
.wrap--countdownTimer._reset-max .countdownTimer-expired {
    display:none;
}


.timeframeGrid {
    display:flex;
    flex-direction:row;
}

.timeframeGrid .col-label,
.timeframeGrid .row-label.-blank {
    height:2rem;
}
.timeframeGrid .row-label {
    height:3rem;
    font-size:var(--font-small);
}
.timeframeGrid .row-label small {
    display:block;
    line-height:1;
}
.timeframeGrid-item {
    height:3rem;
    width:3rem;
    border:1px solid black;
    color:transparent;
    font-size:var(--font-smallest);
}
.timeframeGrid-item._active {
    background-color:var(--color-secondary);
}



.statement-batch .label {
    display:block;
    margin-bottom:var(--size-small);
}
.statement-batch + .statement-batch {
    margin-top:var(--size-large);
}
.statement-option:not(._active) {
    background-color:var(--color-grey-lighter);
    color:var(--color-grey-dark);
}
.statement-option small {
    display:block;
    font-weight:normal;
}
.statement-attributes {
    margin-top:var(--size-small);
}
.statement-attribute + .statement-attribute {
    margin-left:var(--size-small);
}
.statement-output {
    /* display:none; */
    padding:var(--size-base);
    background-color:var(--color-grey-lightest);
    min-height:0;
    height:auto;
}



.instruction-button {
    padding:var(--size-base);
    border:2px solid var(--color-secondary);
    border-radius:var(--border-radius-base);
    /* margin-left:-1rem;
    margin-right:-1rem; */
}
.instruction-button .title {
    font-family:'Roboto', Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    margin:0;
    font-size:var(--font-large);
    color:var(--color-secondary);
    font-weight:400;
    margin-bottom:var(--size-base);
}
.instruction-button .text {
    margin-bottom:var(--size-base);
}
.instruction-button .icon {
    display:inline-block;
    font-size:1.25rem;
    width:30px;
    text-align:center;
    margin-right:var(--size-smaller);
}
.instruction-button .button {
    display:block;
    width:100%;
    font-size:var(--font-large);
    padding:var(--size-base);
}


.search-results-title {
    padding:0 var(--size-small);
}
.search-results-title .title {
    margin:0;
    text-transform:uppercase;
    font-weight:lighter;
}
.search-results-title + .wrap-browse-buttons {
    margin-top:var(--size-base);
}
.title-extras {
    font-size:var(--font-small);
    text-transform:none;
    display:flex;
    align-items:center;
    gap:var(--size-smaller);
}
.title-extras .image-dot {
    width:35px;
    height:35px;
    padding:7px;
    border:1px solid var(--color-grey-light);
}
@media screen and (max-width:499px) {
    .title-extras {
        margin-top:var(--size-base);
    }
}
@media screen and (min-width:500px) {
    .title.-with-extras {
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
    }
}



._hc.wrap-cards {
    margin-left:0;
    margin-right:0;
    gap:var(--size-base);
}
._hc.wrap-cards > .card {
    margin:0;
}



/* starting grid */
.starting-grid {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--size-base);
    /* background-color:var(--color-grey-lighter); */
}
.starting-grid > .i {
    background-color:var(--color-white);
    border-radius:var(--border-radius-base);
    padding:var(--size-base);
}
.starting-grid .icon.-xl {
    font-size:var(--icon-size-large);
}




/* faciliy details card */
.facility-card {
    padding:var(--size-base);
    border:1px solid var(--color-grey-light);
    border-radius:var(--border-radius-base);
}
.facility-card .logo {
    text-align:center;
    margin-bottom:var(--size-small);
}
.facility-card .logo img {
    max-width:200px;
}
.facility-card .details {
    font-size:var(--font-smaller);
}
.facility-card .title {
    font-size:var(--font-small);
    margin-bottom:var(--size-smallest);
}
@media screen and (min-width:600px) {
    .facility-card {
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:flex-start;
        gap:var(--size-base);
    }
    .facility-card > .details {
        flex-grow:1;
    }
    .facility-card .logo img {
        max-width:150px;
    }
}



.wrap-button-options {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:stretch;
    gap:var(--size-small);
}
.wrap-button-options .button {
    flex:1;
    padding-top:var(--size-base);
    padding-bottom:var(--size-base);
}
.wrap-button-options .button + .button:not(.-subdued) {
    background-color:var(--color-primary);
}

.button.exit-process {
    font-size:var(--font-smaller);
    font-weight:normal;
    padding-top:var(--size-smaller);
    padding-bottom:var(--size-smaller);
    background-color:transparent;
    border:1px solid var(--color-grey-dark);
    color:var(--color-grey);
    text-transform:none;
}



.page-banner {
    padding:var(--size-small) var(--size-base);
    background:var(--color-secondary);
    color:var(--color-white);
    /* border:4px solid var(--color-secondary); */
    border-radius:var(--border-radius-base);
}


address .address-body {
    display:block;
    padding:var(--size-smaller) var(--size-base);
}



.list-detailed-actions {
    list-style:none;
    padding:0;
    border-radius: var(--border-radius-base);
    border:1px solid var(--color-grey-dark);
}
.list-detailed-actions > li {
    padding:var(--size-base);
}
.list-detailed-actions > li + li {
    border-top:1px solid var(--color-grey-dark);
}




@keyframes confetti-spin {
    0% {
      transform: rotate3d(0, 1, 1, 360deg);
    }
  
    50% {
      transform: rotate3d(0, 1, 1, 180deg);
    }
    
    100% {
      transform: rotate3d(0, 0, 0, 0);
    }
}
@keyframes confetti-fall {
    0% {
      transform: translateY(0px);
      opacity: 1;
    }
  
    50% {
      opacity: 1;
    }
  
    100% {
      transform: translateY(50vh);
      opacity: 0;
    }
}
.animated-confetti {
    pointer-events:none;
    position:absolute;
    width:100%;
    height:50vh;
    top:0; left:0;
    overflow:hidden;
}
.confetti {
    position: absolute;
    animation: confetti-fall 3s ease-out infinite;
    width: 20px;
    height: 20px;
}

.confetti::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    animation: confetti-spin 1s linear infinite;
}
.confetti:nth-child(3n+1)::before {
    background-color: var(--color-primary);
}
.confetti:nth-child(3n+2)::before {
    background-color: var(--color-secondary);
}
.confetti:nth-child(3n)::before {
    background-color: var(--color-accent);
}
  
.confetti:nth-child(2)::before {
    animation-delay: -5s;
    animation-fill-mode: backwards;
    animation-duration: 1.5s;
}
.confetti:nth-child(3)::before {
    animation-delay: -3s;
}
.confetti:nth-child(4)::before {
    animation-delay: -2.5s;
    animation-fill-mode: backwards;
    animation-duration: 1.2s;
}
.confetti:nth-child(5)::before {
    animation-delay: -4s;
}
.confetti:nth-child(6)::before {
    animation-delay: -6s;
    animation-fill-mode: backwards;
    animation-duration: 1.1s;
}
.confetti:nth-child(7)::before {
    animation-delay: -1.5s;
}
.confetti:nth-child(8)::before {
    animation-delay: -2s;
    animation-fill-mode: backwards;
    animation-duration: 1.8s;
}
.confetti:nth-child(9)::before {
    animation-delay: -3.5s;
}
.confetti:nth-child(10)::before {
    animation-delay: -2.5s;
    animation-fill-mode: backwards;
    animation-duration: 1.3s;
}
.confetti:nth-child(1) {
    left: 10%;
    width: 20px;
    height: 20px;
}
.confetti:nth-child(2) {
    left: 20%;
    animation-delay: -5s;
    width: 15px;
    height: 15px;
}
.confetti:nth-child(3) {
    left: 2%;
    animation-delay: -1.2s;
    width: 10px;
    height: 10px;
}
.confetti:nth-child(4) {
    left: 47%;
    animation-delay: -2.5s;
    width: 12px;
    height: 12px;
}
.confetti:nth-child(5) {
    left: 54%;
    animation-delay: -4.1s;
    transform: scale(1.3);
}
.confetti:nth-child(6) {
    left: 60%;
    animation-delay: -6.8s;
    width: 16px;
    height: 16px;
}
.confetti:nth-child(7) {
    left: 73%;
    animation-delay: -1.5s;
    width: 18px;
    height: 18px;
}
.confetti:nth-child(8) {
    left: 80%;
    animation-delay: -2s;
    width: 22px;
    height: 22px;
}
.confetti:nth-child(9) {
    left: 88%;
    animation-delay: -3.5s;
    width: 8px;
    height: 8px;
}
.confetti:nth-child(10) {
    left: 950%;
    animation-delay: -2.5s;
    width: 24px;
    height: 24px;
}


/* .animated-title {
    position: relative;
}
.animated-title .title {
    text-transform:none;
    font-weight:bold;
    text-shadow: .1rem .1rem 0 var(--color-white);
    position:relative;
    z-index:2;
    color:var(--color-secondary);
    font-family:var(--font-family-secondary);
}
.animated-title .title:after {
    content: attr(data-animated-shadow);
    position: absolute;
    top: .2rem; left: .2rem;
    z-index: -1;
    text-shadow: none;
    background-image:
    linear-gradient(
        45deg,
        transparent 45%,
        var(--color-accent) 45%,
        var(--color-accent) 55%,
        transparent 0
    );
    background-size: .17rem .17rem;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: shad-anim 30s linear infinite;
}
  
@keyframes shad-anim {
    0% {background-position: 0 0}
    0% {background-position: 100% -100%}
} */


.card-section {
    /* background-color:var(--color-primary-light); */
    /* background-color:var(--color-primary); */
    /* color:white; */
    /* border-top:1px solid var(--color-grey); */
    text-align:center;
    padding:0 var(--size-smaller);
}
.thumb + .card-section,
.card-section + .card-section {
    padding-top:var(--size-small);
}
.card-section:last-child {
    padding-bottom:var(--size-small);
}
.card-section .title {
    font-size:var(--font-smallest);
    margin:0;
    margin-bottom:var(--size-smaller);
    text-transform:uppercase;
    display:none;
}
    .card-section .options {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap; /* Ensures that flex items do not wrap */
        justify-content: space-between;
        align-items: center;
        gap: 0;
    }
.card-section .options .i {
    flex:1;
    font-size:var(--font-smallest);
    text-transform:uppercase;
    padding:0 var(--size-smallest);
    font-weight:bold;
    line-height:1;
}

.card-section .online-inperson {
    font-size:var(--font-smallest);
    text-transform:uppercase;
}
.card-section .online-inperson .icon {
    font-size:var(--font-smaller);
}


.category-options {
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items:stretch;
    gap:var(--size-base);
    padding:0;
    list-style:none;
}
.category-options .option {
    border:1px solid var(--color-grey);
    border-radius:var(--border-radius-base);
    padding:var(--size-base) var(--size-smaller);
    text-align:center;
    width:160px;
    cursor:pointer;
}
.category-options .option._active {
    background-color:var(--color-primary);
    color:var(--color-white);
}
.category-options .title {
    display:block;
    font-size:var(--font-small);
    font-weight:normal;
    text-transform:uppercase;

}
.category-options .icon {
    display:block;
    font-size:var(--icon-larger);
}


.services.card-section .options {
    gap:var(--size-smaller);
}
.services .options > .i {
    background-color:var(--color-grey-lighter);
    color:inherit;
    font-weight:normal;
    /* color:inherit; */
    /* background-color:var(--color-primary); */
    /* color:var(--color-white); */


    /* color:var(--color-primary); */
    /* background-color:var(--color-primary-light); */
    /* border:2px solid var(--color-primary); */
    border-radius:var(--border-radius-base);
    padding:var(--size-smaller);
}


.bundle-list {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:var(--size-smaller);
    list-style:none;
    padding:0;
}
.bundle-list li {
    padding:var(--size-base) var(--size-smaller);
    border-radius:var(--border-radius-base);
    border:1px solid var(--color-grey-lighter);
    flex:1;

}


.purchase-options > .section {
    padding:0;
}
.purchase-options > .section + .section {
    margin-top:var(--size-base);
}
.purchase-options .section-label {
    text-transform:uppercase;
    /* font-family:var(--font-family-secondary); */
    font-size:var(--font-smaller);
    margin:0;
    margin-bottom:var(--size-smaller);
}
.purchase-options .options {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    gap:var(--size-smaller);
}
.purchase-options .options input[type="radio"] {
    display:none;
}
.purchase-options .options input[type="radio"] + label {
    border:2px solid var(--color-grey-lighter);
    border-radius:var(--border-radius-base);
    background-color:var(--color-grey-lighter);
    color:var(--color-font);
    padding:var(--size-smaller) var(--size-base);
    text-transform:uppercase;
    font-family:var(--font-family-secondary);
    font-size:var(--font-smaller);
    font-weight:normal;
    display:block;
}
.purchase-options .options input[type="radio"]:checked + label {
    border-color:var(--color-secondary);
    font-weight:bold;
    background-color:var(--color-white);
    /* color:var(--color-white); */
}
.purchase-options .options input[type="radio"] + label:hover {
    border-color:var(--color-secondary);
    background-color:var(--color-white);
}
.purchase-options .note {
    border-radius:var(--border-radius-base);
    background-color:var(--color-primary-light);
    /* border:1px solid var(--color-primary); */
    padding:var(--size-smaller) var(--size-base);
    font-size:var(--font-smaller);
}
.purchase-options .note + .note {
    margin-top:var(--size-smaller);
}
.purchase-options .note .title {
    font-size:var(--font-small);
    margin-bottom:0;
}
.purchase-options .instruction {
    margin-bottom:var(--size-large);
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:flex-start;
    gap:var(--size-smaller);
}
.purchase-options .instruction .text {
    flex-shrink:1;
    padding-top:5px;
}
.purchase-options .instruction .instruction-number {
    min-width:40px;
}
.instruction-number {
    display:inline-block;
    vertical-align:middle;
    border-radius:100%;
    background-color:var(--color-primary);
    color:var(--color-white);
    font-weight:bold;
    font-size:var(--font-large);
    text-align:center;
    line-height:40px;
    width:40px;
    height:40px;
}


.purchase-builder {
    display:grid;
    grid-template-columns: 260px 1fr;
    gap:var(--size-larger);
}
.purchase-builder .purchase-list {
    grid-column:1;
    padding:var(--size-large) 0;
}
.purchase-builder .purchase-list .graphic {
    max-width:70px;
    border-radius:var(--border-radius-base);
    overflow:hidden;
}
.purchase-builder .purchase-list .item-options {
    margin-top:var(--size-large);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:var(--size-small);
    text-align:center;
}
.purchase-builder .purchase-list .item-options .title {
    grid-column: 1 / -1;
    font-size:var(--font-smaller);
    font-weight:100;
    text-transform:uppercase;
}
.purchase-builder .purchase-list .item-options .selected-option {
    border:1px solid var(--color-secondary);
    text-transform:uppercase;
    padding:var(--size-smallest) var(--size-smaller);
    border-radius:var(--border-radius-base);
    font-family:var(--font-family-secondary);
    font-size:var(--font-small);
    font-weight:400;
}
.purchase-builder .purchase-list .item-options .selected-option.-full {
    grid-column: 1 / -1;
}
.purchase-builder .edit-options {
    grid-column:1 / -1;
    background-color:var(--color-grey-lighter);
    border-radius:var(--border-radius-base);
    padding:var(--size-smallest) var(--size-smaller);
    font-size:var(--font-smaller);
    text-transform:lowercase;
    margin-top:var(--size-smallest);
    cursor:pointer
}
.purchase-builder .edit-options:before {
    content:"";
    border: solid var(--color-grey);
    border-width: 0 3px 3px 0;
    display: inline-block;
    vertical-align:middle;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.purchase-builder .edit-options:hover {
    box-shadow:inset 0 0 6px rgba(0,0,0,.15);
}
.purchase-builder .purchase-list .professional {
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    align-items: flex-start;
    gap:var(--size-small);
}   
.purchase-builder .purchase-list .title {
    font-size:var(--font-larger);
    margin:0;
}
.purchase-builder .purchase-list .label {
    font-size:var(--font-smaller);
    margin:0;
}
.purchase-builder .icon {
    color:var(--color-secondary);
}
.purchase-builder .purchase-list .purchase-options {
    margin-top:var(--size-base);
}

.price-table .selectable-button._active {
    border-color:var(--color-secondary);
}
.price-table .selectable-button:not(._active) {
    background-color:var(--color-grey-lightest);
}
.price-table .selectable-button:not(._active) .button {
    background-color:var(--color-grey-lighter);
    color:var(--color-font);
}

.purchase-builder > .purchase-options {
    width:100%;
    grid-column:2;
    background-color:var(--color-white);
    border-radius:var(--border-radius-base);
    box-shadow:var(--shadow-large);
    padding:var(--size-large) var(--size-large);
}
.purchase-builder .purchase-options .section {
    padding:0;
}
.purchase-builder .purchase-options .section + .section {
    margin-top:var(--size-larger);
    padding-top:var(--size-larger);
    border-top:1px solid var(--color-grey-lighter);
    /* border-top:10px solid var(--color-secondary-light); */
}

@media screen and (min-width:1000px) {
    .purchase-builder .purchase-list {
        align-self:start;
        position: sticky;
        top:0;
    }
}

.quantity-input {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-end;
    gap:var(--size-small);
}
.quantity-input input {
    border:none;
    outline:none;
    border-radius:0;
    padding:0;
    width:100px;
    font-size:var(--title-base);
    line-height:1;
    font-weight:bold;
    text-align:center;
    border-radius:var(--border-radius-base);
    border:1px solid var(--color-secondary);
    /* box-shadow:0 0 var(--size-smaller) rgba(0,0,0,.07); */
    box-shadow:var(--shadow-small);
    /* border-bottom:var(--size-smallest) solid var(--color-secondary); */

}
.quantity-input label {
    flex-grow:1;
    /* font-weight:bold; */
    font-size:var(--font-base);
    padding-bottom:var(--size-small);
}
.quantity-input.-with-buttons {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:var(--size-smallest);
}
.quantity-input .quantity-button.-minus {
    order:1;
}
.quantity-input > input {
    order:2;
}
.quantity-input .quantity-button.-plus {
    order:3;
}
.quantity-input .quantity-button {
    background-color:transparent;
    /* border:1px solid var(--color-grey-lighter); */
    /* box-sizing:unset; */
    color:var(--color-secondary);
    font-size:var(--font-largest);
    width:var(--min-touchable-size);
    height:var(--min-touchable-size);
    line-height:var(--min-touchable-size);
    padding:0;
    border-radius:100%;
}

.bundle-selector {
    list-style:none;
    padding:0;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:stretch;
    flex-wrap:wrap; */
    gap:var(--size-smaller);
    margin-top:var(--size-large);
}
.bundle-selector > .header {
    grid-column:1 / -1;
    font-style:italic;
    width:100%;
    padding-left:var(--size-small);
    padding-right:var(--size-small);
    font-size:var(--size-small);
}
.bundle-selector > .option {
    border:1px solid var(--color-grey-lighter);
    border-radius:var(--border-radius-base);
    text-align:left;
    padding:var(--size-small);
    background-color:var(--color-grey-lightest);
    min-width:150px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    font-size:var(--font-small);
    cursor:pointer;
}
.bundle-selector .option._active,
.bundle-selector .option:hover {
    /* border-color:var(--color-accent-light); */
    background-color:var(--color-white);
}
.bundle-selector .option._active {
    font-style:italic;
    font-weight:bold;
}
/* .bundle-selector .option._active {
    font-weight:bold;
} */
.bundle-selector .label {
    display:block;
    /* font-weight:bold; */
}
.bundle-selector .price {
    display:block;
    font-size:var(--font-smaller);
    /* font-weight:bold; */
}
.bundle-selector .discount {
    display:block;
    /* font-style:italic; */
    font-size:var(--font-smaller);
}
.bundle-selector .base-rate {
}

.subtotal-summary {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap; /* Ensures that flex items do not wrap */
    gap: var(--size-base);
}
.subtotal-summary .total .value {
    font-weight:bold;
    font-size:var(--title-small);
    color:var(--color-secondary);
    line-height:var(--line-height-base);
}
.subtotal-summary .total .text {
    display:block;
    font-size:var(--font-smaller);
    white-space:nowrap;
}
.subtotal-summary .details {
    border-left:1px solid var(--color-grey-lighter);
}
.subtotal-list {
    list-style:none;
    padding-left:0;
    padding-left:var(--size-base);
    margin:0;
}
.subtotal-list + .subtotal-list {
    border-top:1px solid var(--color-grey-lighter);
    margin-top:var(--size-smaller);
    padding-top:var(--size-smaller);
}
.subtotal-summary.-mini {
    gap:var(--size-small);
}
.subtotal-summary.-mini .total {
    font-size:var(--size-large);
}
.subtotal-summary.-mini .subtotal-list {
    font-size:var(--size-small);
}
.purchase-options .wrap-cta {
    margin-top:var(--size-large);
}

.purchase-options .cta-note {
    font-size:var(--font-smaller);
    font-style:italic;
}


.payment-method-list {
    list-style:none;
    padding:0;
    display:flex;
    flex-direction:column;
    border-radius:var(--border-radius-base);
    gap:var(--size-smaller);
}
.payment-method-list > .option {
    display:grid;
    grid-template-columns:1fr 80px;
    padding:var(--size-small);
    border-radius:var(--border-radius-base);
    border:1px solid var(--color-grey-lighter);
}
.payment-method-list > .option .title,
.payment-method-list > .option .details {
    grid-column:1;
}
.payment-method-list > .option .selector {
    grid-column:2;
}

.payment-method-list > .option .title {
    font-weight:bold;
}



.section-body.-section-pops {
    background-color:var(--color-grey-lightest);
}



.popupScreen.pmt-wrapper .section-body {
    padding:0;
}
/* 
.popupScreen.pmt-wrapper .section-body > .container,
#divAuthorizeNetPopup,
.AuthorizeNetPopupOuter,
.AuthorizeNetPopupInner {
    height:100%;
}
.pmt-frame {
    width:100%;
    height:100%;
    padding:var(--size-base) 0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
} */
/* .pmt-header {
    margin-bottom:var(--size-base);
} */


/* IF no scrollbar for iframe */
/* .pmt-frame iframe { min-height:1055px !important; } */



/* .iframe-sample-page {
    --color-secondary: rgb(0, 83, 238);
    --border-radius-base: 0;
    font-family:serif;
}
.iframe-sample-page .button {
    font-family:sans-serif;
    width:auto;
}
.iframe-sample-page .form {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}
.iframe-sample-page .form-body {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:var(--size-base);
}
.iframe-sample-page label {
    font-size:var(--font-base);
    font-weight:bold;
}

.pmt-frame iframe {
    min-height:434px;
} */

.iframe-sample-page img {
    height:750px;
    margin:auto;
}
.iframe-sample-page img.desktop {display:none;}
.iframe-sample-page img.mobile {display:block;}
@media screen and (min-width:450px) {
    .iframe-sample-page img.desktop {display:block;}
    .iframe-sample-page img.mobile {display:none;}
    .iframe-sample-page img {
        height:433px;
        min-width:750px;
    }
}



.pmt-frame iframe {
    width:100%;
    border:none;
    height:750px;
}
@media screen and (min-width:450px) {
    .pmt-frame iframe {
        height:433px;
    }
}

.selectable-options {
    display: grid;
    gap: var(--size-smaller);
    grid-template-columns: repeat(2, 1fr);
}
.selectable-options.-full {
    grid-template-columns: repeat(1, 1fr);
}
.selectable-options.-halves {
    grid-template-columns: repeat(2, 1fr);
}
.selectable-options.-thirds {
    grid-template-columns: repeat(3, 1fr);
}
.selectable-options.-fourths {
    grid-template-columns: repeat(4, 1fr);
}
.selectable-options input[type="checkbox"],
.selectable-options input[type="radio"] {
    display:none;
}
.selectable-option {
    padding: var(--size-small) var(--size-small);
    border: 2px solid var(--color-grey-lighter);
    border-radius: var(--border-radius-base);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: var(--color-grey-lightest);
}
.selectable-option.-mini {
    padding:var(--size-small) var(--size-smaller);
}
.selectable-option .label {
    display: block;
    font-family: var(--font-family-secondary);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    line-height: var(--line-height-base);
    margin-bottom: var(--size-smaller);
    cursor:pointer;
}
.selectable-option.-mini .label {
    margin-bottom:0;
    font-size:var(--font-small);
    margin-bottom:var(--size-smallest);
    font-weight:normal;
}
.selectable-option .description {
    display:block;
    font-size:var(--font-smaller);
    line-height:1;
}
.selectable-option .action {
    display:block;
    padding: var(--size-smaller) var(--size-base);
    background-color: var(--color-grey-lighter);
    font-weight: 500;
    font-size:var(--font-smaller);
    color: var(--color-font);
}
.selectable-options input:checked + .selectable-option {
    border-color:var(--color-secondary);
    background-color:var(--color-white);
    /* box-shadow:0 0 .25rem rgba(0,0,0,.1); */
    box-shadow:var(--shadow-small);
}
.selectable-options input:checked + .selectable-option .action {
    background-color:var(--color-secondary);
    color:var(--color-white);
}
.selectable-options input:checked + .selectable-option .action:after {
    content:"ed";
}
.selectable-option.-button {
    padding:var(--size-smallest) var(--size-smaller);

}
.selectable-option.-button .label {
    margin:0;
    font-weight:400;
    font-size:var(--font-small);
}
.selectable-options input:checked + .selectable-option.-button {
    background-color:var(--color-secondary);
    color:var(--color-white);
}

.option-details {
    margin-top:var(--size-large);
    font-size:var(--font-smaller);
    padding:0 var(--size-small);
    /* background-color:var(--color-grey-lighter); */
    border-radius:var(--border-radius-base);
    font-style:italic;
}
.option-details p:not(:last-child) {
    margin-bottom:var(--size-smaller);
}
.option-details ul {
    margin-bottom:0;
}
.selectable-option.-check {
    display:grid;
    gap:var(--size-base);
    grid-template-columns:40px 1fr;
    text-align:left;
    align-items:center;
}
.selectable-option.-check:before {
    content:"\2713";
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:var(--border-radius-base);
    border:1px solid var(--color-grey-light);
    color:transparent;
    text-align:center;
    font-size:var(--font-largest);
}
.selectable-options input:checked + .selectable-option.-check:before {
    color:var(--color-secondary);
}



.price-options {
    display:grid;
    /* grid-template-columns: 1fr 1fr 1fr 1fr; */
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap:var(--size-smaller);
    margin-top:var(--size-large);
}
.price-options .header-text {
    grid-column:1 / -1;
    font-style:italic;
    width:100%;
    padding-left:var(--size-small);
    padding-right:var(--size-small);
    font-size:var(--size-small);
    margin:0;
}
.price-options input[type="checkbox"],
.price-options input[type="radio"] {
    display:none;
}
.price-options > .option {
    border:1px solid var(--color-grey-lighter);
    border-radius:var(--border-radius-base);
    text-align:left;
    padding:var(--size-small);
    background-color:var(--color-grey-lightest);
    min-width:150px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    font-size:var(--font-small);
    cursor:pointer;
}
.price-options input:checked + .option,
.price-options .option:hover {
    background-color:var(--color-white);
    /* box-shadow:0 0 var(--size-smallest) rgba(0,0,0,.05); */
    box-shadow:var(--shadow-small);
}
.price-options input:checked + .option:not(.-default),
.price-options .option:not(.-default):hover {
    border-color:var(--color-secondary);
}
.price-options input:checked + .option {
    font-style:italic;
    font-weight:bold;

}
.price-options .label {
    display:block;
    font-weight:bold;
}
.price-options .price {
    display:block;
    font-size:var(--font-smaller);
}
.price-options .discount {
    display:block;
    font-size:var(--font-smaller);
}

.purchase-agreements {
    overflow: hidden;
    margin-top:var(--size-larger);
    margin-bottom:var(--size-larger);
}

.bundle-extras > .item:not(._active),
.bundle-extras > .item._active.-empty {
    display:none;
}
.bundle-extras > .item {
    margin-top:var(--size-larger);
    padding:var(--size-base);
    background-color:var(--color-grey-lighter);
    border-radius:var(--border-radius-base);
    /* border:1px solid var(--color-grey-lighter); */
}
.bundle-extras .title {
    margin-bottom:var(--size-smallest);
    font-size:var(--font-base);
}
.bundle-extras .instructions {
    font-size:var(--font-smaller);
    margin-bottom:var(--size-base);
}


.purchase-note-on-card {
    margin:0;
    /* margin-right:auto; */
    width:fit-content;
    margin-top:var(--size-small);
    border:1px solid var(--color-grey-light);
    padding:var(--size-smallest) var(--size-smaller);
    background-color:var(--color-grey-lighter);
    border-radius:var(--border-radius-small);
    font-size:var(--font-smaller);
}
.purchase-note-on-card.-warning {
    background-color:var(--color-alert-lightest);
    color:var(--color-alert);
    border-color:var(--color-alert);
}


.highlighted-details {
    padding:var(--size-base);
    border-radius:var(--border-radius-base);
    border:1px solid var(--color-grey-light);
}
.highlighted-details .title {
    margin-bottom:var(--size-base);
    font-size:var(--size-base);
    text-transform:uppercase;
}
.highlighted-details p:not(:last-child) {
    margin-bottom:var(--size-small);
    font-size:var(--font-small);
}
.highlighted-details p.highlighted {
    color:var(--color-success);
    font-size:var(--font-base);
}
.highlighted-details .label {
    display:block;
    font-size:var(--size-smaller);
    text-transform:uppercase;
    font-weight:bold;
}



.bundle-threshold-close {
    background-color:var(--color-primary-light);
    padding:var(--size-small);
    border-radius:var(--border-radius-base);
    margin-top:var(--size-base);
    color:var(--color-primary);
    border:1px solid var(--color-primary);
}
.bundle-threshold-close:not(._active) {
    display:none;
}
.bundle-threshold-close .title {
    margin:0;
    font-size:var(--font-small);
    font-style:italic;
    font-weight:bold;
}
.bundle-threshold-close .text {
    font-size:var(--font-smaller);
    margin:0;
}



/* MOBILE STYLING for purchase professionals and bundles */
@media screen and (max-width:1099px) {
   
}
@media screen and (max-width:849px) {
    .purchase-builder {
        display:block;
    }
    .purchase-builder .purchase-list {
        display:flex;
        gap:var(--size-base);
        flex-direction:row;
        justify-content:center;
        align-items:flex-start;
        padding-top:0;
    }
    .purchase-builder .purchase-list .item-options {
        margin-top:0;
    }
    .purchase-builder .purchase-list .item-options .title {
        display:none;
    }
    .selectable-options.-fourths,
    .selectable-options.-thirds {
        grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
    }
    .selectable-options.-halves {
        grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    }
}
@media screen and (max-width:499px) {
    .purchase-builder .purchase-list {
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
    }
    .purchase-builder > .purchase-options {
        padding:var(--size-large) var(--size-base);
    }
}

@media screen and (max-width:399px) {
    .subtotal-summary .total .value {
        font-size:var(--font-largest);
    }
}



.filter-advanced-toggler {
    padding:var(--size-base) var(--size-smaller);
    font-size:var(--font-small);
}

.filtered-results-quantity {
    width:100%;
    font-size:var(--font-small);
}
.filtered-results-quantity .text:hover {
    text-decoration:underline;
}
.filtered-results-quantity .value {
    font-weight:bold;
}
@media screen and (max-width:600px) {
    .filtered-results-quantity {
        text-align:right;
        margin-top:var(--size-small);
    }
}

.alert-text {
    color:var(--color-alert);
}
.warning-text {
    color:var(--color-warning);
}
.tiny-text {
    font-size:var(--font-smaller);
    font-weight:bold;
}


.detailed-breakdown {
    background-color:var(--color-grey-lighter);
    border-radius:var(--border-radius-large);
    padding:var(--size-base);
    margin-top:var(--size-base);
    margin-bottom:var(--size-base);
}
.detailed-breakdown > .title {
    text-align:left;
    font-size:var(--font-larger);
    text-transform:uppercase;
    font-weight:100;
    padding:0 var(--size-small);
    margin-bottom:var(--size-smaller);
}

.quantity-blocks {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, .25fr));
	/* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); */
	grid-gap: var(--size-small);
    list-style-type:none;
    padding:0;
}
.quantity-blocks > .item {
    border:1px solid var(--color-grey-light);
    background-color:var(--color-white);
    border-radius:var(--border-radius-base);
    padding:var(--size-smaller);
    text-align:center;
}
.quantity-blocks .value {
    display: block;
    font-size:var(--title-small);
    line-height:1;
    font-weight:bold;
}
.quantity-blocks .label {
    display:block;
    font-size:var(--font-smaller);
}
.quantity-blocks .value .subset {
    font-size:var(--size-base);
}
.quantity-blocks .value.-fade {
    color:var(--color-grey);
}


.sessions-table > .item {
    padding:var(--size-small);
    background-color:var(--color-grey-lightest);
    border-radius:var(--border-radius-base);

}
.sessions-table > .item + .item {
    margin-top:var(--size-small);
}
.sessions-table .title {
    font-size:var(--size-base);
    text-align:left;
}
.sessions-table .title .subtitle {
    display:block;
    font-size:var(--size-small);
}
.sessions-table .title:not(:first-child) {
    margin-top:var(--size-smallest);
}
.sessions-table .details {
    list-style:none;
    padding:0;
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:var(--size-small);
    margin:0;
    font-size:var(--font-small);
}
.sessions-table .details .value {
    display:block;
    font-weight:bold;
}
.sessions-table .details .label {
    display:block;

}
@media screen and (min-width:800px) {
    .sessions-table > .item {
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        gap:var(--size-small);
    }
}

.dropdown-trigger-section:not(._active) {
    display:none;
}

.table-list {
    border:1px solid var(--color-grey-lighter);
    border-radius:var(--border-radius-base);
    width:100%;
    overflow:hidden;
    text-align:center;
}
.table-list > .item {
    display:grid;
    gap:var(--size-small);
}
.table-list > .item + .item {
    border-top:1px solid var(--color-grey-lighter)
}
.table-list .item.-header {
    background-color:var(--color-grey-lighter);
    font-weight:bold;
    font-size:var(--font-smaller);
    text-transform:uppercase;
}
.table-list .item .cell.-full {
    grid-column:1/-1;
}
.table-list .cell.-key {
    flex-grow:1;
    text-align:left;
}
.table-list .cell.-action .icon {
    color:var(--color-alert);
    width:var(--min-touchable-size);
}

.table-list > .item {
    font-size:var(--font-small);
    padding: var(--size-smallest) var(--size-smallest);
}
.table-list > .item.-header {
    font-size:var(--font-smallest);
}
.table-list.-client-sessions {
    max-width:330px;
}
.table-list.-client-sessions > .item {
    display:grid;
    gap:var(--size-smallest);
    grid-template-columns:1fr 100px;
    align-items:center;
}
.table-list.-client-sessions.interactive-table > .item {
    grid-template-columns: var(--min-touchable-size) 1fr 100px;
}
.table-list.-client-sessions.interactive-table.-no-action > .item {
    grid-template-columns: 1fr 100px;
}
.table-list.-client-sessions > .item.-full {
    grid-template-columns:1fr;
    padding:var(--size-smallest);
}
/* .table-list.-client-sessions .item.-required {
    font-style:italic;
} */

.instructional-text {
    font-size:var(--font-small);
    background-color:var(--color-grey-lighter);
    border-radius:var(--border-radius-base);
    padding:var(--size-base);
}
.button-like {
    padding:var(--size-smaller);
    border-radius:var(--border-radius-base);
    background-color:var(--color-grey-lighter);
    font-size:var(--font-smallest);
    text-transform:uppercase;
}



.extra-details {
    padding:var(--size-small);
    border-radius:var(--border-radius-base);
    border:1px solid var(--color-grey-light);
    background-color:var(--color-grey-lighter);
}
.extra-details > .title {
    font-size:var(--font-base);
    font-weight:bold;
    margin-bottom:0;
}
.extra-details > .label {
    margin-bottom:0;
    font-size:var(--font-small);
}
.extra-details.-light {
    background-color:var(--color-grey-lightest);
}

.expedite-buttons {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:stretch;
    gap:var(--size-smaller);
}
.expedite-buttons.-centered {
    justify-content:center;
    text-align:center;
}
.expedite-buttons .section-label {
    width:100%;
    font-size:var(--font-small);
    margin:0;
    font-style:italic;
    text-transform:none;
}
.expedite-buttons .button {
    min-width:100px;
    background-color:var(--color-white);
    border:1px solid var(--color-secondary);
    border-radius:var(--border-radius-base);
    text-align:center;
    color:var(--color-font);
    box-shadow:var(--shadow-base-light);
}
.expedite-buttons .button.-alert {
    border-color:var(--color-alert);
}
.expedite-buttons .button:hover {
    box-shadow:inset 0 0 4px rgba(0,0,0,.25);
}
.expedite-buttons .button .title {
    display:block;
    font-weight:normal;
    font-size:var(--font-small);
}
.expedite-buttons .button .label {
    display:block;
    font-weight:100;
    font-size:var(--font-smaller);
}
.expedite-buttons .button .title + .label {
    margin-top:var(--size-smallest);
}
.expedite-buttons.-small .button .title {
    font-size:var(--font-smaller);
}
.expedite-buttons.-small .button .label {
    font-size:var(--font-smallest);
}
.expedite-buttons .button.active {
    background-color:var(--color-secondary);
    color:var(--color-white);
}
.expedite-buttons .button.active.-alert {
    background-color:var(--color-alert);
}
.expedite-buttons .button.active .label {
    font-weight:bold;
}




.mini-checklist {
    list-style:none;
    padding:0;
    margin:0;
    border:1px solid var(--color-grey-light);
    border-radius:var(--border-radius-base);
    background-color:var(--color-grey-lightest);
}
.mini-checklist > li {
    padding:var(--size-smaller);
    margin:0;
    border-top:1px solid var(--color-grey-light);
    text-align:left;
}
.mini-checklist .instructions {
    text-align:inherit;
}
.mini-checklist .instructions:first-child {
    border-top:none;
}
.mini-checklist input[type='checkbox']:not(:checked) + label {
    color:var(--color-grey);
}
.mini-checklist input[type='checkbox']:not(:checked) + label:before {
    border-color:var(--color-grey);
}
.mini-checklist .button.-remover {
    float:right;
    font-size:var(--font-smaller);
    color:var(--color-alert-lightest);
    background-color:var(--color-alert);
}





/* Question-Answer-Grid (used with Schedule Sessions) */
.question-answer-grid .question {
    text-align:center;
    font-size:var(--font-largest);
    font-weight:200;
    border-bottom:1px solid var(--color-grey-light);
    padding-bottom:var(--size-small);
}
.question-answer-grid .answers {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap:var(--size-base);
}
.question-answer-grid .answers [type="checkbox"],
.question-answer-grid .answers [type="radio"] {
    display:none;
}
.question-answer-grid .answer {
    padding:var(--size-large) var(--size-small);
    border: 1px solid var(--color-grey-lighter);
    border-radius: var(--border-radius-base);
    text-align: center;
    background-color: var(--color-grey-lightest);
    box-shadow:var(--shadow-base-light);
}
.question-answer-grid .answer:hover {
    border-color:var(--color-secondary);
    box-shadow:inset 0 0 6px rgba(0,0,0,.15);
    background-color:var(--color-white);
}
.question-answer-grid .answer .label {
    display: block;
    font-family: var(--font-family-secondary);
    text-transform: uppercase;
    font-size: var(--font-large);
    font-weight: bold;
    line-height: var(--line-height-base);
    cursor:pointer;
}
.question-answer-grid .answer .icon {
    font-size:var(--icon-larger);
}
.question-answer-grid .answer .description {
    display:block;
    margin:0;
    margin-top:var(--size-smaller);
    line-height:1;
}



.purchase-list .section-label {
    font-size:var(--font-small);
    text-transform:uppercase;
    margin-bottom:var(--size-small);
}
.purchase-list .section-label:not(:first-child) {
    margin-top:var(--size-large);
}
.purchase-list .section-label + .item-options {
    margin-top:0;
}


.purchase-builder.session-builder .purchase-list {
    padding-top:0;
}
.purchase-builder.session-builder .purchase-list > p {
    margin-bottom:0;
}
.session-builder ._hc .schedule-table:not(.detailed) .name {
    width:auto;
}
@media screen and (max-width:849px) {
    .purchase-builder.session-builder .purchase-list,
    .purchase-builder.setup-replacement .purchase-list {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:var(--size-base);
    }
    .purchase-builder.session-builder .purchase-list > .vertical-space,
    .purchase-builder.setup-replacement .purchase-list > .vertical-space {
        display:none;
    }
    .purchase-builder.session-builder .purchase-list > .item-options,
    .purchase-builder.setup-replacement .purchase-list > .item-options {
        grid-column:1 / -1;
    }
}
@media screen and (max-width:549px) {
    .purchase-builder.session-builder .purchase-list,
    .purchase-builder.setup-replacement .purchase-list {
        grid-template-columns:1fr;
    }
}





.quantity-input.-small input {
   width:3ch;
    font-size:var(--title-small);
}
.quantity-input.-small .button {
    color:var(--color-grey);
}



.filters .button.active.-small {
    box-shadow:none;
    border-color:var(--color-secondary);
}




.user-sessions-card {
    background-color:var(--color-white);
    padding:var(--size-large);
    border-radius:var(--border-radius-large);
    box-shadow:var(--shadow-large);
    display:grid;
    grid-template-columns:1fr;
    gap:var(--size-large);
}

.user-sessions-card .user-details {
    display:grid;
    grid-template-columns:100px 1fr;
    gap:var(--size-base);
}
.user-sessions-card .user-details .image img {
    border-radius:var(--border-radius-base);
}



.highlighted-subsection {
    padding:var(--size-base);
    border-radius:var(--border-radius-base);
    border:1px solid var(--color-grey-light);
    background-color:var(--color-grey-lighter);
}


.session-details .vertical-space {
    clear:both;
}
.session-details .main-title {
    font-size:var(--font-largest);
    margin:0;
}
.session-details .subtitle {
    display:block;
    font-weight:300;
}
.session-details .main-title .subtitle {
    font-size:var(--font-large);
}
.session-details .notes {
    /* font-style:italic; */
}
.session-details .notes .label {
    display:block;
    font-weight:normal;
    font-size:var(--font-smaller);
    text-transform:uppercase;
    font-style:normal;
}
.session-details .instructions .title {
    text-align:center;
    font-size:var(--font-base);
    text-transform:uppercase;

}
.session-details .instructions p {
    font-size:var(--font-small);
}
.session-details .actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:var(--size-small);
}
.session-details .actions .button {
    font-size:var(--font-small);
}
.session-details .actions .button.-full {
    grid-column:-1/1
}
.session-details .actions .button.-subdued {
    border:1px solid var(--color-grey);
}

.attribute-tags {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:var(--size-small);
    list-style:none;
    padding:0;
    margin:0;
}
.attribute-tags .icon {
    color:var(--color-secondary);
}
.attribute-tags > .i {
    text-align:center;
    text-transform:uppercase;
    font-family:var(--font-family-secondary);
    border:1px solid var(--color-grey-light);
    border-radius:var(--border-radius-base);
    padding:var(--size-smallest) var(--size-smaller);
    font-weight:normal;
}
.attribute-tags > .i.-full {
    grid-column:-1/1
}

.thumbnailed-title {
    display:grid;
    grid-template-columns: 70px 1fr;
    gap:var(--size-base);
    align-items: center;
}
.thumbnailed-title .thumb {
    border-radius:var(--border-radius-base);
    overflow:hidden;
}
.thumbnailed-title .icon {
    color:var(--color-secondary);
}
.thumbnailed-title .main-title {
    font-size:var(--font-larger);
    font-family:var(--font-family-secondary);
    font-weight:normal;
}
.thumbnailed-title .subtitle {
    display:block;
    font-weight:300;
    line-height:1;
    font-size:var(--font-small);
} 

.instruction-list {
    font-size:var(--font-large);
}
.instruction-list li + li {
    margin-top:var(--size-base);
}

.video-thumbnail-frame {
    border:.35rem solid #0d0d0d;
    box-shadow:0 0 2rem rgba(0,0,0,.2);
    border-radius:var(--size-large);
    overflow:hidden;
    cursor:pointer;
}
@media screen and (min-width:700px) {
    .video-thumbnail-frame {
        transform:scale(1.25) translateY(3.5rem) translateX(-1rem) perspective(800px) rotateY(-30deg);
    }
}


.important-notice {
    background-color:var(--color-success-light);
    /* color:var(--color-white); */
    border:1px solid var(--color-font);
    box-shadow:var(--shadow-large);
    border-radius:var(--border-radius-base);
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    gap:var(--size-base);
    padding:var(--size-base);
    margin-bottom:var(--size-larger);
}
.important-notice .title {
    font-size:var(--font-base);
    text-transform:uppercase;
    margin:0;
    margin-bottom:var(--size-smallest);
}
.important-notice p {
    font-size:var(--font-small);
    line-height:var(--line-height-base);
}

.important-notice .text {
    flex:1;
}
.important-notice .actions {
    min-width:200px;
}
.important-notice .button {
    background-color:var(--color-font);
}

.cta-banner {
    display: grid;
    grid-template-columns: 1fr minmax(100px, 200px);
    align-items:center;
    gap:var(--size-large);
    padding:var(--size-large);
    border:1px solid var(--color-grey-lighter);
    border-radius: var(--border-radius-base);
    box-shadow:var(--shadow-base-light);
}
.cta-banner:not(:first-child) {
    margin-top:var(--size-largest);
}
.cta-banner p {
    font-size:var(--font-large);
    font-weight:500;
    color:var(--color-grey-dark);
}
.cta-banner strong {
    color:var(--color-secondary);
}
.cta-banner .button {
    display:block;
}


.quantity-dot {
    background-color:var(--color-alert);
    color:var(--color-white);
    border-radius:100%;
    padding:0 var(--size-smaller);
    /* font-weight:bold; */
    font-size:var(--font-small);
}
.quantity-dot-sm {
    background-color: var(--color-alert);
    color: var(--color-white);
    border-radius: 100%;
    padding: 0 var(--size-smaller);
    /* font-weight:bold; */
    font-size: 12px;
}

/* this is being used to counteract the first row of table's status-icon details from being cutoff  */
@media screen and (max-width:699px) {
    ._hc .schedule-table thead td {
        padding-top:var(--size-base) !important;
        padding-bottom:var(--size-base) !important;
    }
}



.main-footer {
    background-color:var(--color-grey-lighter);
    color:var(--color-font);
    padding:var(--size-largest) 0 var(--size-base);
}
.main-footer.-dashboard {
    padding:var(--size-base) 0;
}
/* this is to go along with an old .wrap class that puts all dashboard content into 980px wide max wrapper... see _core.css */
.main-footer.-dashboard .container {
    max-width:980px;
}
.main-footer .wrap-sections {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:var(--size-large);
}
.main-footer.-dashboard .wrap-sections {
    display:flex;
    align-items:center;
}
.main-footer .section {
    padding:0;
}
.main-footer .section.-stretch {
    grid-column: 2 / 4;
}
.main-footer .wrap-copyright {
    padding-top:var(--size-large);
    text-align:center;
    font-size:var(--font-smaller);
}
.main-footer .logo {
    max-width:200px;
}
.main-footer .title {
    font-size:var(--font-base);
    text-transform:uppercase;
    margin-bottom:var(--size-base);
}
.main-footer .menu {
    list-style:none;
    padding:0;
    margin:0;
    font-size:var(--font-small);
}
.main-footer .menu li + li {
    margin-top:var(--size-smallest);
}
@media screen and (max-width:699px) {
    .main-footer .wrap-sections {
        grid-template-columns: repeat(2, 1fr);
    }
}@media screen and (max-width:399px) {
    .main-footer .wrap-sections {
        grid-template-columns: repeat(1, 1fr);
   }
}



.cta-heading {
    text-align:center;
    position:relative;
    margin-bottom:var(--size-larger);
    padding-left:var(--size-larger);
    padding-right:var(--size-larger);
}
.cta-heading .title {
    font-size:var(--font-base);
    font-weight:100;
    background-color:var(--color-white);
    display:inline-block;
    z-index:3;
    position:relative;
    margin:0;
    padding:0 var(--size-larger);
}
.cta-heading .title strong {
    font-size:var(--font-largest);
    font-weight:500;
}
.cta-heading .subtitle {
    display:block;
    letter-spacing:1px;
    margin-top:var(--size-smallest);
}
.cta-heading:before {
    content:"";
    height:1px;
    width:100%;
    position:absolute;
    bottom:50%;
    left:0;
    background-color:var(--color-secondary);
    z-index:0;
}
.cta-heading .title { background-color:var(--color-white); }
.bg-primary .cta-heading .title { background-color:var(--color-primary); }
.bg-primary-light .cta-heading .title { background-color:var(--color-primary-light); }

@media screen and (max-width:499px) {
    .cta-heading .title {
        padding:0 var(--size-large);
    }
    .cta-heading .title strong {
        font-size:var(--font-larger);
    }
}


.service-type:not(._active) {
    display:none;
}



.nav-menu .sub-menu-label {
    display:block;
}
.nav-menu .sub-menu-label:hover {
    box-shadow:inset 0 0 .5rem rgba(0,0,0,.25);
}
.sub-menu-label + .nav-menu {
    max-height:0;
    overflow:hidden;
    transition: all 0.35s ease-out; 
}
.sub-menu-label._active + .nav-menu {
    max-height:500px;
    background-color:var(--color-grey-lighter);
}
.sub-menu-label + .nav-menu li:first-child a {
    border-top:none !important;
}
.sub-menu-label._active .icon--open-more {
    transform:rotate(90deg);
}
.sub-menu-label._active + .nav-menu a:not(.sub-menu-label) {
    padding-left:var(--size-largest);
}



.video-popup-wrapper {
    display:none;
    position:fixed;
    z-index:99;
    width:100%;
    height:100%;
    top:0; bottom:0;
    left:0; right:0;
    /* background:red; */
}
.video-popup-wrapper._active {
    display:block;
}
.video-popup-wrapper .modal-background {
    padding:var(--size-largest);
    overflow-y:scroll;
}
.video-popup-wrapper .body {
    width:100%;
    max-width:980px;
    height:100%;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
}
.video-popup-wrapper .video-wrapper {
    width:100%;
    position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 25px;*/
	height: 0;
    box-shadow:var(--shadow-large);
    border-radius:var(--border-radius-large);
    overflow:hidden;
}
.video-popup-wrapper .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.video-popup-wrapper video {
    background:black;
}
.video-popup-wrapper .header {
    position:fixed;
    top:0;
    right:0;
    width:100%;
    z-index:99;
}
@media screen and (max-width:699px) {
    .video-popup-wrapper .modal-background {
        padding:var(--size-base);
    }
}



.header-icons .dashboard-icons {
    grid-template-columns:none;
    grid-auto-columns: 70px;
    grid-auto-flow: column;
    padding:var(--size-small) var(--size-smaller) 0;

    justify-content:center;
}
.header-icons .dashboard-icons .icon {
    width:auto;
    height:auto;
    background-color:transparent;
    margin-bottom:var(--size-smallest);
}
.header-icons .dashboard-icons .icon:before {
    font-size:var(--icon-size-small);
    line-height:1;
}
.header-icons .dashboard-icons .selected .icon {
    background-color:transparent;
    color:var(--color-accent);
}
@media screen and (max-width:699px) {
    #always-on-dashboard-icons {
        display:none;
    }
}



._hc .card .special-note {
    /* display:inline-block; */
    background-color:var(--color-secondary-light);
    padding:var(--size-smaller);
    border-radius:var(--border-radius-base);
    font-style:italic;
    font-size:var(--font-smaller);
    margin:var(--size-smallest) 0;
}
._hc .card .special-note.-with-icon {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:nowrap;
    gap:var(--size-smallest);
}
._hc .card .special-note .icon {
    font-style:normal;
    color:var(--color-font);
}
._hc .card.professional .special-note {
    margin:0 var(--size-smaller) var(--size-smaller);
    padding:var(--size-smallest);
    text-align:center;
}



.purchase-options .note.-insurance {
    background-color:var(--color-secondary-light);
}
.purchase-options .note.-insurance.-large {
    font-size:var(--font-small);
}
.purchase-options .note.-insurance.-large .title {
    font-size:var(--font-base);
    margin-bottom:var(--size-smaller);
    padding-bottom:var(--size-smaller);
    border-bottom:1px solid var(--color-grey-light);
}
.purchase-options .note.-insurance.-large p:not(:last-child) {
    margin-bottom:var(--size-small);
}


.bg-alert-light {
    background-color:var(--color-alert-lightest);
}
.bg-success-light {
    background-color:var(--color-success-light);
}




.wrap-webcap {
    border-radius:var(--border-radius-base);
}
.webcap {
    padding:var(--size-base);
}



/* .list-professionals.wrap-cards {
    align-items:stretch;
} */



.purchase-builder .instructions {
    grid-column:1 / -1;
    font-size:var(--font-smaller);
    margin-bottom:var(--size-smallest);
}
.purchase-builder .alternate-path {
    grid-column:1 / -1;
    background-color:var(--color-success-light);
    font-size:var(--font-small);
}


.image-dot {
    background-color:var(--color-grey-lighter);
}
.image-dot.-alt {
    background-color:var(--color-secondary);
    color:var(--color-white);
}
.title-extras .image-dot .icon {
    font-size:var(--font-large);
}
.title-extras .image-dot + .text {
    color:var(--color-secondary);
}
.list-professionals .thumb .image-dot .icon {
    font-size:var(--icon-size-base);
    line-height:0;
}
.list-professionals .thumb .image-dot + .image-dot {
    right:70px;
}



.price-blocks > li {
    justify-content:flex-start;
}
.price-blocks .button.-insurance {
    background-color:var(--color-secondary-light);
    color:var(--color-font);
}


@media screen and (min-width:700px) {
    .wrap-webcap .item-overview {
        max-width:700px;
        margin-left:auto;
        margin-right:auto;
        display:grid;
        grid-template-columns: 1fr 1fr;
        justify-content:center;
        align-items:flex-start;
        gap:var(--size-base);
    }
    .wrap-webcap .item-overview .thumbnailed-title {
        order:2;
    }
    .wrap-webcap .item-overview .attribute-tags {
        order:1;
    }
}
@media screen and (max-width:699px) {
    .wrap-webcap .item-overview .attribute-tags {
        margin-top:var(--size-base);
    }
}
@media screen and (max-width:499px) {
    .webcap.requires-two > .item {
        min-width:100% !important;
    }
}
.webcam video {
    /* this is fixing issue where webcap buttons are hidden by video feed while still having higher z-index and still being clickable ... issue is strange inconsistent behavior */
    position:relative;
    z-index:1;
}
.wrap-webcap .informational-text {
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:var(--font-small);
}


.insurance-fields .cta-heading .title {
    font-size:var(--font-small);
}
.insurance-fields .cta-heading .title strong {
    font-size:var(--font-large);
    margin-bottom:var(--size-base);
}


.wrap-insurance-fields {
    clear:both;
}
.insurance-fields {
    padding-top:var(--size-largest);
}
.insurance-fields .row.bg-light-gray {
    border-radius:var(--border-radius-base);
}
.insurance-fields:nth-child(odd) .row.bg-light-gray {
    background-color:var(--color-secondary-light);
}
.insurance-fields:nth-child(even) .row.bg-light-gray {
    background-color:var(--color-primary-light);
}
.insurance-fields:nth-child(even) .cta-heading strong {
    color:var(--color-primary);
}
.insurance-fields:nth-child(even) .cta-heading:before {
    background-color:var(--color-primary);
}




.button-grid {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:var(--size-small);
}

.currency-field{
    padding-left:1rem;
    position:relative;
}
.currency-field:before {
    content:"$";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    display:flex;
    justify-content:center;
    align-items:center;
}





/* layout and min-width of columns */
.multi-column-form th, 
.multi-column-form td {
    text-align:center;
    -webkit-hyphens:none;
    vertical-align:middle;
}
.multi-column-form th:first-child {
    text-align:right;
    font-weight:300;
}
.multi-column-form tbody tr,
.multi-column-form tbody + thead tr {
    border-top:1px solid var(--color-white);
    border-collapse: collapse;
}
.multi-column-form tr.section-label td,
.multi-column-form tr.section-label th {
    padding-bottom:0;
}
.multi-column-form tbody .filler {
    background-color:var(--color-white);
    z-index:0;
}

/* make label cells sticky (top and left side of table) */
.wrap--multi-column-form {
    width: 100%;
    max-height: 60vh;
    overflow: auto;
}
.multi-column-form thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    width: 100px;
    background: white;
}
.multi-column-form thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}
.multi-column-form tbody th {
    position: sticky;
    left: 0;
    background: white;
    z-index: 1;
}
.multi-column-form tbody th {
    min-width:140px;
}
.multi-column-form tbody td {
    width:120px;
    min-width:120px;
}

/* color of columns */
.insurance-qualification-form thead th:not(:first-child) {
    color:white;
}
.insurance-qualification-form thead th:nth-child(2) {
    background-color:goldenrod;
}
.insurance-qualification-form tbody td:nth-child(2) {
    background-color:rgb(251, 242, 221);
}
.insurance-qualification-form thead th:nth-child(3) {
    background-color:gray;
}
.insurance-qualification-form tbody td:nth-child(3) {
    background-color:rgb(221, 221, 221);
}
.insurance-qualification-form thead th:nth-child(4) {
    background-color:salmon;
}
.insurance-qualification-form tbody td:nth-child(4) {
    background-color:rgb(247, 207, 203);
}
.insurance-qualification-form thead th:nth-child(5) {
    background-color:slategray;
}
.insurance-qualification-form tbody td:nth-child(5) {
    background-color:rgb(209, 230, 251);
}



.insurance-qual-filters {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:var(--size-base);
    align-content:start;
}
@media screen and (max-width:599px) {
    .insurance-qual-filters {
        grid-template-columns: repeat(2, 1fr);
    } 
}

.expedite-buttons.insurance-qual-filters .button {
    padding:var(--size-small) var(--size-smaller);
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction: column;
}

.expedite-buttons.insurance-qual-filters .title {
    font-size:var(--size-base);
    text-align:center;
    width:100%;
}
.expedite-buttons.insurance-qual-filters .label {
    font-size:var(--font-base);
    text-align:left;
    text-transform: none;
    width:100%;
}
.expedite-buttons.insurance-qual-filters .label.-center {
    text-align:center;
}
.expedite-buttons.insurance-qual-filters .title + .label {
    margin-top:var(--size-smaller);
}
.insurance-qual-filters .label strong {
    width:1.5rem;
    text-align:center;
    display:inline-block;
}
.insurance-qual-filters .button.active .label {
    font-weight:100;
}


.insurance-qualification-form input[type="text"]::placeholder {
    font-size:var(--font-smaller);
    color:var(--color-grey);
}
.insurance-qualification-form .input-for-label {
    font-size:var(--font-smaller);
    margin-bottom:var(--size-smaller);
}



.wrap-quick-info-table {
    border:1px solid var(--color-grey);
    border-radius:var(--border-radius-base);
}
.wrap-quick-info-table.-small {
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
}
.quick-info-table {
    margin:0;
    text-align:center;
}
.quick-info-table tbody th {
    font-size:var(--font-smaller);
    padding:var(--size-smallest);
    text-align:left;
}
.quick-info-table td {
    padding:0;
    vertical-align:middle;
    border-left:1px solid var(--color-grey);
}
.quick-info-table thead th,
.quick-info-table thead td {
    background-color:transparent;
    font-weight:normal;
    font-size:var(--font-smaller);
    padding:0;
    min-width:60px;
}
.quick-info-table tbody tr {
    border-top:1px solid var(--color-grey);
}



.visit-limit-row td {
    vertical-align: top;
}
.split-inputs {
    display:flex;
    flex-direction:row;
    text-align:center;
}
.split-inputs label {
    font-size:var(--font-smaller);
}
.split-inputs input {
    text-align:center;
}
.split-inputs > .i:nth-child(odd) input {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right:1px solid var(--color-black);
}
.split-inputs > .i:nth-child(even) input {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left:1px solid var(--color-black);
}
.quick-question-input {
    padding:var(--size-smaller) var(--size-smallest);
    border-radius:var(--border-radius-base);
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.3px);
    -webkit-backdrop-filter: blur(7.3px);
}
.quick-question-input label {
    font-size:var(--font-smaller);
    text-align:center;
    display:block;
}
.quick-question-input input {
    display:inline-block;
    width:60px;
    text-align:center;
    font-weight:bold;
    font-size:var(--font-small);
}



.list--notifications .upcoming-activity-flag {
    text-align:center;
    display:block;
    padding:var(--size-smaller);
}
.upcoming-activity-flag.bg-alert {
    background-color: var(--color-alert);
    color:var(--color-white);
}




/* 2024-03-11
    - updates to Browse Professionals list are here
    - updates to Price Blocks are here
    - updates to Professional Details layout is here
    - insurance carrier list
*/
.list-professionals.wrap-cards {
    align-items:stretch;
}
.list-professionals.wrap-cards > .card {
    display:flex;
    flex-direction:column;
}
.list-professionals .summary .wrap-name {
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:var(--size-small);
    justify-content:space-between;
    align-items:center;
}
.list-professionals .summary .title {
    font-size:var(--font-large);
}
.list-professionals .summary .title.-small {
    font-size:var(--font-small);
}
.list-professionals .summary p.label {
    /* font-size:var(--font-smaller); */
    white-space:nowrap;
    overflow:hidden;
}
.list-professionals .card .summary .button {
    padding:var(--size-smaller) var(--size-smallest);
}
.list-professionals .card .summary .button:after {
    display:none;
}
@media screen and (max-width:499px) {
    .list-professionals.wrap-cards {
        margin-left:auto;
        margin-right:auto;
    }
}
.price-blocks .price {
    font-size:var(--font-large);
}

@media screen and (max-width:999px) and (min-width:800px) {
    ._hc .detailed-view .main .thumb {
        max-width:35%;
    }
}
@media screen and (max-width:799px) and (min-width:700px) {
    .price-blocks {
        grid-template-columns:repeat(2, 1fr);
    }
}
@media screen and (max-width:599px) and (min-width:500px) {
    ._hc .detailed-view .main {
        flex-wrap:wrap;
    }
    ._hc .detailed-view .main .thumb{
        max-width: 400px;
        min-width: 300px;
        flex-basis:100%;
        margin: auto;
        margin-bottom: var(--size-large);
        padding-right: 0;
    }
}
@media screen and (max-width: 699px) and (min-width:400px) {
    .price-blocks {
        grid-template-columns: repeat(2, 1fr);
    }
}
.tag-list {
    list-style-type:none;
    padding-left:0;
    margin-bottom:0;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:var(--size-smaller);
}
.tag-list li {
    font-family:var(--font-family-secondary);
    padding:var(--size-smaller);
    border:1px solid var(--color-font);
    border-radius:var(--border-radius-base);
    font-size:var(--font-small);
    line-height:1;
}
.little-flag-highlight {
    display:block;
    color:var(--color-secondary);
    font-size:var(--font-smaller);
}

/* 2024-03-20
    - highlight column in insurance pre-qual form (service that client explicitly requested qualification for)
    - show warning messages to practitioner/admin that client does not have enough sessions for program or card will expire during program
    - fix alignment of text in header rows (so all text lines up at bottom of cell)
*/
.insurance-qualification-form .highlighted-column-text {
    display:block;
    font-size:var(--font-smallest);
    font-weight:normal;
    line-height:1;
}
.insurance-qualification-form .contain-text {
    margin-left:auto;
    margin-right:auto;
    max-width:500px;
}
.multi-column-form thead th {
    vertical-align:bottom;
    line-height:var(--line-height-base);
}



/* 2024-04-03 - added -with-gen-notes and -with-adime-notes and -with-multiple-appointments */
/* NOTE: there were issues with simply adding a border to the <td>, so border was added to <a> inside the table cell */
.ui-datepicker .appt-date.-with-gen-notes a,
.ui-datepicker .appt-date.-with-adime-notes a {
    border-radius:100%;
    line-height:50px; /* line-height:60px; is being set for standard dates... subtract ~width of border to keep circle round */
    border-width:6px;
    border-style:solid;
}
.ui-datepicker .appt-date.-with-gen-notes a:hover,
.ui-datepicker .appt-date.-with-adime-notes a:hover {
    box-shadow:inset 0 0 15px rgba(0,0,0,.5); /* use thicker inset shadow on hover so it clears the border */
}
.ui-datepicker .appt-date.-with-gen-notes a {
	border-color:#202020;
}
.legend-appointment-calendar .item.-with-gen-notes .key {
    border:4px solid #202020;
}
.ui-datepicker .appt-date.-with-adime-notes a {
	border-color:#7dcde3;
}
.legend-appointment-calendar .item.-with-adime-notes .key {
    border:4px solid #7dcde3;
}
.ui-datepicker .appt-date.-with-multiple-appointments,
.legend-appointment-calendar .item.-with-multiple-appointments .key {
    background: repeating-linear-gradient(
        0deg,
        #053f72,
        #053f72 6px,
        #075aa4 6px,
        #075aa4 12px
    );
}
.legend-appointment-calendar .item.-with-multiple-appointments .key {
    background: repeating-linear-gradient(
        0deg,
        #053f72,
        #053f72 3px,
        #075aa4 3px,
        #075aa4 6px
    );
}



/* 2024-04-09 - added fix for thumbnailed-title not centering properly */
.center-grid {
    display:flex;
    justify-content:center;
}
/* 2024-04-09 - added fix for icon-actions menu
--- max icons equal-width and centered
--- give some space between title text and paragraph text */
._hc .icon-actions .icon {
    flex-basis: 80px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align:center;
}
._hc .icon-actions .details h4 {
    margin-bottom:var(--size-smallest);
}

/* 2024-04-19 - added fix for nutrition filters */
.new-search > .top .wrap-filters > .item.type-buttons .wrap-buttons .button {
    padding-top:var(--size-smaller);
    padding-bottom:var(--size-smaller);
}
.new-search > .top input,
.new-search > .top select {
    height:100%;
}


/* 2024-05-13 - now that "Services" is being used in the 3 start block, "Find Location" is moving below */
@media screen and (min-width:801px) {
    .nav-buttons-xl.start-options {
        flex-wrap:wrap;
    }
    .nav-buttons-xl > .full-width-start-option {
        max-width:860px;
        flex-direction:row;
        align-items:center;
        gap:var(--size-larger);
        padding:var(--size-larger);
    }
    .nav-buttons-xl > .full-width-start-option .icon {
        margin:0;
    }
    .nav-buttons-xl > .full-width-start-option .title {
        margin-bottom:var(--size-small);
        text-align:left;
    }
    .nav-buttons-xl > .full-width-start-option .text {
        margin-bottom:var(--size-base);
    }
    .nav-buttons-xl > .full-width-start-option .text p {
        padding:0;
    }
    .nav-buttons-xl > .full-width-start-option .buttons {
        display:flex;
        flex-direction:row;
        gap:var(--size-base);
        justify-content: flex-start;
    }
    .nav-buttons-xl > .full-width-start-option .buttons .button {
        margin:0;
    }
}

/* 2024-05-13 - Services setup is following the Professionals setup... slight modifications needed */
.purchase-options .options input[type=radio][disabled] + label {
    cursor:default;
    border-color:var(--color-grey-light);
    border-width:1px;
    background-color:var(--color-grey-lighter);
}
.service .purchase-options label .subtext {
    display:block;
    font-weight:100;
    font-size:var(--font-smaller);
    text-transform:none;
}

.service .price-blocks .item-alt .price {
    color:var(--color-secondary);
}
.service .price-blocks .item-alt .button {
    background-color:var(--color-secondary);
}
.purchase-list .item.service {
    display:grid;
    grid-template-columns: 60px 1fr;
    gap:var(--size-base);
    align-items:center;
}
.purchase-list .item.service .title {
    font-weight:100;
    font-size:var(--font-base);
}
.purchase-list .item.service .subtext {
    grid-column:1/-1;
    font-size:var(--font-smaller);
}
.purchase-list .item.service .subtext .label {
    display:block;
    font-weight:bold;
    font-size:var(--font-smallest);
}
@media screen and (max-width:850px) {
    .purchase-list .item.service .subtext {
        text-align:center;
    }
}


/* 2024-05-15 -- buttons in ADIME Appoointment Calendar (and General Notes Calendar) */
.row-of-buttons {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:stretch;
    gap:var(--size-small);
    flex-wrap:wrap;
}
.row-of-buttons > .button {
    display:block;
    flex:1;
}
@media screen and (max-width:499px) {
    .row-of-buttons {
        flex-direction:column;
        gap:var(--size-smaller);
    }
}


/* 2024-05-20 -- resources */
.question-answer-grid .question.-small {
    font-size:var(--font-large);
    border-bottom:none;
}
.section-title.-nb {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}
.resource-list {
    border-top:solid 1px var(--color-grey-lighter);
}
.resource-item,
.weekly-resource {
    padding-top:var(--size-base);
    padding-bottom:var(--size-base);
    border-bottom:solid 1px var(--color-grey-lighter);
    padding-left:var(--size-small);
    padding-right:var(--size-small);
}
.resource-item .actions {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    align-items:center;
    gap:var(--size-small);
    margin-top:var(--size-smaller);
}
.resource-item .text p {
    margin:0;
}
.resource-item .label {
    font-size:var(--font-small);
    font-style:italic;
}
.resource-item .title {
    font-size:var(--font-large);
}
.weekly-resource .items {
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:row;
    align-items:stretch;
    justify-content:center;
    gap:var(--size-base);
}
.weekly-resource .items > li {
    position:relative;
    flex:1;
    border:1px solid var(--color-grey-light);
    border-radius:var(--border-radius-base);
    padding:var(--size-smaller);
    cursor:pointer;
}
.weekly-resource .items > li.item-missing {
    background-color:var(--color-grey-lighter);
}

.weekly-resource .items > li:hover {
    box-shadow:var(--shadow-base);
}
.weekly-resource .items > li > a {
    display:block;
    color:var(--color-font);
} 
.weekly-resource .text {
    text-align:center;
}
.weekly-resource .title {
    font-family:var(--font-family-secondary);
    text-transform:uppercase;
    font-weight:bold;
    margin:0;
}
.weekly-resource .subtitle {
    margin:0;
    font-size:var(--font-small);
}

.weekly-resource .items .name {
    display:block;
    font-size:var(--font-smaller);
    text-transform:uppercase;
    font-weight:bold;
}
.weekly-resource .items .status {
    display:block;
    font-size:var(--font-smaller);
    text-decoration:underline;
    /* color:var(--color-success); */
}
.weekly-resource .item-missing .status {
    font-style:italic;
    font-size:var(--font-small);
    /* color:var(--color-font); */
}

@media screen and (min-width:600px) {
    .resource-item {
        display:grid;
        grid-template-columns:1fr minmax(250px, 30%);
        gap:var(--size-base);
        align-items:center;
    }
    .resource-item .actions {
        text-align:right;
        margin-top:0;
    }
}
@media screen and (min-width:768px) {
    .weekly-resource {
        padding-top:var(--size-small);
        padding-bottom:var(--size-small);
        display:grid;
        grid-template-columns:minmax(60px, 12%) 1fr;
        gap:var(--size-base);
        align-items:center;
    }
}
@media screen and (max-width:767px) {
    .weekly-resource .text {
        margin-bottom:var(--size-smaller);
    }
}
@media screen and (max-width:599px) {
    .weekly-resource .items {
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        gap:var(--size-small);
    }
}
@media screen and (max-width:399px) {
    .weekly-resource .items {
        grid-template-columns:1fr 1fr;
    }
}


.sortable-resources .list-resources {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
}
.sortable-resources ul.list-resources.sortable li.item,
.sortable-resources .list-resources> .item {
    position:relative;
    float: none;
    width: 100%;
    border:none !important;
    border-radius:var(--border-radius-base);
    background-color:var(--color-white);
    padding:var(--size-smaller);
}
.sortable-resources ul.manage-images.sortable li.item {
    padding-bottom:1.75rem;
}

.sortable-resources ul.manage-images.sortable li.item.sortable-custom-ghost {
    background-color:var(--color-grey);
    box-shadow:var(--shadow-base);
    opacity:.15;
}
.sortable-resources .list-resources {
    counter-reset: slideNumber;
}
.sortable-resources .list-resources > .item,
.sortable-resources .list-resources > .item.sortable-custom-ghost {
    counter-increment: slideNumber;
}
.sortable-resources .list-resources > .item:before {
    content: counter(slideNumber);
    position:absolute;
    top:0;
    left:0;
    font-size:var(--font-large);
    color:var(--color-white);
    background-color:var(--color-accent);
    box-shadow:var(--shadow-base);
    font-weight:bold;
    width:30px;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:100%;
}

/* 2024-05-22 -- fix cropper control buttons */
.cropper-controls .button.cropper-control {
    padding:var(--size-smaller) var(--size-base);
}
.custom-button-container {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--size-smaller);
}

.custom-option-button {
    font-family: var(--font-family-secondary);
    padding: var(--size-smaller);
    border: 1px solid var(--color-font);
    border-radius: var(--border-radius-base);
    font-size: var(--font-small);
    line-height: 1;
}

    .custom-option-button.selected {
        background-color: #007bff;
        color: white;
    }

.hidden {
    display: none;
}
.break-word {
    overflow-wrap: break-word;
    word-break: break-all;
    hyphens: auto;
}
.map-container {
    height: 960px; /* Ensure the container takes the full viewport height */
    width: 100%; /* Ensure the container takes the full width */
    position: relative; /* Ensure it's positioned correctly */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
}

.thumb {
    float: left;
    margin-right: 20px;
}

.rounded-circle-image {
    max-width: 160px;
    width: 160px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
}

.service-details {
    overflow: hidden; /* To clear the float */
}

    .service-details h4,
    .service-details p {
        margin-left: 15px;
        padding: 0;
    }

    .service-details p {
        margin-top: 5px;
    }
.column.medium-two-fifths-map {
    width: 40%; /* Fixed width for the column */
    position: static; /* Make the column position static */
}
.search-container {
    display: flex;
    justify-content: center;
    margin-top: 27px;

}

    .search-container input[type="text"] {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .search-container button {
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-left: 5px;
        cursor: pointer;
    }

.flex-container {
    display: flex;
    flex-direction: row; /* Default layout for larger screens */
}

.listings {
    flex: 1;
    /* height: 100vh;  Adjust height to make the listings scrollable 
    overflow-y: auto;*/
}

.map-container {
    flex: 0 0 33%; /* Adjust the width of the map column as needed */
    position: relative;
    margin-left: 15px;
}

[id^="map-"] {
    position: fixed;
    top: 240px; /* Adjust the top value as needed */
    height: 900px;
    width: 90%;
    background-color: lightblue; /* Optional: to visualize the map area */
}

    @media (max-width: 768px) {
        .map-container, .mylocation-hide {
            display: none; /* Hide map container on screens smaller than 768px */
        }
    }
.mylocation-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Pushes content to the bottom */
    height: 100%; /* Ensure it fills the parent */
}

.parent-container { /* Add this if the parent lacks height */
    display: inline-block;
    align-self: flex-end;
    height: 100%; /* Ensure the parent also has a defined height */
}

.calendar-legend-container {
    border: 1px solid grey;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 5px;
}
.calendar-legend {
    display: flex;
    justify-content: space-around;
    margin-top: 5px;
}

.legend-item {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    align-items: center;
    text-align: center;
    font-size: 10px;
    
}

.availability {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px; /* Small radius for all */
    margin-bottom: 5px; /* Adds space between the square and text */
}

.both {
    border: 2px solid black; /* Black border for both AM and PM */
}
.ui-datepicker td {
    text-align: center;
    
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    
}
    .ui-datepicker td.both {
        border: none;
        outline: 2px solid #000;
        border-radius: 4px;
        outline-offset: -5px;
    }
.am {
    border: 2px solid lightblue; /* Light blue border for AM only */
}
.ui-datepicker td.am {
    border: none;
    outline: 2px solid lightblue;
    border-radius: 4px;
    outline-offset: -5px;
}
.pm {
    border: 2px solid orange; /* Orange border for PM only */
}
.ui-datepicker td.pm {
    border: none;
    outline: 2px solid orange;
    border-radius: 4px;
    outline-offset: -5px;
}

.session-table {
    border: 1px solid var(--color-grey-light);
    border-radius: var(--border-radius-base);
    width: 100%;
    max-width: 330px;
    overflow: hidden;
    text-align: left;
}

    .session-table .item {
        display: grid;
        grid-template-columns: 1fr 100px; /* Split into two columns */
        font-size: var(--font-small);
        padding: var(--size-smallest);
        align-items: center;
    }

        .session-table .item + .item {
            border-top: 1px solid var(--color-grey-light);
        }

    .session-table .item-header {
        background-color: var(--color-grey-light);
        font-weight: bold;
        font-size: var(--font-smaller);
        text-transform: uppercase;
        grid-template-columns: 1fr 100px; /* Ensure header matches the item layout */
    }

.cell {
    text-align: left;
    padding: 5px;
}
.form-group {
    width: 230px;
    text-align: center;
    margin: 0 auto 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .form-group label {
        margin-bottom: 5px;
        text-align: left;
        position: relative;
    }

        .form-group label::after {
            content: " *";
            color: red;
        }

    .form-group input {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
    }
/* Hide additional info by default */
#additional-info-supp {
    display: none;
}

/* Show additional info when "Yes" is selected */
#yes-option:checked ~ #additional-info-supp {
    display: block;
}

/* Ensure "No" hides the additional info */
#no-option:checked ~ #additional-info-supp {
    display: none;
}
.align-center {
   /* display: flex; */
    justify-content: center;
    align-items: center;
    text-align: center; /* This will center the text inside the container */
}
.red {
    color: #FF0000 !important;
}
.margin-right {
    margin-left: -5px !important;
}

/* SMS Chat Container */
.sms-chat-container {
    font-family: Arial, sans-serif;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 1rem;
}

/* Chat Window */
.chat-window {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 300px;
    overflow-y: auto;
    margin: 1rem 0;
    padding: 1rem;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Message Bubble */
.message-bubble {
    max-width: 75%;
    padding: 10px 15px;
    border-radius: 20px;
    display: inline-block;
    position: relative;
}

    .message-bubble p {
        margin: 0;
    }

.message-time {
    font-size: 0.75rem;
    color: #888888;
    margin-top: 5px;
    display: block;
    text-align: right;
}

/* Sender Style */
.message-bubble.sender {
    align-self: flex-end;
    background: #d0e7ff; /* Light blue */
    color: #000;
}

/* Receiver Style */
.message-bubble.receiver {
    align-self: flex-start;
    background: #d3f8d3; /* Light green */
    color: #000;
}

/* Input Area */
.send-message {
    display: flex;
    gap: 10px;
    margin-top: 1rem;
    align-items: center;
}

    .send-message textarea {
        flex: 1;
        resize: none;
        border: 1px solid #ccc;
        border-radius: 20px;
        padding: 10px 15px;
        font-size: 1rem;
    }

.send-button {
    background: #25d366;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
}

    .send-button:hover {
        background: #1abf57;
    }

/* Container for Tabs */
.tab {
    overflow: hidden;
    background-color: #f7f7f7;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 10px;
}

    /* Style the buttons inside the tab */
    .tab button {
        background-color: inherit;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        font-size: 16px;
        transition: background-color 0.3s;
        border-radius: 20px 20px 0 0; /* Soft rounded tabs on top */
    }

        /* Change background color on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #fff;
            font-weight: bold;
            border-bottom: 2px solid #fff;
        }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 20px 20px;
}

    /* Ensure the active tab content is shown */
    .tabcontent.active {
        display: block;
    }

/* Example styles for client list items */
.client-list {
    margin-top: 10px;
}

.client-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.client-info {
    display: flex;
    align-items: center;
}

    .client-info .noti_bubble {
        background: red;
        color: #fff;
        border-radius: 50%;
        padding: 2px 6px;
        font-size: 0.8rem;
        margin-right: 10px;
    }

/* Tab Navigation Styles */
.tab-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    background-color: #f7f7f7;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

    .tab-nav li {
        flex: 1;
        text-align: center;
        padding: 14px 16px;
        cursor: pointer;
        transition: background-color 0.3s, border-color 0.3s;
        border: 1px solid transparent;
        border-bottom: none;
        font-size: 16px;
    }

        .tab-nav li:hover {
            background-color: #ddd;
        }

        /* Active tab styling */
        .tab-nav li.active {
            background-color: #fff;
            font-weight: bold;
            border-bottom: 2px solid #fff;
        }

/* Tab Content Styles */
.tabcontent {
    display: none;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 20px 20px;
}

    /* Display the active tab content */
    .tabcontent.active {
        display: block;
    }

/* Example client row styles */
.client-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
/* Button Stacked and small margin */
 #doctor-action {
    display: block; /* Each button takes full width */
    margin-top: 22px;
    margin-left: -67px;
    background-color: #ffffff;
}
    #doctor-action a {
        display: block; /* Each button takes full width */
        margin-bottom: 2px; /* Adds spacing between buttons */
    }
.popup-content {
    cursor: pointer;
    
}
    .popup-content .button, .popup-content .phide {
        display: none;
    }
.highlighted {
 /*   background-color: #ffeb3b;*/ /* Yellow highlight */
    background-color: #d8f9ff; /* Light Blue highlight */
    transition: background-color 0.5s ease-in-out;
}

.wrap--timeframeGrid .statement-batch {
    display: flex;
    flex-wrap: wrap; /* Allows buttons to wrap onto new lines */
    gap: 10px; /* Adds spacing between buttons */
    justify-content: flex-start; /* Aligns buttons neatly */
}

.button.statement-option {
    flex: 1 1 calc(25% - 10px); /* 4 buttons per row on larger screens */
    padding: 12px 15px; /* Adjusted padding for better readability */
    font-size: 16px;
    text-align: center;
    min-width: 50px; /* Prevents shrinking */
}

/* Responsive: 2 buttons per row on smaller screens */
@media (max-width: 768px) {
    .button.statement-option {
        flex: 1 1 calc(50% - 10px); /* 2 buttons per row on mobile */
    }
}
.hide {
    display: none;
}
/*.nav-buttons-xl .icon.services {
    background: url('../images/dash-icon-services.png') no-repeat center top;
    background-size: contain;
    width: 100%;
    height: var(--icon-size-larger);
    display: inline-block;
}*/
/* Rewrite the cryptic .i class layout for better clarity & mobile behavior */
.form-row.-multi > .i,
.form-row.-multi > .form-item {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 4%;
}

    .form-row.-multi > .i:last-child,
    .form-row.-multi > .form-item:last-child {
        margin-right: 0;
    }

@media screen and (max-width: 1024px) {
    .form-row.-multi {
        flex-direction: column !important;
        display: flex !important;
        align-items: stretch;
    }

        .form-row.-multi > .i,
        .form-row.-multi > .form-item {
            display: block !important;
            width: 100% !important;
            margin-right: 0 !important;
            margin-bottom: 12px;
        }

            .form-row.-multi > .i input,
            .form-row.-multi > .i select,
            .form-row.-multi > .i textarea,
            .form-row.-multi > .form-item input,
            .form-row.-multi > .form-item select,
            .form-row.-multi > .form-item textarea {
                width: 100% !important;
                box-sizing: border-box;
            }

        .form-row.-multi label,
        .form-item.-multi label,
        .i label {
            font-size: 1rem; /* ~16px */
            font-weight: 500;
            line-height: 1.4;
        }
}

.icon-wellness-img {
    width: 95px; /* or match .icon.-xl size */
    height: 90px;
    object-fit: contain;
    display: inline-block;
}
.icon-fax::before {
    font-family: "Font Awesome 5 Free"; /* or your version */
    content: "\f1ac"; /* Unicode for 'fax' in FontAwesome */
    font-weight: 900; /* Needed for solid icons in FA5+ */
}
.icon-printer:before {
    content: "\e954";
}
.submenu {
    margin-left: 10px; /* Shift whole block right */
    border-left: none; /* Remove left border */
    padding-left: 0; /* No extra indent */
    padding-top: 0.25rem; /* Optional: space between parent and submenu items */
    padding-bottom: 0.25rem;
    width: 100%;
    box-sizing: border-box;
    overflow: visible;
}

    .submenu a {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        overflow: visible;
    }
.dropdown-parent {
background-color: white;
}
.progress-bar-wrapper {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* ensure it's above other content */
    background: #fff; /* or use your site's background */
    padding: 10px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.progress-bar-track {
    height: 10px;
    background-color: #eee;
    border-radius: 5px;
    overflow: hidden;
}

.progress-bar-fill {
    height: 100%;
    width: 0%;
    background-color: #0073e6;
    transition: width 0.3s ease-in-out;
}

.progress-status {
    margin-bottom: 4px;
    font-size: 0.875em;
    text-align: right;
    color: #333;
}
.progress-status {
    text-align: left;
}
.triggered {
    display: none;
}

    .triggered.active {
        display: block;
    }
.answer input {
    width: 100%;
    max-width: 480px;
}
.answer-short input {
    width: 100%;
    max-width: 200px;
}


.hc_service {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    background: url('../images/hc_icon_150.png') no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

    /* Tooltip stays the same */
    .hc_service:hover::after {
        content: "HealthyCARE Service";
        position: absolute;
        top: 100%;
        left: -10%;
        transform: translateX(-50%);
        background: #333;
        color: #fff;
        padding: 4px 8px;
        font-size: 12px;
        white-space: nowrap;
        border-radius: 4px;
        margin-top: 5px;
        z-index: 1000;
    }
.hc_service_ext {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    background: url('../images/hc_icon_ext.png') no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

    /* Tooltip stays the same */
    .hc_service_ext:hover::after {
        content: "External Service";
        position: absolute;
        top: 100%;
        left: -10%;
        transform: translateX(-50%);
        background: #333;
        color: #fff;
        padding: 4px 8px;
        font-size: 12px;
        white-space: nowrap;
        border-radius: 4px;
        margin-top: 5px;
        z-index: 1000;
    }
#dependent-service-fields {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.scrollable-wrapper-refund {
    max-height: 300px; /* adjust to fit within viewport */
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Horizontal scrollable container */
.scrollable-content-horizontal {
    width: 100%;
    overflow-x: auto; /* Enables horizontal scroll */
    overflow-y: auto; /* Enables vertical scroll */
    white-space: nowrap; /* Prevent line breaks */
    border: 1px solid #ccc;
    padding: 10px;
}

/* Content wider than the container */
.wide-box {
    display: inline-block;
    min-width: 800px; /* Adjust width to trigger scrollbar */
}
.DEVNOTE {
    /* display:none !important; */
    padding:1rem;
    background-color:rgba(0,0,0,.05);
    border:1px solid rgb(0, 0, 0,.75);
    border-radius:1rem;
    margin:1rem 0;
    font-style:italic;
    font-size:.9rem;
    width:100%;
}
.DEVNOTE:before {
    content:"* Development Note *";
    display:block;
    font-size:.7rem;
    text-transform:uppercase;
    font-weight:bold;
    font-style:normal;
    border-bottom:1px solid #999;
    padding-bottom:5px;
    margin-bottom:5px;
}
.DEVNOTE .unch {
    display:inline-block;
    padding:0 5px;
    background-color:rgba(55, 230, 21, .7);
}
.DEVNOTE .new {
    display:inline-block;
    padding:0 5px;
    color:white;
    background-color:rgba(230, 21, 21, 0.9);
}
.DEVNOTE .notice {
    display:inline-block;
    padding:0 5px;
    background-color:rgba(253, 197, 42, 0.7);
}

.DEVNOTE-UNCHANGED {
    /* background:rgba(55, 230, 21, .1); */
    /* border:4px solid rgba(55, 230, 21, .4); */
    background:transparent;
    border:none;
}
/* control display/visibility */
.all-hidden{display:none;visibility:hidden}.all-shown{display:block;visibility:visible}.hide,.printshow{display:none}.show{display:block}.inline{display:inline}.inline-block{display:inline-block}.invisible{visibility:hidden}.visible{visibility:visible}@media only screen and (min-width:360px){.tiny-all-shown{display:block;visibility:visible}.tiny-all-hidden{display:none;visibility:hidden}.tiny-hide{display:none}.tiny-show{display:block}.tiny-inline{display:inline}.tiny-inline-block{display:inline-block}.tiny-invisible{visibility:hidden}.tiny-visible{visibility:visible}}@media only screen and (min-width:480px){.x-small-all-shown{display:block;visibility:visible}.x-small-all-hidden{display:none;visibility:hidden}.x-small-hide{display:none}.x-small-show{display:block}.x-small-inline{display:inline}.x-small-inline-block{display:inline-block}.x-small-invisible{visibility:hidden}.x-small-visible{visibility:visible}}@media only screen and (min-width:640px){.small-all-shown{display:block;visibility:visible}.small-all-hidden{display:none;visibility:hidden}.small-hide{display:none}.small-show{display:block}.small-inline{display:inline}.small-inline-block{display:inline-block}.small-invisible{visibility:hidden}.small-visible{visibility:visible}}@media only screen and (min-width:768px){.medium-all-shown{display:block;visibility:visible}.medium-all-hidden{display:none;visibility:hidden}.medium-hide{display:none}.medium-show{display:block}.medium-inline{display:inline}.medium-inline-block{display:inline-block}.medium-invisible{visibility:hidden}.medium-visible{visibility:visible}}@media only screen and (min-width:960px){.large-all-shown{display:block;visibility:visible}.large-all-hidden{display:none;visibility:hidden}.large-hide{display:none}.large-show{display:block}.large-inline{display:inline}.large-inline-block{display:inline-block}.large-invisible{visibility:hidden}.large-visible{visibility:visible}}@media only screen and (min-width:1170px){.x-large-all-shown{display:block;visibility:visible}.x-large-all-hidden{display:none;visibility:hidden}.x-large-hide{display:none}.x-large-show{display:block}.x-large-inline{display:inline}.x-large-inline-block{display:inline-block}.x-large-invisible{visibility:hidden}.x-large-visible{visibility:visible}}.visuallyhidden{border:0;clip:rect(0 0 0 0);margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;height:1px}