/* Minification failed. Returning unminified contents. (6551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20753,16): run-time error CSS1046: Expect comma, found '9' (20753,19): run-time error CSS1046: Expect comma, found ')' (25547,19): run-time error CSS1046: Expect comma, found '119' (25547,26): run-time error CSS1046: Expect comma, found ')' (25551,19): run-time error CSS1046: Expect comma, found '154' (25551,26): run-time error CSS1046: Expect comma, found ')' (25555,19): run-time error CSS1046: Expect comma, found '154' (25555,26): run-time error CSS1046: Expect comma, found ')' (25559,20): run-time error CSS1046: Expect comma, found '37' (25559,26): run-time error CSS1046: Expect comma, found ')' (25563,19): run-time error CSS1046: Expect comma, found '103' (25563,26): run-time error CSS1046: Expect comma, found ')' (25621,23): run-time error CSS1046: Expect comma, found '0' (25621,27): run-time error CSS1046: Expect comma, found '/' (25704,23): run-time error CSS1046: Expect comma, found '0' (25704,27): run-time error CSS1046: Expect comma, found '/' (25745,25): run-time error CSS1046: Expect comma, found '32' (25745,30): run-time error CSS1046: Expect comma, found ')' (25766,37): run-time error CSS1046: Expect comma, found '32' (25766,42): run-time error CSS1046: Expect comma, found ')' (25787,20): run-time error CSS1046: Expect comma, found '255' (25787,27): run-time error CSS1046: Expect comma, found ')' (25793,31): run-time error CSS1046: Expect comma, found '32' (25793,36): run-time error CSS1046: Expect comma, found ')' (25831,25): run-time error CSS1046: Expect comma, found '32' (25831,30): run-time error CSS1046: Expect comma, found ')' (25837,35): run-time error CSS1046: Expect comma, found '32' (25837,40): run-time error CSS1046: Expect comma, found ')' (25863,37): run-time error CSS1046: Expect comma, found '32' (25863,43): run-time error CSS1046: Expect comma, found '/' (25944,29): run-time error CSS1046: Expect comma, found '32' (25944,34): run-time error CSS1046: Expect comma, found ')' (25949,29): run-time error CSS1046: Expect comma, found '32' (25949,34): run-time error CSS1046: Expect comma, found ')' (26127,48): run-time error CSS1046: Expect comma, found '10' (26127,54): run-time error CSS1046: Expect comma, found '/' (26127,73): run-time error CSS1046: Expect comma, found '154' (26127,81): run-time error CSS1046: Expect comma, found '/' (26134,25): run-time error CSS1046: Expect comma, found '32' (26134,30): run-time error CSS1046: Expect comma, found ')' (26396,20): run-time error CSS1046: Expect comma, found '32' (26396,25): run-time error CSS1046: Expect comma, found ')' (26869,29): run-time error CSS1046: Expect comma, found '0' (26869,33): run-time error CSS1046: Expect comma, found '/' (27544,25): run-time error CSS1046: Expect comma, found '32' (27544,31): run-time error CSS1046: Expect comma, found '/' (27911,31): run-time error CSS1046: Expect comma, found '0' (27911,35): run-time error CSS1046: Expect comma, found '/' (27961,32): run-time error CSS1046: Expect comma, found '39' (27961,38): run-time error CSS1046: Expect comma, found '/' (28182,28): run-time error CSS1046: Expect comma, found '50' (28182,33): run-time error CSS1046: Expect comma, found ')' (28192,27): run-time error CSS1046: Expect comma, found '255' (28192,35): run-time error CSS1046: Expect comma, found '/' (28219,23): run-time error CSS1046: Expect comma, found '50' (28219,28): run-time error CSS1046: Expect comma, found ')' (28561,25): run-time error CSS1046: Expect comma, found '255' (28561,33): run-time error CSS1046: Expect comma, found '/' (28603,31): run-time error CSS1046: Expect comma, found '32' (28603,37): run-time error CSS1046: Expect comma, found '/' (28834,53): run-time error CSS1046: Expect comma, found '255' (28834,61): run-time error CSS1046: Expect comma, found '/' (28834,82): run-time error CSS1046: Expect comma, found '0' (28834,86): run-time error CSS1046: Expect comma, found '/' (29140,31): run-time error CSS1046: Expect comma, found '0' (29140,35): run-time error CSS1046: Expect comma, found '/' (29264,25): run-time error CSS1046: Expect comma, found '32' (29264,30): run-time error CSS1046: Expect comma, found ')' (29278,25): run-time error CSS1046: Expect comma, found '32' (29278,30): run-time error CSS1046: Expect comma, found ')' (29288,24): run-time error CSS1046: Expect comma, found '86' (29288,30): run-time error CSS1046: Expect comma, found ')' (29292,24): run-time error CSS1046: Expect comma, found '86' (29292,30): run-time error CSS1046: Expect comma, found ')' (29322,29): run-time error CSS1046: Expect comma, found '153' (29322,37): run-time error CSS1046: Expect comma, found '/' (29323,35): run-time error CSS1046: Expect comma, found '153' (29323,43): run-time error CSS1046: Expect comma, found '/' (29491,32): run-time error CSS1046: Expect comma, found '50' (29491,38): run-time error CSS1046: Expect comma, found '/' (30054,45): run-time error CSS1046: Expect comma, found '255' (30054,53): run-time error CSS1046: Expect comma, found '/' (30055,37): run-time error CSS1046: Expect comma, found '255' (30055,45): run-time error CSS1046: Expect comma, found '/' (30642,37): run-time error CSS1046: Expect comma, found '32' (30642,42): run-time error CSS1046: Expect comma, found ')' (31064,53): run-time error CSS1046: Expect comma, found '145' (31064,61): run-time error CSS1046: Expect comma, found '/' (31287,69): run-time error CSS1046: Expect comma, found '0' (31287,73): run-time error CSS1046: Expect comma, found '/' (31306,24): run-time error CSS1046: Expect comma, found '39' (31306,30): run-time error CSS1046: Expect comma, found '/' (32471,33): run-time error CSS1046: Expect comma, found '153' (32471,41): run-time error CSS1046: Expect comma, found '/' (32472,39): run-time error CSS1046: Expect comma, found '153' (32472,47): run-time error CSS1046: Expect comma, found '/' (32518,37): run-time error CSS1046: Expect comma, found '32' (32518,42): run-time error CSS1046: Expect comma, found ')' (32902,35): run-time error CSS1046: Expect comma, found '114' (32902,42): run-time error CSS1046: Expect comma, found ')' (33002,25): run-time error CSS1046: Expect comma, found '112' (33002,33): run-time error CSS1046: Expect comma, found '/' (33008,25): run-time error CSS1046: Expect comma, found '112' (33008,33): run-time error CSS1046: Expect comma, found '/' (33093,34): run-time error CSS1046: Expect comma, found '61' (33093,40): run-time error CSS1046: Expect comma, found ')' (33097,35): run-time error CSS1046: Expect comma, found '32' (33097,40): run-time error CSS1046: Expect comma, found ')' (33101,34): run-time error CSS1046: Expect comma, found '61' (33101,40): run-time error CSS1046: Expect comma, found ')' (33106,31): run-time error CSS1046: Expect comma, found '32' (33106,37): run-time error CSS1046: Expect comma, found '/' (33120,25): run-time error CSS1046: Expect comma, found '32' (33120,31): run-time error CSS1046: Expect comma, found '/' (33208,34): run-time error CSS1046: Expect comma, found '57' (33208,40): run-time error CSS1046: Expect comma, found ')' (37633,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-style-family' (37634,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-style' (37640,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-display' (37738,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-margin' (37747,21): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width' (37750,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width' (37755,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-radius' (37756,18): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-width' (37756,47): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-style' (37756,76): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-color' (37757,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-padding' (37762,24): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin' (37767,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin' (37773,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (37774,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (37775,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37776,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37777,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37778,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37779,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37780,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37781,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37782,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37788,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (37789,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (37790,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37791,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37792,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37793,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37794,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37795,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37796,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37797,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37803,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37804,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37805,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37806,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37810,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (37811,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (37812,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37813,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37814,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37815,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37821,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37822,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37823,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37824,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37830,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (37831,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (37832,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37833,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37834,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37835,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37836,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37837,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37838,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37839,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37845,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37846,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37847,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37848,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37849,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37850,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37854,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (37855,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (37856,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37857,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37863,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37864,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37865,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37866,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37867,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37868,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37878,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37879,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (37880,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37881,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (37882,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37883,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (37884,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37885,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (37908,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (37909,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (37920,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (37921,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (37932,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (37932,74): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (37933,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (37933,66): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (37937,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (37937,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (37937,118): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (37938,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (37938,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (37938,110): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (37942,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (37942,74): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (37943,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (37943,66): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (37947,53): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (37948,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (37969,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (37969,74): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (37970,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (37970,66): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (37974,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (37974,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (37974,118): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (37975,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (37975,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (37975,110): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (37979,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (37979,74): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (37980,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (37980,66): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (37984,53): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (37985,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (38001,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity' (38007,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity' (38013,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity' (38020,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (38021,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (38027,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity' (38034,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (38035,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (38041,42): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (38041,61): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (38041,80): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (38041,99): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (38042,34): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (38042,53): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (38042,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (38042,91): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (38048,42): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (38048,61): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (38048,80): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (38048,99): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (38049,34): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (38049,53): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (38049,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (38049,91): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (38202,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-rotate-angle' (38203,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-rotate-angle' (38220,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-stack-z-index' (38232,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-inverse' (43794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-abacus:before { content: "\f640"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acorn:before { content: "\f6ae"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-alarm-clock:before { content: "\f34e"; } .fa-algolia:before { content: "\f36c"; } .fa-alicorn:before { content: "\f6b0"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-analytics:before { content: "\f643"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angel:before { content: "\f779"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-crate:before { content: "\f6b1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-alt-down:before { content: "\f354"; } .fa-arrow-alt-from-bottom:before { content: "\f346"; } .fa-arrow-alt-from-left:before { content: "\f347"; } .fa-arrow-alt-from-right:before { content: "\f348"; } .fa-arrow-alt-from-top:before { content: "\f349"; } .fa-arrow-alt-left:before { content: "\f355"; } .fa-arrow-alt-right:before { content: "\f356"; } .fa-arrow-alt-square-down:before { content: "\f350"; } .fa-arrow-alt-square-left:before { content: "\f351"; } .fa-arrow-alt-square-right:before { content: "\f352"; } .fa-arrow-alt-square-up:before { content: "\f353"; } .fa-arrow-alt-to-bottom:before { content: "\f34a"; } .fa-arrow-alt-to-left:before { content: "\f34b"; } .fa-arrow-alt-to-right:before { content: "\f34c"; } .fa-arrow-alt-to-top:before { content: "\f34d"; } .fa-arrow-alt-up:before { content: "\f357"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-from-bottom:before { content: "\f342"; } .fa-arrow-from-left:before { content: "\f343"; } .fa-arrow-from-right:before { content: "\f344"; } .fa-arrow-from-top:before { content: "\f345"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-square-down:before { content: "\f339"; } .fa-arrow-square-left:before { content: "\f33a"; } .fa-arrow-square-right:before { content: "\f33b"; } .fa-arrow-square-up:before { content: "\f33c"; } .fa-arrow-to-bottom:before { content: "\f33d"; } .fa-arrow-to-left:before { content: "\f33e"; } .fa-arrow-to-right:before { content: "\f340"; } .fa-arrow-to-top:before { content: "\f341"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows:before { content: "\f047"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-arrows-h:before { content: "\f07e"; } .fa-arrows-v:before { content: "\f07d"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-atom-alt:before { content: "\f5d3"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-axe:before { content: "\f6b2"; } .fa-axe-battle:before { content: "\f6b3"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backpack:before { content: "\f5d4"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-badge:before { content: "\f335"; } .fa-badge-check:before { content: "\f336"; } .fa-badge-dollar:before { content: "\f645"; } .fa-badge-percent:before { content: "\f646"; } .fa-badger-honey:before { content: "\f6b4"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ball-pile:before { content: "\f77e"; } .fa-ballot:before { content: "\f732"; } .fa-ballot-check:before { content: "\f733"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-barcode-alt:before { content: "\f463"; } .fa-barcode-read:before { content: "\f464"; } .fa-barcode-scan:before { content: "\f465"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball:before { content: "\f432"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-basketball-hoop:before { content: "\f435"; } .fa-bat:before { content: "\f6b5"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-bolt:before { content: "\f376"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-slash:before { content: "\f377"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-school:before { content: "\f5d5"; } .fa-bell-school-slash:before { content: "\f5d6"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bells:before { content: "\f77f"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blanket:before { content: "\f498"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bone-break:before { content: "\f5d8"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-alt:before { content: "\f5d9"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-heart:before { content: "\f499"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-book-spells:before { content: "\f6b8"; } .fa-book-user:before { content: "\f7e7"; } .fa-bookmark:before { content: "\f02e"; } .fa-books:before { content: "\f5db"; } .fa-books-medical:before { content: "\f7e8"; } .fa-boot:before { content: "\f782"; } .fa-booth-curtain:before { content: "\f734"; } .fa-bootstrap:before { content: "\f836"; } .fa-bow-arrow:before { content: "\f6b9"; } .fa-bowling-ball:before { content: "\f436"; } .fa-bowling-pins:before { content: "\f437"; } .fa-box:before { content: "\f466"; } .fa-box-alt:before { content: "\f49a"; } .fa-box-ballot:before { content: "\f735"; } .fa-box-check:before { content: "\f467"; } .fa-box-fragile:before { content: "\f49b"; } .fa-box-full:before { content: "\f49c"; } .fa-box-heart:before { content: "\f49d"; } .fa-box-open:before { content: "\f49e"; } .fa-box-up:before { content: "\f49f"; } .fa-box-usd:before { content: "\f4a0"; } .fa-boxes:before { content: "\f468"; } .fa-boxes-alt:before { content: "\f4a1"; } .fa-boxing-glove:before { content: "\f438"; } .fa-brackets:before { content: "\f7e9"; } .fa-brackets-curly:before { content: "\f7ea"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-loaf:before { content: "\f7eb"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-browser:before { content: "\f37e"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-bullseye-arrow:before { content: "\f648"; } .fa-bullseye-pointer:before { content: "\f649"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-burrito:before { content: "\f7ed"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-bus-school:before { content: "\f5dd"; } .fa-business-time:before { content: "\f64a"; } .fa-buysellads:before { content: "\f20d"; } .fa-cabinet-filing:before { content: "\f64b"; } .fa-calculator:before { content: "\f1ec"; } .fa-calculator-alt:before { content: "\f64c"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-edit:before { content: "\f333"; } .fa-calendar-exclamation:before { content: "\f334"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-star:before { content: "\f736"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-alt:before { content: "\f332"; } .fa-camera-retro:before { content: "\f083"; } .fa-campfire:before { content: "\f6ba"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candle-holder:before { content: "\f6bc"; } .fa-candy-cane:before { content: "\f786"; } .fa-candy-corn:before { content: "\f6bd"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-bump:before { content: "\f5e0"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-garage:before { content: "\f5e2"; } .fa-car-mechanic:before { content: "\f5e3"; } .fa-car-side:before { content: "\f5e4"; } .fa-car-tilt:before { content: "\f5e5"; } .fa-car-wash:before { content: "\f5e6"; } .fa-caret-circle-down:before { content: "\f32d"; } .fa-caret-circle-left:before { content: "\f32e"; } .fa-caret-circle-right:before { content: "\f330"; } .fa-caret-circle-up:before { content: "\f331"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cauldron:before { content: "\f6bf"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chair-office:before { content: "\f6c1"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-line-down:before { content: "\f64d"; } .fa-chart-network:before { content: "\f78a"; } .fa-chart-pie:before { content: "\f200"; } .fa-chart-pie-alt:before { content: "\f64e"; } .fa-chart-scatter:before { content: "\f7ee"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-cheese-swiss:before { content: "\f7f0"; } .fa-cheeseburger:before { content: "\f7f1"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-bishop-alt:before { content: "\f43b"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-clock:before { content: "\f43d"; } .fa-chess-clock-alt:before { content: "\f43e"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-king-alt:before { content: "\f440"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-knight-alt:before { content: "\f442"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-pawn-alt:before { content: "\f444"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-queen-alt:before { content: "\f446"; } .fa-chess-rook:before { content: "\f447"; } .fa-chess-rook-alt:before { content: "\f448"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-double-down:before { content: "\f322"; } .fa-chevron-double-left:before { content: "\f323"; } .fa-chevron-double-right:before { content: "\f324"; } .fa-chevron-double-up:before { content: "\f325"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-square-down:before { content: "\f329"; } .fa-chevron-square-left:before { content: "\f32a"; } .fa-chevron-square-right:before { content: "\f32b"; } .fa-chevron-square-up:before { content: "\f32c"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chimney:before { content: "\f78b"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-claw-marks:before { content: "\f6c2"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clipboard-list-check:before { content: "\f737"; } .fa-clipboard-prescription:before { content: "\f5e8"; } .fa-clipboard-user:before { content: "\f7f3"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-drizzle:before { content: "\f738"; } .fa-cloud-hail:before { content: "\f739"; } .fa-cloud-hail-mixed:before { content: "\f73a"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-rainbow:before { content: "\f73e"; } .fa-cloud-showers:before { content: "\f73f"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sleet:before { content: "\f741"; } .fa-cloud-snow:before { content: "\f742"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-clouds:before { content: "\f744"; } .fa-clouds-moon:before { content: "\f745"; } .fa-clouds-sun:before { content: "\f746"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-club:before { content: "\f327"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-code-commit:before { content: "\f386"; } .fa-code-merge:before { content: "\f387"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-coffee-togo:before { content: "\f6c5"; } .fa-coffin:before { content: "\f6c6"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-alt-check:before { content: "\f4a2"; } .fa-comment-alt-dollar:before { content: "\f650"; } .fa-comment-alt-dots:before { content: "\f4a3"; } .fa-comment-alt-edit:before { content: "\f4a4"; } .fa-comment-alt-exclamation:before { content: "\f4a5"; } .fa-comment-alt-lines:before { content: "\f4a6"; } .fa-comment-alt-medical:before { content: "\f7f4"; } .fa-comment-alt-minus:before { content: "\f4a7"; } .fa-comment-alt-plus:before { content: "\f4a8"; } .fa-comment-alt-slash:before { content: "\f4a9"; } .fa-comment-alt-smile:before { content: "\f4aa"; } .fa-comment-alt-times:before { content: "\f4ab"; } .fa-comment-check:before { content: "\f4ac"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-edit:before { content: "\f4ae"; } .fa-comment-exclamation:before { content: "\f4af"; } .fa-comment-lines:before { content: "\f4b0"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-minus:before { content: "\f4b1"; } .fa-comment-plus:before { content: "\f4b2"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comment-smile:before { content: "\f4b4"; } .fa-comment-times:before { content: "\f4b5"; } .fa-comments:before { content: "\f086"; } .fa-comments-alt:before { content: "\f4b6"; } .fa-comments-alt-dollar:before { content: "\f652"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compass-slash:before { content: "\f5e9"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-compress-wide:before { content: "\f326"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-container-storage:before { content: "\f4b7"; } .fa-contao:before { content: "\f26d"; } .fa-conveyor-belt:before { content: "\f46e"; } .fa-conveyor-belt-alt:before { content: "\f46f"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-corn:before { content: "\f6c7"; } .fa-couch:before { content: "\f4b8"; } .fa-cow:before { content: "\f6c8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-credit-card-blank:before { content: "\f389"; } .fa-credit-card-front:before { content: "\f38a"; } .fa-cricket:before { content: "\f449"; } .fa-critical-role:before { content: "\f6c9"; } .fa-croissant:before { content: "\f7f6"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-crutches:before { content: "\f7f8"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-curling:before { content: "\f44a"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dagger:before { content: "\f6cb"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-debug:before { content: "\f7f9"; } .fa-deer:before { content: "\f78e"; } .fa-deer-rudolph:before { content: "\f78f"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-desktop-alt:before { content: "\f390"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dewpoint:before { content: "\f748"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diamond:before { content: "\f219"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d10:before { content: "\f6cd"; } .fa-dice-d12:before { content: "\f6ce"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d4:before { content: "\f6d0"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-d8:before { content: "\f6d2"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-diploma:before { content: "\f5ea"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-do-not-enter:before { content: "\f5ec"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dog-leashed:before { content: "\f6d4"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-empty:before { content: "\f473"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-dolly-flatbed-alt:before { content: "\f475"; } .fa-dolly-flatbed-empty:before { content: "\f476"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-circle:before { content: "\f5ed"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-draw-square:before { content: "\f5ef"; } .fa-dreidel:before { content: "\f792"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick:before { content: "\f6d6"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-duck:before { content: "\f6d8"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-ear:before { content: "\f5f0"; } .fa-ear-muffs:before { content: "\f795"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-eclipse:before { content: "\f749"; } .fa-eclipse-alt:before { content: "\f74a"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-egg-fried:before { content: "\f7fc"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-elephant:before { content: "\f6da"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-h-alt:before { content: "\f39b"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ellipsis-v-alt:before { content: "\f39c"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-empty-set:before { content: "\f656"; } .fa-engine-warning:before { content: "\f5f2"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-dollar:before { content: "\f657"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange:before { content: "\f0ec"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-square:before { content: "\f321"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows:before { content: "\f31d"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expand-wide:before { content: "\f320"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link:before { content: "\f08e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square:before { content: "\f14c"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-evil:before { content: "\f6db"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-field-hockey:before { content: "\f44c"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-certificate:before { content: "\f5f3"; } .fa-file-chart-line:before { content: "\f659"; } .fa-file-chart-pie:before { content: "\f65a"; } .fa-file-check:before { content: "\f316"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-edit:before { content: "\f31c"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-exclamation:before { content: "\f31a"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-minus:before { content: "\f318"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-plus:before { content: "\f319"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-spreadsheet:before { content: "\f65b"; } .fa-file-times:before { content: "\f317"; } .fa-file-upload:before { content: "\f574"; } .fa-file-user:before { content: "\f65c"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-files-medical:before { content: "\f7fd"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-film-alt:before { content: "\f3a0"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-fire-smoke:before { content: "\f74b"; } .fa-firefox:before { content: "\f269"; } .fa-fireplace:before { content: "\f79a"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fish-cooked:before { content: "\f7fe"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-alt:before { content: "\f74c"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flame:before { content: "\f6df"; } .fa-flask:before { content: "\f0c3"; } .fa-flask-poison:before { content: "\f6e0"; } .fa-flask-potion:before { content: "\f6e1"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flower:before { content: "\f7ff"; } .fa-flower-daffodil:before { content: "\f800"; } .fa-flower-tulip:before { content: "\f801"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-fog:before { content: "\f74e"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-folder-times:before { content: "\f65f"; } .fa-folder-tree:before { content: "\f802"; } .fa-folders:before { content: "\f660"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-football-helmet:before { content: "\f44f"; } .fa-forklift:before { content: "\f47a"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-fragile:before { content: "\f4bb"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-french-fries:before { content: "\f803"; } .fa-frog:before { content: "\f52e"; } .fa-frosty-head:before { content: "\f79b"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-function:before { content: "\f661"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gas-pump-slash:before { content: "\f5f4"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gift-card:before { content: "\f663"; } .fa-gifts:before { content: "\f79c"; } .fa-gingerbread-man:before { content: "\f79d"; } .fa-git:before { content: "\f1d3"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass:before { content: "\f804"; } .fa-glass-champagne:before { content: "\f79e"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glass-whiskey-rocks:before { content: "\f7a1"; } .fa-glasses:before { content: "\f530"; } .fa-glasses-alt:before { content: "\f5f5"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-globe-snow:before { content: "\f7a3"; } .fa-globe-stand:before { content: "\f5f6"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-golf-club:before { content: "\f451"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-h1:before { content: "\f313"; } .fa-h2:before { content: "\f314"; } .fa-h3:before { content: "\f315"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hammer-war:before { content: "\f6e4"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-heart:before { content: "\f4bc"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-box:before { content: "\f47b"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-magic:before { content: "\f6e5"; } .fa-hand-holding-seedling:before { content: "\f4bf"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-receiving:before { content: "\f47c"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-heart:before { content: "\f4c3"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-usd:before { content: "\f4c5"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt:before { content: "\f4c6"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-santa:before { content: "\f7a7"; } .fa-hat-winter:before { content: "\f7a8"; } .fa-hat-witch:before { content: "\f6e7"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side:before { content: "\f6e9"; } .fa-head-side-brain:before { content: "\f808"; } .fa-head-side-medical:before { content: "\f809"; } .fa-head-vr:before { content: "\f6ea"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heart-circle:before { content: "\f4c7"; } .fa-heart-rate:before { content: "\f5f8"; } .fa-heart-square:before { content: "\f4c8"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-helmet-battle:before { content: "\f6eb"; } .fa-hexagon:before { content: "\f312"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-mask:before { content: "\f6ee"; } .fa-hockey-puck:before { content: "\f453"; } .fa-hockey-sticks:before { content: "\f454"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-home-alt:before { content: "\f80a"; } .fa-home-heart:before { content: "\f4c9"; } .fa-home-lg:before { content: "\f80b"; } .fa-home-lg-alt:before { content: "\f80c"; } .fa-hood-cloak:before { content: "\f6ef"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hospitals:before { content: "\f80e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-flood:before { content: "\f74f"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-humidity:before { content: "\f750"; } .fa-hurricane:before { content: "\f751"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-ice-skate:before { content: "\f7ac"; } .fa-icicles:before { content: "\f7ad"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-inbox-in:before { content: "\f310"; } .fa-inbox-out:before { content: "\f311"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-industry-alt:before { content: "\f3b3"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-info-square:before { content: "\f30f"; } .fa-inhaler:before { content: "\f5f9"; } .fa-instagram:before { content: "\f16d"; } .fa-integral:before { content: "\f667"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-intersection:before { content: "\f668"; } .fa-inventory:before { content: "\f480"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-island-tropical:before { content: "\f811"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-jack-o-lantern:before { content: "\f30e"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-key-skeleton:before { content: "\f6f3"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-keynote:before { content: "\f66c"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kidneys:before { content: "\f5fb"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kite:before { content: "\f6f4"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-knife-kitchen:before { content: "\f6f5"; } .fa-korvue:before { content: "\f42f"; } .fa-lambda:before { content: "\f66e"; } .fa-lamp:before { content: "\f4ca"; } .fa-landmark:before { content: "\f66f"; } .fa-landmark-alt:before { content: "\f752"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-layer-minus:before { content: "\f5fe"; } .fa-layer-plus:before { content: "\f5ff"; } .fa-leaf:before { content: "\f06c"; } .fa-leaf-heart:before { content: "\f4cb"; } .fa-leaf-maple:before { content: "\f6f6"; } .fa-leaf-oak:before { content: "\f6f7"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down:before { content: "\f149"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up:before { content: "\f148"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-lightbulb-dollar:before { content: "\f670"; } .fa-lightbulb-exclamation:before { content: "\f671"; } .fa-lightbulb-on:before { content: "\f672"; } .fa-lightbulb-slash:before { content: "\f673"; } .fa-lights-holiday:before { content: "\f7b2"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lips:before { content: "\f600"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location:before { content: "\f601"; } .fa-location-arrow:before { content: "\f124"; } .fa-location-circle:before { content: "\f602"; } .fa-location-slash:before { content: "\f603"; } .fa-lock:before { content: "\f023"; } .fa-lock-alt:before { content: "\f30d"; } .fa-lock-open:before { content: "\f3c1"; } .fa-lock-open-alt:before { content: "\f3c2"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-loveseat:before { content: "\f4cc"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luchador:before { content: "\f455"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lyft:before { content: "\f3c3"; } .fa-mace:before { content: "\f6f8"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailbox:before { content: "\f813"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-mandolin:before { content: "\f6f9"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-marker-alt-slash:before { content: "\f605"; } .fa-map-marker-check:before { content: "\f606"; } .fa-map-marker-edit:before { content: "\f607"; } .fa-map-marker-exclamation:before { content: "\f608"; } .fa-map-marker-minus:before { content: "\f609"; } .fa-map-marker-plus:before { content: "\f60a"; } .fa-map-marker-question:before { content: "\f60b"; } .fa-map-marker-slash:before { content: "\f60c"; } .fa-map-marker-smile:before { content: "\f60d"; } .fa-map-marker-times:before { content: "\f60e"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-meat:before { content: "\f814"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaphone:before { content: "\f675"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-mind-share:before { content: "\f677"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-hexagon:before { content: "\f307"; } .fa-minus-octagon:before { content: "\f308"; } .fa-minus-square:before { content: "\f146"; } .fa-mistletoe:before { content: "\f7b4"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-mobile-android:before { content: "\f3ce"; } .fa-mobile-android-alt:before { content: "\f3cf"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monitor-heart-rate:before { content: "\f611"; } .fa-monkey:before { content: "\f6fb"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-moon-cloud:before { content: "\f754"; } .fa-moon-stars:before { content: "\f755"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mountains:before { content: "\f6fd"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-mug-marshmallows:before { content: "\f7b7"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-narwhal:before { content: "\f6fe"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-nintendo-switch:before { content: "\f418"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octagon:before { content: "\f306"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-oil-temp:before { content: "\f614"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-omega:before { content: "\f67a"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-ornament:before { content: "\f7b8"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-brush-alt:before { content: "\f5a9"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-pallet-alt:before { content: "\f483"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-parking-circle:before { content: "\f615"; } .fa-parking-circle-slash:before { content: "\f616"; } .fa-parking-slash:before { content: "\f617"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paw-alt:before { content: "\f701"; } .fa-paw-claws:before { content: "\f702"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pegasus:before { content: "\f703"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil:before { content: "\f040"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-paintbrush:before { content: "\f618"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-pennant:before { content: "\f456"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-person-carry:before { content: "\f4cf"; } .fa-person-dolly:before { content: "\f4d0"; } .fa-person-dolly-empty:before { content: "\f4d1"; } .fa-person-sign:before { content: "\f757"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-office:before { content: "\f67d"; } .fa-phone-plus:before { content: "\f4d2"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-php:before { content: "\f457"; } .fa-pi:before { content: "\f67e"; } .fa-pie:before { content: "\f705"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pig:before { content: "\f706"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza:before { content: "\f817"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-alt:before { content: "\f3de"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-hexagon:before { content: "\f300"; } .fa-plus-octagon:before { content: "\f301"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-podium:before { content: "\f680"; } .fa-podium-star:before { content: "\f758"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poll-people:before { content: "\f759"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-popcorn:before { content: "\f819"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-presentation:before { content: "\f685"; } .fa-print:before { content: "\f02f"; } .fa-print-search:before { content: "\f81a"; } .fa-print-slash:before { content: "\f686"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pumpkin:before { content: "\f707"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-question-square:before { content: "\f2fd"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-rabbit:before { content: "\f708"; } .fa-rabbit-fast:before { content: "\f709"; } .fa-racquet:before { content: "\f45a"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-raindrops:before { content: "\f75c"; } .fa-ram:before { content: "\f70a"; } .fa-ramp-loading:before { content: "\f4d4"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-rectangle-landscape:before { content: "\f2fa"; } .fa-rectangle-portrait:before { content: "\f2fb"; } .fa-rectangle-wide:before { content: "\f2fc"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-renren:before { content: "\f18b"; } .fa-repeat:before { content: "\f363"; } .fa-repeat-1:before { content: "\f365"; } .fa-repeat-1-alt:before { content: "\f366"; } .fa-repeat-alt:before { content: "\f364"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-retweet-alt:before { content: "\f361"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-rings-wedding:before { content: "\f81b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-route-highway:before { content: "\f61a"; } .fa-route-interstate:before { content: "\f61b"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-triangle:before { content: "\f61c"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rv:before { content: "\f7be"; } .fa-sack:before { content: "\f81c"; } .fa-sack-dollar:before { content: "\f81d"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salad:before { content: "\f81e"; } .fa-salesforce:before { content: "\f83b"; } .fa-sandwich:before { content: "\f81f"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-sausage:before { content: "\f820"; } .fa-save:before { content: "\f0c7"; } .fa-scalpel:before { content: "\f61d"; } .fa-scalpel-path:before { content: "\f61e"; } .fa-scanner:before { content: "\f488"; } .fa-scanner-keyboard:before { content: "\f489"; } .fa-scanner-touchscreen:before { content: "\f48a"; } .fa-scarecrow:before { content: "\f70d"; } .fa-scarf:before { content: "\f7c1"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-scroll-old:before { content: "\f70f"; } .fa-scrubber:before { content: "\f2f8"; } .fa-scythe:before { content: "\f710"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-all:before { content: "\f367"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-sheep:before { content: "\f711"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield:before { content: "\f132"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-check:before { content: "\f2f7"; } .fa-shield-cross:before { content: "\f712"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shipping-timed:before { content: "\f48c"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shish-kebab:before { content: "\f821"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shovel:before { content: "\f713"; } .fa-shovel-snow:before { content: "\f7c3"; } .fa-shower:before { content: "\f2cc"; } .fa-shredder:before { content: "\f68a"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-shuttlecock:before { content: "\f45b"; } .fa-sickle:before { content: "\f822"; } .fa-sigma:before { content: "\f68b"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in:before { content: "\f090"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out:before { content: "\f08b"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signal-1:before { content: "\f68c"; } .fa-signal-2:before { content: "\f68d"; } .fa-signal-3:before { content: "\f68e"; } .fa-signal-4:before { content: "\f68f"; } .fa-signal-alt:before { content: "\f690"; } .fa-signal-alt-1:before { content: "\f691"; } .fa-signal-alt-2:before { content: "\f692"; } .fa-signal-alt-3:before { content: "\f693"; } .fa-signal-alt-slash:before { content: "\f694"; } .fa-signal-slash:before { content: "\f695"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-skeleton:before { content: "\f620"; } .fa-sketch:before { content: "\f7c6"; } .fa-ski-jump:before { content: "\f7c7"; } .fa-ski-lift:before { content: "\f7c8"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sledding:before { content: "\f7cb"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-sliders-h-square:before { content: "\f3f0"; } .fa-sliders-v:before { content: "\f3f1"; } .fa-sliders-v-square:before { content: "\f3f2"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-plus:before { content: "\f5b9"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoke:before { content: "\f760"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snake:before { content: "\f716"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snow-blowing:before { content: "\f761"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowflakes:before { content: "\f7cf"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowmobile:before { content: "\f7d1"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-soup:before { content: "\f823"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-spade:before { content: "\f2f4"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spider:before { content: "\f717"; } .fa-spider-black-widow:before { content: "\f718"; } .fa-spider-web:before { content: "\f719"; } .fa-spinner:before { content: "\f110"; } .fa-spinner-third:before { content: "\f3f4"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root:before { content: "\f697"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-squirrel:before { content: "\f71a"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-staff:before { content: "\f71b"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-christmas:before { content: "\f7d4"; } .fa-star-exclamation:before { content: "\f2f3"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-stars:before { content: "\f762"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steak:before { content: "\f824"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-steering-wheel:before { content: "\f622"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stocking:before { content: "\f7d5"; } .fa-stomach:before { content: "\f623"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-stretcher:before { content: "\f825"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-sun-cloud:before { content: "\f763"; } .fa-sun-dust:before { content: "\f764"; } .fa-sun-haze:before { content: "\f765"; } .fa-sunrise:before { content: "\f766"; } .fa-sunset:before { content: "\f767"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-sword:before { content: "\f71c"; } .fa-swords:before { content: "\f71d"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablet-android:before { content: "\f3fb"; } .fa-tablet-android-alt:before { content: "\f3fc"; } .fa-tablet-rugged:before { content: "\f48f"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer:before { content: "\f0e4"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tachometer-alt-average:before { content: "\f624"; } .fa-tachometer-alt-fast:before { content: "\f625"; } .fa-tachometer-alt-fastest:before { content: "\f626"; } .fa-tachometer-alt-slow:before { content: "\f627"; } .fa-tachometer-alt-slowest:before { content: "\f628"; } .fa-tachometer-average:before { content: "\f629"; } .fa-tachometer-fast:before { content: "\f62a"; } .fa-tachometer-fastest:before { content: "\f62b"; } .fa-tachometer-slow:before { content: "\f62c"; } .fa-tachometer-slowest:before { content: "\f62d"; } .fa-taco:before { content: "\f826"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tally:before { content: "\f69c"; } .fa-tanakh:before { content: "\f827"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-tasks-alt:before { content: "\f828"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-frigid:before { content: "\f768"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-hot:before { content: "\f76a"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-tennis-ball:before { content: "\f45e"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-theta:before { content: "\f69e"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-thunderstorm:before { content: "\f76c"; } .fa-thunderstorm-moon:before { content: "\f76d"; } .fa-thunderstorm-sun:before { content: "\f76e"; } .fa-ticket:before { content: "\f145"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tilde:before { content: "\f69f"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-times-hexagon:before { content: "\f2ee"; } .fa-times-octagon:before { content: "\f2f0"; } .fa-times-square:before { content: "\f2d3"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tire:before { content: "\f631"; } .fa-tire-flat:before { content: "\f632"; } .fa-tire-pressure-warning:before { content: "\f633"; } .fa-tire-rugged:before { content: "\f634"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-alt:before { content: "\f71f"; } .fa-tombstone:before { content: "\f720"; } .fa-tombstone-alt:before { content: "\f721"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-toothbrush:before { content: "\f635"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tornado:before { content: "\f76f"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-cone:before { content: "\f636"; } .fa-traffic-light:before { content: "\f637"; } .fa-traffic-light-go:before { content: "\f638"; } .fa-traffic-light-slow:before { content: "\f639"; } .fa-traffic-light-stop:before { content: "\f63a"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-treasure-chest:before { content: "\f723"; } .fa-tree:before { content: "\f1bb"; } .fa-tree-alt:before { content: "\f400"; } .fa-tree-christmas:before { content: "\f7db"; } .fa-tree-decorated:before { content: "\f7dc"; } .fa-tree-large:before { content: "\f7dd"; } .fa-tree-palm:before { content: "\f82b"; } .fa-trees:before { content: "\f724"; } .fa-trello:before { content: "\f181"; } .fa-triangle:before { content: "\f2ec"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-trophy-alt:before { content: "\f2eb"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-container:before { content: "\f4dc"; } .fa-truck-couch:before { content: "\f4dd"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-truck-plow:before { content: "\f7de"; } .fa-truck-ramp:before { content: "\f4e0"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-turkey:before { content: "\f725"; } .fa-turtle:before { content: "\f726"; } .fa-tv:before { content: "\f26c"; } .fa-tv-retro:before { content: "\f401"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-unicorn:before { content: "\f727"; } .fa-union:before { content: "\f6a2"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-usd-circle:before { content: "\f2e8"; } .fa-usd-square:before { content: "\f2e9"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-chart:before { content: "\f6a3"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-crown:before { content: "\f6a4"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-hard-hat:before { content: "\f82c"; } .fa-user-headset:before { content: "\f82d"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-md-chat:before { content: "\f82e"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-class:before { content: "\f63d"; } .fa-users-cog:before { content: "\f509"; } .fa-users-crown:before { content: "\f6a5"; } .fa-users-medical:before { content: "\f830"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-fork:before { content: "\f2e3"; } .fa-utensil-knife:before { content: "\f2e4"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-utensils-alt:before { content: "\f2e6"; } .fa-vaadin:before { content: "\f408"; } .fa-value-absolute:before { content: "\f6a6"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-plus:before { content: "\f4e1"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-volcano:before { content: "\f770"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume:before { content: "\f6a8"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-slash:before { content: "\f2e2"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-nay:before { content: "\f771"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walker:before { content: "\f831"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-wand:before { content: "\f72a"; } .fa-wand-magic:before { content: "\f72b"; } .fa-warehouse:before { content: "\f494"; } .fa-warehouse-alt:before { content: "\f495"; } .fa-watch:before { content: "\f2e1"; } .fa-watch-fitness:before { content: "\f63e"; } .fa-water:before { content: "\f773"; } .fa-water-lower:before { content: "\f774"; } .fa-water-rise:before { content: "\f775"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-webcam:before { content: "\f832"; } .fa-webcam-slash:before { content: "\f833"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whale:before { content: "\f72c"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheat:before { content: "\f72d"; } .fa-wheelchair:before { content: "\f193"; } .fa-whistle:before { content: "\f460"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wifi-1:before { content: "\f6aa"; } .fa-wifi-2:before { content: "\f6ab"; } .fa-wifi-slash:before { content: "\f6ac"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-wind-warning:before { content: "\f776"; } .fa-window:before { content: "\f40e"; } .fa-window-alt:before { content: "\f40f"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-windsock:before { content: "\f777"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wreath:before { content: "\f7e2"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url("../fonts/fa-brands-400.eot"); src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; font-display: auto; src: url("../fonts/fa-light-300.eot"); src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); } .fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; font-display: auto; src: url("../fonts/fa-regular-400.eot"); src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Pro'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; font-display: auto; src: url("../fonts/fa-solid-900.eot"); src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Pro'; font-weight: 900; } @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?tin97q'); src: url('../fonts/icomoon.eot?tin97q#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?tin97q') format('truetype'), url('../fonts/icomoon.woff?tin97q') format('woff'), url('../fonts/icomoon.svg?tin97q#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-1:before { content: "\e900"; } .icon-2:before { content: "\e901"; } .icon-3:before { content: "\e902"; } .icon-4:before { content: "\e903"; } .icon-5:before { content: "\e904"; } .icon-6:before { content: "\e905"; } .icon-7:before { content: "\e906"; } .icon-8:before { content: "\e907"; } .icon-9:before { content: "\e908"; } .icon-10:before { content: "\e909"; } .icon-11:before { content: "\e90a"; } .icon-12:before { content: "\e90b"; } .icon-13:before { content: "\e90c"; } .icon-14:before { content: "\e90d"; } .icon-15:before { content: "\e90e"; } .icon-16:before { content: "\e90f"; } .icon-17:before { content: "\e910"; } .icon-18:before { content: "\e911"; } .icon-19:before { content: "\e912"; } .icon-20:before { content: "\e913"; } .icon-21:before { content: "\e914"; } .icon-22:before { content: "\e915"; } .icon-23:before { content: "\e916"; } .icon-24:before { content: "\e917"; } .icon-25:before { content: "\e918"; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .max-w-3 .owl-carousel .owl-stage{ height:400px; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: none; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-theme .owl-controls { display:block; } .owl-theme .owl-controls .owl-nav [class*="owl-"] { position: relative; cursor: pointer; display: inline-block; color: #898f9f; margin: 0px 10px; transition: all 500ms ease; } .owl-theme .owl-controls .owl-nav [class*="owl-"] span:before{ margin: 0px; font-size: 25px; } .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{ color: #f2be00; } .owl-theme .owl-controls .owl-nav .disabled { cursor: default; opacity: 0.5; } .owl-theme .owl-dots .owl-dot { display: inline-block; } .owl-theme .owl-dots .owl-dot span { background: #222; display: block; margin: 0px 5px 0px 5px; transition: opacity 200ms ease 0s; width: 15px; height: 15px; } .owl-theme .owl-dots .owl-dot.active span { background: none repeat scroll 0 0 #cda274; } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-sm-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-md-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-lg-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-xl-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img, .card-img-top, .card-img-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal .list-group-item.active { margin-top: 0; } .list-group-horizontal .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md .list-group-item.active { margin-top: 0; } .list-group-horizontal-md .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush .list-group-item { border-right-width: 0; border-left-width: 0; border-radius: 0; } .list-group-flush .list-group-item:first-child { border-top-width: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /*# sourceMappingURL=bootstrap.css.map */ @charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} @charset "UTF-8"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } .jello{ -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .zoomInStable { -webkit-animation-name: zoomInStable; animation-name: zoomInStable; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-webkit-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-moz-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-o-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-ms-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @keyframes float-bob-y { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes float-bob-x { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } @keyframes float-bob { 0% { -webkit-transform: translateX(-430px); transform: translateX(-430px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-430px); transform: translateX(-430px); } } @-webkit-keyframes zoom-fade { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes zoom-fade { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @-webkit-keyframes zoom-fade-two { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes zoom-fade-two { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .banner .parallax-container div img, .fullwidth-video-section .play-link .icon-box{ animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotateme { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotateme { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } .page-banner .icon-one, .main-banner .icon-one{ animation-name: rotateme; animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 7s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 7s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 7s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 7s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .how-it-works:before, .main-banner .icon-six, .main-banner .icon-two, .page-banner .icon-six, .page-banner .icon-two, .rotate-me { animation-name: rotateme; animation-duration: 24s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 24s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 24s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 24s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 24s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes footer-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } } @keyframes footer-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } } @-webkit-keyframes squares{ 0%{-webkit-transform:scale(1);transform:scale(1);opacity:0} 20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1} 100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0} } @-moz-keyframes squares{0%{-moz-transform:scale(1);transform:scale(1);opacity:0}20%{-moz-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-moz-transform:scale(2.1);transform:scale(2.1);opacity:0}} @-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0}} @keyframes squares{ 0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0} 20%{-webkit-transform:scale(1.24);-moz-transform:scale(1.24);-o-transform:scale(1.24);transform:scale(1.24);opacity:1} 100%{-webkit-transform:scale(2.1);-moz-transform:scale(2.1);-o-transform:scale(2.1);transform:scale(2.1);opacity:0}} @-webkit-keyframes service_hexagon_2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}} @-moz-keyframes service_hexagon_2{0%{-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-moz-transform:rotateY(360deg);transform:rotateY(360deg)}} @-o-keyframes service_hexagon_2{0%{-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-o-transform:rotateY(360deg);transform:rotateY(360deg)}} @keyframes service_hexagon_2{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}} @-webkit-keyframes service_hexagon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @-moz-keyframes service_hexagon{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}} @-o-keyframes service_hexagon{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes service_hexagon{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}} @-webkit-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}} @-moz-keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}} @keyframes animateBubble{0%{margin-top:20%}100%{margin-top:-30%}} @-webkit-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}} @-moz-keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}} @keyframes sideWays{0%{margin-left:0}100%{margin-left:25px}} .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .preloader-close{ color: rgba(182, 32, 37); } .scroll-to-top .scroll-bar-text{ color: rgba(182, 32, 37); } .theme-btn.btn-one{ background: rgba(182, 32, 37); } .xs-sidebar-group .close-side-widget:hover{ border-color: rgba(182, 32, 37); background: rgba(182, 32, 37); } .search-popup .search-form fieldset input[type="search"]:focus{ border: 3px solid rgba(182, 32, 37) !important; } .main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a{ color: rgba(182, 32, 37); } .main-menu .navigation > li.current > a:after, .main-menu .navigation > li:hover > a:after{ background: rgba(182, 32, 37); } .main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > .megamenu li > a:hover{ color: rgba(182, 32, 37); } .main-menu .navigation > li > ul > li > ul > li > a:hover{ color: rgba(182, 32, 37); } .main-header .menu-right-content .search-box-outer:hover{ color: rgba(182, 32, 37); } .main-header .menu-right-content .nav-btn.nav-toggler:hover{ color: rgba(182, 32, 37); } .banner-carousel .content-box h2 span{ color: rgb(9 9 9); } .banner-section .banner-thumb-inner .single-item .count-text{ color: rgba(182, 32, 37); } .about-section .image-box:after{ border-top: 1px dashed rgba(182, 32, 37); } .sec-title .sub-title{ color: rgba(182, 32, 37); } .sec-title h2 span{ color: rgba(182, 32, 37); } .about-section .content-box .author-box .inner .designation span{ color: rgba(182, 32, 37); } .banner-section .banner-thumb-inner .active.current .single-item:before{ background: rgba(182, 32, 37); } .banner-carousel .owl-nav button{ color: rgba(182, 32, 37); } .banner-carousel .owl-nav button:hover{ background: rgba(182, 32, 37); border-color: rgba(182, 32, 37); } .video-section .inner-box .content-box .text h2 span{ color: rgba(182, 32, 37); } .video-section .inner-box .content-box .text h4{ color: rgba(182, 32, 37); } .video-section .inner-box .content-box .video-btn a{ border: 2px solid rgba(182, 32, 37); color: rgba(182, 32, 37); } .video-section .owl-theme .owl-dots .owl-dot.active span, .video-section .owl-theme .owl-dots .owl-dot span:hover{ border-color: rgba(182, 32, 37); } .video-section .owl-theme .owl-dots .owl-dot.active span:before, .video-section .owl-theme .owl-dots .owl-dot span:hover:before{ background: rgba(182, 32, 37); } .project-block-one .inner-box .content-box h2 a:hover{ color: rgba(182, 32, 37); } .project-block-one .inner-box .content-box p{ color: rgba(182, 32, 37); } .project-block-one .inner-box .content-box .link a:hover{ color: rgba(182, 32, 37); } .project-section .owl-nav button{ background: rgba(182, 32, 37); } .project-section .owl-nav button:hover{ color: rgba(182, 32, 37); } .news-block-one .inner-box .post-info li{ color: rgba(182, 32, 37); } .news-block-one .inner-box .post-info li a{ color: rgba(182, 32, 37); } .news-block-one .inner-box h3 a:hover{ color: rgba(182, 32, 37); } .main-footer .sec-title a{ background: rgba(182, 32, 37); } .main-footer .sec-title a:hover{ color: rgba(182, 32, 37); } .main-footer .contact-widget .info-list li a:hover{ color: rgba(182, 32, 37); } .main-footer .subscribe-widget form .form-group button{ background: rgba(182, 32, 37); } .main-footer .subscribe-widget form .form-group input:focus{ border-color: rgba(182, 32, 37) !important; } .main-footer .subscribe-widget .social-links li a:hover{ color: rgba(182, 32, 37); } .footer-bottom .copyright h4 a:hover{ color: rgba(182, 32, 37); } .banner-style-two .slider-content .single-item .content-box h2 span{ color: rgba(182, 32, 37); } .banner-style-two .slider-content .single-item .content-box .info li span{ color: rgba(182, 32, 37); } .banner-style-two .slider-content .single-item .content-box .info li i{ color: rgba(182, 32, 37); } .banner-style-two .owl-nav button:hover{ border-color: rgba(182, 32, 37); background: rgba(182, 32, 37); } .curve-text .text h2 span{ color: rgba(182, 32, 37); } .curve-text .text h3{ color: rgba(182, 32, 37); } .project-style-two .tab-btns .p-tab-btn h4 span{ background: rgba(182, 32, 37); } .nav-style-one .owl-nav button:hover{ border-color: rgba(182, 32, 37); color: rgba(182, 32, 37); } .testimonial-block-one .inner-box .quote{ color: rgba(182, 32, 37); } .testimonial-block-one .inner-box .text span{ color: rgba(182, 32, 37); } .testimonial-block-one .inner-box .author-box .designation{ color: rgba(182, 32, 37); } .team-block-one .inner-box .image-box .social-links li a:hover{ color: rgba(182, 32, 37); } .team-block-one .inner-box .content-box .count-text{ -webkit-text-stroke-color: rgba(182, 32, 37); } .team-block-one .inner-box .content-box h4 a:hover{ color: rgba(182, 32, 37); } .team-block-one .inner-box .content-box .designation{ color: rgba(182, 32, 37); } .team-section .owl-theme .owl-dots .owl-dot.active span, .team-section .owl-theme .owl-dots .owl-dot span:hover{ border-color: rgba(182, 32, 37); } .team-section .owl-theme .owl-dots .owl-dot.active span:before, .team-section .owl-theme .owl-dots .owl-dot span:hover:before{ background: rgba(182, 32, 37); } .news-block-two .inner-box .post-info li{ color: rgba(182, 32, 37); } .news-block-two .inner-box .post-info li a{ color: rgba(182, 32, 37); } .news-block-two .inner-box h3 a:hover{ color: rgba(182, 32, 37); } .main-footer.style-two .subscribe-widget form .form-group textarea:focus{ border-color: rgba(182, 32, 37); } .main-footer .links-widget .links-list li a:hover{ color: rgba(182, 32, 37); } .main-footer.style-two .contact-widget .copyright a:hover{ color: rgba(182, 32, 37); } .main-content-outerbox .mobile-menu .copyright h4 a:hover{ color: rgba(182, 32, 37); } .banner-style-three .banner-carousel .owl-nav button{ background: rgba(182, 32, 37); } .banner-style-three .banner-carousel .owl-nav button:hover{ color: rgba(182, 32, 37); } .banner-style-three .text h1 span{ color: rgba(182, 32, 37); } .video-section .testimonial-content .text-inner .quote{ color: rgba(182, 32, 37); } .video-section .testimonial-content .author-box .designation{ color: rgba(182, 32, 37); } .main-footer.style-three .footer-top h2 span{ color: rgba(182, 32, 37); } .main-footer.style-three .footer-top .form-inner .form-group input:focus{ border-color: rgba(182, 32, 37) !important; } .main-footer.style-three .gallery-widget .image-list li .image{ background: rgba(182, 32, 37); } .page-title:before{ background: rgba(182, 32, 37); } .testimonial-block-two .inner-box .quote{ color: rgba(182, 32, 37); } .testimonial-block-two .inner-box .author-box .designation{ color: rgba(182, 32, 37); } .testimonial-block-two .inner-box:before{ background: rgba(182, 32, 37); } .about-style-three .image-box .icon-box{ background: rgba(182, 32, 37); } .service-sidebar .category-widget .category-list li a:before{ background: rgba(182, 32, 37); } .service-sidebar .category-widget h3:before{ background: rgba(182, 32, 37); } .project-page-section .filters .filter-tabs li.active, .project-page-section .filters .filter-tabs li:hover{ color: rgba(182, 32, 37); } .team-page-section .tab-btn-box .tab-btns li.active-btn, .team-page-section .tab-btn-box .tab-btns li:hover{ color: rgba(182, 32, 37); } .team-details .inner-box .image-box .social-links li a:hover{ color: rgba(182, 32, 37); } .team-details .inner-box .content-box .designation{ color: rgba(182, 32, 37); } .team-details .inner-box .content-box .social-links li a:hover{ color: rgba(182, 32, 37); } .team-details .inner-box .content-box .info-list li span{ color: rgba(182, 32, 37); } .team-details .inner-box .content-box .info-list li a:hover{ color: rgba(182, 32, 37); } .comingsoon-section .inner-box .form-inner .form-group input:focus{ border-color: rgba(182, 32, 37) !important; } .error-section .inner-box h2{ color: rgba(182, 32, 37); } .blog-details-content .content-one blockquote{ border-left: 5px solid rgba(182, 32, 37); } .blog-details-content .content-one blockquote .name{ color: rgba(182, 32, 37); } .blog-details-content .content-one blockquote .name:before{ background: rgba(182, 32, 37); } .blog-details-content .comment-box .comment .comment-info h6{ color: rgba(182, 32, 37); } .blog-details-content .comment-box .comment .comment-inner .reply-btn{ color: rgba(182, 32, 37); } .blog-details-content .comments-form-area .comment-form .form-group input:focus, .blog-details-content .comments-form-area .comment-form .form-group textarea:focus{ border-color: rgba(182, 32, 37) !important; } .blog-sidebar .search-widget h3 span{ color: rgba(182, 32, 37); } .blog-sidebar .search-widget .search-form .form-group input:focus{ border-color: rgba(182, 32, 37) !important; } .blog-sidebar .search-widget .search-form .form-group input:focus + button, .blog-sidebar .search-widget .search-form .form-group button:hover{ color: rgba(182, 32, 37); } .blog-sidebar .sidebar-widget .widget-title:before{ background: rgba(182, 32, 37); } .blog-sidebar .category-widget .category-list li a:before{ background: rgba(182, 32, 37); } .blog-sidebar .tags-widget .tags-list li a:hover{ background: rgba(182, 32, 37); } .contact-page-section .form-inner form .form-group input:focus, .contact-page-section .form-inner form .form-group textarea:focus{ border-color: rgba(182, 32, 37) !important; } .contact-page-section .content-box .info-list li a:hover{ color: rgba(182, 32, 37); } .color_blue { color: #7f27d8; } .color_purple { color: #6f42c1; } .color_pink { color: #d63384; } .color_red { color: #dc3545; } .color_orange { color: #fd7e14; } .color_yellow { color: #ffc107; } .color_green { color: #198754; } .color_gray { color: #6c757d; } .color_gray_dark { color: #343a40; } .color_light { color: #f8f9fa; } .color_dark { color: #212529; } .bg_blue { background-color: #7f27d8; } .bg_purple { background-color: #6f42c1; } .bg_pink { background-color: #d63384; } .bg_red { background-color: #dc3545; } .bg_orange { background-color: #fd7e14; } .bg_yellow { background-color: #ffc107; } .bg_green { background-color: #198754;; } .bg_gray { background-color: #6c757d; } .bg_gray-dark { background-color: #343a40; } .bg_light { background-color: #f8f9fa; } .bg_dark { background-color: #212529; } .bg_cover { background-size: cover; } .bg_contain { background-size: contain; } .bg_fixed { background-attachment: fixed; } .bg_top { background-position: top; } .bg_right { background-position: right; } .bg_bottom { background-position: bottom; } .bg_left { background-position: left; } .bg_center { background-position: center; } /* el_03 display */ .d_block { display: block; } .d_iblock { display: inline-block; } .d_flex { display: flex; } .d_table { display: table; } .d_tcell { display: table-cell; } .d_none { display: none; } /* el_04 position */ .p_relative { position: relative; } .p_absolute { position: absolute; } .p_fixed { position: fixed; } /* el_05 Border */ .border { border: 1px solid #ddd; } .border_top { border-top: 1px solid #ddd; } .border_right { border-right: 1px solid #ddd; } .border_bottom { border-bottom: 1px solid #ddd; } .border_left { border-left: 1px solid #ddd; } /* el_06 Transition */ .tran_3 { transition: .3s; } .tran_4 { transition: .4s; } .tran_5 { transition: .5s; } /* el_07 Font size */ .fs_0 { font-size: 0; } .fs_1 { font-size: 1px; } .fs_2 { font-size: 2px; } .fs_3 { font-size: 3px; } .fs_4 { font-size: 4px; } .fs_5 { font-size: 5px; } .fs_6 { font-size: 6px; } .fs_7 { font-size: 7px; } .fs_8 { font-size: 8px; } .fs_9 { font-size: 9px; } .fs_10 { font-size: 10px; } .fs_11 { font-size: 11px; } .fs_12 { font-size: 12px; } .fs_13 { font-size: 13px; } .fs_14 { font-size: 14px; } .fs_15 { font-size: 15px; } .fs_16 { font-size: 16px; } .fs_17 { font-size: 17px; } .fs_18 { font-size: 18px; } .fs_19 { font-size: 19px; } .fs_20 { font-size: 20px; } .fs_25 { font-size: 25px; } .fs_30 { font-size: 30px; } .fs_35 { font-size: 35px; } .fs_40 { font-size: 40px; } .fs_45 { font-size: 45px; } .fs_50 { font-size: 50px; } .fs_55 { font-size: 55px; } .fs_60 { font-size: 60px; } .fs_65 { font-size: 65px; } .fs_70 { font-size: 70px; } .fs_75 { font-size: 75px; } .fs_80 { font-size: 80px; } .fs_85 { font-size: 85px; } .fs_90 { font-size: 90px; } .fs_95 { font-size: 95px; } .fs_100 { font-size: 100px; } .fs_110 { font-size: 110px; } .fs_120 { font-size: 120px; } .fs_130 { font-size: 130px; } .fs_140 { font-size: 140px; } .fs_150 { font-size: 150px; } .fs_160 { font-size: 160px; } .fs_170 { font-size: 170px; } .fs_180 { font-size: 180px; } .fs_190 { font-size: 190px; } .fs_200 { font-size: 200px; } /* el_08 Font wieght */ .fw_light { font-weight: 300; } .fw_normal { font-weight: 400; } .fw_medium { font-weight: 500; } .fw_sbold { font-weight: 600; } .fw_bold { font-weight: 700; } .fw_exbold { font-weight: 800; } /* el_09 Float */ .float_left { float: left; } .float_right { float: right; } /* el_10 Width */ .w_0 { width: 0; } .w_1 { width: 1px; } .w_2 { width: 2px; } .w_3 { width: 3px; } .w_4 { width: 4px; } .w_5 { width: 5px; } .w_6 { width: 6px; } .w_7 { width: 7px; } .w_8 { width: 8px; } .w_9 { width: 9px; } .w_10 { width: 10px; } .w_11 { width: 11px; } .w_12 { width: 12px; } .w_13 { width: 13px; } .w_14 { width: 14px; } .w_15 { width: 15px; } .w_16 { width: 16px; } .w_17 { width: 17px; } .w_18 { width: 18px; } .w_19 { width: 19px; } .w_20 { width: 20px; } .w_25 { width: 25px; } .w_30 { width: 30px; } .w_35 { width: 35px; } .w_40 { width: 40px; } .w_45 { width: 45px; } .w_50 { width: 50px; } .w_55 { width: 55px; } .w_60 { width: 60px; } .w_65 { width: 65px; } .w_70 { width: 70px; } .w_75 { width: 75px; } .w_80 { width: 80px; } .w_85 { width: 85px; } .w_90 { width: 90px; } .w_95 { width: 95px; } .w_100 { width: 100px; } .w_110 { width: 110px; } .w_120 { width: 120px; } .w_130 { width: 130px; } .w_140 { width: 140px; } .w_150 { width: 150px; } .w_160 { width: 160px; } .w_170 { width: 170px; } .w_180 { width: 180px; } .w_190 { width: 190px; } .w_200 { width: 200px; } .mw_0 { max-width: 0; } .mw_1 { max-width: 1px; } .mw_2 { max-width: 2px; } .mw_3 { max-width: 3px; } .mw_4 { max-width: 4px; } .mw_5 { max-width: 5px; } .mw_6 { max-width: 6px; } .mw_7 { max-width: 7px; } .mw_8 { max-width: 8px; } .mw_9 { max-width: 9px; } .mw_10 { max-width: 10px; } .mw_11 { max-width: 11px; } .mw_12 { max-width: 12px; } .mw_13 { max-width: 13px; } .mw_14 { max-width: 14px; } .mw_15 { max-width: 15px; } .mw_16 { max-width: 16px; } .mw_17 { max-width: 17px; } .mw_18 { max-width: 18px; } .mw_19 { max-width: 19px; } .mw_20 { max-width: 20px; } .mw_25 { max-width: 25px; } .mw_30 { max-width: 30px; } .mw_35 { max-width: 35px; } .mw_40 { max-width: 40px; } .mw_45 { max-width: 45px; } .mw_50 { max-width: 50px; } .mw_55 { max-width: 55px; } .mw_60 { max-width: 60px; } .mw_65 { max-width: 65px; } .mw_70 { max-width: 70px; } .mw_75 { max-width: 75px; } .mw_80 { max-width: 80px; } .mw_85 { max-width: 85px; } .mw_90 { max-width: 90px; } .mw_95 { max-width: 95px; } .mw_100 { max-width: 100px; } .mw_110 { max-width: 110px; } .mw_120 { max-width: 120px; } .mw_130 { max-width: 130px; } .mw_140 { max-width: 140px; } .mw_150 { max-width: 150px; } .mw_160 { max-width: 160px; } .mw_170 { max-width: 170px; } .mw_180 { max-width: 180px; } .mw_190 { max-width: 190px; } .mw_200 { max-width: 200px; } /* el_11 height */ .h_0 { height: 0; } .h_1 { height: 1px; } .h_2 { height: 2px; } .h_3 { height: 3px; } .h_4 { height: 4px; } .h_5 { height: 5px; } .h_6 { height: 6px; } .h_7 { height: 7px; } .h_8 { height: 8px; } .h_9 { height: 9px; } .h_10 { height: 10px; } .h_11 { height: 11px; } .h_12 { height: 12px; } .h_13 { height: 13px; } .h_14 { height: 14px; } .h_15 { height: 15px; } .h_16 { height: 16px; } .h_17 { height: 17px; } .h_18 { height: 18px; } .h_19 { height: 19px; } .h_20 { height: 20px; } .h_25 { height: 25px; } .h_30 { height: 30px; } .h_35 { height: 35px; } .h_40 { height: 40px; } .h_45 { height: 45px; } .h_50 { height: 50px; } .h_55 { height: 55px; } .h_60 { height: 60px; } .h_65 { height: 65px; } .h_70 { height: 70px; } .h_75 { height: 75px; } .h_80 { height: 80px; } .h_85 { height: 85px; } .h_90 { height: 90px; } .h_95 { height: 95px; } .h_100 { height: 100px; } .h_110 { height: 110px; } .h_120 { height: 120px; } .h_130 { height: 130px; } .h_140 { height: 140px; } .h_150 { height: 150px; } .h_160 { height: 160px; } .h_170 { height: 170px; } .h_180 { height: 180px; } .h_190 { height: 190px; } .h_200 { height: 200px; } .mh_0 { max-height: 0; } .mh_1 { max-height: 1px; } .mh_2 { max-height: 2px; } .mh_3 { max-height: 3px; } .mh_4 { max-height: 4px; } .mh_5 { max-height: 5px; } .mh_6 { max-height: 6px; } .mh_7 { max-height: 7px; } .mh_8 { max-height: 8px; } .mh_9 { max-height: 9px; } .mh_10 { max-height: 10px; } .mh_11 { max-height: 11px; } .mh_12 { max-height: 12px; } .mh_13 { max-height: 13px; } .mh_14 { max-height: 14px; } .mh_15 { max-height: 15px; } .mh_16 { max-height: 16px; } .mh_17 { max-height: 17px; } .mh_18 { max-height: 18px; } .mh_19 { max-height: 19px; } .mh_20 { max-height: 20px; } .mh_25 { max-height: 25px; } .mh_30 { max-height: 30px; } .mh_35 { max-height: 35px; } .mh_40 { max-height: 40px; } .mh_45 { max-height: 45px; } .mh_50 { max-height: 50px; } .mh_55 { max-height: 55px; } .mh_60 { max-height: 60px; } .mh_65 { max-height: 65px; } .mh_70 { max-height: 70px; } .mh_75 { max-height: 75px; } .mh_80 { max-height: 80px; } .mh_85 { max-height: 85px; } .mh_90 { max-height: 90px; } .mh_95 { max-height: 95px; } .mh_100 { max-height: 100px; } .mh_110 { max-height: 110px; } .mh_120 { max-height: 120px; } .mh_130 { max-height: 130px; } .mh_140 { max-height: 140px; } .mh_150 { max-height: 150px; } .mh_160 { max-height: 160px; } .mh_170 { max-height: 170px; } .mh_180 { max-height: 180px; } .mh_190 { max-height: 190px; } .mh_200 { max-height: 200px; } /* el_12 Line height */ .lh_0 { line-height: 0; } .lh_1 { line-height: 1px; } .lh_2 { line-height: 2px; } .lh_3 { line-height: 3px; } .lh_4 { line-height: 4px; } .lh_5 { line-height: 5px; } .lh_6 { line-height: 6px; } .lh_7 { line-height: 7px; } .lh_8 { line-height: 8px; } .lh_9 { line-height: 9px; } .lh_10 { line-height: 10px; } .lh_11 { line-height: 11px; } .lh_12 { line-height: 12px; } .lh_13 { line-height: 13px; } .lh_14 { line-height: 14px; } .lh_15 { line-height: 15px; } .lh_16 { line-height: 16px; } .lh_17 { line-height: 17px; } .lh_18 { line-height: 18px; } .lh_19 { line-height: 19px; } .lh_20 { line-height: 20px; } .lh_25 { line-height: 25px; } .lh_30 { line-height: 30px; } .lh_35 { line-height: 35px; } .lh_40 { line-height: 40px; } .lh_45 { line-height: 45px; } .lh_50 { line-height: 50px; } .lh_55 { line-height: 55px; } .lh_60 { line-height: 60px; } .lh_65 { line-height: 65px; } .lh_70 { line-height: 70px; } .lh_75 { line-height: 75px; } .lh_80 { line-height: 80px; } .lh_85 { line-height: 85px; } .lh_90 { line-height: 90px; } .lh_95 { line-height: 95px; } .lh_100 { line-height: 100px; } .lh_110 { line-height: 110px; } .lh_120 { line-height: 120px; } .lh_130 { line-height: 130px; } .lh_140 { line-height: 140px; } .lh_150 { line-height: 150px; } .lh_160 { line-height: 160px; } .lh_170 { line-height: 170px; } .lh_180 { line-height: 180px; } .lh_190 { line-height: 190px; } .lh_200 { line-height: 200px; } /* el_13 Margin */ .m_0 { margin: 0; } .m_1 { margin: 1px; } .m_2 { margin: 2px; } .m_3 { margin: 3px; } .m_4 { margin: 4px; } .m_5 { margin: 5px; } .m_6 { margin: 6px; } .m_7 { margin: 7px; } .m_8 { margin: 8px; } .m_9 { margin: 9px; } .m_10 { margin: 10px; } .m_11 { margin: 11px; } .m_12 { margin: 12px; } .m_13 { margin: 13px; } .m_14 { margin: 14px; } .m_15 { margin: 15px; } .m_16 { margin: 16px; } .m_17 { margin: 17px; } .m_18 { margin: 18px; } .m_19 { margin: 19px; } .m_20 { margin: 20px; } .m_25 { margin: 25px; } .m_30 { margin: 30px; } .m_35 { margin: 35px; } .m_40 { margin: 40px; } .m_45 { margin: 45px; } .m_50 { margin: 50px; } .m_55 { margin: 55px; } .m_60 { margin: 60px; } .m_65 { margin: 65px; } .m_70 { margin: 70px; } .m_75 { margin: 75px; } .m_80 { margin: 80px; } .m_85 { margin: 85px; } .m_90 { margin: 90px; } .m_95 { margin: 95px; } .m_100 { margin: 100px; } .m_110 { margin: 110px; } .m_120 { margin: 120px; } .m_130 { margin: 130px; } .m_140 { margin: 140px; } .m_150 { margin: 150px; } .m_160 { margin: 160px; } .m_170 { margin: 170px; } .m_180 { margin: 180px; } .m_190 { margin: 190px; } .m_200 { margin: 200px; } .mx_0 { margin-left: 0; margin-right: 0; } .mx_1 { margin-left: 1px; margin-right: 1px; } .mx_2 { margin-left: 2px; margin-right: 2px; } .mx_3 { margin-left: 3px; margin-right: 3px; } .mx_4 { margin-left: 4px; margin-right: 4px; } .mx_5 { margin-left: 5px; margin-right: 5px; } .mx_6 { margin-left: 6px; margin-right: 6px; } .mx_7 { margin-left: 7px; margin-right: 7px; } .mx_8 { margin-left: 8px; margin-right: 8px; } .mx_9 { margin-left: 9px; margin-right: 9px; } .mx_10 { margin-left: 10px; margin-right: 10px; } .mx_11 { margin-left: 11px; margin-right: 11px; } .mx_12 { margin-left: 12px; margin-right: 12px; } .mx_13 { margin-left: 13px; margin-right: 13px; } .mx_14 { margin-left: 14px; margin-right: 14px; } .mx_15 { margin-left: 15px; margin-right: 15px; } .mx_16 { margin-left: 16px; margin-right: 16px; } .mx_17 { margin-left: 17px; margin-right: 17px; } .mx_18 { margin-left: 18px; margin-right: 18px; } .mx_19 { margin-left: 19px; margin-right: 19px; } .mx_20 { margin-left: 20px; margin-right: 20px; } .mx_25 { margin-left: 25px; margin-right: 25px; } .mx_30 { margin-left: 30px; margin-right: 30px; } .mx_35 { margin-left: 35px; margin-right: 35px; } .mx_40 { margin-left: 40px; margin-right: 40px; } .mx_45 { margin-left: 45px; margin-right: 45px; } .mx_50 { margin-left: 50px; margin-right: 50px; } .mx_55 { margin-left: 55px; margin-right: 55px; } .mx_60 { margin-left: 60px; margin-right: 60px; } .mx_65 { margin-left: 65px; margin-right: 65px; } .mx_70 { margin-left: 70px; margin-right: 70px; } .mx_75 { margin-left: 75px; margin-right: 75px; } .mx_80 { margin-left: 80px; margin-right: 80px; } .mx_85 { margin-left: 85px; margin-right: 85px; } .mx_90 { margin-left: 90px; margin-right: 90px; } .mx_95 { margin-left: 95px; margin-right: 95px; } .mx_100 { margin-left: 100px; margin-right: 100px; } .mx_110 { margin-left: 110px; margin-right: 110px; } .mx_120 { margin-left: 120px; margin-right: 120px; } .mx_130 { margin-left: 130px; margin-right: 130px; } .mx_140 { margin-left: 140px; margin-right: 140px; } .mx_150 { margin-left: 150px; margin-right: 150px; } .mx_160 { margin-left: 160px; margin-right: 160px; } .mx_170 { margin-left: 170px; margin-right: 170px; } .mx_180 { margin-left: 180px; margin-right: 180px; } .mx_190 { margin-left: 190px; margin-right: 190px; } .mx_200 { margin-left: 200px; margin-right: 200px; } .my_0 { margin-top: 0; margin-bottom: 0; } .my_1 { margin-top: 1px; margin-bottom: 1px; } .my_2 { margin-top: 2px; margin-bottom: 2px; } .my_3 { margin-top: 3px; margin-bottom: 3px; } .my_4 { margin-top: 4px; margin-bottom: 4px; } .my_5 { margin-top: 5px; margin-bottom: 5px; } .my_6 { margin-top: 6px; margin-bottom: 6px; } .my_7 { margin-top: 7px; margin-bottom: 7px; } .my_8 { margin-top: 8px; margin-bottom: 8px; } .my_9 { margin-top: 9px; margin-bottom: 9px; } .my_10 { margin-top: 10px; margin-bottom: 10px; } .my_11 { margin-top: 11px; margin-bottom: 11px; } .my_12 { margin-top: 12px; margin-bottom: 12px; } .my_13 { margin-top: 13px; margin-bottom: 13px; } .my_14 { margin-top: 14px; margin-bottom: 14px; } .my_15 { margin-top: 15px; margin-bottom: 15px; } .my_16 { margin-top: 16px; margin-bottom: 16px; } .my_17 { margin-top: 17px; margin-bottom: 17px; } .my_18 { margin-top: 18px; margin-bottom: 18px; } .my_19 { margin-top: 19px; margin-bottom: 19px; } .my_20 { margin-top: 20px; margin-bottom: 20px; } .my_25 { margin-top: 25px; margin-bottom: 25px; } .my_30 { margin-top: 30px; margin-bottom: 30px; } .my_35 { margin-top: 35px; margin-bottom: 35px; } .my_40 { margin-top: 40px; margin-bottom: 40px; } .my_45 { margin-top: 45px; margin-bottom: 45px; } .my_50 { margin-top: 50px; margin-bottom: 50px; } .my_55 { margin-top: 55px; margin-bottom: 55px; } .my_60 { margin-top: 60px; margin-bottom: 60px; } .my_65 { margin-top: 65px; margin-bottom: 65px; } .my_70 { margin-top: 70px; margin-bottom: 70px; } .my_75 { margin-top: 75px; margin-bottom: 75px; } .my_80 { margin-top: 80px; margin-bottom: 80px; } .my_85 { margin-top: 85px; margin-bottom: 85px; } .my_90 { margin-top: 90px; margin-bottom: 90px; } .my_95 { margin-top: 95px; margin-bottom: 95px; } .my_100 { margin-top: 100px; margin-bottom: 100px; } .my_110 { margin-top: 110px; margin-bottom: 110px; } .my_120 { margin-top: 120px; margin-bottom: 120px; } .my_130 { margin-top: 130px; margin-bottom: 130px; } .my_140 { margin-top: 140px; margin-bottom: 140px; } .my_150 { margin-top: 150px; margin-bottom: 150px; } .my_160 { margin-top: 160px; margin-bottom: 160px; } .my_170 { margin-top: 170px; margin-bottom: 170px; } .my_180 { margin-top: 180px; margin-bottom: 180px; } .my_190 { margin-top: 190px; margin-bottom: 190px; } .my_200 { margin-top: 200px; margin-bottom: 200px; } .mt_0 { margin-top: 0; } .mt_1 { margin-top: 1px; } .mt_2 { margin-top: 2px; } .mt_3 { margin-top: 3px; } .mt_4 { margin-top: 4px; } .mt_5 { margin-top: 5px; } .mt_6 { margin-top: 6px; } .mt_7 { margin-top: 7px; } .mt_8 { margin-top: 8px; } .mt_9 { margin-top: 9px; } .mt_10 { margin-top: 10px; } .mt_11 { margin-top: 11px; } .mt_12 { margin-top: 12px; } .mt_13 { margin-top: 13px; } .mt_14 { margin-top: 14px; } .mt_15 { margin-top: 15px; } .mt_16 { margin-top: 16px; } .mt_17 { margin-top: 17px; } .mt_18 { margin-top: 18px; } .mt_19 { margin-top: 19px; } .mt_20 { margin-top: 20px; } .mt_25 { margin-top: 25px; } .mt_30 { margin-top: 30px; } .mt_35 { margin-top: 35px; } .mt_40 { margin-top: 40px; } .mt_45 { margin-top: 45px; } .mt_50 { margin-top: 50px; } .mt_55 { margin-top: 55px; } .mt_60 { margin-top: 60px; } .mt_65 { margin-top: 65px; } .mt_70 { margin-top: 70px; } .mt_75 { margin-top: 75px; } .mt_80 { margin-top: 80px; } .mt_85 { margin-top: 85px; } .mt_90 { margin-top: 90px; } .mt_95 { margin-top: 95px; } .mt_100 { margin-top: 100px; } .mt_110 { margin-top: 110px; } .mt_120 { margin-top: 120px; } .mt_130 { margin-top: 130px; } .mt_140 { margin-top: 140px; } .mt_150 { margin-top: 150px; } .mt_160 { margin-top: 160px; } .mt_170 { margin-top: 170px; } .mt_180 { margin-top: 180px; } .mt_190 { margin-top: 190px; } .mt_200 { margin-top: 200px; } .mr_0 { margin-right: 0; } .mr_1 { margin-right: 1px; } .mr_2 { margin-right: 2px; } .mr_3 { margin-right: 3px; } .mr_4 { margin-right: 4px; } .mr_5 { margin-right: 5px; } .mr_6 { margin-right: 6px; } .mr_7 { margin-right: 7px; } .mr_8 { margin-right: 8px; } .mr_9 { margin-right: 9px; } .mr_10 { margin-right: 10px; } .mr_11 { margin-right: 11px; } .mr_12 { margin-right: 12px; } .mr_13 { margin-right: 13px; } .mr_14 { margin-right: 14px; } .mr_15 { margin-right: 15px; } .mr_16 { margin-right: 16px; } .mr_17 { margin-right: 17px; } .mr_18 { margin-right: 18px; } .mr_19 { margin-right: 19px; } .mr_20 { margin-right: 20px; } .mr_25 { margin-right: 25px; } .mr_30 { margin-right: 30px; } .mr_35 { margin-right: 35px; } .mr_40 { margin-right: 40px; } .mr_45 { margin-right: 45px; } .mr_50 { margin-right: 50px; } .mr_55 { margin-right: 55px; } .mr_60 { margin-right: 60px; } .mr_65 { margin-right: 65px; } .mr_70 { margin-right: 70px; } .mr_75 { margin-right: 75px; } .mr_80 { margin-right: 80px; } .mr_85 { margin-right: 85px; } .mr_90 { margin-right: 90px; } .mr_95 { margin-right: 95px; } .mr_100 { margin-right: 100px; } .mr_110 { margin-right: 110px; } .mr_120 { margin-right: 120px; } .mr_130 { margin-right: 130px; } .mr_140 { margin-right: 140px; } .mr_150 { margin-right: 150px; } .mr_160 { margin-right: 160px; } .mr_170 { margin-right: 170px; } .mr_180 { margin-right: 180px; } .mr_190 { margin-right: 190px; } .mr_200 { margin-right: 200px; } .mb_0 { margin-bottom: 0; } .mb_1 { margin-bottom: 1px; } .mb_2 { margin-bottom: 2px; } .mb_3 { margin-bottom: 3px; } .mb_4 { margin-bottom: 4px; } .mb_5 { margin-bottom: 5px; } .mb_6 { margin-bottom: 6px; } .mb_7 { margin-bottom: 7px; } .mb_8 { margin-bottom: 8px; } .mb_9 { margin-bottom: 9px; } .mb_10 { margin-bottom: 10px; } .mb_11 { margin-bottom: 11px; } .mb_12 { margin-bottom: 12px; } .mb_13 { margin-bottom: 13px; } .mb_14 { margin-bottom: 14px; } .mb_15 { margin-bottom: 15px; } .mb_16 { margin-bottom: 16px; } .mb_17 { margin-bottom: 17px; } .mb_18 { margin-bottom: 18px; } .mb_19 { margin-bottom: 19px; } .mb_20 { margin-bottom: 20px; } .mb_25 { margin-bottom: 25px; } .mb_30 { margin-bottom: 30px; } .mb_35 { margin-bottom: 35px; } .mb_40 { margin-bottom: 40px; } .mb_45 { margin-bottom: 45px; } .mb_50 { margin-bottom: 50px; } .mb_55 { margin-bottom: 55px; } .mb_60 { margin-bottom: 60px; } .mb_65 { margin-bottom: 65px; } .mb_70 { margin-bottom: 70px; } .mb_75 { margin-bottom: 75px; } .mb_80 { margin-bottom: 80px; } .mb_85 { margin-bottom: 85px; } .mb_90 { margin-bottom: 90px; } .mb_95 { margin-bottom: 95px; } .mb_100 { margin-bottom: 100px; } .mb_110 { margin-bottom: 110px; } .mb_120 { margin-bottom: 120px; } .mb_130 { margin-bottom: 130px; } .mb_140 { margin-bottom: 140px; } .mb_150 { margin-bottom: 150px; } .mb_160 { margin-bottom: 160px; } .mb_170 { margin-bottom: 170px; } .mb_180 { margin-bottom: 180px; } .mb_190 { margin-bottom: 190px; } .mb_200 { margin-bottom: 200px; } .ml_0 { margin-left: 0; } .ml_1 { margin-left: 1px; } .ml_2 { margin-left: 2px; } .ml_3 { margin-left: 3px; } .ml_4 { margin-left: 4px; } .ml_5 { margin-left: 5px; } .ml_6 { margin-left: 6px; } .ml_7 { margin-left: 7px; } .ml_8 { margin-left: 8px; } .ml_9 { margin-left: 9px; } .ml_10 { margin-left: 10px; } .ml_11 { margin-left: 11px; } .ml_12 { margin-left: 12px; } .ml_13 { margin-left: 13px; } .ml_14 { margin-left: 14px; } .ml_15 { margin-left: 15px; } .ml_16 { margin-left: 16px; } .ml_17 { margin-left: 17px; } .ml_18 { margin-left: 18px; } .ml_19 { margin-left: 19px; } .ml_20 { margin-left: 20px; } .ml_25 { margin-left: 25px; } .ml_30 { margin-left: 30px; } .ml_35 { margin-left: 35px; } .ml_40 { margin-left: 40px; } .ml_45 { margin-left: 45px; } .ml_50 { margin-left: 50px; } .ml_55 { margin-left: 55px; } .ml_60 { margin-left: 60px; } .ml_65 { margin-left: 65px; } .ml_70 { margin-left: 70px; } .ml_75 { margin-left: 75px; } .ml_80 { margin-left: 80px; } .ml_85 { margin-left: 85px; } .ml_90 { margin-left: 90px; } .ml_95 { margin-left: 95px; } .ml_100 { margin-left: 100px; } .ml_110 { margin-left: 110px; } .ml_120 { margin-left: 120px; } .ml_130 { margin-left: 130px; } .ml_140 { margin-left: 140px; } .ml_150 { margin-left: 150px; } .ml_160 { margin-left: 160px; } .ml_170 { margin-left: 170px; } .ml_180 { margin-left: 180px; } .ml_190 { margin-left: 190px; } .ml_200 { margin-left: 200px; } /* el_13 Padding */ .p_0 { padding: 0; } .p_1 { padding: 1px; } .p_2 { padding: 2px; } .p_3 { padding: 3px; } .p_4 { padding: 4px; } .p_5 { padding: 5px; } .p_6 { padding: 6px; } .p_7 { padding: 7px; } .p_8 { padding: 8px; } .p_9 { padding: 9px; } .p_10 { padding: 10px; } .p_11 { padding: 11px; } .p_12 { padding: 12px; } .p_13 { padding: 13px; } .p_14 { padding: 14px; } .p_15 { padding: 15px; } .p_16 { padding: 16px; } .p_17 { padding: 17px; } .p_18 { padding: 18px; } .p_19 { padding: 19px; } .p_20 { padding: 20px; } .p_25 { padding: 25px; } .p_30 { padding: 30px; } .p_35 { padding: 35px; } .p_40 { padding: 40px; } .p_45 { padding: 45px; } .p_50 { padding: 50px; } .p_55 { padding: 55px; } .p_60 { padding: 60px; } .p_65 { padding: 65px; } .p_70 { padding: 70px; } .p_75 { padding: 75px; } .p_80 { padding: 80px; } .p_85 { padding: 85px; } .p_90 { padding: 90px; } .p_95 { padding: 95px; } .p_100 { padding: 100px; } .p_110 { padding: 110px; } .p_120 { padding: 120px; } .p_130 { padding: 130px; } .p_140 { padding: 140px; } .p_150 { padding: 150px; } .p_160 { padding: 160px; } .p_170 { padding: 170px; } .p_180 { padding: 180px; } .p_190 { padding: 190px; } .p_200 { padding: 200px; } .px_0 { padding-left: 0; padding-right: 0; } .px_1 { padding-left: 1px; padding-right: 1px; } .px_2 { padding-left: 2px; padding-right: 2px; } .px_3 { padding-left: 3px; padding-right: 3px; } .px_4 { padding-left: 4px; padding-right: 4px; } .px_5 { padding-left: 5px; padding-right: 5px; } .px_6 { padding-left: 6px; padding-right: 6px; } .px_7 { padding-left: 7px; padding-right: 7px; } .px_8 { padding-left: 8px; padding-right: 8px; } .px_9 { padding-left: 9px; padding-right: 9px; } .px_10 { padding-left: 10px; padding-right: 10px; } .px_11 { padding-left: 11px; padding-right: 11px; } .px_12 { padding-left: 12px; padding-right: 12px; } .px_13 { padding-left: 13px; padding-right: 13px; } .px_14 { padding-left: 14px; padding-right: 14px; } .px_15 { padding-left: 15px; padding-right: 15px; } .px_16 { padding-left: 16px; padding-right: 16px; } .px_17 { padding-left: 17px; padding-right: 17px; } .px_18 { padding-left: 18px; padding-right: 18px; } .px_19 { padding-left: 19px; padding-right: 19px; } .px_20 { padding-left: 20px; padding-right: 20px; } .px_25 { padding-left: 25px; padding-right: 25px; } .px_30 { padding-left: 30px; padding-right: 30px; } .px_35 { padding-left: 35px; padding-right: 35px; } .px_40 { padding-left: 40px; padding-right: 40px; } .px_45 { padding-left: 45px; padding-right: 45px; } .px_50 { padding-left: 50px; padding-right: 50px; } .px_55 { padding-left: 55px; padding-right: 55px; } .px_60 { padding-left: 60px; padding-right: 60px; } .px_65 { padding-left: 65px; padding-right: 65px; } .px_70 { padding-left: 70px; padding-right: 70px; } .px_75 { padding-left: 75px; padding-right: 75px; } .px_80 { padding-left: 80px; padding-right: 80px; } .px_85 { padding-left: 85px; padding-right: 85px; } .px_90 { padding-left: 90px; padding-right: 90px; } .px_95 { padding-left: 95px; padding-right: 95px; } .px_100 { padding-left: 100px; padding-right: 100px; } .px_110 { padding-left: 110px; padding-right: 110px; } .px_120 { padding-left: 120px; padding-right: 120px; } .px_130 { padding-left: 130px; padding-right: 130px; } .px_140 { padding-left: 140px; padding-right: 140px; } .px_150 { padding-left: 150px; padding-right: 150px; } .px_160 { padding-left: 160px; padding-right: 160px; } .px_170 { padding-left: 170px; padding-right: 170px; } .px_180 { padding-left: 180px; padding-right: 180px; } .px_190 { padding-left: 190px; padding-right: 190px; } .px_200 { padding-left: 200px; padding-right: 200px; } .py_0 { padding-top: 0; padding-bottom: 0; } .py_1 { padding-top: 1px; padding-bottom: 1px; } .py_2 { padding-top: 2px; padding-bottom: 2px; } .py_3 { padding-top: 3px; padding-bottom: 3px; } .py_4 { padding-top: 4px; padding-bottom: 4px; } .py_5 { padding-top: 5px; padding-bottom: 5px; } .py_6 { padding-top: 6px; padding-bottom: 6px; } .py_7 { padding-top: 7px; padding-bottom: 7px; } .py_8 { padding-top: 8px; padding-bottom: 8px; } .py_9 { padding-top: 9px; padding-bottom: 9px; } .py_10 { padding-top: 10px; padding-bottom: 10px; } .py_11 { padding-top: 11px; padding-bottom: 11px; } .py_12 { padding-top: 12px; padding-bottom: 12px; } .py_13 { padding-top: 13px; padding-bottom: 13px; } .py_14 { padding-top: 14px; padding-bottom: 14px; } .py_15 { padding-top: 15px; padding-bottom: 15px; } .py_16 { padding-top: 16px; padding-bottom: 16px; } .py_17 { padding-top: 17px; padding-bottom: 17px; } .py_18 { padding-top: 18px; padding-bottom: 18px; } .py_19 { padding-top: 19px; padding-bottom: 19px; } .py_20 { padding-top: 20px; padding-bottom: 20px; } .py_25 { padding-top: 25px; padding-bottom: 25px; } .py_30 { padding-top: 30px; padding-bottom: 30px; } .py_35 { padding-top: 35px; padding-bottom: 35px; } .py_40 { padding-top: 40px; padding-bottom: 40px; } .py_45 { padding-top: 45px; padding-bottom: 45px; } .py_50 { padding-top: 50px; padding-bottom: 50px; } .py_55 { padding-top: 55px; padding-bottom: 55px; } .py_60 { padding-top: 60px; padding-bottom: 60px; } .py_65 { padding-top: 65px; padding-bottom: 65px; } .py_70 { padding-top: 70px; padding-bottom: 70px; } .py_75 { padding-top: 75px; padding-bottom: 75px; } .py_80 { padding-top: 80px; padding-bottom: 80px; } .py_85 { padding-top: 85px; padding-bottom: 85px; } .py_90 { padding-top: 90px; padding-bottom: 90px; } .py_95 { padding-top: 95px; padding-bottom: 95px; } .py_100 { padding-top: 100px; padding-bottom: 100px; } .py_110 { padding-top: 110px; padding-bottom: 110px; } .py_120 { padding-top: 120px; padding-bottom: 120px; } .py_130 { padding-top: 130px; padding-bottom: 130px; } .py_140 { padding-top: 140px; padding-bottom: 140px; } .py_150 { padding-top: 150px; padding-bottom: 150px; } .py_160 { padding-top: 160px; padding-bottom: 160px; } .py_170 { padding-top: 170px; padding-bottom: 170px; } .py_180 { padding-top: 180px; padding-bottom: 180px; } .py_190 { padding-top: 190px; padding-bottom: 190px; } .py_200 { padding-top: 200px; padding-bottom: 200px; } .pt_0 { padding-top: 0; } .pt_1 { padding-top: 1px; } .pt_2 { padding-top: 2px; } .pt_3 { padding-top: 3px; } .pt_4 { padding-top: 4px; } .pt_5 { padding-top: 5px; } .pt_6 { padding-top: 6px; } .pt_7 { padding-top: 7px; } .pt_8 { padding-top: 8px; } .pt_9 { padding-top: 9px; } .pt_10 { padding-top: 10px; } .pt_11 { padding-top: 11px; } .pt_12 { padding-top: 12px; } .pt_13 { padding-top: 13px; } .pt_14 { padding-top: 14px; } .pt_15 { padding-top: 15px; } .pt_16 { padding-top: 16px; } .pt_17 { padding-top: 17px; } .pt_18 { padding-top: 18px; } .pt_19 { padding-top: 19px; } .pt_20 { padding-top: 20px; } .pt_25 { padding-top: 25px; } .pt_30 { padding-top: 30px; } .pt_35 { padding-top: 35px; } .pt_40 { padding-top: 40px; } .pt_45 { padding-top: 45px; } .pt_50 { padding-top: 50px; } .pt_55 { padding-top: 55px; } .pt_60 { padding-top: 60px; } .pt_65 { padding-top: 65px; } .pt_70 { padding-top: 70px; } .pt_75 { padding-top: 75px; } .pt_80 { padding-top: 80px; } .pt_85 { padding-top: 85px; } .pt_90 { padding-top: 90px; } .pt_95 { padding-top: 95px; } .pt_100 { padding-top: 100px; } .pt_110 { padding-top: 110px; } .pt_120 { padding-top: 120px; } .pt_130 { padding-top: 130px; } .pt_140 { padding-top: 140px; } .pt_150 { padding-top: 150px; } .pt_160 { padding-top: 160px; } .pt_170 { padding-top: 170px; } .pt_180 { padding-top: 180px; } .pt_190 { padding-top: 190px; } .pt_200 { padding-top: 200px; } .pr_0 { padding-right: 0; } .pr_1 { padding-right: 1px; } .pr_2 { padding-right: 2px; } .pr_3 { padding-right: 3px; } .pr_4 { padding-right: 4px; } .pr_5 { padding-right: 5px; } .pr_6 { padding-right: 6px; } .pr_7 { padding-right: 7px; } .pr_8 { padding-right: 8px; } .pr_9 { padding-right: 9px; } .pr_10 { padding-right: 10px; } .pr_11 { padding-right: 11px; } .pr_12 { padding-right: 12px; } .pr_13 { padding-right: 13px; } .pr_14 { padding-right: 14px; } .pr_15 { padding-right: 15px; } .pr_16 { padding-right: 16px; } .pr_17 { padding-right: 17px; } .pr_18 { padding-right: 18px; } .pr_19 { padding-right: 19px; } .pr_20 { padding-right: 20px; } .pr_25 { padding-right: 25px; } .pr_30 { padding-right: 30px; } .pr_35 { padding-right: 35px; } .pr_40 { padding-right: 40px; } .pr_45 { padding-right: 45px; } .pr_50 { padding-right: 50px; } .pr_55 { padding-right: 55px; } .pr_60 { padding-right: 60px; } .pr_65 { padding-right: 65px; } .pr_70 { padding-right: 70px; } .pr_75 { padding-right: 75px; } .pr_80 { padding-right: 80px; } .pr_85 { padding-right: 85px; } .pr_90 { padding-right: 90px; } .pr_95 { padding-right: 95px; } .pr_100 { padding-right: 100px; } .pr_110 { padding-right: 110px; } .pr_120 { padding-right: 120px; } .pr_130 { padding-right: 130px; } .pr_140 { padding-right: 140px; } .pr_150 { padding-right: 150px; } .pr_160 { padding-right: 160px; } .pr_170 { padding-right: 170px; } .pr_180 { padding-right: 180px; } .pr_190 { padding-right: 190px; } .pr_200 { padding-right: 200px; } .pb_0 { padding-bottom: 0; } .pb_1 { padding-bottom: 1px; } .pb_2 { padding-bottom: 2px; } .pb_3 { padding-bottom: 3px; } .pb_4 { padding-bottom: 4px; } .pb_5 { padding-bottom: 5px; } .pb_6 { padding-bottom: 6px; } .pb_7 { padding-bottom: 7px; } .pb_8 { padding-bottom: 8px; } .pb_9 { padding-bottom: 9px; } .pb_10 { padding-bottom: 10px; } .pb_11 { padding-bottom: 11px; } .pb_12 { padding-bottom: 12px; } .pb_13 { padding-bottom: 13px; } .pb_14 { padding-bottom: 14px; } .pb_15 { padding-bottom: 15px; } .pb_16 { padding-bottom: 16px; } .pb_17 { padding-bottom: 17px; } .pb_18 { padding-bottom: 18px; } .pb_19 { padding-bottom: 19px; } .pb_20 { padding-bottom: 20px; } .pb_25 { padding-bottom: 25px; } .pb_30 { padding-bottom: 30px; } .pb_35 { padding-bottom: 35px; } .pb_40 { padding-bottom: 40px; } .pb_45 { padding-bottom: 45px; } .pb_50 { padding-bottom: 50px; } .pb_55 { padding-bottom: 55px; } .pb_60 { padding-bottom: 60px; } .pb_65 { padding-bottom: 65px; } .pb_70 { padding-bottom: 70px; } .pb_75 { padding-bottom: 75px; } .pb_80 { padding-bottom: 80px; } .pb_85 { padding-bottom: 85px; } .pb_90 { padding-bottom: 90px; } .pb_95 { padding-bottom: 95px; } .pb_100 { padding-bottom: 100px; } .pb_110 { padding-bottom: 110px; } .pb_120 { padding-bottom: 120px; } .pb_130 { padding-bottom: 130px; } .pb_140 { padding-bottom: 140px; } .pb_150 { padding-bottom: 150px; } .pb_160 { padding-bottom: 160px; } .pb_170 { padding-bottom: 170px; } .pb_180 { padding-bottom: 180px; } .pb_190 { padding-bottom: 190px; } .pb_200 { padding-bottom: 200px; } .pl_0 { padding-left: 0; } .pl_1 { padding-left: 1px; } .pl_2 { padding-left: 2px; } .pl_3 { padding-left: 3px; } .pl_4 { padding-left: 4px; } .pl_5 { padding-left: 5px; } .pl_6 { padding-left: 6px; } .pl_7 { padding-left: 7px; } .pl_8 { padding-left: 8px; } .pl_9 { padding-left: 9px; } .pl_10 { padding-left: 10px; } .pl_11 { padding-left: 11px; } .pl_12 { padding-left: 12px; } .pl_13 { padding-left: 13px; } .pl_14 { padding-left: 14px; } .pl_15 { padding-left: 15px; } .pl_16 { padding-left: 16px; } .pl_17 { padding-left: 17px; } .pl_18 { padding-left: 18px; } .pl_19 { padding-left: 19px; } .pl_20 { padding-left: 20px; } .pl_25 { padding-left: 25px; } .pl_30 { padding-left: 30px; } .pl_35 { padding-left: 35px; } .pl_40 { padding-left: 40px; } .pl_45 { padding-left: 45px; } .pl_50 { padding-left: 50px; } .pl_55 { padding-left: 55px; } .pl_60 { padding-left: 60px; } .pl_65 { padding-left: 65px; } .pl_70 { padding-left: 70px; } .pl_75 { padding-left: 75px; } .pl_80 { padding-left: 80px; } .pl_85 { padding-left: 85px; } .pl_90 { padding-left: 90px; } .pl_95 { padding-left: 95px; } .pl_100 { padding-left: 100px; } .pl_110 { padding-left: 110px; } .pl_120 { padding-left: 120px; } .pl_130 { padding-left: 130px; } .pl_140 { padding-left: 140px; } .pl_150 { padding-left: 150px; } .pl_160 { padding-left: 160px; } .pl_170 { padding-left: 170px; } .pl_180 { padding-left: 180px; } .pl_190 { padding-left: 190px; } .pl_200 { padding-left: 200px; } /* el_14 Top */ .t_0 { top: 0; } .t_1 { top: 1px; } .t_2 { top: 2px; } .t_3 { top: 3px; } .t_4 { top: 4px; } .t_5 { top: 5px; } .t_6 { top: 6px; } .t_7 { top: 7px; } .t_8 { top: 8px; } .t_9 { top: 9px; } .t_10 { top: 10px; } .t_11 { top: 11px; } .t_12 { top: 12px; } .t_13 { top: 13px; } .t_14 { top: 14px; } .t_15 { top: 15px; } .t_16 { top: 16px; } .t_17 { top: 17px; } .t_18 { top: 18px; } .t_19 { top: 19px; } .t_20 { top: 20px; } .t_25 { top: 25px; } .t_30 { top: 30px; } .t_35 { top: 35px; } .t_40 { top: 40px; } .t_45 { top: 45px; } .t_50 { top: 50px; } .t_55 { top: 55px; } .t_60 { top: 60px; } .t_65 { top: 65px; } .t_70 { top: 70px; } .t_75 { top: 75px; } .t_80 { top: 80px; } .t_85 { top: 85px; } .t_90 { top: 90px; } .t_95 { top: 95px; } .t_100 { top: 100px; } .t_110 { top: 110px; } .t_120 { top: 120px; } .t_130 { top: 130px; } .t_140 { top: 140px; } .t_150 { top: 150px; } .t_160 { top: 160px; } .t_170 { top: 170px; } .t_180 { top: 180px; } .t_190 { top: 190px; } .t_200 { top: 200px; } /* el_15 Right */ .r_0 { right: 0; } .r_1 { right: 1px; } .r_2 { right: 2px; } .r_3 { right: 3px; } .r_4 { right: 4px; } .r_5 { right: 5px; } .r_6 { right: 6px; } .r_7 { right: 7px; } .r_8 { right: 8px; } .r_9 { right: 9px; } .r_10 { right: 10px; } .r_11 { right: 11px; } .r_12 { right: 12px; } .r_13 { right: 13px; } .r_14 { right: 14px; } .r_15 { right: 15px; } .r_16 { right: 16px; } .r_17 { right: 17px; } .r_18 { right: 18px; } .r_19 { right: 19px; } .r_20 { right: 20px; } .r_25 { right: 25px; } .r_30 { right: 30px; } .r_35 { right: 35px; } .r_40 { right: 40px; } .r_45 { right: 45px; } .r_50 { right: 50px; } .r_55 { right: 55px; } .r_60 { right: 60px; } .r_65 { right: 65px; } .r_70 { right: 70px; } .r_75 { right: 75px; } .r_80 { right: 80px; } .r_85 { right: 85px; } .r_90 { right: 90px; } .r_95 { right: 95px; } .r_100 { right: 100px; } .r_110 { right: 110px; } .r_120 { right: 120px; } .r_130 { right: 130px; } .r_140 { right: 140px; } .r_150 { right: 150px; } .r_160 { right: 160px; } .r_170 { right: 170px; } .r_180 { right: 180px; } .r_190 { right: 190px; } .r_200 { right: 200px; } /* el_16 Bottom */ .b_0 { bottom: 0; } .b_1 { bottom: 1px; } .b_2 { bottom: 2px; } .b_3 { bottom: 3px; } .b_4 { bottom: 4px; } .b_5 { bottom: 5px; } .b_6 { bottom: 6px; } .b_7 { bottom: 7px; } .b_8 { bottom: 8px; } .b_9 { bottom: 9px; } .b_10 { bottom: 10px; } .b_11 { bottom: 11px; } .b_12 { bottom: 12px; } .b_13 { bottom: 13px; } .b_14 { bottom: 14px; } .b_15 { bottom: 15px; } .b_16 { bottom: 16px; } .b_17 { bottom: 17px; } .b_18 { bottom: 18px; } .b_19 { bottom: 19px; } .b_20 { bottom: 20px; } .b_25 { bottom: 25px; } .b_30 { bottom: 30px; } .b_35 { bottom: 35px; } .b_40 { bottom: 40px; } .b_45 { bottom: 45px; } .b_50 { bottom: 50px; } .b_55 { bottom: 55px; } .b_60 { bottom: 60px; } .b_65 { bottom: 65px; } .b_70 { bottom: 70px; } .b_75 { bottom: 75px; } .b_80 { bottom: 80px; } .b_85 { bottom: 85px; } .b_90 { bottom: 90px; } .b_95 { bottom: 95px; } .b_100 { bottom: 100px; } .b_110 { bottom: 110px; } .b_120 { bottom: 120px; } .b_130 { bottom: 130px; } .b_140 { bottom: 140px; } .b_150 { bottom: 150px; } .b_160 { bottom: 160px; } .b_170 { bottom: 170px; } .b_180 { bottom: 180px; } .b_190 { bottom: 190px; } .b_200 { bottom: 200px; } /* el_17 Top */ .l_0 { left: 0; } .l_1 { left: 1px; } .l_2 { left: 2px; } .l_3 { left: 3px; } .l_4 { left: 4px; } .l_5 { left: 5px; } .l_6 { left: 6px; } .l_7 { left: 7px; } .l_8 { left: 8px; } .l_9 { left: 9px; } .l_10 { left: 10px; } .l_11 { left: 11px; } .l_12 { left: 12px; } .l_13 { left: 13px; } .l_14 { left: 14px; } .l_15 { left: 15px; } .l_16 { left: 16px; } .l_17 { left: 17px; } .l_18 { left: 18px; } .l_19 { left: 19px; } .l_20 { left: 20px; } .l_25 { left: 25px; } .l_30 { left: 30px; } .l_35 { left: 35px; } .l_40 { left: 40px; } .l_45 { left: 45px; } .l_50 { left: 50px; } .l_55 { left: 55px; } .l_60 { left: 60px; } .l_65 { left: 65px; } .l_70 { left: 70px; } .l_75 { left: 75px; } .l_80 { left: 80px; } .l_85 { left: 85px; } .l_90 { left: 90px; } .l_95 { left: 95px; } .l_100 { left: 100px; } .l_110 { left: 110px; } .l_120 { left: 120px; } .l_130 { left: 130px; } .l_140 { left: 140px; } .l_150 { left: 150px; } .l_160 { left: 160px; } .l_170 { left: 170px; } .l_180 { left: 180px; } .l_190 { left: 190px; } .l_200 { left: 200px; } /* el_18 Text align */ .align-1 { text-align: left; } .align-2 { text-align: center; } .align-3 { text-align: right; } /* el_19 Z-index */ .z_1 { z-index: 1; } .z_2 { z-index: 2; } .z_3 { z-index: 3; } .z_4 { z-index: 4; } .z_5 { z-index: 5; } .z_6 { z-index: 6; } .z_7 { z-index: 7; } .z_8 { z-index: 8; } .z_9 { z-index: 9; } .z_99 { z-index: 99; } .z_999 { z-index: 999; } .z_9999 { z-index: 9999; } .z_99999 { z-index: 99999; } /* el_20 Border radius */ .b_radius_0 { border-radius: 0; } .b_radius_1 { border-radius: 1px; } .b_radius_2 { border-radius: 2px; } .b_radius_3 { border-radius: 3px; } .b_radius_4 { border-radius: 4px; } .b_radius_5 { border-radius: 5px; } .b_radius_6 { border-radius: 6px; } .b_radius_7 { border-radius: 7px; } .b_radius_8 { border-radius: 8px; } .b_radius_9 { border-radius: 9px; } .b_radius_10 { border-radius: 10px; } .b_radius_11 { border-radius: 11px; } .b_radius_12 { border-radius: 12px; } .b_radius_13 { border-radius: 13px; } .b_radius_14 { border-radius: 14px; } .b_radius_15 { border-radius: 15px; } .b_radius_16 { border-radius: 16px; } .b_radius_17 { border-radius: 17px; } .b_radius_18 { border-radius: 18px; } .b_radius_19 { border-radius: 19px; } .b_radius_20 { border-radius: 20px; } .b_radius_25 { border-radius: 25px; } .b_radius_30 { border-radius: 30px; } .b_radius_50 { border-radius: 50%; } /* el_21 Box shadow */ .b_shadow_1 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } .b_shadow_2 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .b_shadow_3 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } .b_shadow_4 { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .b_shadow_5 { box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); } .b_shadow_6 { box-shadow: 0 0 40px rgba(0, 0, 0, 0.10); } .b_shadow_7 { box-shadow: 0 0 40px rgba(0, 0, 0, 0.15); } .b_shadow_8 { box-shadow: 0 0 40px rgba(0, 0, 0, 0.20); } /* el_22 Btn */ .theme_btn_1{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 700; color: #fff !important; text-align: center; padding: 14.5px 31px; letter-spacing: 1px; text-transform: uppercase; background-color: #0d6efd; z-index: 1; vertical-align: middle; } .theme_btn_1:before{ position: absolute; content: ''; width: 0%; height: 100%; background: #272727; left: 0px; top: 0px; z-index: -1; transition: all 500ms ease; } .theme_btn_1:hover:before{ width: 100%; } .theme_btn_2{ position: relative; display: inline-block; overflow: hidden; font-size: 16px; line-height: 25px; font-weight: 500; color: #061a3a; border: 1px solid #e4e8e9; text-align: center; padding: 16.5px 41.5px; border-radius: 4px; z-index: 1; transition: all 500ms ease; vertical-align: middle; } .theme_btn_2:hover{ color: #ffffff; } .theme_btn_2:before{ transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; background: #0d6efd; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; } .theme_btn_2:hover:before{ top: -40%; } /* el_23 Image Hover */ .img_hover_1 { position: relative; overflow: hidden; } .img_hover_1 img{ width: 100%; transition: all 500ms ease; } .img_hover_1:before { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255,.2); border-radius: 0%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .img_hover_1:hover:before { -webkit-animation: circle .95s; animation: circle .95s; } .img_hover_2 { position: relative; overflow: hidden; background-color: #0d6efd; } .img_hover_2 img{ width: 100%; transition: all 500ms ease; } .img_hover_2:hover img{ transform: scale(1.05); opacity: .5; } .img_hover_2:before { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255,.2); border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .img_hover_2:hover:before { -webkit-animation: circle .95s; animation: circle .95s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } .img_hover_3 { position: relative; overflow: hidden; } .img_hover_3 img{ width: 100%; transition: all 500ms ease; } .img_hover_3:before{ position: absolute; top: 0; left: -75%; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); } .img_hover_3:hover:before{ -webkit-animation: shine 1s; animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .img_hover_4{ position: relative; overflow: hidden; } .img_hover_4 img{ width: 100%; transition: all 500ms ease; } .img_hover_4:before{ position: absolute; content: ''; width: 100%; height: 0%; left: 0px; top: 0px; opacity: 0.8; transition: all 500ms ease; background-color: #0d6efd; } .img_hover_4:hover:before{ height: 100%; } .img_hover_5{ position: relative; display: block; overflow: hidden; } .img_hover_5:before{ position: absolute; content: ''; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; transform: scale(0,0); opacity: 0.9; z-index: 1; transition: all 500ms ease; background-color: #0d6efd; } .img_hover_5:hover:before{ transform: scale(1,1); } .img_hover_5 img{ width: 100%; transition: all 500ms ease; } .img_hover_5:hover img{ transform: scale(1.1); } .img_hover_6{ position: relative; display: block; overflow: hidden; background-color: #0d6efd; } .img_hover_6 img{ width: 100%; transition: all 500ms ease; } .img_hover_6:hover img{ transform: scale(1.1); opacity: 0.2; } .img_hover_7{ position: relative; display: block; overflow: hidden; } .img_hover_7 img{ width: 100%; transform: scale(1.0); transition: all 1700ms ease; } .img_hover_7:hover img{ transform: scale(1.2); } .img_hover_7:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000000; opacity: 1.0; border-radius: 5px; transition: .5s; transform: perspective(400px) scaleX(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; z-index: 2; } .img_hover_7:hover:before{ opacity: 0.80; transform: perspective(400px) scaleX(1.0); } .img_hover_8 { position: relative; display: block; overflow: hidden; } .img_hover_8 img{ width: 100%; transition: all 1700ms ease; } .img_hover_8:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; z-index: 1; } .img_hover_8:hover:before{ opacity: .65; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .img_hover_9{ position: relative; display: block; overflow: hidden; } .img_hover_9 img{ width: 100%; transform: scale(1.0); transition: all 3500ms ease; } .img_hover_9:hover img{ transform:scale(1.2) rotate(1deg); } .img_hover_9:before { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 50%; opacity: 0; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: 1; background-color: #0d6efd; } .img_hover_9:hover:before{ opacity: 0.80; transform: scaleY(1.0); } .img_hover_9:after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 50%; opacity: 1; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: 1; background-color: #0d6efd; } .img_hover_9:hover:after{ opacity: 0.80; transform: scaleY(1.0); } .img_hover_10{ position: relative; display: block; overflow: hidden; } .img_hover_10:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #0d6efd; opacity: 1.0; transition: .5s; transform: perspective(400px) scaleY(0); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; z-index: 1; } .img_hover_10:hover:before{ opacity: 0.50; transform: perspective(400px) scaleY(1.0); } .img_hover_10 img{ width: 100%; transition: all 3500ms ease; } .img_hover_10:hover img{ transform: scale(1.3) rotate(2deg); } .flexbox_1 { display: flex; flex-wrap: wrap; justify-content: center; } .flexbox_2 { display: flex; flex-wrap: wrap; justify-content: space-between; } * { margin: 0px; padding: 0px; border: none; outline: none; } .swal2-container { z-index: 9999999999!important; } .loade-logo { position: absolute; } .social-links .fa-facebook { color: rgb(16 119 240); } .social-links .fa-square-twitter { color: rgb(33 154 244); } .social-links .fa-twitter { color: rgb(33 154 244); } .social-links .fa-instagram { color: rgb(254 37 126); } .social-links .fa-linkedin { color: rgb(44 103 179); } .max-w-3 .owl-stage { height: 400px; } .new-style-t4 { font-size: 17px; line-height: 30px; font-weight: 400; font-family: 'Oswald', sans-serif; color: #fff; } .destek-img-1 { } .fonts-25 { font-size: 25px; } .blog-sidebar .tel-pulse { margin-bottom: 0; font-size: 20px; padding: 20px; } .blog-sidebar #tel-x2 { max-width: 100% } .blog-sidebar #tel-x1 { margin-left: 0; } .blog-sidebar .pdng-3 { margin-bottom: 25px; } .contact-sm { padding: 25px 0; } .contact-sm li { display: inline-block; margin: 0 10px 10px; } .contact-sm li a { font-size: 38px; color: #fff; line-height: 40px; } .bg-shadow-1 .bg-layer:before { position: absolute; content: ''; background: rgb(0 0 0 / 32%); width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.7; } .bg-shadow-1 .bg-layer:after { position: absolute; content: ''; background: linear-gradient(180deg, rgba(39, 39, 39, 0) -9.17%, #272727 96.07%); transform: rotate(-180deg); width: 100%; height: 100%; left: 0px; top: 0px; } .w-h-auto { width: auto !important; height: auto !important; padding: 15px !important; } .w-h-auto img { height: 30px; width: 30px; } .captcha-height { height: 50px; } #tel-x1 { margin-left: 10%; margin-right: 5px; } #tel-x2 { color: #fff; max-width: 150px; text-align: center; cursor: pointer; text-transform: uppercase; } .tel-xx { justify-content: center; align-items: center; align-content: center; } .lng-w { width: 65px !important; } .flex4 { display: inline-flex; align-items: center; align-content: center; margin-inline: 10px; font-style: italic; width: 250px; } .buttons-3 { position: fixed; left: 0; top: 35%; display: inline-block; max-width: 115px; margin-right: 10px; text-align: center; color: #fff; font-size: 14px; font-weight: 800; z-index: 1; } .d2 { margin-block: 3px; padding: 10px; background: rgb(0 0 0 / 60%); ransition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; cursor: pointer; } /*.d2:hover { margin-block: 3px; padding: 10px; background: rgb(0 0 0 / 100%); }*/ .d2 img { width: auto; height: 50px; } /* .d2:hover{ background: rgb(182 32 37); }*/ .lng span { background: #0000003d; padding: 9px; } .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev { top: 94% !important; border-radius: 0 !important; } .ms-skin-black-2 .ms-nav-next { right: 15% !important; left: none; } .ms-skin-black-2 .ms-nav-prev { right: 19% !important; } .tel-pulse { background: rgb(182 32 37); color: white; font-size: 27px; display: flex; justify-content: center; align-items: center; width: 0; height: 0; padding: 28px; text-decoration: none; border-radius: 50%; animation-name: pulse2; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; margin-inline: auto; margin-bottom: 19px; } @keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgb(182 32 37); } 80% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); } } .tel-button { position: absolute; left: 115px; bottom: 34px; display: block; justify-content: center; align-items: center; align-content: center; z-index: 2; display: none; } .tel-s { color: rgb(255 255 255); padding-inline: 10px; text-decoration: none; font-size: 25px; font-weight: 600; text-shadow: 2px 2px 2px black; background-color: rgb(182 32 37); border-radius: 26px; box-shadow: 2px 5px 0px -2px #272727; } .btn-whatsapp-pulse:hover { color: #fff; } .btn-whatsapp-pulse { color: white; position: fixed; font-size: 35px; display: flex; justify-content: center; align-items: center; width: 0; height: 0; padding: 30px; text-decoration: none; border-radius: 50%; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; z-index: 99999; } .wp-btn-1 { background: #25d366; right: 115px; animation-name: pulse; } .wp-btn-1::before { border: 5px solid #25d366; } .tel-btn-1 { background: rgb(182 32 37); left: 115px; animation-name: pulse-2; } .tel-btn-1::before { border: 5px solid rgb(182 32 37); } .no-btn-1 { background: transparent; left: 156px; display: inline-block; border-radius: 0%; font-size: 18px; animation-name: none; width: 100%; bottom: 31px; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); } 80% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); } } @keyframes pulse-2 { 0% { box-shadow: 0 0 0 0 rgb(182 32 37 / 85%); } 80% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); } } .btn-whatsapp-pulse-border { bottom: 25px; right: 115px; animation-play-state: paused; } .btn-whatsapp-pulse-border::before { content: ""; position: absolute; border-radius: 50%; padding: 25px; opacity: 0.75; animation-name: pulse-border; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; } @keyframes pulse-border { 0% { padding: 25px; opacity: 0.75; } 75% { padding: 50px; opacity: 0; } 100% { opacity: 0; } } .min-w2 { min-width: 90px; } .teklif2 { display: inline-flex; position: fixed; bottom: 53%; left: 0; z-index: 9999; color: #f5f5f5; text-align: center; } .teklif2:hover { color: #f5f5f5; } .telif-btn { display: inline-flex; position: fixed; bottom: 74%; left: -6px; z-index: 9999; color: #f5f5f5; text-align: center; } .fizibilite-servis { display: inline-flex; position: fixed; bottom: 60%; left: 0; z-index: 9999; color: #f5f5f5; text-align: center; } .fizibilite-servis:hover .fle3 { background: rgb(182 32 37); color: #fff; } .fizibilite-servis:hover .fle4 { background: rgb(182 32 37); color: #fff; } .teknik-servis { display: inline-flex; position: fixed; bottom: 46%; left: 0; z-index: 9999; color: #f5f5f5; text-align: center; } .teknik-servis:hover { color: #f5f5f5; } .curved-circle span { color: #fff; } .teknik-img { /* border-top-right-radius: 40%; border-top-left-radius: 40%; */ /* height: 50px; */ height: auto; background: #fff; padding: 5px; } .fiz-img { height: auto; background: #fff; padding: 5px; display: table-column; } .fle4 span { margin-bottom: 0 !important; } .fle3 span { margin-bottom: 0 !important; } .fle3 span, .fle4 span { display: block; margin-bottom: 1px; font-weight: 700; font-size: 16px; } .fle1 span { margin-bottom: 1px; font-weight: 700; font-size: 14px; } .fle1 span:first-child { margin-top: 2px; } .fle2 span:first-child { margin-top: 2px; } .fle2 span { /* display:block; */ margin-bottom: 1px !important; font-weight: 700; font-size: 14px; } .fle1 { background: #00000082; padding: 1px; width: 100%; } .fle2 { background: #00000082; padding: 1px; width: 100%; } .fle3 { background: #00000082; padding: 1px; width: 100%; } .fle4 { background: #00000082; padding: 1px; width: 100%; } .hrzntl { display: block; width: 100%; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-size: 16px; color: #999999; line-height: 22px; font-weight: 400; background: #272727; font-family: 'Poppins', sans-serif; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-font-smoothing: antialiased; } @media (min-width:1200px) { .container { max-width: 1200px; padding: 0px 15px; } .mrgn-b-90 { margin-bottom: 90px !important; } } .large-container { max-width: 1560px; padding: 0px 32px; margin: 0 auto; overflow: hidden; max-width: 1530px; overflow: hidden; } .container-fluid { padding: 0px; } .auto-container { position: static; max-width: 1530px; padding: 0px 0px; margin: 0 auto; } .small-container { max-width: 680px; margin: 0 auto; } .boxed_wrapper { position: relative; margin: 0 auto; overflow: hidden !important; width: 100%; min-width: 300px; } .shdw2:before { content: ''; width: 100%; height: 130px; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: linear-gradient( 180deg,rgb(10 10 10 / 76%) 20%,rgb(138 154 224 / 0%) 100%); } .new3 { border-radius: 50%; padding: 10px; font-size: 22px !important; background: rgb(182 32 37); margin-right: 2px; } a { text-decoration: none; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } a:hover { text-decoration: none; outline: none; } input, button, select, textarea { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; background: transparent; } ::-webkit-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-ms-input-placeholder { color: inherit; } ul, li { list-style: none; padding: 0px; margin: 0px; } input { transition: all 500ms ease; } button:focus, input:focus, textarea:focus { outline: none; box-shadow: none; transition: all 500ms ease; } p { position: relative; font-family: 'Poppins', sans-serif; color: #677289; font-weight: 400; margin: 0px; transition: all 500ms ease; } h1, h2, h3, h4, h5, h6 { position: relative; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; margin: 0px; transition: all 500ms ease; } /* Preloader */ .handle-preloader { align-items: center; -webkit-align-items: center; display: flex; display: -ms-flexbox; height: 100%; justify-content: center; -webkit-justify-content: center; position: fixed; background: #272727; left: 0; top: 0; width: 100%; z-index: 9999999; } .preloader-close { position: fixed; z-index: 99999999; font-size: 26px; background: #fff; width: 40px; height: 40px; line-height: 36px; text-align: center; border-radius: 50%; cursor: pointer; right: 30px; top: 30px; } .handle-preloader .animation-preloader { position: absolute; z-index: 100; } .hcl2 { position: absolute; top: 10%; left: 25%; } .bl { font-style: italic; } .kr { font-style: italic; } .handle-preloader .animation-preloader .spinner { animation: spinner 1s infinite linear; border-radius: 50%; height: 170px; /* margin: 0 auto 45px auto; */ width: 170px; } .handle-preloader .animation-preloader .txt-loading { text-align: center; user-select: none; } .handle-preloader .animation-preloader .txt-loading .letters-loading:before { animation: letters-loading 4s infinite; content: attr(data-text-preloader); left: 0; opacity: 0; top: 0; position: absolute; } .handle-preloader .animation-preloader .txt-loading .letters-loading { font-family: "Inter", sans-serif; font-weight: 400; letter-spacing: 15px; display: inline-block; position: relative; font-size: 70px; line-height: 70px; text-transform: uppercase; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.30); } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before { animation-delay: 0.1s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before { animation-delay: 0.2s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before { animation-delay: 0.3s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before { animation-delay: 0.4s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 0.5; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 0.6s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 0.7s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before { animation-delay: 0.8s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before { animation-delay: 0.9s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(11):before { animation-delay: 1s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(12):before { animation-delay: 1.1s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(13):before { animation-delay: 1.2s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(14):before { animation-delay: 1.3s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(15):before { animation-delay: 1.4s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(16):before { animation-delay: 1.5s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(17):before { animation-delay: 1.6s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(18):before { animation-delay: 1.7s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(19):before { animation-delay: 1.8s; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(20):before { animation-delay: 1.9s; } .handle-preloader .loader-section { background-color: #ffffff; height: 100%; position: fixed; top: 0; width: calc(50% + 1px); } /* .bl{ color: #0D7DFC !important; } .kr{ color: #f4244f !important; } */ .preloader .loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } .handle-preloader .animation-preloader .txt-loading .letters-loading { } .handle-preloader .animation-preloader .txt-loading .kr:before { color: rgb(182 32 37) !important; } .handle-preloader .animation-preloader .txt-loading .bl:before { color: #0D7DFC !important; } .handle-preloader .animation-preloader .spinner { border: 3px solid #ffffff; border-top-color: rgba(255, 255, 255, 0.5); } /* Animación del preloader */ @keyframes spinner { to { transform: rotateZ(360deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } .flexx-1 { justify-content: end; } .flexx-2 { justify-content: start; } @media screen and (max-width: 767px) { .handle-preloader .animation-preloader .spinner { height: 120px; width: 120px; } .loade-logo { top: 20px; left: 42%; } .flex4 { justify-content: center !important; } } @media screen and (max-width: 500px) { .handle-preloader .animation-preloader .spinner { height: 7em; width: 7em; } .handle-preloader .animation-preloader .txt-loading .letters-loading { font-size: 40px; letter-spacing: 10px; } .preloader .flex4 { width: 100% } .loade-logo { top: 37px; left: unset; width: 100px; } } .centred { text-align: center; } .pull-left { float: left; } .pull-right { float: right; } figure { margin: 0px; } img { display: inline-block; max-width: 100%; height: auto; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } /** button **/ .theme-btn { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; font-size: 20px; line-height: 30px; font-weight: 400; font-family: 'Oswald', sans-serif; color: #fff !important; text-align: center; padding: 16px 65px; text-transform: capitalize; z-index: 1; transition: all 500ms ease; } .theme-btn.btn-one { } .theme-btn.btn-one:hover { color: #222 !important; } .theme-btn.btn-one:before { position: absolute; content: ''; width: 0%; height: 100%; background: #fff; left: 0px; top: 0px; z-index: -1; transition: all 500ms ease; } .theme-btn.btn-one:hover:before { width: 100%; } .pagination { position: relative; display: block; } .pagination li { position: relative; display: inline-block; margin-right: 10px; } .pagination li:last-child { margin: 0px !important; } .pagination li a { position: relative; display: inline-block; font-size: 17px; font-weight: 500; height: 50px; width: 50px; line-height: 50px; background: #f5f5f5; text-align: center; color: #141417; z-index: 1; transition: all 500ms ease; } .pagination li a:hover, .pagination li a.current { color: #fff; } .sec-pad { padding: 115px 0px 120px 0px; } .mr-0 { margin: 0px !important; } /** scroll-to-top **/ .scroll-to-top { position: fixed; right: 0px; bottom: 55px; transform: rotate(90deg); z-index: 99; } .scroll-to-top .visible { visibility: visible !important; opacity: 1 !important; } .scroll-to-top .scroll-top-inner { opacity: 0; visibility: hidden; } .scroll-to-top .scroll-top-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s; -o-transition: all cubic-bezier(.4,0,.2,1) .4s; transition: all cubic-bezier(.4,0,.2,1) .4s; } .scroll-to-top .scroll-bar { width: 50px; height: 2px; margin-right: 10px; position: relative; } .scroll-to-top .scroll-bar:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #f4244f; opacity: .3; } .scroll-to-top .scroll-bar .bar-inner { position: absolute; top: 0; right: 0; height: 100%; background-color: currentColor; } .scroll-to-top .scroll-bar-text { font-size: 14px; font-weight: 600; cursor: pointer; transition: all 500ms ease; } .scroll-to-top .scroll-bar-text:hover { transform: scale(1.1); } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .sec-title { position: relative; display: block; margin-bottom: 28px; } .sec-title .sub-title { position: relative; display: block; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; text-transform: uppercase; margin-bottom: 17px; } .sec-title h2 { display: block; font-size: 45px; line-height: 55px; font-weight: 400; } /*** ==================================================================== Home-Page-One ==================================================================== ***/ /** main-header **/ .main-header { position: relative; left: 0px; top: 0px; right: 0px; z-index: 999; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sticky-header { position: fixed; opacity: 0; visibility: hidden; left: 0px; top: 0px; width: 100%; z-index: 0; background-color: #272727; border-bottom: 1px solid rgba(255, 255, 255, 0.10); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .fixed-header .sticky-header { z-index: 999; opacity: 1; visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /** header-lower **/ .header-lower { position: relative; width: 100%; padding: 36px 60px 0px 49px; /* background: rgb(50 50 50 / 46%); */ } .header-lower .shape { position: absolute; left: 0px; top: 0px; width: 100%; height: 36px; background-repeat: repeat-x; z-index: 2; animation: slide 60s linear infinite; -webkit-animation: slide 60s linear infinite; } @keyframes slide { from { background-position: 0 0; } to { background-position: 1920px 0; } } @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: 1920px 0; } } .main-header .outer-box { position: relative; display: flex; align-items: center; justify-content: space-between; z-index: 3; } .main-header .logo-box { position: relative; padding-bottom: 5px; } .main-header .logo-box .logo { max-width: 412px; width: 100%; } .main-header .logo-box .logo img { width: 100%; height: 125px; } .main-header .menu-area { position: relative; display: flex; align-items: center; } .main-header .menu-area:before { position: absolute; content: ''; /* background: #272727; */ width: 6000px; height: calc(100% + 36px); left: -32px; bottom: 0px; } .main-header .menu-right-content { position: relative; display: flex; align-items: center; margin-left: 22px; top: -4px; position: absolute; top: -35px; right: 20px; background-color: rgb(0 0 0 / 53%); padding: 2px 17px 2px 1px; border-bottom-left-radius: 34px; border-top-left-radius: 35px; } .main-header .menu-right-content .search-box-outer { position: relative; display: inline-block; font-size: 20px; line-height: 30px; color: #fff; cursor: pointer; margin-right: 50px; transition: all 500ms ease; } .main-header .menu-right-content .search-box-outer:hover { } .main-header .menu-right-content .nav-btn.nav-toggler { position: relative; display: inline-block; font-size: 40px; line-height: 30px; color: #fff; cursor: pointer; transition: all 500ms ease; } .main-header .menu-right-content .nav-btn.nav-toggler:hover { } /** xs-sidebar **/ .xs-sidebar-group .xs-overlay { left: 0%; top: 0; position: fixed; height: 100%; width: 20%; transform: scaleX(0); transform-origin: left center; cursor: pointer; z-index: 9999999; border-right: 1px solid rgba(255, 255, 255, 0.10); transition: transform .65s .3s cubic-bezier(0.7, 0, 0.2, 1); } .xs-sidebar-group.isActive .xs-overlay { transform: scaleX(1); transition-delay: .03s; } .xs-sidebar-group .xs-overlay-2 { left: 20%; transition-delay: .06s; } .xs-sidebar-group .xs-overlay-3 { left: 40%; transition-delay: .09s; } .xs-sidebar-group .xs-overlay-4 { left: 60%; transition-delay: .12s; } .xs-sidebar-group .xs-overlay-5 { left: 80%; transition-delay: .15s; } .xs-sidebar-group .widget-heading { position: absolute; top: 50px; right: 35px; z-index: 1; } .xs-sidebar-widget { position: fixed; right: -100%; top: 0; bottom: 0; width: 100%; z-index: 999999999; height: 100%; -webkit-overflow-scrolling: touch; background-color: #272727; transition: all 900ms ease; visibility: hidden; opacity: 0; } .xs-sidebar-group.isActive .xs-sidebar-widget { opacity: 1; visibility: visible; right: 0; -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; } .sidebar-textwidget { padding: 50px 40px 50px 40px; } .xs-sidebar-group .close-side-widget { position: relative; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #fff; color: #fff; border-radius: 50%; font-weight: 400; font-size: 20px; } .xs-sidebar-group .close-side-widget:hover { } .sidebar-widget-container { position: relative; opacity: 0; visibility: hidden; } .xs-sidebar-group.isActive .sidebar-widget-container { opacity: 1; visibility: visible; } .xs-bg-black { background-color: #121113; } .sidebar-info-contents .content-inner { position: relative; } .sidebar-info-contents .content-inner .logo { padding: 0px 0px 20px; } .sidebar-info-contents .content-inner .logo img { max-width: 100%; } .sidebar-info-contents .content-inner .content-box { position: relative; } .sidebar-info-contents .content-inner .content-box h4 { position: relative; font-size: 20px; font-weight: 700; margin-bottom: 20px; } .sidebar-info-contents .content-inner .content-box p { position: relative; font-size: 15px; margin-bottom: 25px; color: #d0cbc8; } .sidebar-info-contents .content-inner .content-box .theme-btn-two { padding: 10px 50px; } .sidebar-info-contents .content-inner .contact-info { position: relative; margin-top: 35px; } .sidebar-info-contents .content-inner .contact-info ul li { position: relative; display: block; font-size: 15px; color: #d0cbc8; margin-bottom: 10px; } .sidebar-info-contents .content-inner .contact-info ul li a { color: #d0cbc8; } .sidebar-info-contents .content-inner .contact-info ul li a:hover { color: #fff; } .sidebar-info-contents .content-inner .contact-info h4 { position: relative; font-size: 20px; font-weight: 700; margin-bottom: 20px; } .sidebar-info-contents .content-inner .social-box { position: relative; margin-top: 20px; margin-bottom: 30px; } .sidebar-info-contents .content-inner .social-box li { position: relative; display: inline-block; margin-right: 6px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .sidebar-info-contents .content-inner .social-box li a { position: relative; width: 36px; height: 36px; color: #b6b1af; z-index: 1; font-size: 13px; line-height: 36px; text-align: center; border-radius: 50%; display: inline-block; background: transparent; border: 1px solid #b6b1af; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .sidebar-info-contents .content-inner .social-box li a:hover { color: #fff; border-color: #fff; } /*** Search Popup ***/ .search-popup { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0, 0, 0, 0.80); -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; } .search-popup.popup-visible { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); visibility: visible; opacity: 1; } .search-popup .popup-inner { width: 100%; background: #272727; height: 100%; } .search-popup .upper-box { position: relative; padding: 70px 70px; } .search-popup .overlay-layer { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; } .search-popup .close-search { position: relative; font-size: 22px; color: #fff; cursor: pointer; z-index: 5; top: 11px; transition: all 500ms ease; } .search-popup .close-search:hover { color: red; } .search-popup .search-form { position: relative; width: 100%; padding: 100px 0px 250px 0px; } .search-popup .search-form .form-group { position: relative; margin: 0px; } .search-popup .search-form fieldset input[type="search"] { position: relative; height: 90px; padding: 20px 0px; background: #ffffff; border-radius: 0px; border: 3px solid #fff; line-height: 30px; font-size: 20px; color: #222; font-family: 'Poppins', sans-serif; font-weight: 400; padding: 10px 50px 10px 30px; transition: all 500ms ease; } .search-popup .search-form fieldset button[type="submit"] { position: absolute; top: 36px; right: 30px; font-size: 24px; color: #222; cursor: pointer; transition: all 500ms ease; } .search-popup .search-form fieldset input[type="search"]:focus { } .search-popup .form-control:focus { box-shadow: none !important; } /** main-menu **/ .main-menu .navbar-collapse { padding: 0px; display: block !important; } .main-menu .navigation { margin: 0px; } .main-menu .navigation > li { position: inherit; float: left; z-index: 2; margin: 0px 13px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-menu .navigation > li:last-child { margin-right: 0px !important; } .main-menu .navigation > li:first-child { margin-left: 0px !important; } .main-menu .navigation > li > a { position: relative; display: block; text-align: center; font-size: 17px; line-height: 30px; padding: 23px 0px 39px 0px; font-weight: 400; font-family: 'Oswald', sans-serif; opacity: 1; color: #fff; text-transform: uppercase; z-index: 1; letter-spacing: 0.2em; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .main-menu .navigation > li.dropdown > a { padding-right: 20px; } .main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a { } .main-menu .navigation > li > a:after { position: absolute; content: ''; width: calc(100% + 9px); height: 1px; left: -13px; bottom: 26px; transform: scale(0,0); transition: all 500ms ease; } .main-menu .navigation > li.current > a:after, .main-menu .navigation > li:hover > a:after { transform: scale(1,1); } .main-menu .navigation > li > ul, .main-menu .navigation > li > .megamenu { position: absolute; left: inherit; top: 100%; width: 230px; margin-top: 15px; z-index: 100; display: none; opacity: 0; visibility: hidden; border-radius: 0px; background-color: #000; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-menu .navigation > li > ul.from-right { left: auto; right: 0px; } .main-menu .navigation > li > ul > li { position: relative; width: 100%; } .main-menu .navigation > li > ul > li > a, .main-menu .navigation > li > .megamenu li > a { position: relative; display: block; padding: 10px 30px; line-height: 24px; font-weight: 400; font-size: 14px; text-transform: capitalize; font-family: 'Oswald', sans-serif; color: #fff; text-align: left; letter-spacing: 1px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-menu .navigation > li > ul > li > a { border-bottom: 1px solid rgba(255,255,255,0.1); } .main-menu .navigation > li > .megamenu li > a { padding-left: 0px; } .main-menu .navigation > li > .megamenu h4 { display: block; font-size: 20px; line-height: 30px; color: #ffffff; } .main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > .megamenu li > a:hover { } .main-menu .navigation > li > ul > li:last-child > a, .main-menu .navigation > li > .megamenu li:last-child > a { border-bottom: none; } .main-menu .navigation > li > ul > li.dropdown > a:after { font-family: 'Font Awesome 5 Pro'; content: "\f105"; position: absolute; right: 20px; top: 10px; display: block; line-height: 24px; font-size: 16px; font-weight: 800; text-align: center; z-index: 5; } .main-menu .navigation > li > ul > li > ul { position: absolute; left: 100%; top: 0%; margin-top: 15px; width: 230px; z-index: 100; display: none; border-radius: 0px; background-color: #000; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-menu .navigation > li > ul > li > ul.from-right { left: auto; right: 0px; } .main-menu .navigation > li > ul > li > ul > li { position: relative; width: 100%; } .main-menu .navigation > li > ul > li > ul > li:last-child { border-bottom: none; } .main-menu .navigation > li > ul > li > ul > li > a { position: relative; display: block; padding: 10px 30px; line-height: 24px; font-weight: 400; font-size: 14px; text-transform: capitalize; font-family: 'Oswald', sans-serif; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1); text-align: left; letter-spacing: 1px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li:last-child > a { border-bottom: none; } .main-menu .navigation > li > ul > li > ul > li > a:hover { } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after { font-family: 'Font Awesome 5 Pro'; content: "\f105"; position: absolute; right: 20px; top: 12px; display: block; line-height: 24px; font-size: 16px; font-weight: 900; z-index: 5; } .main-menu .navigation > li.dropdown:hover > ul, .main-menu .navigation > li.dropdown:hover > .megamenu { visibility: visible; opacity: 1; margin-top: 0px; top: 100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul { visibility: visible; opacity: 1; top: 0%; margin-top: 0px; } .main-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: -32px; top: 66px; width: 34px; height: 30px; text-align: center; font-size: 18px; line-height: 26px; color: #3b3b3b; cursor: pointer; display: none; z-index: 5; transition: all 500ms ease; } .main-menu .navigation li.current.dropdown .dropdown-btn, .main-menu .navigation li:hover .dropdown-btn { } .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn { display: none; } .menu-area .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color: #3786ff; display: none; } .menu-area .mobile-nav-toggler .icon-bar { position: relative; height: 2px; width: 30px; display: block; margin-bottom: 5px; background-color: #fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .menu-area .mobile-nav-toggler .icon-bar:last-child { margin-bottom: 0px; } .sticky-header .main-menu .navigation > li > a { padding-top: 29px; padding-bottom: 29px; } .main-header .sticky-header .logo-box { /* padding: 13px 0px 19px 0px; */ } .sticky-header .logo-box img { height: 70px !important; } .icon-styl { padding: 18px; background: rgb(182 32 37 / 55%); border-radius: 50%; font-size: 20px; color: #fff !important; margin: 3px; } .header-style-three .sticky-header .logo-box { padding: 20px 0px 12px 0px; } .main-header .sticky-header .main-menu .navigation > li.dropdown > a:before { top: 28px; } .main-header .sticky-header .btn-box .theme-btn { padding: 19px 35px; } .main-header .sticky-header .main-menu .navigation > li > a:after { display: none; } .main-header .sticky-header .outer-box { padding: 0px 100px; } .main-header .sticky-header .menu-right-content { top: 3px; } .mobile-menu.mobile-display { display: none; visibility: hidden; position: absolute; left: 0px; } /** megamenu-style **/ .main-menu .navigation > li.dropdown > .megamenu { position: absolute; width: 100%; padding: 30px 50px; left: 0px; } .main-menu .navigation li.dropdown .megamenu li h4 { margin-bottom: 10px; } /** mobile-menu **/ .nav-outer .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color: #3786ff; display: none; } .mobile-menu { position: fixed; right: 0; top: 0; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; transition: all 900ms ease; } .mobile-menu .navbar-collapse { display: block !important; } .mobile-menu .nav-logo { position: relative; text-align: center; padding: 30px; } .nav-logo img { height: 100px; } .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; } .mobile-menu .menu-backdrop { position: fixed; left: 0%; top: 0; width: 100%; height: 100%; z-index: 1; transition: all 900ms ease; background-color: #000; } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 0.70; visibility: visible; right: 100%; -webkit-transition: all .8s ease-out 0s; -o-transition: all .8s ease-out 0s } .mobile-menu .menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #141417; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: all 900ms ease !important; } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn { position: absolute; right: 25px; top: 10px; line-height: 30px; width: 24px; text-align: center; font-size: 16px; color: #ffffff; cursor: pointer; z-index: 10; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; } .mobile-menu-visible .mobile-menu .close-btn { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .mobile-menu .close-btn:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation { position: relative; display: block; width: 100%; float: none; } .mobile-menu .navigation li { position: relative; display: block; border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation:last-child { border-bottom: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > ul > li:first-child { border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > a { position: relative; display: block; line-height: 24px; padding: 10px 25px; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li ul li > a { font-size: 16px; margin-left: 20px; text-transform: capitalize; } .mobile-menu .navigation li > a:before { content: ''; position: absolute; left: 0; top: 0; height: 0; border-left: 5px solid #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li.current > a:before { height: 100%; } .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 6px; top: 6px; width: 32px; height: 32px; text-align: center; font-size: 16px; line-height: 32px; color: #ffffff; background: rgba(255,255,255,0.10); cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 5; } .mobile-menu .navigation li.dropdown .dropdown-btn.open { color: #ffffff; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul, .mobile-menu .navigation > li.dropdown > .megamenu { display: none; } .mobile-menu .social-links { position: relative; padding: 0px 25px; } .mobile-menu .social-links li { position: relative; display: inline-block; margin: 0px 10px 10px; } .mobile-menu .social-links li a { position: relative; line-height: 32px; font-size: 16px; color: #ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .social-links li a:hover { } div#mCSB_1_container { top: 0px !important; } .mobile-menu .contact-info { position: relative; padding: 120px 30px 20px 30px; } .mobile-menu .contact-info h4 { position: relative; font-size: 20px; color: #ffffff; font-weight: 700; margin-bottom: 20px; } .mobile-menu .contact-info ul li { position: relative; display: block; font-size: 15px; color: rgba(255,255,255,0.80); margin-bottom: 3px; } .mobile-menu .contact-info ul li a { color: rgba(255,255,255,0.80); } .mobile-menu .contact-info ul li a:hover { } .mobile-menu .contact-info ul li:last-child { margin-bottom: 0px; } .main-header .outer-box { position: relative; } /** banner-section **/ .banner-section { position: relative; overflow: hidden; /* padding-left: 125px; */ padding-bottom: 0; background: #323232; border-bottom: 1px solid #333333; } .banner-carousel { position: relative; } .banner-carousel .slide-item { position: relative; padding: 255px 0px 320px 0px; } .banner-carousel .slide-item:before { position: absolute; content: ''; background: rgb(0 0 0 / 41%); width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.6; z-index: 1; } .banner-carousel .slide-item .image-layer { position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; } .banner-carousel .active .image-layer { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } .banner-carousel .content-box { position: relative; display: block; z-index: 5; width: 100%; text-shadow: 1px 1px 1px #899babad; } .banner-carousel .content-box .icon-box { position: relative; display: inline-block; width: 112px; height: 112px; line-height: 112px; text-align: center; background: rgb(39 39 39 / 40%); border-radius: 50%; margin-bottom: 40px; opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box .icon-box { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-carousel .content-box .icon-box img { display: inline-block; } .txt-loading span { font-size: 60px !important; line-height: 70px; font-weight: 700 !important; letter-spacing: 0.1em; } .banner-carousel .content-box h2 { position: relative; display: block; font-size: 60px; line-height: 70px; font-weight: 700; color: rgba(255, 255, 255, 1); margin-bottom: 42px; letter-spacing: 0.1em; opacity: 0; text-transform: uppercase; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .content-box h2 span { font-weight: 300; } .banner-carousel .active .content-box h2 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-carousel .content-box .btn-box { position: relative; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box .btn-box { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .banner-carousel .content-box .btn-box .theme-btn { padding: 16px 40px; } .banner-carousel .owl-nav { position: absolute; right: 5%; bottom: 0; } .banner-carousel .owl-nav button { position: relative; display: inline-block; width: 114px; height: 114px; line-height: 114px; text-align: center; border: 1px solid #3F3F3F; font-size: 30px; cursor: pointer; font-weight: 700; transition: all 500ms ease; } .banner-carousel .owl-nav button:hover { color: #fff; } .banner-carousel .owl-nav button.owl-prev { margin-right: 5px; } .banner-section .banner-thumb-inner .single-item { position: relative; text-align: left; padding-left: 15px; padding-bottom: 28px; } .banner-section .banner-thumb-inner .active.current .single-item:before { position: absolute; content: ''; width: 100%; height: 1px; left: 0px; bottom: 0px; transition: all 500ms ease; } .banner-section .banner-thumb-inner .single-item .count-text { position: relative; display: block; font-size: 12px; line-height: 22px; } .banner-section .banner-thumb-inner .single-item h6 { display: block; font-size: 15px; line-height: 25px; font-weight: 700; color: #fff; font-family: 'Poppins', sans-serif; text-transform: uppercase; } .banner-section .banner-thumb-inner .single-item p { font-size: 15px; line-height: 25px; color: #fff; } .owl-dots-none .owl-dots, .owl-nav-none .owl-nav { display: none !important; } .banner-section .banner-thumb-inner { position: absolute; right: 185px; bottom: 0px; width: 800px; } .banner-section .banner-thumb-inner:before { position: absolute; content: ''; background: #272727; width: 6000px; height: calc(100% + 36px); left: -88px; bottom: 0px; } .banner-section .line-shape { z-index: 1; } #P_masterslider .social-links { position: absolute; left: 48px; top: 75%; transform: translateY(-50%); padding-top: 120px; z-index: 1; } #P_masterslider .social-links:before { position: absolute; content: ''; background: rgb(50 50 50); width: 1px; height: 82px; left: 12px; top: 0px; } /* .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev{ display: none !important; } */ .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev { border-color: rgb(255 255 255 / 17%) !important; } .tel2 { font-size: 16px; color: #fff; padding-left: 5px; } .hvr2:hover { color: #fff !important; } #P_masterslider .social-links li { position: relative; display: block; margin-bottom: 50px; } #P_masterslider .social-links li:last-child { margin-bottom: 0px; } #P_masterslider .social-links li a { position: relative; display: inline-block; font-size: 24px; color: rgb(50 50 50); } #P_masterslider .social-links li a:hover { color: #fff; } /** about-section **/ .about-section { position: relative; padding: 73px 0px 1px 0px; } .about-section .image-box { margin-right: 130px; } .about-section .image-box .image { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); } .about-section .image-box .image img { width: 100%; transition: all 500ms ease; } .about-section .image-box:hover .image img { transform: scale(1.05); } .about-section .image-box:before { position: absolute; content: ''; background-image: url(../images/shape-8.png); width: 620px; height: 786px; left: 40px; bottom: -42px; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: top center; } .about-section .image-box .text-inner { position: absolute; right: -40px; bottom: -30px; width: 207px; padding: 15px 30px 16px 33px; background: #323232; border-radius: 5px; } .about-section .image-box .text-inner h6 { display: block; font-size: 15px; line-height: 25px; font-weight: 700; font-family: 'Poppins', sans-serif; text-transform: uppercase; } .about-section .image-box .text-inner p { color: #fff; } .about-section .content-box { display: block; } .about-section .content-box .text { margin-bottom: 46px; } .about-section .content-box .text p { font-size: 17px; line-height: 22px; color: #fbfbfb; margin-bottom: 32px; } .about-section .content-box .text p:last-child { margin-bottom: 0px; } .about-section .content-box .author-box { background: #323232; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 34px 50px 33px 49px; } .about-section .content-box .author-box:before { position: absolute; content: ''; width: calc(100% - 40px); height: calc(100% - 40px); left: 20px; top: 20px; border: 1.5px dashed #999999; border-radius: 10px; } .about-section .content-box .author-box .quote-box { position: absolute; left: 38px; top: -7px; font-size: 48px; line-height: 48px; } .about-section .content-box .author-box .inner { position: relative; display: block; padding-left: 98px; } .about-section .content-box .author-box .inner .author-thumb { position: absolute; left: 0px; top: 12px; width: 78px; height: 78px; border-radius: 50%; } .about-section .content-box .author-box .inner .author-thumb img { width: 100%; border-radius: 50%; } .about-section .content-box .author-box .inner p { color: #999; margin-bottom: 15px; } .about-section .content-box .author-box .inner .designation { position: relative; display: block; color: #999; } .about-section .shape-layer { position: absolute; top: 20px; right: 25px; width: 142px; height: 214px; background-repeat: no-repeat; } .float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-y; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-y; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-y; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-y; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .float-bob-x { animation-name: float-bob-x; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-x; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-x; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-x; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-x; -o-animation-duration: 15s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .rotate-me { animation-name: rotateme; animation-duration: 30s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 30s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 30s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 30s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .line-shape { position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; max-width: 1530px; overflow: hidden; margin: 0 auto; } .line-shape .line { position: absolute; height: 100%; width: 1px; background: rgba(255, 255, 255, 0.05); top: 0px; } .line-shape .line.line-1 { left: 0px; } .line-shape .line.line-2 { left: 33.333%; } .line-shape .line.line-3 { left: 66.666% } .line-shape .line.line-4 { right: 0px; } /** text-overlay-animation **/ .overlay-anim-black-bg, .overlay-anim-red-bg, .overlay-anim-white-bg { display: inline-block; overflow: hidden; } .overlay-anim-black-bg:after, .overlay-anim-red-bg:after, .overlay-anim-white-bg:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99); -o-transition: 1s cubic-bezier(.858, .01, .068, .99); transition: 1s cubic-bezier(.858, .01, .068, .99); z-index: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .overlay-anim-black-bg:after { background: #222; } .overlay-anim-white-bg:after { background: #fff; } .overlay-anim-black-bg.overlay-animation:after, .overlay-anim-red-bg.overlay-animation:after, .overlay-anim-white-bg.overlay-animation:after { -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); } /** custome-mouse-pointer **/ .mouse-pointer { position: fixed; top: 50%; left: -100px; -webkit-transform: translate(200%, 200%); -ms-transform: translate(200%, 200%); transform: translate(200%, 200%); width: 10px; height: 10px; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 9999; -webkit-transition-property: width, height, background; -o-transition-property: width, height, background; transition-property: width, height, background; border-radius: 50%; overflow: hidden; -webkit-transition-timing-function: cubic-bezier(.19, .94, .336, 1); -o-transition-timing-function: cubic-bezier(.19, .94, .336, 1); transition-timing-function: cubic-bezier(.19, .94, .336, 1); font-size: 16px; text-indent: 0; border: none; mix-blend-mode: difference; background-color: #fff; -webkit-box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } body.out .mouse-pointer { width: 0; height: 0; } .new-form input, textarea, select { padding: 12px; width: 100%; background: rgb(255 255 255 / 11%); color: #fff; } .new-form input, select { height: 50px; } .new-form .form-group { display: flex; align-items: stretch; position: relative; margin-bottom: 20px; } /** service-section **/ .service-section { position: relative; padding-bottom: 150px; } .product-list-2 .inner-box { padding: 0px !important; } .product-list-2 img { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } .product-list-2 .icon-box { display: flex; justify-content: center; align-items: center; } .service-block-one .inner-box { position: relative; display: block; border: 1px solid rgb(182 32 37 / 51%); padding: 52px 30px 46px 30px; background: #323232; } .service-block-one .inner-box:before { position: absolute; content: ''; background: #323232; width: 100%; height: 100%; left: 0px; top: 0px; transition: all 500ms ease; } .service-block-one .inner-box:hover:before { height: 0%; } .service-block-one .inner-box .icon-box { position: relative; min-height: 87px; margin-bottom: 13px; } .service-block-one .inner-box h4 { display: block; font-size: 26px; line-height: 30px; color: #fff; } /** video-section **/ .video-section { position: relative; padding-bottom: 68px; } .video-section .inner-box { position: relative; width: 100%; padding: 150px 307px 80px 127px; background-size: cover; background-repeat: no-repeat; background-position: center; } .video-section .inner-box:before { position: absolute; content: ''; background: linear-gradient(180deg, rgba(39, 39, 39, 0) -9.17%, #272727 96.07%); width: 100%; height: 100%; left: 0px; top: 0px; } .video-section .inner-box .content-box { position: relative; display: flex; align-items: center; justify-content: space-between; } .video-section .inner-box .content-box .text h2 { display: block; font-size: 60px; line-height: 70px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 13px; } .video-section .inner-box .content-box .text h2 span { display: block; } .video-section .inner-box .content-box .text h4 { display: block; font-size: 20px; line-height: 30px; font-weight: 400; padding-left: 30px; } .video-section .inner-box .content-box .text h4 i { position: absolute; left: 0px; top: 5px; color: #fff; } .video-section .inner-box .content-box .video-btn a { position: relative; display: inline-block; width: 100px; height: 100px; line-height: 106px; text-align: center; font-size: 50px; border-radius: 50%; } .video-section .inner-box .content-box .video-btn a:before, .video-section .inner-box .content-box .video-btn a:after { width: 100%; height: 100%; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; -webkit-box-shadow: 0 0 0 0 rgba(177, 151, 119, 0.40); box-shadow: 0 0 0 0 rgba(177, 151, 119, 0.40); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; } .video-section .inner-box .content-box .video-btn a:after { -webkit-animation-delay: .6s; animation-delay: .6s; } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .max-w-3 { } .video-section .owl-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; display: none; } .video-section .owl-theme .owl-dots .owl-dot span { position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #999999; background: #999999; border-radius: 50%; margin: 0px 2.5px; padding: 0px; transition: all 500ms ease; } .video-section .owl-theme .owl-dots .owl-dot span:before { position: absolute; content: ''; background: #999999; width: 8px; height: 8px; left: 3px; top: 3px; border-radius: 50%; transition: all 500ms ease; } .video-section .owl-theme .owl-dots .owl-dot.active span, .video-section .owl-theme .owl-dots .owl-dot span:hover { background: transparent; } .video-section .owl-theme .owl-dots .owl-dot.active span:before, .video-section .owl-theme .owl-dots .owl-dot span:hover:before { } /** project-section **/ .project-section { position: relative; } .project-section .carousel-content { position: relative; } .project-block-one .inner-box { position: relative; display: block; overflow: hidden; } .project-block-one .inner-box .image-box { position: relative; display: block; overflow: hidden; /* clip-path: polygon(0% 30%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); */ } .project-block-one .inner-box:before { position: absolute; content: ''; background: linear-gradient(180deg, rgb(255 255 255 / 14%) -9.17%, rgb(0 0 0 / 38%) 96.07%); width: 100%; height: 100%; left: 0px; bottom: 0px; z-index: 1; } .project-block-one .inner-box .image-box img { width: 100%; transition: all 500ms ease; } .project-block-one .inner-box:hover .image-box img { transform: scale(1.05); } .project-block-one .inner-box .content-box { position: absolute; left: 0px; bottom: 0px; width: 100%; padding-left: 34px; padding-bottom: 44px; padding-right: 100px; z-index: 2; transition: all 500ms ease; } .project-block-one .inner-box:hover .content-box { bottom: 60px; } .project-block-one .inner-box .content-box h2 { display: block; font-size: 24px; line-height: 29px; font-weight: 400; text-transform: uppercase; margin-bottom: 14px; } .project-block-one .inner-box .content-box h2 a { display: inline-block; color: #fff; } .project-block-one .inner-box .content-box h2 a:hover { } .project-block-one .inner-box .content-box p { padding-left: 30px; } .project-block-one .inner-box .content-box p i { position: absolute; left: 0px; top: 0px; font-size: 20px; } .project-block-one .inner-box .content-box .big-text { position: absolute; top: 0px; right: 15px; font-size: 60px; line-height: 70px; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.2em; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #999999; } .project-block-one .inner-box .content-box .link { position: absolute; right: 20px; bottom: -51px; } .project-block-one .inner-box .content-box .link a { font-size: 30px; color: #fff; } .project-section .owl-nav { position: absolute; /* left: -30px;*/ top: 55%; transform: translateY(-50%); width: 100%; display: flex; justify-content: space-between; } .project-section .owl-nav button { position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; color: #fff; text-align: center; border-radius: 50%; cursor: pointer; transition: all 500ms ease; } .project-section .owl-nav button.owl-next { margin-right: -20px } .project-section .owl-nav button.owl-prev { margin-left: -20px } .project-section .owl-nav button:hover { background: #fff; } .project-section .sec-title { margin-bottom: 60px; } .project-section .more-btn { margin-top: 50px; } /** clients-section **/ .clients-section { position: relative; padding-top: 120px; } .clients-section .clients-logo { position: relative; display: block; } .clients-section .clients-logo img { position: relative; display: block; max-width: 100%; margin: 0 auto; transition: all 500ms ease; } .clients-section .clients-logo:hover img { transform: scale(0.95); opacity: 0.6; } .clients-section .shape { position: absolute; top: -62px; right: 0px; width: 774px; height: 789px; background-repeat: no-repeat; } /** news-section **/ .news-section { position: relative; padding: 150px 0px 162px 0px; } .news-block-one .inner-box { position: relative; display: block; border: 1px solid #323232; padding: 41px 30px 47px 30px; } .news-block-one .inner-box .post-info li { position: relative; display: inline-block; float: left; margin-right: 4px; padding-left: 30px; font-size: 12px; line-height: 22px; font-weight: 400; } .news-block-one .inner-box .post-info li a:hover { text-decoration: underline; } .news-block-one .inner-box .post-info li:last-child { padding: 0px; margin: 0px; } .news-block-one .inner-box .post-info li i { font-size: 20px; position: absolute; left: 0px; top: 0px; } .news-block-one .inner-box .post-info { margin-bottom: 15px; } .news-block-one .inner-box h3 { position: relative; display: block; font-weight: 400; font-size: 30px; line-height: 40px; margin-bottom: 17px; } .news-block-one .inner-box h3 a { display: inline-block; color: #fff; } .news-block-one .inner-box h3 a:hover { } .news-block-one .inner-box p { color: #999999; } .news-block-one .inner-box .overlay-content { position: absolute; top: -1px; left: 0; width: calc(200% + 33px); height: calc(100% + 2px); background-repeat: no-repeat; background-position: right center; z-index: 20; display: flex; overflow: hidden; opacity: 0; visibility: hidden; transform: scaleX(0); transition: 500ms ease; transform-origin: left center; background: #323232; padding: 52px 180px 50px 50px; } .news-block-one .inner-box:hover .overlay-content { transform: scaleX(1); opacity: 1; visibility: visible; } .news-block-one .inner-box .content-box { position: relative; display: block; } .news-section .sec-title { margin-bottom: 76px; } .news-block:last-child .news-block-one .inner-box .overlay-content { left: inherit; right: 0px; transform-origin: right center; } /** main-footer **/ .main-footer { position: relative; padding: 43px 0px 38px 0px; } .main-footer .bg-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .main-footer .bg-layer:after { position: absolute; content: ''; background: linear-gradient(180deg, rgba(39, 39, 39, 0) -9.17%, #272727 96.07%); transform: rotate(-180deg); width: 100%; height: 100%; left: 0px; top: 0px; } .main-footer .bg-layer:before { position: absolute; content: ''; background: rgb(0 0 0 / 32%); width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.7; } .main-footer .sec-title a { position: relative; display: inline-block; width: 66px; height: 66px; line-height: 70px; text-align: center; font-size: 24px; color: #fff; border-radius: 50%; } .main-footer .sec-title a:hover { background: #fff; } .main-footer .sec-title h2 { margin-bottom: 29px; } .main-footer .sec-title { margin-bottom: 9px; } .main-footer .widget-title { position: relative; display: block; padding-bottom: 12px; margin-bottom: 40px; } .main-footer .widget-title:before { position: absolute; content: ''; background: #4D4D4D; width: 70%; height: 1px; left: 0px; bottom: 0px; } .main-footer .widget-title:after { position: absolute; content: ''; width: 43px; height: 2px; left: 0px; bottom: -1px; background: linear-gradient(270deg, #0D7DFC -22.92%, #FF9360 56.63%); -webkit-mask-image: linear-gradient(-75deg, rgba(244,55,55,0.6) 50%, #f43737 50%, rgba(0,0,0,1) 70%); -webkit-mask-size: 200%; animation: shine_2 2s infinite; } .main-footer .widget-title h3 { display: block; font-size: 30px; line-height: 40px; font-weight: 400; } .main-footer .contact-widget { position: relative; padding-left: 60px; padding-right: 80px; } @-webkit-keyframes shine_2 { from { -webkit-mask-position: 150%; } to { -webkit-mask-position: -50%; } } .main-footer .contact-widget .info-list li { position: relative; display: block; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; color: #fff; margin-bottom: 25px; padding: 4px 0px 6px 57px; } .main-footer .subscribe-widget .info-list li { position: relative; display: block; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; color: #fff; margin-bottom: 25px; padding: 4px 0px 6px 57px; } .main-footer .contact-widget .info-list li:last-child { margin-bottom: 0px; } .main-footer .subscribe-widget .info-list li:last-child { margin-bottom: 10px; } .main-footer .contact-widget .info-list li i { position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; line-height: 40px; font-size: 20px; color: #fff; background: rgb(182 32 37); text-align: center; border-radius: 50%; } .main-footer .subscribe-widget .info-list li i { position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; line-height: 40px; font-size: 20px; color: #fff; background: rgb(182 32 37); text-align: center; border-radius: 50%; } .main-footer .contact-widget .info-list li:last-child i { top: 2px; } .main-footer .contact-widget .info-list li:nth-child(2) i { background: rgb(68 86 184); } .main-footer .contact-widget .info-list li:nth-child(3) i { background: rgb(68 86 184); } .main-footer .contact-widget .info-list li:last-child i { background: #333333; } .main-footer .contact-widget .info-list li a { color: #fff; } .main-footer .subscribe-widget .info-list li a { color: #fff; } .main-footer .contact-widget .info-list li a:hover { } .main-footer .subscribe-widget form .form-group { position: relative; margin-bottom: 32px; } .main-footer .subscribe-widget form .form-group input[type='text'], .main-footer .subscribe-widget form .form-group input[type='email'], .main-footer .subscribe-widget form .form-group textarea { position: relative; display: block; width: 100%; height: 85px; background: rgb(153 153 153 / 30%); border: 1px solid rgb(153 153 153 / 30%); font-size: 20px; font-family: 'Oswald', sans-serif; color: #999; padding: 10px 150px 10px 30px; transition: all 500ms ease; } .main-footer .subscribe-widget form .form-group button { position: absolute; top: 11px; right: 15px; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; color: #fff; padding: 16px 40px; cursor: pointer; transition: all 500ms ease; } .main-footer .subscribe-widget form .form-group input:focus { } .main-footer .subscribe-widget form .form-group input:focus + button, .main-footer .subscribe-widget form .form-group button:hover { background: #000; } .main-footer .subscribe-widget .social-links li { position: relative; display: inline-block; float: left; margin-right: 30px; margin-top: 20px; } .main-footer .subscribe-widget .social-links li h4 { font-size: 20px; line-height: 30px; display: block; } .main-footer .subscribe-widget .social-links li a { position: relative; display: inline-block; font-size: 30px; line-height: 30px; color: #999999; } .main-footer .subscribe-widget .social-links li a:hover { } .footer-bottom { position: relative; padding-top: 15px; } .footer-bottom .copyright h4 { display: block; font-size: 20px; line-height: 30px; font-weight: 400; } .footer-bottom .copyright h4 a { color: #fff; } .footer-bottom .copyright h4 a:hover { } .main-footer .image-layer-1 { position: absolute; left: 40px; top: 58px; width: 231px; height: 231px; z-index: 1; } .main-footer .image-layer-2 { position: absolute; right: 40px; top: 58px; width: 231px; height: 231px; z-index: 1; } .main-footer .image-layer-3 { position: absolute; left: 40px; bottom: 113px; z-index: 1; } /*** ==================================================================== Home-Page-Two ==================================================================== ***/ /** header-style-two **/ .header-style-two .menu-area:before { display: none; } .header-style-two .header-lower { padding-top: 0px; background: transparent; padding-left: 0px; padding-right: 0px; } .header-style-two .header-lower .main-menu .navigation > li > a { padding-top: 51px; padding-bottom: 59px; } .header-style-two .header-lower .main-menu .navigation > li > a:after { bottom: 46px; } .header-style-two .header-lower .menu-right-content { top: 0px; } .header-style-two .header-lower .logo-box { padding: 40px 0px; } /** banner-style-two **/ .banner-style-two { position: relative; padding-bottom: 115px; } .banner-style-two .slider-content .single-item { position: relative; display: block; padding-bottom: 90px; } .banner-style-two .slider-content .single-item .image-box { position: relative; display: block; overflow: hidden; } .banner-style-two .slider-content .single-item .image-box img { width: 100%; } .banner-style-two .slider-content .single-item .content-box { position: absolute; left: 20px; bottom: 0px; width: 600px; background: rgb(50 50 50 / 95%); padding: 49px 73px 51px 53px; } .banner-style-two .slider-content .single-item .content-box h2 { position: relative; display: block; font-size: 50px; line-height: 60px; font-weight: 500; color: #fff; text-transform: uppercase; margin-bottom: 15px; } .banner-style-two .slider-content .single-item .content-box h2 span { display: block; } .banner-style-two .slider-content .single-item .content-box .info li { position: relative; display: inline-block; float: left; font-size: 20px; line-height: 30px; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; margin-right: 30px; padding-left: 30px; } .banner-style-two .slider-content .single-item .content-box .info li:last-child { margin: 0px !important; } .banner-style-two .slider-content .single-item .content-box .info li i { position: absolute; left: 0px; top: 7px; } .banner-style-two .slider-content .single-item .content-box .icon-box { position: absolute; right: 20px; bottom: 25px; } .banner-style-two .owl-nav { position: absolute; right: 26px; bottom: 125px; } .banner-style-two .owl-nav button { position: relative; display: inline-block; width: 40px; height: 40px; line-height: 40px; font-size: 30px; color: #fff; border: 2px solid #fff; border-radius: 50%; text-align: center; cursor: pointer; transition: all 500ms ease; } .banner-style-two .owl-nav button:hover { } .banner-style-two .owl-nav button.owl-prev { margin-right: 20px; } .banner-style-two .image-inner { position: relative; display: block; } .banner-style-two .image-inner .image { position: relative; display: block; overflow: hidden; } .banner-style-two .image-inner .image img { width: 100%; } .banner-style-two .image-inner .text { position: absolute; left: 20px; bottom: 20px; width: 207px; background: #323232; border-radius: 5px; padding: 15px 30px 16px 30px; } .banner-style-two .image-inner .text h6 { display: block; font-size: 15px; line-height: 25px; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; margin-bottom: 0px; } .banner-style-two .image-inner .text p { color: #fff; } .banner-style-two .shape { position: absolute; top: 134px; right: 0px; width: 723px; height: 789px; background-repeat: no-repeat; } /** about-style-two **/ .about-style-two { position: relative; padding: 0px 0px 113px 0px; } .about-style-two .line-shape { top: 10px; } .about-style-two .content-box .sec-title { margin-bottom: 30px; } .about-style-two .content-box .text p { margin-bottom: 32px; color: #999; } .about-style-two .content-box .text p:last-child { margin-bottom: 0px; } .about-style-two .inner-box { position: relative; display: block; } .about-style-two .inner-box .curve-text { position: absolute; top: 0px; right: 160px; width: 350px; height: 350px; border-radius: 50%; border: 1px solid #323232; } .curve-text .text { position: absolute; left: 48px; top: 48px; width: 256px; height: 256px; background: #323232; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .curve-text .text h2 { display: block; font-size: 70px; line-height: 72px; font-weight: 700; } .curve-text .text h2 span { font-size: 20px; line-height: 30px; font-weight: 400; } .curve-text .text h3 { display: block; font-size: 30px; line-height: 40px; } .curve-text .shape { position: absolute; left: 56px; bottom: 26px; width: 239px; height: 62px; background-repeat: no-repeat; } .curve-text .curved-circle { top: 10px; font-size: 20px; text-transform: uppercase; line-height: 30px; color: #323232; letter-spacing: 13px; font-family: 'Oswald', sans-serif; } /** project-style-two **/ .project-style-two { position: relative; padding-bottom: 200px; } .project-tab .p-tab { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; opacity: 0; visibility: hidden; } .project-tab .p-tab.active-tab { position: relative; visibility: visible; opacity: 1; z-index: 5; } .project-tab .p-tabs-content { position: relative; display: block; } .project-tab .p-tab.active-tab .project-block-two { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } .project-tab .p-tab .project-block-two { position: relative; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); } .project-style-two .sec-title p { color: #999; margin-top: 15px; } .project-style-two .sec-title { margin-bottom: 24px; } .project-style-two .tab-btns .p-tab-btn { position: relative; display: block; margin-bottom: 0px; } .project-style-two .tab-btns .p-tab-btn h4 { position: relative; display: inline-block; font-size: 20px; line-height: 55px; padding-right: 16px; cursor: pointer; } .project-style-two .tab-btns .p-tab-btn h4 span { position: absolute; top: 12px; right: 0px; width: 18px; height: 18px; line-height: 18px; font-size: 11px; text-align: center; border-radius: 50%; transform: scale(0,0); transition: all 500ms ease; } .project-style-two .tab-btns .p-tab-btn.active-btn h4 span, .project-style-two .tab-btns .p-tab-btn h4:hover span { transform: scale(1,1); } .project-style-two .tab-btns .p-tab-btn h4:before { position: absolute; content: ''; background: #999999; width: 0%; height: 1px; left: 0px; bottom: 0px; transition: all 500ms ease; } .project-style-two .tab-btns .p-tab-btn.active-btn h4:before, .project-style-two .tab-btns .p-tab-btn h4:hover:before { width: 100%; } .project-block-two .inner-box { position: relative; display: block; overflow: hidden; } .project-block-two .inner-box .image-box { position: relative; display: block; overflow: hidden; } .project-block-two .inner-box .image-box img { width: 100%; transition: all 500ms ease; } .project-block-two .inner-box:hover .image-box img { transform: scale(1.05); } .project-block-two .inner-box .text { position: absolute; left: 23px; bottom: 29px; background: #323232; width: 210px; border-radius: 5px; padding: 15px 30px 16px 30px; transform: scale(0,0); transition: all 500ms ease; } .project-block-two .inner-box:hover .text { transform: scale(1,1); } .project-block-two .inner-box .text h6 { position: relative; display: block; font-size: 15px; line-height: 25px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; } .project-block-two .inner-box .text p { color: #fff; } .project-style-two .owl-nav { position: relative; display: block; text-align: center; margin-top: 38px; } .nav-style-one .owl-nav button { position: relative; display: inline-block; width: 40px; height: 40px; line-height: 40px; font-size: 30px; color: #fff; border: 2px solid #fff; border-radius: 50%; text-align: center; cursor: pointer; margin: 0px 10px; transition: all 500ms ease; } .nav-style-one .owl-nav button:hover { } /** testimonial-section **/ .testimonial-section { position: relative; padding-bottom: 180px; } .testimonial-section .thumb-item { position: relative; display: block; min-height: 503px; max-width: 636px; } .testimonial-section .thumb-item .thumb-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .testimonial-section .thumb-item .thumb-box .thumb { position: absolute; border-radius: 50%; background-repeat: no-repeat; } .testimonial-section .thumb-item .thumb-box .thumb-1 { width: 110px; height: 110px; top: 82px; left: 16px; -webkit-animation: zoom-fade 4s infinite linear; animation: zoom-fade 4s infinite linear; } .testimonial-section .thumb-item .thumb-box .thumb-2 { width: 163px; height: 163px; top: 0px; right: 70px; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; } .testimonial-section .thumb-item .thumb-box .thumb-3 { left: 43%; top: 50%; transform: translate(-50%,-50%); width: 133px; height: 133px; } .testimonial-section .thumb-item .thumb-box .thumb-4 { left: 0px; bottom: 65px; width: 81px; height: 81px; -webkit-animation: zoom-fade 4s infinite linear; animation: zoom-fade 4s infinite linear; } .testimonial-section .thumb-item .thumb-box .thumb-5 { right: 0px; bottom: 0px; width: 196px; height: 196px; -webkit-animation: zoom-fade 6s infinite linear; animation: zoom-fade 6s infinite linear; } .testimonial-section .thumb-item .quote-box { position: absolute; left: 48%; top: 54%; transform: translate(-50%,-50%); } .testimonial-block-one .inner-box { position: relative; display: block; padding-left: 30px; } .testimonial-block-one .inner-box .quote { position: absolute; left: 0px; top: 0px; font-size: 72px; line-height: 72px; font-family: 'Oswald', sans-serif; } .testimonial-block-one .inner-box .text { font-size: 20px; line-height: 30px; color: #999; margin-bottom: 42px; } .testimonial-block-one .inner-box .text span { position: relative; display: inline-block; font-size: 54px; line-height: 0px; font-family: 'Oswald', sans-serif; top: 30px; } .testimonial-block-one .inner-box .author-box { position: relative; display: block; padding: 19px 0px 20px 114px; } .testimonial-block-one .inner-box .author-box .author-thumb { position: absolute; left: 0px; top: 0px; width: 91px; height: 91px; border-radius: 0%; } .testimonial-block-one .inner-box .author-box .author-thumb img { width: 100%; border-radius: 50%; } .testimonial-block-one .inner-box .author-box h4 { display: block; font-size: 20px; line-height: 30px; } .testimonial-block-one .inner-box .author-box .designation { position: relative; display: block; } .testimonial-section .owl-nav { position: absolute; right: -10px; bottom: 25px; } .testimonial-section .sec-title { margin-bottom: 33px; } .video-section.alternat-2 .inner-box .content-box .video-btn a { border-color: #fff; color: #fff; } .video-section.alternat-2 .inner-box .content-box .video-btn a:before, .video-section.alternat-2 .inner-box .content-box .video-btn a:after { -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 40%); box-shadow: 0 0 0 0 rgb(255 255 255 / 40%); } /** team-section **/ .team-section { position: relative; padding-top: 30px; } .team-section .sec-title { margin-bottom: 60px; } .team-block-one { position: relative; margin-bottom: 25px; } .team-block-one .inner-box { position: relative; display: block; } .team-block-one .inner-box .image-box { position: relative; display: block; overflow: hidden; } .team-block-one .inner-box .image-box .image { position: relative; display: block; overflow: hidden; } .team-block-one .inner-box .image-box img { width: 100%; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box img { transform: scale(1.05); } .team-block-one .inner-box .image-box .social-links { position: absolute; top: 25px; right: -30px; opacity: 0; visibility: hidden; transition: all 500ms ease; } .team-block-one .inner-box:hover .image-box .social-links { right: 30px; opacity: 1; visibility: visible; } .team-block-one .inner-box .image-box .social-links li { position: relative; display: block; margin-bottom: 20px; } .team-block-one .inner-box .image-box .social-links li:last-child { margin-bottom: 0px; } .team-block-one .inner-box .image-box .social-links li a { position: relative; display: inline-block; font-size: 20px; line-height: 20px; color: #323232; } .team-block-one .inner-box .image-box .social-links li a:hover { } .team-block-one .inner-box .content-box { position: absolute; left: 50%; transform: translateX(-50%) scale(0,0); bottom: -25px; background: #323232; width: 230px; padding: 46px 30px 15px 30px; clip-path: polygon(0% 32%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); transition: all 500ms ease; } .team-block-one .inner-box:hover .content-box { transform: translateX(-50%) scale(1,1); } .team-block-one .inner-box .content-box .count-text { position: absolute; top: 6px; right: 5px; font-size: 20px; line-height: 30px; font-weight: 400; font-family: 'Oswald', sans-serif; color: transparent; -webkit-text-stroke-width: 1px; } .team-block-one .inner-box .content-box h4 { display: block; font-size: 20px; line-height: 30px; margin-bottom: 0px; } .team-block-one .inner-box .content-box h4 a { display: inline-block; color: #fff; } .team-block-one .inner-box .content-box h4 a:hover { } .team-block-one .inner-box .content-box .designation { position: relative; display: block; } .team-section .owl-theme .owl-dots { position: relative; display: block; text-align: center; margin-top: 5px; } .team-section .owl-theme .owl-dots .owl-dot span { position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #999999; background: #999999; border-radius: 50%; margin: 0px 2.5px; padding: 0px; transition: all 500ms ease; } .team-section .owl-theme .owl-dots .owl-dot span:before { position: absolute; content: ''; background: #999999; width: 8px; height: 8px; left: 3px; top: 3px; border-radius: 50%; transition: all 500ms ease; } .team-section .owl-theme .owl-dots .owl-dot.active span, .team-section .owl-theme .owl-dots .owl-dot span:hover { background: transparent; } .team-section .owl-theme .owl-dots .owl-dot.active span:before, .team-section .owl-theme .owl-dots .owl-dot span:hover:before { } /** news-section **/ .news-section { position: relative; padding: 170px 0px 150px 0px; border-bottom: 1px solid #323232; } .news-section .inner-container { position: relative; padding: 0px 130px; } .news-block-two .inner-box { position: relative; display: block; background: #323232; } .news-block-two .inner-box .image-box { position: relative; display: block; overflow: hidden; } .news-block-two .inner-box .image-box img { width: 100%; transition: all 5s ease; } .news-block-two .inner-box:hover .image-box img { transform: scale(1.1); } .news-block-two .inner-box .content-box { position: relative; display: block; padding: 53px 30px 50px 50px; } .news-block-two .inner-box .post-info li { position: relative; display: none; float: left; margin-right: 4px; padding-left: 30px; font-size: 12px; line-height: 22px; font-weight: 400; } .news-block-two .inner-box .post-info li a:hover { text-decoration: underline; } .news-block-two .inner-box .post-info li:last-child { padding: 0px; margin: 0px; } .news-block-two .inner-box .post-info li i { font-size: 20px; position: absolute; left: 0px; top: 0px; } .news-block-two .inner-box .post-info { margin-bottom: 15px; } .news-block-two .inner-box h3 { position: relative; display: block; font-weight: 400; font-size: 30px; line-height: 40px; margin-bottom: 20px; } .new-h3-styl { position: relative; display: block; font-weight: 400; font-size: 30px; line-height: 40px; margin-bottom: 30px; } .news-block-two .inner-box h3 a { display: inline-block; color: #fff; } .news-block-two .inner-box h3 a:hover { } .news-block-two .inner-box p { color: #fbfbfb; } /** footer-style-two **/ .main-footer.style-two { padding: 61px 0px 27px 0px; } .main-footer.style-two .subscribe-widget form .form-group { position: relative; margin-bottom: 20px; } .main-footer.style-two .subscribe-widget form .form-group:last-child { margin-bottom: 0px; } .main-footer.style-two .subscribe-widget form .form-group input { padding-right: 30px !important; } .main-footer.style-two .subscribe-widget form .form-group textarea { height: 190px; resize: none; padding-top: 30px; } .main-footer.style-two .subscribe-widget form .form-group textarea:focus { } .main-footer.style-two .subscribe-widget form .form-group button { position: relative; top: 0px; right: 0px; } .main-footer.style-two .sec-title { margin-bottom: 54px; } .main-footer.style-two .sec-title h2 { font-size: 60px; line-height: 70px; } .main-footer .links-widget { position: relative; padding-left: 50px; padding-right: 50px; margin-top: 230px; } .main-footer .links-widget .links-list li { position: relative; display: block; } .main-footer .links-widget .links-list li a { position: relative; display: inline-block; font-size: 15px; line-height: 45px; font-family: 'Oswald', sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 0.2em; } .main-footer .links-widget .links-list li a:hover { } .main-footer.style-two .contact-widget { padding: 0px; margin-top: 230px; } .main-footer.style-two .contact-widget .footer-logo { position: relative; display: block; margin-bottom: 38px; } .main-footer.style-two .contact-widget .text { position: relative; display: block; margin-bottom: 25px; } .main-footer.style-two .contact-widget .text p { color: #999999; } .main-footer.style-two .contact-widget .copyright { position: relative; display: block; margin-top: 98px; } .main-footer.style-two .contact-widget .copyright h4 { position: relative; font-size: 20px; line-height: 30px; color: #fff; font-weight: 400; } .main-footer.style-two .contact-widget .copyright a { color: #fff; } .main-footer.style-two .contact-widget .copyright a:hover { } .main-footer.style-two .pattern-layer { position: absolute; right: 0px; bottom: 0px; width: 868px; height: 621px; background-repeat: no-repeat; } /*** ==================================================================== Home-Page-Three ==================================================================== ***/ .main-header.header-style-three { display: none; } .main-content-outerbox { position: relative; } .main-content-outerbox .fixed-left-column { position: fixed; left: 0px; top: 0px; width: 410px; height: 100%; background: #272727; z-index: 2; } .main-content-outerbox .main-content-column { position: relative; float: right; padding-left: 410px; width: 100%; z-index: 1; } .main-content-outerbox .mobile-menu { position: absolute; opacity: 1; visibility: visible; width: 410px; } .main-content-outerbox .mobile-menu .menu-backdrop { display: none; } .main-content-outerbox .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .main-content-outerbox .mobile-menu .menu-box { background: transparent; padding-left: 60px; padding-right: 60px; } .main-content-outerbox .mobile-menu .navigation li.dropdown .dropdown-btn { width: 100%; height: 66px; background: transparent; transform: rotate(0deg) !important; } .main-content-outerbox .mobile-menu .navigation li.dropdown .dropdown-btn span { display: none; } .main-content-outerbox .mobile-menu .navigation li > a:before { display: none; } .main-content-outerbox .mobile-menu .nav-logo { text-align: center; padding-top: 60px; padding-bottom: 40px; } .main-content-outerbox .mobile-menu .navigation li > a { font-size: 15px; line-height: 65px; padding: 0px; font-family: 'Oswald', sans-serif; letter-spacing: 0.2em; } .main-content-outerbox .mobile-menu .navigation li { border-top: none; border-bottom: 1px solid #323232; } .main-content-outerbox .mobile-menu .navigation li:last-child { border-bottom: none; } .main-content-outerbox .mobile-menu .navigation:last-child { border: none; } .main-content-outerbox .mobile-menu .social-links li { margin: 0px 20px; } .main-content-outerbox .mobile-menu .social-links li a { font-size: 24px; color: #999; } .main-content-outerbox .mobile-menu .social-links li a:hover { color: #fff; } .main-content-outerbox .mobile-menu .social-links { margin-bottom: 30px; margin-top: 50px; } .main-content-outerbox .mobile-menu .copyright h4 { display: block; font-size: 20px; line-height: 30px; color: #fff; } .main-content-outerbox .mobile-menu .copyright h4 a { color: #fff; } .main-content-outerbox .mobile-menu .copyright h4 a:hover { } /** banner-style-three **/ .banner-style-three { position: relative; padding: 0px; padding-bottom: 176px; } .banner-style-three h2 { margin-bottom: 30px !important; } .banner-style-three h2 span { display: block; color: #fff !important; } .banner-style-three .banner-carousel .slide-item { padding: 330px 0px 300px 0px; } .banner-style-three .support-box { position: absolute; top: 45px; right: 100px; z-index: 2; } .banner-style-three .support-box h4 { position: relative; display: inline-block; font-size: 20px; line-height: 30px; color: #fff; padding-left: 57px; } .banner-style-three .support-box h4 a { display: inline-block; color: #fff; } .banner-style-three .support-box h4 a:hover { text-decoration: underline; } .banner-style-three .support-box h4 i { position: absolute; left: 0px; top: -3px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: rgb(182 32 37); border-radius: 50%; } .banner-style-three .banner-thumb-inner { position: absolute; right: 15px; bottom: 0px; width: 870px; } .banner-style-three .banner-thumb-inner .single-item { position: relative; display: block; width: 280px; margin-right: 15px; float: left; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; border-radius: 5px; padding: 76px 30px 79px 30px; } .banner-style-three .banner-thumb-inner .single-item:before { position: absolute; content: ''; background: #323232; width: 100%; height: 100%; left: 0px; top: 0px; transition: all 500ms ease; } .banner-style-three .banner-thumb-inner .owl-item.current .single-item:before { background: #000; opacity: 0.8; } .banner-style-three .banner-thumb-inner .single-item .icon-box { position: relative; display: inline-block; min-height: 87px; margin-bottom: 13px; } .banner-style-three .banner-thumb-inner .single-item .icon-box img { display: inline-block; } .banner-style-three .banner-thumb-inner .single-item h4 { position: relative; display: block; font-size: 20px; line-height: 30px; color: #fff; font-weight: 400; text-transform: uppercase; margin-bottom: 15px; } .banner-style-three .banner-thumb-inner .single-item p { display: block; color: #999; transition: all 500ms ease; } .banner-style-three .banner-thumb-inner .owl-item.current .single-item p { color: #fff; } .banner-style-three .banner-carousel .owl-nav { right: 890px; bottom: -20px; } .banner-style-three .banner-carousel .owl-nav .owl-next { display: none; } .banner-style-three .banner-carousel .owl-nav button { position: relative; display: inline-block; width: 40px; height: 40px; line-height: 42px; border-radius: 50%; border: none; font-size: 30px; color: #fff; } .banner-style-three .banner-carousel .owl-nav button:hover { background: #fff; } .banner-style-three .text { position: absolute; left: 0px; bottom: 16px; width: 570px; text-align: left; } .banner-style-three .text h1 { position: relative; display: block; font-weight: 500; font-size: 50px; line-height: 60px; color: #fff; text-transform: capitalize; margin-bottom: 13px; } .banner-style-three .text h1 span { font-weight: 300; } .banner-style-three .text p { color: #999; } /** project-style-three **/ .project-style-three { position: relative; padding: 185px 0px 0px 0px; } .project-style-three .sec-title { margin-bottom: 55px; } .project-style-three .inner-content { margin-right: -100px; } .project-style-three .shape { position: absolute; top: 0px; right: 0px; width: 723px; height: 789px; background-repeat: no-repeat; } .about-section.alternat-2 .content-box .btn-box .theme-btn { padding: 16px 40px; } .about-section.alternat-2 .content-box { max-width: 560px; } .about-section.alternat-2 .curve-text { position: absolute; bottom: -60px; right: -150px; width: 350px; height: 350px; border-radius: 50%; border: 1px solid #323232; z-index: 1; } .about-section.alternat-2 .curve-text .curved-circle { left: 175px; } .about-section.alternat-2 .image-box:after { top: 47px; } .video-section.home-3 .testimonial-content { position: absolute; right: 0px; bottom: 30px; width: 685px; background: #323232; padding: 73px 90px 83px 62px; } .video-section .testimonial-content .text-inner { position: relative; display: block; padding-left: 32px; margin-bottom: 23px; } .video-section .testimonial-content .text-inner .quote { position: absolute; left: 0px; top: 0px; font-size: 72px; line-height: 72px; font-family: 'Oswald', sans-serif; font-weight: 400; } .video-section .testimonial-content .text-inner p { position: relative; display: block; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; color: #999; } .video-section .testimonial-content .author-box { position: relative; display: block; padding: 19px 0px 20px 114px; } .video-section .testimonial-content .author-box .author-thumb { position: absolute; left: 0px; top: 0px; width: 91px; height: 91px; border-radius: 50%; } .video-section .testimonial-content .author-box .author-thumb img { width: 100%; border-radius: 50%; } .video-section .testimonial-content .author-box h4 { display: block; font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 0px; } .video-section .testimonial-content .author-box .designation { position: relative; display: block; font-size: 12px; line-height: 22px; } .video-section.home-3 .owl-nav { position: absolute; right: 10px; bottom: 54px; } .video-section.home-3 { padding-bottom: 0px; } /** footer-style-three **/ .main-footer.style-three .pattern-layer { position: absolute; left: 0px; bottom: 0px; width: 868px; height: 621px; background-repeat: no-repeat; } .main-footer.style-three .footer-top { padding: 67px 0px 45px 0px; } .main-footer.style-three .footer-top h2 { position: relative; display: block; font-size: 55px; line-height: 65px; font-weight: 500; color: #fff; } .main-footer.style-three .footer-top h2 span { display: block; } .main-footer.style-three .footer-top .form-inner .form-group { position: relative; margin-bottom: 0px; } .main-footer.style-three .footer-top .form-inner .form-group input[type='email'] { position: relative; display: block; width: 100%; height: 84px; background: transparent; border: 1px solid #999; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; color: #999; padding: 10px 180px 10px 30px; transition: all 500ms ease; } .main-footer.style-three .footer-top .form-inner .form-group input:focus { } .main-footer.style-three .footer-top .form-inner .form-group button[type='submit'] { position: absolute; top: 10px; right: 10px; padding: 16px 40px; } .main-footer.style-three .links-widget { margin-top: 0px; } .main-footer.style-three .gallery-widget .image-list { position: relative; margin: 0px -7.5px; } .main-footer.style-three .gallery-widget .image-list li { position: relative; display: inline-block; float: left; margin: 0px 7.5px; margin-bottom: 15px; } .main-footer.style-three .gallery-widget .image-list li .image { position: relative; width: 100px; height: 100px; overflow: hidden; } .main-footer.style-three .gallery-widget .image-list li .image img { width: 100%; transition: all 500ms ease; } .main-footer.style-three .gallery-widget .image-list li .image:hover img { opacity: 0.2; } .main-footer.style-three .gallery-widget .image-list li .image a { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0); font-size: 20px; color: #fff; } .main-footer.style-three .gallery-widget .image-list li .image:hover a { transform: translate(-50%,-50%) scale(1,1); } .main-footer.style-three .links-widget { padding: 0px; } /*** ==================================================================== Inner-Page ==================================================================== ***/ /** page-title **/ .page-title { position: relative; width: 100%; /* padding: 0px 195px;*/ } .page-title:before { position: absolute; content: ''; width: 1px; height: 105px; left: 50%; transform: translateX(-50%); bottom: -40px; z-index: 1; display: none; } .page-title .outer-container { position: relative; padding: 140px 0px 50px; } .new-pdng-2 { padding: 75px 0px !important; } .page-title .outer-container .bg-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .page-title .outer-container .bg-layer:before { position: absolute; content: ''; background: linear-gradient(180deg, rgb(147 145 145 / 10%) -9.17%, #000000b8 96.07%); left: 0px; top: 0px; width: 100%; height: 100%; } .new-style-tel { margin-left: 20px !important; margin-right: 5px; margin-bottom: 13px !important; } .page-title .title-box h2 { display: block; font-size: 60px; line-height: 70px; color: #fff; letter-spacing: 0.2em; } .new-h2-styl { display: block; font-size: 55px; line-height: 70px; color: #fff; letter-spacing: 0.1em; margin-bottom: 30px; } .about-section .pattern-layer { position: absolute; top: 510px; right: 0px; width: 723px; height: 789px; background-repeat: no-repeat; } /** testimonial-style-two **/ .testimonial-style-two { position: relative; padding: 120px 0px; } .testimonial-style-two .bg-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .testimonial-block-two .inner-box { position: relative; display: block; background: #323232; opacity: 0.95; border-radius: 5px; padding: 35px 37px 60px 45px; overflow: hidden; } .testimonial-block-two .inner-box:before { position: absolute; content: ''; width: 100%; height: 10px; left: 0px; bottom: 0px; transform: scale(0,0); transition: all 500ms ease; } .testimonial-block-two .inner-box:hover:before { transform: scale(1,1); } .testimonial-block-two .inner-box .quote { position: relative; display: block; font-size: 44px; line-height: 55px; font-family: 'Oswald', sans-serif; height: 70px; } .testimonial-block-two .inner-box p { display: block; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; color: #fff; margin-bottom: 20px; } .testimonial-block-two .inner-box .author-box { position: relative; display: block; padding: 20px 0px 19px 114px; } .testimonial-block-two .inner-box .author-box .author-thumb { position: absolute; left: 0px; top: 0px; width: 91px; height: 91px; border-radius: 50%; } .testimonial-block-two .inner-box .author-box .author-thumb img { width: 100%; border-radius: 50%; } .testimonial-block-two .inner-box .author-box h4 { position: relative; display: block; font-size: 20px; line-height: 30px; } .testimonial-block-two .inner-box .author-box .designation { position: relative; display: block; font-size: 12px; line-height: 22px; } .clients-section.about-page { padding-top: 120px; padding-bottom: 60px; } .team-section.about-page { padding-bottom: 120px; } /** about-style-three **/ .about-style-three { position: relative; padding: 150px 0px; } .about-style-three .content-box .text p { position: relative; display: block; font-size: 15px; line-height: 22px; color: #fff; margin-bottom: 32px; } .about-style-three .image-box { position: relative; display: block; margin-left: 32px; margin-right: 51px; padding-right: 371px; padding-bottom: 145px; } .about-style-three .image-box .image { position: relative; border-radius: 20px; overflow: hidden; } .about-style-three .image-box .image-2 { position: absolute; right: 0px; bottom: 0px; } .about-style-three .image-box .image img { width: 100%; border-radius: 20px; } .about-style-three .image-box .icon-box { position: absolute; top: 0px; right: 65px; width: 203px; height: 203px; line-height: 203px; border-radius: 50%; text-align: center; -webkit-animation: zoom-fade 4s infinite linear; animation: zoom-fade 4s infinite linear; } .about-style-three .pattern-layer { position: absolute; left: 0px; bottom: 0px; width: 457px; height: 259px; background-repeat: no-repeat; } /** service-style-two **/ .service-style-two { position: relative; padding: 6px 0px 90px 0px; overflow: hidden; } .service-style-two .service-block-one .inner-box { margin-bottom: 30px; background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(6deg, rgba(0,0,0,0.75) 0, rgb(0 0 0 / 73%) 3%, rgba(0, 0, 0, 0) 100%); background-position: 50% 50%; } .service-block-one .inner-box p { font-size: 12px; line-height: 22px; color: #999; margin-top: 15px; } .service-style-two .service-block-one .inner-box .icon-box { min-height: 323px; margin-bottom: 0px; transition: all 500ms ease; OVERFLOW: HIDDEN; } .service-style-two .service-block-one .inner-box:before { background: rgb(39 39 39 / 11%); } .service-style-two .sec-title { margin-bottom: 50px; } .parallax-bg { position: absolute; top: -30%; left: 0px; width: 100%; height: 150%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .service-style-two .parallax-bg:before { position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.5; } .service-section.service-page { padding: 185px 0px 90px 0px; } .service-section.service-page .service-block-one .inner-box { margin-bottom: 30px; } .service-section.service-page .sec-title { margin-bottom: 50px; } /** testimonial-style-three **/ .testimonial-style-three { position: relative; padding-bottom: 120px; } .testimonial-style-three .inner-container { position: relative; max-width: 535px; width: 100%; margin: 0 auto; } .testimonial-style-three .owl-nav { position: absolute; right: 10px; bottom: 20px; } /** service-details **/ .service-details { position: relative; padding: 120px 0px; } .service-details-content { position: relative; display: block; } .service-details-content .text { margin-bottom: 40px; } .service-details-content .text .sec-title { margin-bottom: 53px; } .service-details-content .text p { display: block; font-size: 15px; line-height: 22px; color: #fff; margin-bottom: 32px; } .service-details-content .text p:last-child { margin-bottom: 0px; } .service-details-content .image-box .image { position: relative; display: block; } .service-details-content .image-box .small-column .image { margin-bottom: 30px; } .service-details-content .image-box .image img { width: 100%; } .service-sidebar { position: relative; display: block; margin-top: 105px; } .service-sidebar .category-widget { position: relative; display: block; background: #323232; padding: 56px 50px 50px 50px; } .service-sidebar .category-widget .category-list li { position: relative; display: block; margin-bottom: 10px; } .service-sidebar .category-widget .category-list li:last-child { margin-bottom: 0px; } .service-sidebar .category-widget .category-list li a { position: relative; display: block; font-size: 12px; line-height: 22px; color: #fff; padding: 11px 20px 11px 20px; z-index: 1; } .service-sidebar .category-widget .category-list li a.current, .service-sidebar .category-widget .category-list li a:hover { color: #fff; } .service-sidebar .category-widget .category-list li a i { position: absolute; top: 8px; right: 20px; color: #fff; font-size: 30px; } .service-sidebar .category-widget .category-list li a:before { position: absolute; content: ''; width: 0%; height: 100%; left: 0px; top: 0px; z-index: -1; transition: all 500ms ease; } .service-sidebar .category-widget .category-list li a.current:before, .service-sidebar .category-widget .category-list li a:hover:before { width: 100%; } .service-sidebar .category-widget h3 { position: relative; display: inline-block; font-size: 30px; line-height: 72px; color: #fff; margin-bottom: 27px; } .service-sidebar .category-widget h3:before { position: absolute; content: ''; width: 100%; height: 1px; left: 0px; bottom: 0px; } /** project-page-section **/ .project-page-section { padding: 185px 0px 90px 0px; } .project-page-section .project-block-two .inner-box { margin-bottom: 30px; } .project-page-section .filters { position: relative; display: block; margin-bottom: 42px; } .project-page-section .filters .filter-tabs li { position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; color: #fff; cursor: pointer; margin: 0px 20px; transition: all 500ms ease; } .project-page-section .filters .filter-tabs li.active, .project-page-section .filters .filter-tabs li:hover { } /** project-details **/ .project-details { position: relative; padding: 120px 0px; } .project-details .inner-container { position: relative; max-width: 1010px; width: 100%; margin: 0 auto; } .project-details .project-block-two .inner-box { border-radius: 20px; margin-bottom: 60px; } .project-details .project-block-two .inner-box img { border-radius: 20px; } .project-details .project-block-two .inner-box .text { transform: scale(1,1); } .project-details .content-one { position: relative; display: block; padding-bottom: 77px; margin-bottom: 77px; border-bottom: 1px solid #999999; } .project-details p { display: block; font-size: 12px; line-height: 22px; color: #999; } .project-details .content-one .text p { margin-bottom: 32px; } .project-details .content-one .text p:last-child { margin-bottom: 0px; } .project-details .content-one .sec-title { margin-bottom: 53px; } .project-details .content-two .sec-title h2 { margin-bottom: 28px; } .project-details .content-two .sec-title { margin-bottom: 44px; } .project-details .content-two img { width: 100%; } /** team-page-section **/ .team-page-section { position: relative; padding: 115px 0px 90px 0px; } .team-page-section .team-block-one { padding-bottom: 30px; } .tabs-box .tab { position: relative; display: none; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .tabs-box .tab.active-tab { display: block; } .tabs-box .tab { transform: scale(0.9,0.9) translateY(0px); } .tabs-box .tab.active-tab { transform: scale(1) translateY(0px); } .team-page-section .tab-btn-box { position: relative; display: block; margin-bottom: 62px; } .team-page-section .tab-btn-box .tab-btns li { position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #fff; margin: 0px 15px; cursor: pointer; transition: all 500ms ease; } .team-page-section .tab-btn-box .tab-btns li.active-btn, .team-page-section .tab-btn-box .tab-btns li:hover { } /** team-details **/ .team-details { position: relative; padding: 120px 0px; } .team-details .inner-box { position: relative; display: block; background: #323232; padding-left: 490px; } .team-details .inner-box .image-box { position: absolute; left: 0px; top: 0px; width: 490px; height: 582px; overflow: hidden; } .team-details .inner-box .image-box .image { position: relative; display: block; } .team-details .inner-box .image-box .image img { width: 100%; } .team-details .inner-box .image-box .social-links { position: absolute; bottom: 125px; right: 30px; z-index: 1; } .team-details .inner-box .image-box .social-links li { position: relative; display: block; margin-bottom: 20px; } .team-details .inner-box .image-box .social-links li:last-child { margin-bottom: 0px; } .team-details .inner-box .image-box .social-links li a { position: relative; display: inline-block; font-size: 20px; line-height: 20px; color: #323232; } .team-details .inner-box .image-box .social-links li a:hover { } .team-details .inner-box .content-box { position: relative; display: block; padding: 92px 80px 110px 80px; } .team-details .inner-box .content-box h2 { display: block; font-size: 45px; line-height: 55px; color: #fff; margin-bottom: 7px; } .team-details .inner-box .content-box .designation { position: relative; display: block; font-size: 12px; line-height: 22px; margin-bottom: 18px; } .team-details .inner-box .content-box .social-links li { position: relative; display: inline-block; float: left; margin-right: 23px; } .team-details .inner-box .content-box .social-links li:last-child { margin: 0px !important; } .team-details .inner-box .content-box .social-links li a { position: relative; display: inline-block; font-size: 20px; color: #fff; } .team-details .inner-box .content-box .social-links li a:hover { } .team-details .inner-box .content-box .social-links { margin-bottom: 18px; } .team-details .inner-box .content-box p { position: relative; display: block; font-size: 12px; line-height: 22px; color: #999; margin-bottom: 40px; } .team-details .inner-box .content-box .info-list { position: relative; max-width: 530px; } .team-details .inner-box .content-box .info-list li { position: relative; display: block; float: left; width: 265px; font-size: 12px; line-height: 22px; color: #fff; margin-bottom: 20px; } .team-details .inner-box .content-box .info-list li:last-child { margin-bottom: 0px; } .team-details .inner-box .content-box .info-list li a { position: relative; display: inline-block; color: #fff; } .team-details .inner-box .content-box .info-list li span { } .team-details .inner-box .content-box .info-list li a:hover { } .team-section.team-details-page { padding-top: 0px; padding-bottom: 120px; } .testimonial-section.testimonial-page { padding-bottom: 120px; } /** comingsoon-section **/ .comingsoon-section { position: relative; width: 100%; padding: 240px 0px 250px 0px; } .comingsoon-section .bg-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .comingsoon-section .bg-layer:before { position: absolute; content: ''; background: linear-gradient(180deg, rgba(39, 39, 39, 0) -9.17%, #272727 96.07%); left: 0px; top: 0px; width: 100%; height: 100%; } .comingsoon-section .inner-box h3 { display: block; font-size: 50px; line-height: 60px; font-weight: 500; text-transform: uppercase; margin-bottom: 14px; } .comingsoon-section .inner-box h2 { display: block; font-size: 120px; line-height: 120px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 70px; } .comingsoon-section .cs-countdown .count-col { position: relative; display: inline-block; width: 196px; height: 196px; margin: 0px 15px; background: rgba(50, 50, 50, 0.80); border: 1px solid #B19777; padding: 46px 15px 46px 15px; } .comingsoon-section .cs-countdown .count-col span { position: relative; display: block; font-size: 55px; line-height: 65px; font-weight: 500; color: #fff; font-family: 'Oswald', sans-serif; text-align: center; margin-bottom: 0px; } .comingsoon-section .cs-countdown .count-col h6 { position: relative; font-size: 30px; line-height: 40px; color: #fff; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: capitalize; } .comingsoon-section .cs-countdown { margin-bottom: 70px; } .comingsoon-section .inner-box .form-inner h4 { display: block; font-size: 20px; line-height: 30px; margin-bottom: 18px; } .comingsoon-section .inner-box .form-inner { margin-bottom: 65px; } .comingsoon-section .inner-box .form-inner .form-group { position: relative; max-width: 730px; margin: 0 auto; margin-bottom: 0px; } .comingsoon-section .inner-box .form-inner .form-group input[type='email'] { position: relative; display: block; width: 100%; height: 84px; background: #323232; border: 1px solid #323232; font-size: 20px; font-family: 'Oswald', sans-serif; color: #999; padding: 10px 180px 10px 40px; transition: all 500ms ease; } .comingsoon-section .inner-box .form-inner .form-group input:focus { } .comingsoon-section .inner-box .form-inner .form-group button[type='submit'] { position: absolute; top: 11px; right: 16px; padding: 16px 40px; } .comingsoon-section .inner-box .btn-box .theme-btn { background: #272727; } /** error-section **/ .error-section { position: relative; padding: 350px 0px; } .error-section .bg-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .error-section .bg-layer:before { position: absolute; content: ''; background: #000; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.8; } .error-section .inner-box { position: relative; display: block; } .error-section .inner-box h2 { display: block; font-size: 400px; line-height: 400px; font-weight: 700; margin-bottom: 20px; } .error-section .inner-box h3 { display: block; font-size: 50px; line-height: 60px; font-weight: 500; margin-bottom: 39px; } .error-section .inner-box h4 { display: block; font-size: 20px; line-height: 30px; font-weight: 400; margin-bottom: 18px; } .error-section .inner-box .form-inner { position: relative; max-width: 730px; margin: 0 auto; } .error-section .inner-box .form-inner .form-group { position: relative; margin-bottom: 0px; } .error-section .inner-box .form-inner .form-group input[type='email'] { position: relative; display: block; width: 100%; height: 84px; background: #323232; font-size: 20px; font-family: 'Oswald', sans-serif; color: #999; border: 1px solid #323232; padding: 10px 80px 10px 40px; transition: all 500ms ease; } .error-section .inner-box .form-inner .form-group button { position: absolute; top: 30px; right: 30px; font-size: 24px; color: #999; cursor: pointer; transition: all 500ms ease; } .error-section .inner-box .form-inner .form-group input:focus { border-color: #fff; } .error-section .inner-box .form-inner .form-group input:focus + button, .error-section .inner-box .form-inner .form-group button:hover { color: #fff; } /*** ==================================================================== Blog-Page ==================================================================== ***/ .news-section.blog-grid { padding: 80px 0px 90px 0px; border-bottom: none; } .news-section.blog-grid .news-block-two .inner-box { margin-bottom: 30px; } /** sidebar-page-container **/ .sidebar-page-container { position: relative; padding: 120px 0px; } .blog-details-content { position: relative; background: #323232; } .blog-details-content .news-post { position: relative; padding: 52px 40px 70px 40px; } .sidebar-page-container .news-block-two .inner-box .content-box { padding: 0px; } .sidebar-page-container .news-block-two .inner-box .content-box .text p { margin-bottom: 32px; } .sidebar-page-container .news-block-two .inner-box .content-box .text p:last-child { margin-bottom: 0px; } .sidebar-page-container .news-block-two .inner-box h3 { margin-bottom: 39px; } .sidebar-page-container .news-block-two .inner-box { margin-bottom: 45px; } .blog-details-content .content-one { position: relative; margin-bottom: 59px; } .blog-details-content .content-one blockquote { position: relative; display: block; background: #272727; padding: 39px 38px 36px 44px; margin: 0px 0px 45px 0px; } .blog-details-content .content-one blockquote .quote { position: absolute; right: 24px; bottom: 12px; } .blog-details-content .content-one blockquote p { display: block; font-size: 15px; line-height: 25px; letter-spacing: 0.02em; color: #999; margin-bottom: 5px; } .blog-details-content .content-one blockquote .name { position: relative; display: block; font-size: 12px; line-height: 22px; padding-left: 47px; } .blog-details-content .content-one blockquote .name:before { position: absolute; content: ''; width: 31px; height: 2px; left: 0px; top: 11px; } .blog-details-content .content-one .image-box { position: relative; display: block; margin-bottom: 45px; } .blog-details-content .content-one .image-box .image { position: relative; display: block; } .blog-details-content .content-one .image-box .image img { width: 100%; } .blog-details-content .content-one .text p { color: #999; } .blog-details-content .comment-box { position: relative; margin-bottom: 26px; } .blog-details-content .comment-box .comment { position: relative; display: block; padding-left: 115px; } .blog-details-content .comment-box .comment .thumb-box { position: absolute; left: 0px; top: 0px; width: 80px; height: 80px; border-radius: 50%; } .blog-details-content .comment-box .comment .thumb-box img { width: 100%; border-radius: 50%; } .blog-details-content .comment-box .comment .comment-inner { position: relative; max-width: 335px; } .blog-details-content .comment-box .comment .comment-info h6 { position: relative; display: block; font-size: 15px; line-height: 25px; font-family: 'Poppins', sans-serif; font-weight: 600; margin-bottom: 13px; } .blog-details-content .comment-box .comment .comment-info h6 span { position: relative; display: inline-block; font-size: 10px; line-height: 22px; color: #fff; margin-left: 15px; } .blog-details-content .comment-box .comment .comment-inner p { color: #999; margin-bottom: 19px; } .blog-details-content .comment-box .comment .comment-inner .reply-btn { position: relative; display: inline-block; font-size: 12px; line-height: 22px; font-family: 'Poppins', sans-serif; } .blog-details-content .comment-box .comment .comment-inner .reply-btn:hover { color: #fff; } .blog-details-content .comments-form-area { position: relative; padding-left: 115px; } .blog-details-content .comments-form-area h3 { display: block; font-size: 20px; line-height: 30px; margin-bottom: 19px; } .blog-details-content .comments-form-area .comment-form .form-group { position: relative; margin-bottom: 20px; } .blog-details-content .comments-form-area .comment-form .form-group:last-child { margin-bottom: 0px; } .blog-details-content .comments-form-area .comment-form .form-group input[type='text'], .blog-details-content .comments-form-area .comment-form .form-group input[type='email'], .blog-details-content .comments-form-area .comment-form .form-group textarea { position: relative; display: block; width: 100%; height: 84px; background: #272727; border: 1px solid #272727; font-size: 20px; font-family: 'Oswald', sans-serif; color: #999; padding: 10px 20px; transition: all 500ms ease; } .blog-details-content .comments-form-area .comment-form .form-group textarea { height: 190px; resize: none; padding-top: 30px; } .blog-details-content .comments-form-area .comment-form .form-group input:focus, .blog-details-content .comments-form-area .comment-form .form-group textarea:focus { } .blog-sidebar { position: relative; display: block; } .blog-sidebar .sidebar-widget { position: relative; display: block; background: #323232; padding: 45px 30px 50px 30px; margin-bottom: 60px; } .blog-sidebar .sidebar-widget:last-child { margin-bottom: 0px; } .blog-sidebar .search-widget h3 { position: relative; display: block; font-size: 30px; line-height: 40px; margin-bottom: 23px; } .blog-sidebar .search-widget .search-form .form-group { position: relative; margin-bottom: 0px; } .blog-sidebar .search-widget .search-form .form-group input[type='search'] { position: relative; display: block; width: 100%; height: 84px; background: #272727; border: 1px solid #272727; padding: 10px 80px 10px 30px; font-size: 20px; font-family: 'Oswald', sans-serif; color: #999; transition: all 500ms ease; } .blog-sidebar .search-widget .search-form .form-group button[type='submit'] { position: absolute; top: 30px; right: 20px; font-size: 24px; color: #999; cursor: pointer; transition: all 500ms ease; } .blog-sidebar .search-widget .search-form .form-group input:focus { } .blog-sidebar .search-widget .search-form .form-group input:focus + button, .blog-sidebar .search-widget .search-form .form-group button:hover { } .blog-sidebar .sidebar-widget .widget-title { position: relative; display: block; margin-bottom: 27px; } .blog-sidebar .sidebar-widget .widget-title:before { position: absolute; content: ''; width: 160px; height: 1px; left: 0px; bottom: 0px; } .blog-sidebar .sidebar-widget .widget-title h3 { font-size: 30px; line-height: 72px; } .blog-sidebar .category-widget .category-list li { position: relative; display: block; margin-bottom: 10px; } .blog-sidebar .category-widget .category-list li:last-child { margin-bottom: 0px; } .blog-sidebar .category-widget .category-list li a { position: relative; display: block; font-size: 15px; line-height: 22px; color: #fff; padding: 11px 20px 11px 20px; z-index: 1; } .blog-sidebar .category-widget .category-list li a.current, .blog-sidebar .category-widget .category-list li a:hover { color: #fff; } .blog-sidebar .category-widget .category-list li a i { position: absolute; top: 8px; right: 20px; color: #fff; font-size: 30px; } .blog-sidebar .category-widget .category-list li a:before { position: absolute; content: ''; width: 0%; height: 100%; left: 0px; top: 0px; z-index: -1; transition: all 500ms ease; } .blog-sidebar .category-widget .category-list li a.current:before, .blog-sidebar .category-widget .category-list li a:hover:before { width: 100%; } .blog-sidebar .tags-widget .tags-list li { position: relative; display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px; } .blog-sidebar .tags-widget .tags-list li a { position: relative; display: inline-block; font-size: 12px; line-height: 22px; color: #fff; background: #999999; padding: 10px 30px; text-align: center; } .blog-sidebar .tags-widget .tags-list li a:hover { } /** contact-page-section **/ .contact-page-section { position: relative; padding: 115px 0px 120px 0px; } .contact-page-section .form-inner { position: relative; margin-right: 130px; } .contact-page-section .sec-title h2 { font-size: 60px; line-height: 70px; } .contact-page-section .form-inner form .form-group { position: relative; margin-bottom: 20px; } .contact-page-section .form-inner form .form-group:last-child { margin-bottom: 0px; } .contact-page-section .form-inner form .form-group input[type='text'], .contact-page-section .form-inner form .form-group input[type='email'], .contact-page-section .form-inner form .form-group textarea { position: relative; display: block; width: 100%; height: 85px; background: rgb(153 153 153 / 30%); border: 1px solid rgb(153 153 153 / 30%); font-size: 20px; font-family: 'Oswald', sans-serif; color: #999; padding: 10px 30px 10px 30px; transition: all 500ms ease; } .contact-page-section .form-inner form .form-group textarea { height: 190px; resize: none; } .contact-page-section .form-inner form .form-group input:focus, .contact-page-section .form-inner form .form-group textarea:focus { } .contact-page-section .content-box { position: relative; display: block; } .contact-page-section .content-box .info-list li { position: relative; display: block; font-size: 20px; line-height: 30px; font-family: 'Oswald', sans-serif; color: #fff; margin-bottom: 25px; padding: 4px 0px 6px 57px; } .contact-page-section .content-box .info-list li:last-child { margin-bottom: 0px; } .contact-page-section .content-box .info-list li i { position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; line-height: 40px; font-size: 20px; color: #fff; background: rgb(182 32 37); text-align: center; border-radius: 50%; } .contact-page-section .content-box .info-list li:last-child i { top: 6px; } .contact-page-section .content-box .info-list li:nth-child(2) i { background: #283891; } .contact-page-section .content-box .info-list li:last-child i { background: #333333; } .contact-page-section .content-box .info-list li a { color: #fff; } .contact-page-section .content-box .info-list li a:hover { } .contact-page-section .content-box .logo { position: relative; display: block; margin-bottom: 38px; } .contact-page-section .content-box .text { position: relative; display: block; margin-bottom: 20px; } .contact-page-section .content-box .text p { color: #999; } .contact-page-section .pattern-layer { position: absolute; right: 0px; bottom: 100px; width: 868px; height: 621px; background-repeat: no-repeat; } /** google-map-section **/ .google-map-section { position: relative; padding-bottom: 120px; } .google-map-section #contact-google-map { position: relative; width: 100%; height: 500px; } /*bu kısım yeni eklendi*/ .pdng-3 { padding-inline: 15px; } .div1 { position: relative; z-index: 1; } .xxx-2 { position: fixed; right: -100%; top: 0; bottom: 0; width: 100%; z-index: 999999999; height: 100%; -webkit-overflow-scrolling: touch; background-color: #272727; transition: all 900ms ease; visibility: hidden; opacity: 0; display: flex; justify-content: center; align-items: center; } .btns-3 { position: relative; text-align: justify; margin: auto; } @media screen and (max-width:991px) { .dsp-fl-3 .img-frm { display: none; } .dsp-fl-3 { display: block !important; } .img1 img { border-top-left-radius: 0 !important; } .img3 img { border-bottom-left-radius: 0 !important; } .h4-n3 { margin-right: 20px; } } .form-img { width: 250px; } .display-flex-3 { display: flex; justify-content: start; align-items: center; } @media screen and (max-width:767px) { .t-sabit1 { bottom: 30px !important; left: 12px !important; } .t-sabit1 .a-box { padding-left: 40px !important; } .t-sabit1 .a-box img { width: 37px !important; } .t-sabit1 .tel-tt p { font-size: 20px !important; } .t-sabit1 .a-box .text1 { display: none; } .buttons-3 { font-size: 12px; top: 32% !important; } .new-cls-3 .my-text-3 { top: 90% !important; } .new-h2-styl { font-size: 36px; line-height: 45px; } .tel-button { left: 6px; } .form-img { width: 150px; } .icerik-1 p { display: none; } .sidebar-info-contents .content-inner .logo { margin-bottom: 0px; padding-bottom: 0px; } #pb-logo { padding-bottom: 220px; } .xs-sidebar-widget .logo a { display: none; } .xxx-2 { z-index: 1000000000; top: 90px; } .xs-sidebar-widget { top: 0; } .dsp-n1 { display: none; } .main-btn-3 i { transform: rotateZ(90deg); } .xxx-2 .sidebar-textwidget { padding: 0px; } .icerik-1 { padding-inline: 10px !important; } .main-btn-3 h4::after { width: 110px !important; } .main-btn-3 { display: inline-block !important; } .xxx-2 { height: fit-content; } .btns-3 { display: flex; justify-content: center; } .h4-n3 h4 { padding: 10px; box-shadow: 3px 3px 5px #d80d0d82; margin-bottom: 0px !important; text-align: center; font-size: 18px; } .h4-n3 { background: #283891db; margin-right: 8px; } .main-btn-3 .a-1-none { display: none; } .h4-n3 h4::after { display: none } .h4-n3 h4::before { display: none } .img3 .icerik-1 { display: none; } #f-btn { display: none !important; } #k-btn { display: none !important; } .main-header .logo-box img { height: 90px !important; width: auto !important; } } @media screen and (min-width:992px) { .display-flex-3 h2 { border-left: 3px solid #909090; padding-inline-start: 20px; padding-block: 25px; } .sidebar-page-container { padding: 50px 0px; } } .active-h4 { background: red; padding: 10px; } .main-btn-3 { display: flex; align-items: center; justify-content: flex-start; align-content: center; } .main-btn-3 h4::before { position: absolute; content: ''; background: #4D4D4D; width: 70%; height: 1px; left: 0px; bottom: -7px; } .h4-n3 { position: relative; display: block; } .main-btn-3 h4::after { position: absolute; content: ''; width: 150px; height: 2px; left: 0px; bottom: -8px; background: linear-gradient(270deg, #b62025 -18.92%, #283891 49.63%); } .dsp-fl-3 { display: flex; align-items: center; padding-top: 10px; } .logo .dsp-fl-3 { justify-content: center; } .dsp-fl-3 .img-frm { max-width: 250px; border: 4px solid #fdfdfd7d; } .icerik-1 { padding-inline: 20px; max-width: 700px; text-align: justify; width: 100% } .icerik-1 i { position: relative; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; border-radius: 50%; background: rgba(182, 32, 37); } .icerik-1 .icon-17 { background: rgba(182, 32, 37) } .icerik-1 .wp-tel-form i { background: #25d366; } .icerik-1 .tel-pulse { padding: 20px; margin-inline: unset; margin-left: 10px !important; margin-right: unset; margin-bottom: 0; } .icerik-1 .tel-s { font-size: 20px; background-color: rgb(114 114 114); padding-inline: 30px; } .icerik-1 .tel-xx { justify-content: flex-start; margin-bottom: 10px; align-items: center; } .tel-button-form { margin-bottom: 5px; } .icerik-1 .wp-tel-form { background: #25d366; } .icerik-1 #tel-x2 { max-width: 100%; color: #fff; } .img1 img { border-top-left-radius: 25%; } .img3 img { border-bottom-left-radius: 25%; } .xs-sidebar-group.isActive .main-btn-3 .a-1-none { position: relative; /*animation: mymove 1s;*/ } .xs-sidebar-group.isActive .main-btn-3 .a-1-none:hover { animation: mymove 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .xs-sidebar-group.isActive .btns-3 { position: relative; animation: mymove2 2s; animation-timing-function: ease-in-out; } @keyframes mymove2 { from { right: 200px } to { right: 0px } } @keyframes mymove { 0% { right: 0px } 50% { right: 10px } 100% { right: 0px } } .xs-sidebar-group.isActive .xxx-2 { opacity: 1; visibility: visible; right: auto; -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; } .a-1-none { cursor: pointer; } /* .a-1-none:hover i { width: 55px; height: 55px; line-height: 55px; } */ .display-n { display: none; } .display-f { display: flex; } .img1:hover { background: rgb(112 112 112 / 49%); z-index: 9999999; width: 100%; } .img2:hover { background: rgb(112 112 112 / 49%); z-index: 9999999; width: 100%; } .buttons-3 .fiziblt-btn2 { position: relative; animation-name: example-3; animation-duration: 2s; animation-iteration-count: infinite; } .new-cls-3 { height: 300px; width: 49px; background-color: #283891; position: relative; padding: 0px; } .new-cls-3 img { padding: 4px; background-color: #b62025; } .new-cls-3 .my-text-3 { transform: rotateX(335deg); background: none; transform-origin: 0 0; transform: rotate(270deg); position: relative; z-index: 15; color: #fff; width: 100%; white-space: nowrap; font-size: 17px; width: 289px; left: 13px; top: 87%; text-transform: uppercase; word-spacing: 5px; } @keyframes example-3 { 0% { left: 0px; } 50% { left: 10px; } 67% { left: 0px; } 85% { left: 5px; } 100% { left: 0px; } } @media only screen and (max-width: 1366px) and (min-width: 768px) { .dsp-fl-3 .img-frm { width: 160px; } .form-img { width: 175px; } } @media only screen and (max-width: 1366px) { .form-img { width: 150px; } } @keyframes mymove { 0% { background-color: rgb(47 61 141); } 50% { background-color: rgb(182 32 37); } 100% { background-color: rgb(47 61 141); } } .t-sabit1 { border: 4px solid rgb(182 32 37 / 66%); /* background-color: rgb(117 113 113 / 25%); */ /* box-shadow: 0px 2px 10px 4px rgb(192 192 192 / 54%); */ /* box-shadow: 0px 0px 0px 3px rgb(40 56 145);*/ border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; padding: 0px 15px 0px 0px; width: fit-content; position: absolute; bottom: 20PX; left: 45px; z-index: 999999; background: rgb(182 32 37 / 54%); } .t-sabit1 .tel-tt { font-size: 26px; font-weight: 800; padding-top: 10px; padding-bottom: 5px } .t-sabit1 .tel-tt p { color: #ffffff !important; font-size: 30px; font-weight: 800 !important; text-shadow: 0px 1px 4px #000000; } .t-sabit1 .a-box { position: relative; text-decoration: none; color: #fff !important; display: block; padding-left: 70px; padding-bottom: 4px; } .t-sabit1 .a-box figure { position: absolute; left: 0px; } .t-sabit1 .a-box img { margin-left: 3px; width: 70px; position: relative; /* animation: mymove 2s;*/ animation-iteration-count: infinite; border-radius: 20px; /* background-color: rgb(0 0 0 / 79%);*/ margin-top: 6px; /* transform: rotate(342deg); */ } .a-box .text1 { font-size: 17px; padding-top: 10px; text-transform: uppercase; text-shadow: 0px 1px 4px #000000; font-weight: bold; color: #fff; } .tel-sabt-5 { position: absolute; bottom: 307px; left: 134px; z-index: 9999; display: none; } .border-c1 { animation-name: pulse5; animation-duration: 2s; animation-timing-function: ease-out; animation-iteration-count: infinite; display: none; } .arrow-2 i { margin: 0px; font-size: 60px; font-weight: 600; } .arrow-2 { /* animation-name: mymove5; */ animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: infinite; position: relative; } @keyframes pulse5 { 0% { } 50% { background-color: rgb(34 57 106); } 100% { } } @keyframes mymove5 { 0% { right: -5px } 50% { right: 0px } 100% { right: -5px } } @media only screen and (max-width: 1899px){ .banner-style-three .banner-thumb-inner, .banner-style-three .banner-carousel .owl-nav{ display: none; } .banner-style-three .text{ position: relative; bottom: 0px; width: 100%; margin-top: 25px; } .project-style-three{ padding-top: 0px; } } @media only screen and (max-width: 1518px){ .main-menu .navigation > li > a{ letter-spacing: 0.1em; } } @media only screen and (max-width: 1341){ .main-menu .navigation > li.dropdown > a{ padding-right: 10px; } .main-menu .navigation > li{ margin: 0px 8px; } } @media only screen and (max-width: 1499px){ .header-lower{ padding-left: 60px; padding-right: 60px; } .banner-carousel .owl-nav{ display: none; } .banner-section .banner-thumb-inner{ right: 50px; } .about-section .image-box:before, .about-section .image-box:after{ display: none; } .main-footer .image-layer-1, .main-footer .image-layer-2, .main-footer .image-layer-3{ display: none; } .main-footer .contact-widget{ padding: 0px; } } @media only screen and (min-width: 900px){ .pd-btm-150 { padding-bottom: 150px; } } @media only screen and (max-width: 1200px){ .main-menu, .sticky-header, .main-header.style-one .outer-container:before{ display: none !important; } .main-header .menu-right-content{ display: none; } .menu-area .mobile-nav-toggler { display: block; padding: 10px; } .megamenu ul li:first-child{ display: none; } .main-header .menu-area:before{ display: none; } .header-lower .shape{ display: none; } .header-lower{ padding-top: 15px; } .main-header .menu-right-content{ top: 0px; } .banner-section{ padding-left: 0px; } #P_masterslider .social-links{ display: none; } .video-section .inner-box .content-box{ display: block; } .video-section .inner-box .content-box .video-btn{ margin-top: 30px; } .news-block-one .inner-box .overlay-content{ padding-right: 50px; } .banner-style-two .owl-nav{ display: none; } .banner-style-two .slider-content .single-item .content-box{ width: 100%; left: 0px; } .news-section .inner-container{ padding: 0px; } .main-footer .links-widget{ padding: 0px; } .main-content-outerbox .mobile-menu{ position: fixed; width: 300px; opacity: 0; visibility: hidden; } .main-content-outerbox .main-content-column{ padding-left: 0px; } .main-content-outerbox .mobile-menu .menu-backdrop{ display: block; } .main-content-outerbox .fixed-left-column{ position: relative; } .main-header.header-style-three{ display: block; } .banner-style-three .support-box{ display: none; } .main-content-outerbox .mobile-menu .menu-box{ padding: 0px; background: #141417; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .mobile-menu-visible .main-content-outerbox .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu-visible .main-content-outerbox .mobile-menu { opacity: 1; visibility: visible; } .main-content-outerbox .mobile-menu .navigation li{ border-top: 1px solid rgba(255,255,255,0.10); border-bottom: none; } .main-content-outerbox .mobile-menu .navigation li.dropdown .dropdown-btn{ width: 32px; height: 32px; background: #fff; color: #222; } .main-content-outerbox .mobile-menu .navigation li.dropdown .dropdown-btn span{ display: inline-block; } .main-content-outerbox .mobile-menu .navigation li.dropdown .dropdown-btn.open { -webkit-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; transform: rotate(90deg) !important; } .main-content-outerbox .fixed-left-column{ z-index: 999999999; width: 100%; } .main-content-outerbox .mobile-menu .navigation li > a{ padding: 10px 25px; line-height: 24px; } .banner-style-three .text{ padding-left: 30px; padding-right: 30px; } .project-style-three .inner-content{ margin-right: 0px; } .about-section.alternat-2 .curve-text{ position: relative; right: 0px; bottom: 0px; margin-top: 30px; } .about-section .image-box{ margin-right: 0px; } .video-section.home-3 .testimonial-content{ position: relative; bottom: 0px; margin-top: 30px; width: 100%; } .banner-style-three .banner-carousel .slide-item{ padding-left: 60px; padding-right: 60px; } .page-title{ padding: 0px; } .about-section.alternat-2 .content-box{ margin-top: 0px; } .about-style-three .image-box .icon-box{ display: none; } .about-style-three .image-box{ margin: 0px; } .service-style-two .service-block-one .inner-box{ padding-left: 30px; padding-right: 30px; } .team-details .inner-box .content-box{ padding-left: 30px; padding-right: 30px; } .contact-page-section .form-inner{ margin-right: 0px; } } @media only screen and (min-width: 768px){ .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul, .main-menu .navigation > li > .megamenu{ display:block; visibility:hidden; opacity:0; } .flx-base-50 { display: flex!important; flex-flow: row wrap; width: 530px!important; left: 50px!important; } .flx-base-50 li { flex-basis: 50%; } } @media only screen and (max-width: 991px){ .banner-section .banner-thumb-inner{ display: none; } .banner-section{ padding-bottom: 0px; } .about-section .image-box .text-inner{ right: 0px; } .about-section .image-box{ margin-bottom: 60px; } .service-block-one{ margin-bottom: 30px; } .service-section{ padding-bottom: 120px; } .video-section .inner-box{ padding-left: 60px; padding-right: 30px; } .project-section .owl-nav{ left: 0px; } .news-block-one .inner-box .overlay-content{ display: none; } .news-block-one .inner-box{ margin-bottom: 30px; } .news-section{ padding-bottom: 120px; } .line-shape{ display: none !important; } .main-footer .sec-title{ margin-bottom: 30px; } .main-footer .footer-widget{ margin-bottom: 30px; } .banner-style-two .image-inner{ margin-top: 30px; } .about-style-two .inner-box .curve-text{ position: relative; right: 0px; margin-top: 30px; } .project-tab .p-tabs-content{ margin-top: 40px; } .main-footer.style-two .links-widget, .main-footer.style-two .contact-widget{ margin: 0px; } .main-footer.style-two .contact-widget{ margin-top: 30px; } .main-footer.style-three .footer-top .text{ margin-bottom: 30px; } .about-style-three .content-box{ margin-bottom: 30px; } .team-details .inner-box{ padding-left: 0px; } .team-details .inner-box .image-box{ position: relative; width: 100%; height: auto; margin-bottom: 30px; } .comingsoon-section .cs-countdown .count-col{ margin-bottom: 30px; } .comingsoon-section .cs-countdown .count-col:last-child{ margin-bottom: 0px; } .contact-page-section .content-box{ margin-top: 30px; } } @media only screen and (max-width: 767px){ .hclss{ height: 65px; } .hcl2{ top: 6%; left: 29%; } .btn-whatsapp-pulse-border{ right:98px !important; } .project-page-section{ padding-top: 110px !important; } .media-nw{ padding-top: 50px !important; } .banner-carousel .content-box h2{ font-size: 40px; line-height: 50px; } .banner-carousel .slide-item{ padding: 120px 0px; } .about-section{ padding: 70px 0px; } .sec-title h2{ font-size: 36px; line-height: 46px; } .sec-title h2 br{ display: none; } .service-section{ padding-bottom: 40px; } .video-section .inner-box{ padding-top: 65px; padding-bottom: 70px; } .video-section .inner-box .content-box .text h2{ font-size: 40px; line-height: 50px; } .video-section .inner-box .content-box .text h2 br{ display: none; } .video-section .owl-dots{ display: none; } .video-section{ padding-bottom: 70px; } .project-section .more-btn{ margin-top: 30px; } .clients-section .shape{ display: none; } .clients-section{ padding-top: 70px; } .news-section{ padding: 65px 0px 40px 0px; } .news-block-one .inner-box h3{ font-size: 20px; line-height: 30px; } .banner-style-two .slider-content .single-item .content-box h2{ font-size: 36px; line-height: 46px; } .banner-style-two{ padding-bottom: 70px; } .about-style-two{ padding-bottom: 70px; } .project-style-two .owl-nav{ display: none; } .project-style-two{ padding-bottom: 70px; } .testimonial-section .owl-nav{ display: none; } .testimonial-section{ padding-bottom: 70px; } .team-section .owl-theme .owl-dots{ display: none; } .main-footer.style-two .sec-title h2{ font-size: 40px; line-height: 50px; } .main-footer.style-two .contact-widget .copyright{ margin-top: 60px; } .banner-style-three .banner-carousel .slide-item{ padding: 110px 0px 120px 0px; } .banner-style-three .text h1{ font-size: 40px; line-height: 50px; } .banner-style-three .text{ margin-top: 60px; } .banner-style-three{ padding-bottom: 60px; } .video-section.home-3 .owl-nav{ display: none; } .main-footer.style-three .footer-top h2{ font-size: 40px; line-height: 50px; } .header-lower{ padding-left: 0px; padding-right: 0px; } .page-title .outer-container{ padding: 100px 0px 35px 0px; } .page-title .title-box h2{ font-size: 30px; line-height: 50px; } .page-title:before{ display: none; } .about-section .pattern-layer{ display: none; } .clients-section.about-page{ padding: 0px; } .about-style-three{ padding: 70px 0px; } .about-style-three .image-box{ padding: 0px; } .about-style-three .image-box .image-2{ position: relative; margin-top: 30px; } .service-style-two, .service-section.service-page{ padding: 110px 0px 40px 0px; } .testimonial-style-three{ padding-bottom: 70px; } .testimonial-style-three .owl-nav{ display: none; } .service-details{ padding: 70px 0px; } .service-sidebar{ margin-top: 40px; } .project-details{ padding: 70px 0px 40px 0px; } .project-details .content-two .image{ margin-bottom: 30px; } .team-page-section{ padding: 65px 0px 40px 0px; } .team-details{ padding: 70px 0px 40px 0px; } .team-section.team-details-page .team-block-one{ margin-bottom: 60px; } .team-section.team-details-page{ padding-bottom: 40px; } .team-details .inner-box .content-box{ padding-top: 65px; padding-bottom: 90px; } .testimonial-style-two{ padding: 70px 0px; } .testimonial-section .thumb-item{ margin-bottom: 30px; } .testimonial-section.testimonial-page{ padding-bottom: 70px; } .comingsoon-section .inner-box h3{ font-size: 40px; line-height: 50px; } .comingsoon-section .inner-box h2{ font-size: 60px; line-height: 70px; } .error-section .inner-box h3{ font-size: 40px; line-height: 50px; } .error-section .inner-box h2{ font-size: 150px; line-height: 150px; } .news-section.blog-grid{ padding: 70px 0px 40px 0px; } .news-block-two .inner-box h3{ font-size: 20px; line-height: 30px; } .sidebar-page-container{ padding: 70px 0px; } .blog-details-content .content-one .image-box .image{ margin-bottom: 30px; } .contact-page-section .sec-title h2{ font-size: 40px; line-height: 50px; } .contact-page-section{ padding: 65px 0px 70px 0px; } .header-lower{ padding-left: 15px; padding-right: 15px; } .about-section .content-box{ margin-right: 0px; } .project-section .carousel-content{ margin-right: 0px; } .project-block-one .inner-box .content-box{ padding-left: 30px; padding-right: 30px; } .project-section .owl-nav{ display: none; } .banner-style-two .slider-content .single-item .content-box h2 span{ display: inline-block; } } @media only screen and (max-width: 599px){ .pagination li a{ width: 40px; height: 40px; line-height: 40px; } .video-section.home-3 .testimonial-content{ padding-left: 20px; padding-right: 30px; } .about-style-three .image-box .image{ width: 100%; } .blog-details-content .comment-box .comment, .blog-details-content .comments-form-area{ padding-left: 0px; } .blog-details-content .comment-box .comment .thumb-box{ position: relative; margin-bottom: 25px; } } @media only screen and (max-width: 1200px){ .hrzntl{ display: block; } .fle1 span{ display: inline; width: 100%; } .fle2 span{ display: inline; width: 100%; } .fle1{ width: 100%; } .fle2{ width: 100%; } .teknik-servis{ display: flex; left: 10px; bottom:1%; } .fizibilite-servis{ left: 10px; bottom: 15%; } .telif-btn{ bottom: 15%; left: 10px; } .teklif2{ bottom: 8%; left: 10px; } .teklif2 img{ border-bottom-left-radius:0 } .teknik-img{ display: table-column; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius:40% ; height: auto; } .fiz-img{ border-top-left-radius:40% ; height: auto; } .res2 span{ font-size: 12px !important; font-weight: 600; } .res1 span{ font-size: 10px !important; font-weight: 500; } .min-w2{ min-width: 70px !important; } .tel-btn-1{ left: 160px;; } .no-btn-1{ left: 197px; } } @media only screen and (max-width: 600px){ .no-btn-1{ font-size: 12px !important; bottom: 1px !important; left: 127px; } .btn-whatsapp-pulse{ font-size: 30px; padding: 25px; } /* .main-header .logo-box img{ height: 90px !important; }*/ .tel-s { font-size: 20px; padding: 7px; } .tel-pulse{ padding: 30px; font-size: 24px; } #tel-x2{ max-width: 135px; } } @media only screen and (max-width: 1341px) and (min-width: 1201px){ .main-menu .navigation > li{ margin: 0 9px; } .main-menu .navigation > li.dropdown > a{ padding-right: 0; } } @media only screen and (max-width: 499px){ .main-header .menu-right-content{ /* display: none; */ } .video-section .inner-box{ padding-left: 30px; } .banner-style-two .slider-content .single-item .content-box{ position: relative; padding-left: 30px; padding-right: 30px; } .testimonial-section .thumb-item{ display: none; } .mobile-menu{ width: 100%; } } @media only screen and (max-width: 399px){ .about-style-two .inner-box .curve-text, .about-section.alternat-2 .curve-text{ width: 290px; height: 290px; border: none; } .curve-text .text{ width: 196px; height: 196px; } .curve-text .shape{ display: none; } .curve-text .curved-circle{ display: none; } } /*! * Master Slider WordPress Main CSS File * @date Aug 2016 */ /** * Master Slider * Main css file */ .master-slider{ position: relative; visibility: hidden; -moz-transform: translate3d(0 , 0 , 0); } .ms-ie img{border:none;} .ms-ie8 * {opacity:inherit;filter:inherit;} .ms-ie7 {zoom:1;} .ms-moz .ms-slide-bgcont>img { transform: translateX(0px); } .master-slider a, .master-slider a:hover { -webkit-transition: none; -o-transition: none; transition: none; } .wpb_row .master-slider-parent *, .master-slider-parent * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .master-slider-parent { margin-left: auto; margin-right: auto; } .ms-layout-partialview .ms-view { overflow: visible; background-color:transparent; } .ms-layout-partialview .ms-container { overflow: hidden; } .master-slider.before-init{} .master-slider img, .ms-slide-bgvideocont video {max-width:none;} .master-slider.ms-fullheight{height: 100%;} .ms-slide-auto-height { display: table; } .ms-loading-container{ position:absolute; width:100%; top:0; } .ms-loading-container .ms-loading, .ms-slide .ms-slide-loading { width: 36px; height: 36px; background: url(/master/loading-2.gif) no-repeat center white; border-radius: 60px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); position: absolute; left: 50%; top: 50%; margin: -18px; opacity: 0.9; } /* grab cursor */ .ms-def-cursor{cursor:auto !important;} .ms-grab-cursor{cursor: url(/master/grab.png), move;} .ms-grabbing-cursor{cursor: url(/master/grabbing.png), move;} .ms-ie .ms-grab-cursor{cursor: move;} .ms-ie .ms-grabbing-cursor {cursor: move;} .ms-view { margin:0px auto; overflow:hidden; position:relative; -webkit-perspective: 2000px; -moz-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; } .ms-view .ms-slide-container{position:relative;} .ms-slide { position:absolute; height:100%; -webkit-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); } .ms-wk .ms-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .ms-slide.selected {} .ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont{ position: absolute; overflow:hidden; width: 100%; } .ms-slide .ms-slide-link { display: block; width: 100%; height: 100%; position: absolute; top:0; z-index: 110; } .ms-ie .ms-slide-link { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat; } .ms-slide .ms-slide-bgvideocont{ z-index: 105; height: 100%; } .ms-wk .ms-slide .ms-slide-bgvideocont, .ms-wk .ms-slide-bgvideocont>video{ -webkit-transform: translateZ(0.3px); transform: translateZ(0.3px); } .ms-slide .ms-slide-bgvideo{ position: absolute; top: 0px; } .ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;} .ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .ms-slide .ms-layer, .ms-fixed-layers .ms-layer, .ms-overlay-layers .ms-layer { position:absolute; pointer-events: auto; } .ms-layer-mask { position: absolute; overflow: hidden; } .ms-layer-mask .ms-layer{ position: relative; } .ms-slide .ms-slide-layers, .ms-overlay-layers .ms-slide-layers, .ms-fixed-layers { position: absolute; overflow:hidden; width:100%; height: 100%; z-index: 109; top:0px; pointer-events: none; } /* ------------------------------------------------------------------------------ */ /* Overlayer layers */ .ms-overlay-layers { position: absolute; top: 0; z-index: 120; width: 100%; height: 100%; pointer-events: none; } .ms-slide .ms-slide-video{ position:absolute; top:0; z-index: 111; background:black; padding:0; margin: 0; border: none; } .ms-slide .ms-pattern{ background-attachment: scroll; width: 100%; height: 100%; z-index: 108; position: absolute; top: 0; } .ms-wk .ms-pattern{ -webkit-transform: translateZ(0.4px); transform: translateZ(0.4px); } .ms-parallax-layer { width: 100%; position: absolute; top: 0; } .ms-scroll-parallax-cont{ position: absolute; top:0; width: 100%; height: 100%; z-index: 109; } .ms-wk .ms-scroll-parallax-cont{ -webkit-transform: translateZ(0.4px); transform: translateZ(0.4px); } .ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont, .ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{ } .ms-scroll-parallax .ms-slide-bgcont{ } /*-----------------------------------------------------------*/ .ms-action-layer{cursor: pointer;} .ms-btn-container{position: absolute;} .ms-btn { text-decoration: none; display: inline-block; color:black; position: relative; padding: 8px 15px; cursor: pointer; white-space: nowrap; } .ms-default-btn{ background: #0074A2; border-radius: 5px; color: #FFF; } .ms-default-btn:hover{background-color: #0098D5;} .ms-default-btn:active{top:1px;} .ms-layer.video-box{background:black;} .ms-layer.video-box iframe{ padding:0; margin: 0; border: none; position: absolute; z-index: 110; } .ms-btn-s{ padding: 14px 17px; font-size: 80%; line-height: 0; } .ms-btn-m{ padding: 12px 40px; } .ms-btn-n{ padding: 8px 25px; font-size: 95%; } .ms-btn-l{ padding: 17px 50px; font-size: 120%; } .ms-btn-box{} .ms-btn-round{border-radius: 5px;} .ms-btn-circle{border-radius: 100px;} .ms-btn-outline-box{} .ms-btn-outline-round{border-radius: 5px;} .ms-btn-outline-circle{border-radius: 100px;} /*-----------------------------------------------------------*/ .ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{ position:absolute; cursor: pointer; z-index: 110; } .ms-slide .ms-slide-vcbtn{ position:absolute; cursor: pointer; z-index: 113; } .ms-slide-vcbtn-mobile{ position: relative; bottom: 0; left:0; width:100%; height: 28px; background-color: black; color: white; text-align: center; cursor: pointer; z-index: 113; } .ms-slide-vcbtn-mobile .ms-vcbtn-txt { text-transform: uppercase; font-family: sans-serif; font-size: 0.75em; display: inline-block; background: url(/master/video-close-btn.png) no-repeat 0px 3px; padding-left: 15px; height: 15px; color: #DBDBDB; margin-top: 7px; } .ms-wk .ms-slide .ms-slide-vcbtn, .ms-wk .ms-slide .ms-slide-layers, .ms-wk .ms-slide .ms-slide-vpbtn, .ms-wk .ms-slide .ms-slide-video, .ms-wk .ms-slide-link { -webkit-transform: translateZ(0.44px); transform: translateZ(0.44px); } .ms-video-img{ position:absolute; width:100%; height:100%; top:0; left:0; } .ms-mask-frame{ overflow:hidden; position:absolute; float:left; } /* controls */ .ms-thumb-list{ overflow:hidden; position:absolute; } .ms-thumb-list.ms-dir-h {width: 100%;} .ms-thumb-list.ms-dir-v {height: 100%; top: 0;} .ms-thumbs-cont{position: relative;} .ms-thumb-frame img{width:100%; height:auto;} .ms-thumb-frame{ cursor: pointer; float: left; overflow: hidden; opacity: 0.5; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .ms-thumb-frame-selected{ opacity: 1; } .ms-tabs .ms-thumb-frame { background-color: #F6f6f6; text-shadow: 0 1px 1px white; color: #222; border: solid 1px white; border-width: 0 1px 1px 0; overflow: visible; position: relative; opacity: 1; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; } .ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;} .ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;} .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;} .ms-tabs.ms-dir-h.ms-align-top {z-index: 140;} .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame{margin-top: -12px;} .ms-tabs .ms-thumb{padding: 20px 20px;} .ms-tabs .ms-thumb-frame-selected { opacity: 1; background: #EDEDED;} .ms-tabs .ms-thumb-frame .ms-thumb-ol { position: absolute; opacity: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol { top: 0px; left: 50%; margin-left: -12px; border-bottom: solid 12px #F6f6f6; border-left: solid 12px transparent; border-right: solid 12px transparent; } .ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; top:-12px; border-bottom-color: #EDEDED; } .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol { bottom: 0px; top:auto; border-bottom:0px; border-top: solid 12px #F6f6f6; } .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; bottom:-12px; border-top-color: #EDEDED; } .ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol { top: 50%; left: 0; margin-top: -12px; border-right: solid 12px #EDEDED; border-top: solid 12px transparent; border-bottom: solid 12px transparent; } .ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; left:-12px; border-right-color:#EDEDED; } .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol { left: auto; right: 0; border-right: 0; border-left: solid 12px #EDEDED; } .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; right:-12px; border-left-color:#EDEDED; } .ms-thumb-alt { text-align: center; margin: 5px; font-size: 14px; font-weight: 600; } /* horizontal thumblist arrows*/ .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd { height: 100%; width: 20px; position: absolute; left: 0; cursor: pointer; background: rgba(128, 128, 128, 0.5); text-align: center; color: white; } .ms-thumb-list.ms-dir-h .ms-thumblist-bwd { right: 0; left: auto; } .ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after { content: close-quote; top: 43%; position: relative; border: solid rgba(0, 0, 0, 0); border-width: 5px 5px 5px 0px; display: block; border-right-color: #FFF; width: 6px; height: 1px; } .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after { border-width: 5px 0px 5px 5px; border-left-color: #FFF; left: 7px; } /* vertical thumblist arrows */ .ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd { width: 100%; height: 20px; position: absolute; top: 0; cursor: pointer; background: rgba(128, 128, 128, 0.5); text-align: center; color: white; } .ms-thumb-list.ms-dir-v .ms-thumblist-bwd { bottom: 0; top: auto; } .ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after { content: close-quote; left: 43%; position: relative; border: solid rgba(0, 0, 0, 0); border-width: 0px 5px 5px 5px; display: block; border-bottom-color: #FFF; height: 1px; top: 5px; width: 0; } .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after { border-width: 5px 5px 0px 5px; border-top-color: #FFF; top: 7px; } /* Thumb in tab styles */ .ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; } .ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; } .ms-tabs.ms-has-thumb .ms-thumb{ padding:0; } .ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; } .ms-tabs.ms-align-left .ms-tab-thumb{ float:left; margin-right:20px; } .ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; } .ms-bullet{cursor:pointer;float: left;} .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-bullets.ms-dir-v { position: absolute; top:50%; } .ms-bullets.ms-dir-v .ms-bullet{ float: none; } .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-sbar {position: absolute;} .ms-sbar.ms-dir-h { left: 10px; right: 10px; top: 5px } .ms-sbar.ms-dir-v { top: 10px; bottom: 10px; right: 5px } .ms-sbar .ms-bar { height: 4px; background: #333; border-radius: 4px; } .ms-sbar.ms-dir-v .ms-bar { width: 4px;} .ms-sbar .ms-bar{ position:relative; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .ms-timerbar { width: 100%; bottom: 0px; position: absolute; } .ms-ctimer { position: absolute; top: 30px; left: 30px; cursor: pointer; } .ms-ctimer-bullet {} .ms-time-bar{ -webkit-transition: width 120ms linear; -moz-transition: width 120ms linear; -ms-transition: width 120ms linear; -o-transition: width 120ms linear; transition: width 120ms linear; } .ms-ie7 .ms-tooltip-arrow{ height:0px; } .ms-slide-info {position: absolute;} .ms-slide-info.ms-dir-v {top:0;} .ms-slide-info.ms-dir-h {width:100%;} @keyframes point-anim{ 0% {transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); opacity: 1; } 100% {transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); opacity: 0; } } @-webkit-keyframes point-anim{ 0% {-webkit-transform: scale(0.5); opacity: 1; } 100% {-webkit-transform: scale(1.5); opacity: 0; } } /* In Android browser, using css animations over slider causes some crashes */ .ms-android .ms-tooltip-point .ms-point-border{ animation:none; -moz-animation:none; -webkit-animation:none; -o-animation:none; } .ms-pattern.ms-patt-1 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-2 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-3 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-4 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-5 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-6 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-7 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-8 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-9 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-10 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-11 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-12 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-13 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-14 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-15 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);} /* white patterns */ .ms-pattern.ms-patt-16 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-17 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-18 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-19 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-20 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-21 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-22 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-23 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-24 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-25 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-26 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-27 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-28 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-29 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-30 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);} /** * Master Slider * Default Skin */ .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn{ width: 50px; height: 51px; background: url(/master/light-skin-1.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -25px 0 0 -25px; } .ms-skin-default .ms-slide .ms-slide-vcbtn { width: 30px; height: 30px; background: url(/master/light-skin-1.png) no-repeat -24px -28px; top: 18px; right: 30px; } /* controls */ .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev { width: 30px; background: url(/master/light-skin-1.png); background-position: -89px -26px; height: 40px; cursor: pointer; top: 50%; left: 30px; margin-top: -20px; position: absolute; z-index: 110; } .ms-skin-default .ms-nav-next { right: 30px; left: auto; background-position: -89px -103px; } .ms-skin-default .ms-bullet { width: 10px; height: 10px; background: url(/master/light-skin-1.png) no-repeat; margin: 4px; background-position: -34px -117px; } .ms-skin-default .ms-bullet-selected { background-position: -34px -84px; } .ms-skin-default .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-default .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-default .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-default .ms-tooltip-point {cursor: pointer;} .ms-skin-default .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-default .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-default .ms-tooltip { max-width:200px; } .ms-skin-default .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; margin-left: -1px; } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn, .ms-skin-default .ms-slide .ms-slide-vcbtn, .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev, .ms-skin-default .ms-bullet{ background-image:url(/master/light-skin-1-retina.png); background-size: 152px 225px; } } /** * Master Slider * Black 1 */ .ms-skin-black-1 .ms-slide .ms-slide-vpbtn, .ms-skin-black-1 .ms-video-btn{ width: 54px; height: 54px; background: url(/master/black-skin-1.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .ms-skin-black-1 .ms-slide .ms-slide-vcbtn { width: 27px; height: 26px; background: url(/master/black-skin-1.png) no-repeat -24px -29px; top: 30px; right: 30px; } /* controls */ .ms-skin-black-1 .ms-nav-next, .ms-skin-black-1 .ms-nav-prev { width: 53px; background: url(/master/black-skin-1.png); background-position: -79px -19px; height: 61px; cursor: pointer; top: 50%; left: 30px; margin-top: -26px; position: absolute; z-index: 110; } .ms-skin-black-1 .ms-nav-next { right: 30px; left: auto; background-position: -79px -97px; } .ms-skin-black-1 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-black-1 .ms-bullet { width: 9px; height: 9px; background: white; margin: 4px; border: solid 1px rgb(58, 58, 58); } .ms-skin-black-1 .ms-bullet-selected { background-color: black; } .ms-skin-black-1 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: white; border-top-color: rgba(0, 0, 0, 0.8); bottom: -10px; } .ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: white; border-bottom-color: rgba(0, 0, 0, 0.8); top: -10px; } .ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: white; border-right-color: rgba(0, 0, 0, 0.8); left: -10px; } .ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: black; border-left-color: rgba(0, 0, 0, 0.8); right: -10px; } .ms-skin-black-1 .ms-tooltip-point {cursor: pointer;} .ms-skin-black-1 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #444444; background: black; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-black-1 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: white; background: rgba(255, 255, 255, 0.9); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-black-1 .ms-tooltip { max-width:200px; } .ms-skin-black-1 .ms-tooltip-cont { padding: 10px; background: black; background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 0px black; color: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-black-1 .ms-slide .ms-slide-vpbtn, .ms-skin-black-1 .ms-video-btn, .ms-skin-black-1 .ms-slide .ms-slide-vcbtn, .ms-skin-black-1 .ms-nav-next, .ms-skin-black-1 .ms-nav-prev{ background-image:url(/master/black-skin-1-retina.png); background-size: 152px 225px; } } /** * Master Slider * Black 2 Skin */ .ms-skin-black-2 .ms-slide .ms-slide-vpbtn, .ms-skin-black-2 .ms-video-btn{ width: 45px; height: 45px; background: url(/master/black-skin-2.png) black no-repeat -16px -103px; border: solid 3px rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.4); -webkit-background-clip: padding-box; top: 50%; left: 50%; margin: -23px 0 0 -23px; } .ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover, .ms-skin-black-2 .ms-video-btn:hover{ background-color: #3D3D3D; } .ms-skin-black-2 .ms-slide .ms-slide-vcbtn { width: 25px; height: 25px; background: url(/master/black-skin-2.png) black no-repeat -27px -36px; border: solid 2px white; border-color: rgba(255, 255, 255, 0.4); top: 15px; right: 15px; } .ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn{ border-radius: 50px; } /* controls */ .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev { position: absolute; cursor: pointer; z-index: 110; width: 45px; height: 45px; background: url(/master/black-skin-2.png) black; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; background-position: -88px -26px; border: solid 3px rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.4); margin-top: -22px; } .ms-skin-black-2.round-skin .ms-nav-next, .ms-skin-black-2.round-skin .ms-nav-prev, .ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn, .ms-skin-black-2.round-skin .ms-video-btn{ border-radius: 90px; } .ms-skin-black-2 .ms-nav-next:hover, .ms-skin-black-2 .ms-nav-prev:hover{ background-color: #3d3d3d; } .ms-skin-black-2 .ms-nav-next { right: 30px; left: auto; background-position: -86px -103px; } .ms-skin-black-2 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-black-2 .ms-bullet { width: 8px; height: 8px; background: white; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -ms-background-clip: padding-box; border: solid 3px white; border-color: rgba(0, 0, 0, 0.44); margin: 4px; background-position: -34px -117px; } .ms-skin-black-2.round-skin .ms-bullet{ border-radius: 15px; } .ms-skin-black-2 .ms-bullet-selected { background-color: black; border-color: white; border-color: rgba(255, 255, 255, 0.44); } .ms-skin-black-2 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-black-2 .ms-tooltip-point {cursor: pointer;} .ms-skin-black-2 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-black-2 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border, .ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border{ display: none; } .ms-skin-black-2 .ms-tooltip { max-width:200px; } .ms-skin-black-2 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-black-2 .ms-slide .ms-slide-vpbtn, .ms-skin-black-2 .ms-video-btn, .ms-skin-black-2 .ms-slide .ms-slide-vcbtn, .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev{ background-image:url(/master/black-skin-2-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 2 */ .ms-skin-light-2 .ms-slide .ms-slide-vpbtn, .ms-skin-light-2 .ms-video-btn{ width: 54px; height: 54px; background: url(/master/light-skin-2.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .ms-skin-light-2 .ms-slide .ms-slide-vcbtn { width: 27px; height: 26px; background: url(/master/light-skin-2.png) no-repeat -24px -29px; top: 30px; right: 30px; } /* controls */ .ms-skin-light-2 .ms-nav-next, .ms-skin-light-2 .ms-nav-prev { width: 53px; background: url(/master/light-skin-2.png); background-position: -79px -19px; height: 61px; cursor: pointer; top: 50%; left: 30px; margin-top: -26px; position: absolute; z-index: 110; } .ms-skin-light-2 .ms-nav-next { right: 30px; left: auto; background-position: -79px -97px; } .ms-skin-light-2 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-2 .ms-bullet { width: 9px; height: 9px; background: black; margin: 4px; border: solid 1px rgb(58, 58, 58); } .ms-skin-light-2 .ms-bullet-selected { background-color: white; } .ms-skin-light-2 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-2 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-2 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-2 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-light-2 .ms-tooltip { max-width:200px; } .ms-skin-light-2 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-2 .ms-slide .ms-slide-vpbtn, .ms-skin-light-2 .ms-video-btn, .ms-skin-light-2 .ms-slide .ms-slide-vcbtn, .ms-skin-light-2 .ms-nav-next, .ms-skin-light-2 .ms-nav-prev{ background-image:url(/master/light-skin-2-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 3 */ .ms-skin-light-3 .ms-slide .ms-slide-vpbtn, .ms-skin-light-3 .ms-video-btn{ width: 50px; height: 50px; background: url(/master/light-skin-3.png) no-repeat -15px -149px; top: 50%; left: 50%; margin: -25px 0 0 -25px; } .ms-skin-light-3 .ms-slide .ms-slide-vcbtn { width: 31px; height: 29px; background: url(/master/light-skin-3.png) no-repeat -26px -28px; top: 30px; right: 30px; } /* controls */ .ms-skin-light-3 .ms-nav-next, .ms-skin-light-3 .ms-nav-prev { width: 50px; background: url(/master/light-skin-3.png); background-position: -82px -22px; height: 50px; cursor: pointer; top: 50%; left: 30px; margin-top: -25px; position: absolute; z-index: 110; } .ms-skin-light-3 .ms-nav-next { right: 30px; left: auto; background-position: -81px -99px; } .ms-skin-light-3 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-3 .ms-bullet { width: 16px; height: 16px; background: url(/master/light-skin-3.png) no-repeat; background-position: -31px -114px; margin: 4px; } .ms-skin-light-3 .ms-bullet-selected { background-position: -31px -81px; } .ms-skin-light-3 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-3 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-3 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-3 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-light-3 .ms-tooltip { max-width:200px; } .ms-skin-light-3 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-3 .ms-slide .ms-slide-vpbtn, .ms-skin-light-3 .ms-video-btn, .ms-skin-light-3 .ms-slide .ms-slide-vcbtn, .ms-skin-light-3 .ms-nav-next, .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-bullet{ background-image:url(/master/light-skin-3-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 4 */ .ms-skin-light-4 .ms-slide .ms-slide-vpbtn, .ms-skin-light-4 .ms-video-btn{ width: 54px; height: 54px; background: url(/master/light-skin-4.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .ms-skin-light-4 .ms-slide .ms-slide-vcbtn { width: 27px; height: 26px; background: url(/master/light-skin-4.png) no-repeat -24px -29px; top: 30px; right: 30px; } /* controls */ .ms-skin-light-4 .ms-nav-next, .ms-skin-light-4 .ms-nav-prev { width: 54px; background: url(/master/light-skin-4.png); background-position: -77px -5px; height: 68px; cursor: pointer; top: 50%; left: -27px; margin-top: -40px; position: absolute; z-index: 110; } .ms-skin-light-4 .ms-nav-next { right: -27px; left: auto; background-position: -79px -83px; } .ms-skin-light-4 .ms-thumb-frame-selected { opacity: 0.6; } .ms-skin-light-4 .ms-thumb-list.ms-dir-h { bottom: -60px; width: 100%; height: 60px; } .ms-skin-light-4 .ms-thumb-list.ms-dir-v { height: 100%; width: 60px; right: -60px; top: 0; } .ms-skin-light-4 .ms-thumb-frame { cursor: pointer; float: left; width: 60px; height: 60px; margin: 1px 0 0 1px; overflow: hidden; } .ms-skin-light-4 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-4 .ms-bullet { width: 9px; height: 9px; background: #b9b9b9; margin: 4px; border: solid 1px rgb(163, 163, 163); } .ms-skin-light-4 .ms-bullet-selected { background-color: white; } .ms-skin-light-4 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: white; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-4 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-4 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #E0E0E0; background: #4b8aac; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-4 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: white; margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-light-4 .ms-tooltip { max-width:200px; } .ms-skin-light-4 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-4 .ms-slide .ms-slide-vpbtn, .ms-skin-light-4 .ms-video-btn, .ms-skin-light-4 .ms-slide .ms-slide-vcbtn, .ms-skin-light-4 .ms-nav-next, .ms-skin-light-4 .ms-nav-prev{ background-image:url(/master/light-skin-4-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 5 */ .ms-skin-light-5 .ms-slide .ms-slide-vpbtn, .ms-skin-light-5 .ms-video-btn{ width: 32px; height: 32px; background: url(/master/light-skin-5.png) black no-repeat -24px -160px; top: 50%; left: 50%; margin: -18px 0 0 -18px; } .ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover, .ms-skin-light-5 .ms-video-btn:hover{ background-color:#646464; } .ms-skin-light-5 .ms-slide .ms-slide-vcbtn { width: 30px; height: 30px; background: url(/master/light-skin-5.png) white no-repeat -24px -28px; top: 18px; right: 30px; } /* controls */ .ms-skin-light-5 .ms-nav-next, .ms-skin-light-5 .ms-nav-prev { width: 32px; background: url(/master/light-skin-5.png) white; background-position: -94px -32px; height: 32px; cursor: pointer; bottom: 40px; left: 40px; margin-top: -20px; position: absolute; z-index: 110; } .ms-skin-light-5 .ms-nav-next:hover, .ms-skin-light-5 .ms-nav-prev:hover{ background-color:#E0E0E0; } .ms-skin-light-5 .ms-nav-next { left: 73px; background-position: -93px -110px; } .ms-skin-light-5 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-5 .ms-bullet { width: 10px; height: 10px; background: url(/master/light-skin-5.png) no-repeat; margin: 4px; background-position: -34px -117px; } .ms-skin-light-5 .ms-bullet-selected { background-position: -34px -84px; } .ms-skin-light-5 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-5 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-5 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-5 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } /* In Android browser, using css animations over slider causes some crashes */ .ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{ animation:none; -moz-animation:none; -webkit-animation:none; -o-animation:none; } .ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border, .ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{ display: none; } .ms-skin-light-5 .ms-tooltip { max-width:200px; } .ms-skin-light-5 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-5 .ms-slide .ms-slide-vpbtn, .ms-skin-light-5 .ms-video-btn, .ms-skin-light-5 .ms-slide .ms-slide-vcbtn, .ms-skin-light-5 .ms-nav-next, .ms-skin-light-5 .ms-nav-prev{ background-image:url(/master/light-skin-5-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light-6 Skin */ .ms-skin-light-6 .ms-slide .ms-slide-vpbtn, .ms-skin-light-6 .ms-video-btn{ width: 45px; height: 45px; background: url(/master/light-skin-6.png) white no-repeat -16px -103px; border: solid 3px rgb(112, 112, 112); border-color: rgba(0, 0, 0, 0.27); -webkit-background-clip: padding-box; top: 50%; left: 50%; margin: -23px 0 0 -23px; } .ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover, .ms-skin-light-6 .ms-video-btn:hover{ background-color:#E0E0E0; } .ms-skin-light-6 .ms-slide .ms-slide-vcbtn { width: 25px; height: 25px; background: url(/master/light-skin-6.png) white no-repeat -27px -36px; top: 15px; right: 15px; } .ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{ border-radius: 30px; } /* controls */ .ms-skin-light-6 .ms-nav-next, .ms-skin-light-6 .ms-nav-prev { position: absolute; cursor: pointer; z-index: 110; width: 45px; height: 45px; background: url(/master/light-skin-6.png) white; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; background-position: -88px -26px; border: solid 3px rgb(112, 112, 112); border-color: rgba(0, 0, 0, 0.27); top: 50%; left: 30px; margin-top: -22px; } .ms-skin-light-6.round-skin .ms-nav-next, .ms-skin-light-6.round-skin .ms-nav-prev, .ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn, .ms-skin-light-6.round-skin .ms-video-btn{ border-radius: 90px; } .ms-skin-light-6 .ms-nav-next:hover, .ms-skin-light-6 .ms-nav-prev:hover{ background-color:#E0E0E0; } .ms-skin-light-6 .ms-nav-next { right: 30px; left: auto; background-position: -86px -103px; } .ms-skin-light-6 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-6 .ms-bullet { width: 8px; height: 8px; background: black; -webkit-background-clip: padding-box; border: solid 3px white; border-color: rgba(255, 255, 255, 0.44); margin: 4px; background-position: -34px -117px; } .ms-skin-light-6.round-skin .ms-bullet{ border-radius: 15px; } .ms-skin-light-6 .ms-bullet-selected { background-color: white; border-color: black; border-color: rgba(0, 0, 0, 0.44); } .ms-skin-light-6 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-6 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-6 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-6 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border, .ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{ display: none; } .ms-skin-light-6 .ms-tooltip { max-width:200px; } .ms-skin-light-6 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-6 .ms-slide .ms-slide-vpbtn, .ms-skin-light-6 .ms-video-btn, .ms-skin-light-6 .ms-slide .ms-slide-vcbtn, .ms-skin-light-6 .ms-nav-next, .ms-skin-light-6 .ms-nav-prev{ background-image:url(/master/light-skin-6-retina.png); background-size: 152px 225px; } } /** * Master Slider * Metro Skin */ .ms-skin-metro .ms-slide .ms-slide-vpbtn, .ms-skin-metro .ms-video-btn{ width: 47px; height: 46px; background: url(/master/metro-skin.png) no-repeat -16px -152px; top: 50%; left: 50%; margin: -22px 0 0 -24px; } .ms-skin-metro .ms-slide .ms-slide-vcbtn { width: 47px; height: 47px; background: url(/master/metro-skin.png) no-repeat -16px -19px; top: 15px; right: 15px; } /* controls */ .ms-skin-metro .ms-nav-next, .ms-skin-metro .ms-nav-prev { width: 47px; background: url(/master/metro-skin.png); background-position: -83px -23px; height: 47px; cursor: pointer; top: 50%; left: 30px; margin-top: -24px; position: absolute; z-index: 110; } .ms-skin-metro .ms-nav-next { right: 30px; left: auto; background-position: -81px -100px; } .ms-skin-metro .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-metro .ms-bullet { width: 16px; height: 16px; background: url(/master/metro-skin.png) no-repeat; background-position: -31px -114px; margin: 4px; } .ms-skin-metro .ms-bullet-selected { background-position: -31px -81px; } .ms-skin-metro .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-metro .ms-tooltip-point {cursor: pointer;} .ms-skin-metro .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-metro .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-metro .ms-tooltip { max-width:200px; } .ms-skin-metro .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-metro .ms-slide .ms-slide-vpbtn, .ms-skin-metro .ms-video-btn, .ms-skin-metro .ms-slide .ms-slide-vcbtn, .ms-skin-metro .ms-nav-next, .ms-skin-metro .ms-nav-prev, .ms-skin-metro .ms-bullet{ background-image:url(/master/metro-skin-retina.png); background-size: 152px 225px; } } /** * Master Slider * minimal Skin */ .ms-skin-minimal .ms-slide .ms-slide-vpbtn, .ms-skin-minimal .ms-video-btn{ width: 55px; height: 55px; background: url(/master/minimal.svg) no-repeat 24px 18px white; border: solid 1px #3d3d3d; border-radius: 50%; top: 50%; left: 50%; margin: -27px 0 0 -27px; transition: background-color 300ms; } .ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover, .ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover, .ms-skin-minimal .ms-video-btn:hover { background-color: #f1f1f1; } .ms-skin-minimal .ms-slide .ms-slide-vcbtn { width: 31px; height: 31px; background: url(/master/minimal.svg) no-repeat -289px 6px white; border-radius: 50%; border: solid 1px #3d3d3d; top: 18px; right: 30px; transition: background-color 300ms; } /* controls */ .ms-skin-minimal .ms-nav-next, .ms-skin-minimal .ms-nav-prev { background: url(/master/minimal.svg) no-repeat white; background-position: -178px 17px; border: solid 1px #3d3d3d; border-radius: 50%; height: 55px; width: 55px; cursor: pointer; top: 50%; left: 30px; margin-top: -27px; position: absolute; z-index: 110; transition: background-color 300ms; } .ms-skin-minimal .ms-nav-next:hover, .ms-skin-minimal .ms-nav-prev:hover{ background-color: #f1f1f1; } .ms-skin-minimal .ms-nav-next { right: 30px; left: auto; background-position: -75px 17px; } .ms-skin-minimal .ms-bullet { width: 8px; height: 8px; background: white; border: solid 1px #3d3d3d; border-radius: 50%; margin: 4px; background-position: -34px -117px; } .ms-skin-minimal .ms-bullet-selected { background: #3d3d3d; } .ms-skin-minimal .ms-time-bar { height: 3px; background: #FFFFFF; border-top: solid 1px rgba(0, 0, 0, 0.41); } .ms-skin-minimal .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-minimal .ms-tooltip-point {cursor: pointer;} .ms-skin-minimal .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-minimal .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-minimal .ms-tooltip { max-width:200px; } .ms-skin-minimal .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; margin-left: -1px; } /** * Master Slider * Contrast */ .ms-skin-contrast .ms-slide .ms-slide-vpbtn, .ms-skin-contrast .ms-video-btn{ width: 60px; height: 60px; background: url(/master/contrast-skin.png) no-repeat -10px -144px; top: 50%; left: 50%; margin: -30px 0 0 -30px; } .ms-skin-contrast .ms-slide .ms-slide-vcbtn { width: 24px; height: 24px; background: url(/master/contrast-skin.png) no-repeat -27px -30px; top: 30px; right: 30px; } /* controls */ .ms-skin-contrast .ms-nav-next, .ms-skin-contrast .ms-nav-prev { width: 60px; background: url(/master/contrast-skin.png); background-position: -76px -17px; height: 60px; cursor: pointer; top: 50%; left: 30px; margin-top: -30px; position: absolute; z-index: 110; } .ms-skin-contrast .ms-nav-next { right: 30px; left: auto; background-position: -77px -91px; } .ms-skin-contrast .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-contrast .ms-bullet { width: 16px; height: 16px; background: url(/master/contrast-skin.png) no-repeat; background-position: -31px -114px; margin: 4px; } .ms-skin-contrast .ms-bullet-selected { background-position: -31px -81px; } .ms-skin-contrast .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: #fc3116; border-top-color: rgba(252, 49, 22, 0.8); bottom: -10px; } .ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: #fc3116; border-bottom-color: rgba(252, 49, 22, 0.8); top: -10px; } .ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: #fc3116; border-right-color: rgba(252, 49, 22, 0.8); left: -10px; } .ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: #fc3116; border-left-color: rgba(252, 49, 22, 0.8); right: -10px; } .ms-skin-contrast .ms-tooltip-point {cursor: pointer;} .ms-skin-contrast .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #636363; background: black; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-contrast .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: white; background: rgba(255, 255, 255, 0.99); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-contrast .ms-tooltip { max-width:200px; } .ms-skin-contrast .ms-tooltip-cont { padding: 10px; background: #fc3116; background: rgba(252, 49, 22, 0.8); text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4); color: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-contrast .ms-slide .ms-slide-vpbtn, .ms-skin-contrast .ms-video-btn, .ms-skin-contrast .ms-slide .ms-slide-vcbtn, .ms-skin-contrast .ms-nav-next, .ms-skin-contrast .ms-nav-prev, .ms-skin-contrast .ms-bullet{ background-image:url(/master/contrast-skin-retina.png); background-size: 152px 225px; } } .ms-caro3d-template .ms-container { padding: 10px 0 50px 0; } /* reflect */ .ms-caro3d-template .ms-slide{ -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255,255,255,0.5))); } .ms-caro3d-template .ms-slide-bgcont{ border-radius: 8px; } .ms-dis-slider-cont { position: relative; padding: 3.2% 8.5% 24%; max-width: 508px; } .ms-display-cont .ms-view{ background-color: #17171a; } .ms-display-cont{ max-width: 614px; position: relative; margin: 0 auto; } .ms-display-bg { max-width: 100%; position: absolute; } .ms-display-template .ms-nav-prev, .ms-display-template .ms-nav-next { background: url(/master/device-skin.png) no-repeat -11px -9px; width: 35px; height: 40px; left: -80px; margin-top: -17px; position: absolute; top:50%; cursor: pointer; } .ms-display-template .ms-nav-next { background-position: -59px -9px; right: -80px; left:auto; } .ms-display-template .ms-bullets.ms-dir-h { position: absolute; bottom: -50%; right: 50%; width: 100px; } .ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-display-template .ms-bullet { width: 10px; height: 10px; background: url(/master/device-skin.png) no-repeat -112px -25px; margin: 4px; } .ms-display-template .ms-bullet-selected { background-position: -143px -25px; } .ms-gallery-template .ms-gallery-botcont { height: 55px; background: black; color: white; font-weight: 300; font-family: "Lato", sans-serif; font-size: 18px; position: relative; } .ms-gallery-template .ms-gal-playbtn { width: 55px; height: 100%; float: left; cursor: pointer; background: url(/master/gallery-btns.png) no-repeat 6px 6px; } .ms-gallery-template .ms-gal-playbtn.btn-pause { background: url(/master/gallery-btns.png) no-repeat -55px 7px; } .ms-gallery-template .ms-gal-thumbtoggle { position: absolute; right: 0; z-index: 110; width: 55px; height: 100%; cursor: pointer; background: url(/master/gallery-btns.png) no-repeat -53px -41px; } .ms-gallery-template .ms-gal-thumbtoggle.btn-hide { background: url(/master/gallery-btns.png) no-repeat 4px -41px; } .ms-gallery-template .ms-slide-num { float: left; padding: 17px 9px; color: #727272; } .ms-gallery-template .ms-slide-info { float: left; padding: 18px 4px; position: relative; width: auto; } .ms-gallery-template .ms-bullets.ms-dir-h { position: absolute; bottom: 18px; right: 105px; width: 100px; } .ms-gallery-template .ms-bullet { width: 8px; height: 8px; background: #1e1e1e; margin: 4px; border-radius: 15px; } .ms-gallery-template .ms-bullet-selected { background-color: white; } .ms-gallery-template .ms-timerbar { width: 100%; top: -4px; height: 4px; position: absolute; background: rgba(0, 0, 0, 0.32); } .ms-gallery-template .ms-time-bar { height: 4px; background: rgba(255, 255, 255, 0.7); } .ms-gallery-template .ms-thumb-list.ms-dir-h { width: 100%; background: black; background: rgba(0, 0, 0, 0.95); padding-top: 1px; } .ms-gallery-template .ms-thumb-frame { cursor: pointer; float: left; width: 175px; overflow: hidden; opacity: 0.5; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -ms-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .ms-gallery-template .ms-thumb-frame-selected { opacity: 1; } .ms-gallery-template .ms-gal-thumbcont { overflow: hidden; width: 100%; height: 115px; position: absolute; top: -115px; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ms-gallery-template .ms-gal-thumbcont.hide-thumbs { height: 0; top: 0; } @media (max-width: 570px) { .ms-gallery-template .ms-slide-info { display: none; } } .ms-laptop-template .ms-laptop-cont .ms-view{ background-color: #17171a; } .ms-laptop-template .ms-laptop-cont{ max-width: 645px; position: relative; margin: 0 auto; } .ms-laptop-template .ms-lt-slider-cont { position: relative; padding: 5% 11.9% 20%; max-width: 492px; } .ms-laptop-template .ms-laptop-bg { max-width: 100%; position: absolute; } .ms-laptop-template .ms-nav-prev, .ms-laptop-template .ms-nav-next { background: url(/master/device-skin.png) no-repeat -11px -9px; width: 35px; height: 40px; left: -80px; margin-top: -17px; position: absolute; top:50%; cursor: pointer; } .ms-laptop-template .ms-nav-next { background-position: -59px -9px; right: -80px; left:auto; } .ms-laptop-template .ms-bullets.ms-dir-h { position: absolute; bottom: -40%; right: 50%; width: 100px; } .ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-laptop-template .ms-bullet { width: 10px; height: 10px; background: url(/master/device-skin.png) no-repeat -112px -25px; margin: 4px; } .ms-laptop-template .ms-bullet-selected { background-position: -143px -25px; } .ms-tablet-template .ms-tablet-cont .ms-view{ background-color: #17171a; } .ms-tablet-template .ms-tablet-cont{ max-width: 500px; position: relative; margin: 0 auto; } .ms-tablet-template.ms-tablet-land .ms-tablet-cont { max-width: 842px; } .ms-tablet-template.ms-tablet-land .ms-lt-slider-cont { padding: 4.1% 12.1% 10%; max-width: 632px; } .ms-tablet-template .ms-lt-slider-cont { position: relative; padding: 11.1% 11% 22%; max-width: 400px; } .ms-tablet-template .ms-tablet-bg { max-width: 100%; position: absolute; } .ms-tablet-template .ms-nav-prev, .ms-tablet-template .ms-nav-next { background: url(/master/device-skin.png) no-repeat -11px -9px; width: 35px; height: 40px; left: -120px; margin-top: -17px; position: absolute; top:50%; cursor: pointer; } .ms-tablet-template .ms-nav-next { background-position: -59px -9px; right: -120px; left:auto; } .ms-tablet-template .ms-bullets.ms-dir-h { position: absolute; bottom: -18%; right: 50%; width: 100px; } .ms-tablet-template .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-tablet-template .ms-bullet { width: 10px; height: 10px; background: url(/master/device-skin.png) no-repeat -112px -25px; margin: 4px; } .ms-tablet-template .ms-bullet-selected { background-position: -143px -25px; } .ms-phone-template .ms-phone-cont .ms-view{ background-color: #17171a; } .ms-phone-template .ms-phone-cont{ max-width: 386px; position: relative; margin: 0 auto; } .ms-phone-template.ms-phone-land .ms-phone-cont { max-width: 666px; } .ms-phone-template.ms-phone-land .ms-lt-slider-cont { position: relative; padding: 4.6% 16.1% 10% 15.5%; max-width: 455px; } .ms-phone-template .ms-lt-slider-cont { position: relative; padding: 26.2% 16.5% 33% 16.8%; max-width: 258px; } .ms-phone-template .ms-phone-bg { max-width: 100%; position: absolute; } .ms-phone-template .ms-nav-prev, .ms-phone-template .ms-nav-next { background: url(/master/device-skin.png) no-repeat -11px -9px; width: 35px; height: 40px; left: -120px; margin-top: -17px; position: absolute; top:50%; cursor: pointer; } .ms-phone-template .ms-nav-next { background-position: -59px -9px; right: -120px; left:auto; } .ms-phone-template .ms-bullets.ms-dir-h { position: absolute; bottom: -30%; right: 50%; width: 100px; } .ms-phone-template .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-phone-template .ms-bullet { width: 10px; height: 10px; background: url(/master/device-skin.png) no-repeat -112px -25px; margin: 4px; } .ms-phone-template .ms-bullet-selected { background-position: -143px -25px; } .ms-phone-template.ms-phone-land .ms-bullets.ms-dir-h { bottom: -21%; } .ms-phone-template.ms-phone-land .ms-nav-next { right: -150px; } .ms-phone-template.ms-phone-land .ms-nav-prev { left: -150px; } .ms-partialview-template .ms-slide-info { text-align: center; margin-top: 20px; width: 100%; } .ms-partialview-template .ms-slide-info h3 { margin: 5px; font-weight: 300; font-size: 23pt; color: #222; } .ms-partialview-template .ms-slide-info h4 { margin: 5px; font-weight: 300; font-size: 14pt; color: #7A7A7A; } .ms-partialview-template .ms-slide-info p { font-size: 10pt; margin: 6px; } /* .ms-showcase2-template {max-width: 540px; margin: 0 auto;} .ms-showcase2-vertical {max-width: 677px;} */ .ms-showcase2-template .ms-view{background: transparent;} .master-slider{ -moz-transform:translate3d(0,0,1px); } .ms-staff-carousel{ margin: 25px auto; position: relative; } .ms-staff-carousel .ms-view{ overflow:visible; background-color: transparent; } .ms-staff-carousel .ms-nav-prev, .ms-staff-carousel .ms-nav-next { background: url(/master/staff-arrows.png) white no-repeat -7px -57px; width: 35px; height: 40px; left: -35px; margin-top: -17px; box-shadow: 0px 1px 0px 0px rgb(190, 190, 190); position: absolute; top:50%; cursor: pointer; } .ms-staff-carousel .ms-nav-next { background-position: -6px -7px; right:-35px; left:auto; } .ms-staff-carousel .ms-staff-info{ text-align: center; margin:0 auto; max-width: 600px; margin-top:30px; min-height:300px; color:#222222; } .ms-staff-carousel .ms-staff-info h3{ font-weight: 300; font-size: 22pt; margin:0px; } .ms-staff-carousel .ms-staff-info h4{ font-weight: 300; color:#787878; font-size: 15pt; margin:3px; } .ms-staff-carousel.ms-round .ms-slide-bgcont { border-radius: 5000px; border: solid 8px rgb(230, 230, 230); margin: 0 -8px; } .ms-staff-carousel.ms-round .ms-view{ padding-bottom: 8%; } .ms-staff-carousel.ms-round .ms-nav-prev, .ms-staff-carousel.ms-round .ms-nav-next { background-color:transparent; box-shadow : none; left:-45px; } .ms-staff-carousel.ms-round .ms-nav-next { left:auto; right:-45px } .ms-tabs-template .ms-thumb-frame h3 { font-weight: 400; font-size: 13pt; margin:0; } .ms-tabs-template .ms-thumb-frame p { font-size:10pt; margin: 4px 0; } .ms-tabs-template .ms-thumb-frame-selected h3{ color:#4b8aac; } .ms-vertical-template .ms-nav-prev, .ms-vertical-template .ms-nav-next { top: 10px; left: 50%; background: url(/master/vertical-arrows.png) no-repeat; background-position: -11px -6px; width: 40px; height: 30px; margin-left: -20px; margin-top: 0; } .ms-vertical-template .ms-nav-next{ top:auto; bottom:10px; background-position: -11px -53px; } .ms-vertical-template .ms-thumblist-fwd, .ms-vertical-template .ms-thumblist-bwd { width: 100%; position: absolute; top: 0; height: 15px; cursor: pointer; background: url(/master/vertical-arrows.png) no-repeat; background-position: 50% -106px; } .ms-vertical-template .ms-thumblist-bwd { top: auto; bottom: 0; background-position: 50% -145px; } .msp-preset-btn-84{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-84:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-84:active{ top:1px } .msp-preset-btn-85{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-85:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-85:active{ top:1px } .msp-preset-btn-86{ color: #b97ebb;border:solid 1px #b97ebb; } .msp-preset-btn-86:hover{ border-color:#ca89cc;color:#ca89cc } .msp-preset-btn-86:active{ top:1px } .msp-preset-btn-87{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-87:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-87:active{ top:1px } .msp-preset-btn-88{ background-color: #b97ebb;color: #fff;box-shadow:0 5px #9a699c; } .msp-preset-btn-88:hover{ background-color:#ca89cc;box-shadow:0 4px #9a699c;top:1px;color: #fff; } .msp-preset-btn-88:active{ box-shadow:0 2px #9a699c;top:3px; } .msp-preset-btn-89{ background-color: #5472D2;color: #fff; } .msp-preset-btn-89:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-89:active{ top:1px } .msp-preset-btn-90{ background-color: #5472D2;color: #fff; } .msp-preset-btn-90:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-90:active{ top:1px } .msp-preset-btn-91{ color: #5472D2;border:solid 1px #5472D2; } .msp-preset-btn-91:hover{ border-color:#5d7fe9;color:#5d7fe9 } .msp-preset-btn-91:active{ top:1px } .msp-preset-btn-92{ background-color: #5472D2;color: #fff; } .msp-preset-btn-92:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-92:active{ top:1px } .msp-preset-btn-93{ background-color: #5472D2;color: #fff;box-shadow:0 5px #4c68be; } .msp-preset-btn-93:hover{ background-color:#5d7fe9;box-shadow:0 4px #4c68be;top:1px;color: #fff; } .msp-preset-btn-93:active{ box-shadow:0 2px #4c68be;top:3px; } .msp-preset-btn-94{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-94:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-94:active{ top:1px } .msp-preset-btn-95{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-95:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-95:active{ top:1px } .msp-preset-btn-96{ color: #00c1cf;border:solid 1px #00c1cf; } .msp-preset-btn-96:hover{ border-color:#01D4E4;color:#01D4E4 } .msp-preset-btn-96:active{ top:1px } .msp-preset-btn-97{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-97:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-97:active{ top:1px } .msp-preset-btn-98{ background-color: #00c1cf;color: #fff;box-shadow:0 5px #00afbc; } .msp-preset-btn-98:hover{ background-color:#01D4E4;box-shadow:0 4px #00afbc;top:1px;color: #fff; } .msp-preset-btn-98:active{ box-shadow:0 2px #00afbc;top:3px; } .msp-preset-btn-99{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-99:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-99:active{ top:1px } .msp-preset-btn-100{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-100:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-100:active{ top:1px } .msp-preset-btn-101{ color: #4cadc9;border:solid 1px #4cadc9; } .msp-preset-btn-101:hover{ border-color:#63b2c9;color:#63b2c9 } .msp-preset-btn-101:active{ top:1px } .msp-preset-btn-102{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-102:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-102:active{ top:1px } .msp-preset-btn-103{ background-color: #4cadc9;color: #fff;box-shadow:0 5px #1aa2c9; } .msp-preset-btn-103:hover{ background-color:#63b2c9;box-shadow:0 4px #1aa2c9;top:1px;color: #fff; } .msp-preset-btn-103:active{ box-shadow:0 2px #1aa2c9;top:3px; } .msp-preset-btn-104{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-104:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-104:active{ top:1px } .msp-preset-btn-105{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-105:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-105:active{ top:1px } .msp-preset-btn-106{ color: #cec2ab;border:solid 1px #cec2ab; } .msp-preset-btn-106:hover{ border-color:#cebd9d;color:#cebd9d } .msp-preset-btn-106:active{ top:1px } .msp-preset-btn-107{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-107:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-107:active{ top:1px } .msp-preset-btn-108{ background-color: #cec2ab;color: #fff;box-shadow:0 5px #C2B7A2; } .msp-preset-btn-108:hover{ background-color:#cebd9d;box-shadow:0 4px #C2B7A2;top:1px;color: #fff; } .msp-preset-btn-108:active{ box-shadow:0 2px #C2B7A2;top:3px; } .msp-preset-btn-109{ background-color: #50485b;color: #fff; } .msp-preset-btn-109:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-109:active{ top:1px } .msp-preset-btn-110{ background-color: #50485b;color: #fff; } .msp-preset-btn-110:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-110:active{ top:1px } .msp-preset-btn-111{ color: #50485b;border:solid 1px #50485b; } .msp-preset-btn-111:hover{ border-color:#6a6176;color:#6a6176 } .msp-preset-btn-111:active{ top:1px } .msp-preset-btn-112{ background-color: #50485b;color: #fff; } .msp-preset-btn-112:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-112:active{ top:1px } .msp-preset-btn-113{ background-color: #50485b;color: #fff;box-shadow:0 5px #412d5b; } .msp-preset-btn-113:hover{ background-color:#6a6176;box-shadow:0 4px #412d5b;top:1px;color: #fff; } .msp-preset-btn-113:active{ box-shadow:0 2px #412d5b;top:3px; } .msp-preset-btn-114{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-114:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-114:active{ top:1px } .msp-preset-btn-115{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-115:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-115:active{ top:1px } .msp-preset-btn-116{ color: #8d6dc4;border:solid 1px #8d6dc4; } .msp-preset-btn-116:hover{ border-color:#977cc4;color:#977cc4 } .msp-preset-btn-116:active{ top:1px } .msp-preset-btn-117{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-117:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-117:active{ top:1px } .msp-preset-btn-118{ background-color: #8d6dc4;color: #fff;box-shadow:0 5px #7c51c4; } .msp-preset-btn-118:hover{ background-color:#977cc4;box-shadow:0 4px #7c51c4;top:1px;color: #fff; } .msp-preset-btn-118:active{ box-shadow:0 2px #7c51c4;top:3px; } .msp-preset-btn-119{ background-color: #75d69c;color: #fff; } .msp-preset-btn-119:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-119:active{ top:1px } .msp-preset-btn-120{ background-color: #75d69c;color: #fff; } .msp-preset-btn-120:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-120:active{ top:1px } .msp-preset-btn-121{ color: #75d69c;border:solid 1px #75d69c; } .msp-preset-btn-121:hover{ border-color:#7de5a7;color:#7de5a7 } .msp-preset-btn-121:active{ top:1px } .msp-preset-btn-122{ background-color: #75d69c;color: #fff; } .msp-preset-btn-122:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-122:active{ top:1px } .msp-preset-btn-123{ background-color: #75d69c;color: #fff;box-shadow:0 5px #41d67d; } .msp-preset-btn-123:hover{ background-color:#7de5a7;box-shadow:0 4px #41d67d;top:1px;color: #fff; } .msp-preset-btn-123:active{ box-shadow:0 2px #41d67d;top:3px; } .msp-preset-btn-124{ background-color: #222;color: #fff; } .msp-preset-btn-124:hover{ background-color:#333;color: #fff; } .msp-preset-btn-124:active{ top:1px } .msp-preset-btn-125{ background-color: #222;color: #fff; } .msp-preset-btn-125:hover{ background-color:#333;color: #fff; } .msp-preset-btn-125:active{ top:1px } .msp-preset-btn-126{ color: #222;border:solid 1px #222; } .msp-preset-btn-126:hover{ border-color:#333;color:#333 } .msp-preset-btn-126:active{ top:1px } .msp-preset-btn-127{ background-color: #222;color: #fff; } .msp-preset-btn-127:hover{ background-color:#333;color: #fff; } .msp-preset-btn-127:active{ top:1px } .msp-preset-btn-128{ background-color: #222;color: #fff;box-shadow:0 5px #000; } .msp-preset-btn-128:hover{ background-color:#333;box-shadow:0 4px #000;top:1px;color: #fff; } .msp-preset-btn-128:active{ box-shadow:0 2px #000;top:3px; } .msp-preset-btn-129{ background-color: #dedede;color: #666; } .msp-preset-btn-129:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-129:active{ top:1px } .msp-preset-btn-130{ background-color: #dedede;color: #666; } .msp-preset-btn-130:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-130:active{ top:1px } .msp-preset-btn-131{ color: #dedede;border:solid 1px #dedede; } .msp-preset-btn-131:hover{ border-color:#d1d1d1;color:#d1d1d1 } .msp-preset-btn-131:active{ top:1px } .msp-preset-btn-132{ background-color: #dedede;color: #666; } .msp-preset-btn-132:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-132:active{ top:1px } .msp-preset-btn-133{ background-color: #dedede;color: #666;box-shadow:0 5px #CACACA; } .msp-preset-btn-133:hover{ background-color:#d1d1d1;color: #666;box-shadow:0 4px #CACACA;top:1px } .msp-preset-btn-133:active{ box-shadow:0 2px #CACACA;top:3px; } .msp-preset-btn-134{ background-color: #f7be68;color: #fff; } .msp-preset-btn-134:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-134:active{ top:1px } .msp-preset-btn-135{ background-color: #f7be68;color: #fff; } .msp-preset-btn-135:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-135:active{ top:1px } .msp-preset-btn-136{ color: #f7be68;border:solid 1px #f7be68; } .msp-preset-btn-136:hover{ border-color:#e9b362;color:#e9b362 } .msp-preset-btn-136:active{ top:1px } .msp-preset-btn-137{ background-color: #f7be68;color: #fff; } .msp-preset-btn-137:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-137:active{ top:1px } .msp-preset-btn-138{ background-color: #f7be68;color: #fff;box-shadow:0 5px #E7AF59; } .msp-preset-btn-138:hover{ background-color:#e9b362;box-shadow:0 4px #E7AF59;top:1px;color: #fff; } .msp-preset-btn-138:active{ box-shadow:0 2px #E7AF59;top:3px; } .msp-preset-btn-139{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-139:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-139:active{ top:1px } .msp-preset-btn-140{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-140:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-140:active{ top:1px } .msp-preset-btn-141{ color: #5aa1e3;border:solid 1px #5aa1e3; } .msp-preset-btn-141:hover{ border-color:#5faaef;color:#5faaef } .msp-preset-btn-141:active{ top:1px } .msp-preset-btn-142{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-142:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-142:active{ top:1px } .msp-preset-btn-143{ background-color: #5aa1e3;color: #fff;box-shadow:0 5px #4c87bf; } .msp-preset-btn-143:hover{ background-color:#5faaef;box-shadow:0 4px #4c87bf;top:1px;color: #fff; } .msp-preset-btn-143:active{ box-shadow:0 2px #4c87bf;top:3px; } .msp-preset-btn-144{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-144:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-144:active{ top:1px } .msp-preset-btn-145{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-145:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-145:active{ top:1px } .msp-preset-btn-146{ color: #6dab3c;border:solid 1px #6dab3c; } .msp-preset-btn-146:hover{ border-color:#76b941;color:#76b941 } .msp-preset-btn-146:active{ top:1px } .msp-preset-btn-147{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-147:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-147:active{ top:1px } .msp-preset-btn-148{ background-color: #6dab3c;color: #fff;box-shadow:0 5px #5e9334; } .msp-preset-btn-148:hover{ background-color:#76b941;box-shadow:0 4px #5e9334;top:1px;color: #fff; } .msp-preset-btn-148:active{ box-shadow:0 2px #5e9334;top:3px; } .msp-preset-btn-149{ background-color: #f4524d;color: #fff; } .msp-preset-btn-149:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-149:active{ top:1px } .msp-preset-btn-150{ background-color: #f4524d;color: #fff; } .msp-preset-btn-150:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-150:active{ top:1px } .msp-preset-btn-151{ color: #f4524d;border:solid 1px #f4524d; } .msp-preset-btn-151:hover{ border-color:#e04b47;color:#e04b47 } .msp-preset-btn-151:active{ top:1px } .msp-preset-btn-152{ background-color: #f4524d;color: #fff; } .msp-preset-btn-152:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-152:active{ top:1px } .msp-preset-btn-153{ background-color: #f4524d;color: #fff;box-shadow:0 5px #cb4440; } .msp-preset-btn-153:hover{ background-color:#e04b47;box-shadow:0 4px #cb4440;top:1px;color: #fff; } .msp-preset-btn-153:active{ box-shadow:0 2px #cb4440;top:3px; } .msp-preset-btn-154{ background-color: #f79468;color: #fff; } .msp-preset-btn-154:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-154:active{ top:1px } .msp-preset-btn-155{ background-color: #f79468;color: #fff; } .msp-preset-btn-155:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-155:active{ top:1px } .msp-preset-btn-156{ color: #f79468;border:solid 1px #f79468; } .msp-preset-btn-156:hover{ border-color:#e78a61;color:#e78a61 } .msp-preset-btn-156:active{ top:1px } .msp-preset-btn-157{ background-color: #f79468;color: #fff; } .msp-preset-btn-157:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-157:active{ top:1px } .msp-preset-btn-158{ background-color: #f79468;color: #fff;box-shadow:0 5px #da835c; } .msp-preset-btn-158:hover{ background-color:#e78a61;box-shadow:0 4px #da835c;top:1px;color: #fff; } .msp-preset-btn-158:active{ box-shadow:0 2px #da835c;top:3px; }.msp-preset-1 { font-family:"Lato";font-weight:700;font-size:48px;line-height:normal;color:#ffffff; } .msp-preset-3 { font-family:"Lato";font-weight:300;font-size:18px;line-height:normal;color:#f2f2f2; } .msp-preset-5 { font-family:"Kaushan Script";font-weight:normal;font-size:30px;text-align:center;line-height:normal;white-space:nowrap;color:#d4d4d4; } .msp-preset-6 { font-family:"Raleway";font-weight:600;font-size:48px;text-align:center;line-height:normal;white-space:nowrap;color:#d4d4d4; } .msp-preset-7 { font-family:"Raleway";font-weight:600;font-size:48px;text-align:center;line-height:normal;white-space:nowrap;color:#77cba9; } .msp-preset-8 { font-family:"Montserrat";font-weight:700;font-size:36px;line-height:normal;color:#ffffff; } .msp-preset-12 { font-family:"Raleway";font-weight:600;font-size:72px;line-height:normal;white-space:nowrap;color:#ffffff;text-transform:uppercase; } .msp-preset-13 { font-family:"Raleway";font-weight:600;font-size:18px;text-align:center;line-height:normal;color:#f8f8f8; } .msp-preset-14 { font-family:"Yanone Kaffeesatz";font-weight:normal;font-size:60px;text-align:center;letter-spacing:2px;line-height:normal;white-space:nowrap;color:#ffffff; } .msp-preset-15 { font-family:"Oswald";font-weight:normal;font-size:55px;text-align:center;line-height:normal;white-space:nowrap;color:#e38181; } .msp-preset-16 { font-family:"Montserrat";font-weight:normal;font-size:54px;line-height:normal;white-space:nowrap;color:#dddddd; } .msp-preset-17 { font-family:"Playfair Display";font-weight:normal;font-size:16px;text-align:center;line-height:normal;color:#c2b273;background-color:transparent; } .msp-preset-18 { font-family:"Quicksand";font-weight:normal;font-size:18px;text-align:center;line-height:normal;color:#fdfdfd;background-color:transparent; } .msp-preset-19 { font-family:"Montserrat";font-weight:normal;font-size:12px;line-height:normal;color:#dddddc;text-transform:uppercase; } .msp-preset-20 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;color:#a9a8a8; } .msp-preset-21 { background-color:#a9a8a8;font-weight:normal;line-height:normal; } .msp-preset-22 { font-family:"Oswald";font-weight:700;font-size:48px;line-height:60px;color:#ffffff; } .msp-preset-23 { font-family:"Lato";font-weight:normal;font-size:16px;line-height:normal;color:#c0c0c0; } .msp-preset-25 { padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;font-family:"Lato";font-weight:normal;font-size:10px;text-align:center;letter-spacing:2px;line-height:normal;text-transform:uppercase; } .msp-preset-26 { font-family:"Lato";font-weight:normal;font-size:16px;line-height:normal;color:#ffffff; } .msp-preset-27 { background-color:#ffffff;font-weight:normal;line-height:normal; } .msp-preset-28 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;color:#ffffff; } .msp-preset-29 { font-family:"Raleway";font-weight:800;font-size:120px;letter-spacing:1px;line-height:normal;color:#ffffff; } .msp-preset-30 { font-family:"Source Code Pro";font-weight:normal;font-size:22px;line-height:normal;color:#ffffff; } .msp-preset-31 { font-family:"Source Code Pro";font-weight:normal;font-size:14px;letter-spacing:1px;line-height:normal;color:#ba895d; } .msp-preset-32 { font-family:"Source Code Pro";font-weight:normal;font-size:14px;line-height:normal;color:#6a6a6a; } .msp-preset-33 { font-family:"Montserrat";font-weight:normal;font-size:36px;line-height:normal;color:#ffffff; } .msp-preset-34 { background-color:#ffffff;font-weight:normal;line-height:normal; } .msp-preset-35 { background-color:#f4cb68;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;font-family:"Lato";font-weight:normal;font-size:11px;line-height:16px;color:#333333; } .ms-parent-id-44 > .master-slider{ background:#232221; } .msp-cn-71-1 { font-family:"Montserrat";font-weight:700;font-size:36px;line-height:normal;white-space:nowrap;color:#ffffff; } .msp-cn-71-3 { font-family:"Montserrat";font-weight:700;font-size:36px;line-height:normal;white-space:nowrap;color:#ffffff; } .msp-cn-71-5 { font-family:"Montserrat";font-weight:normal;font-size:14px;line-height:normal;white-space:nowrap;color:#fbfbfb; } .msp-cn-71-6 { font-family:"Montserrat";font-weight:700;font-size:36px;letter-spacing:6px;line-height:normal;white-space:nowrap;color:#ffffff; } .msp-cn-71-8 { font-family:"Montserrat";font-weight:700;font-size:36px;letter-spacing:6px;line-height:normal;white-space:nowrap;color:#ffffff; } .msp-cn-71-10 { font-family:"Montserrat";font-weight:700;font-size:36px;letter-spacing:6px;line-height:normal;white-space:nowrap;color:#ffffff; } .msp-cn-71-11 { font-family:"Montserrat";font-weight:normal;font-size:14px;line-height:normal; } .msp-cn-71-13 { font-family:"Montserrat";font-weight:normal;font-size:14px;line-height:normal; } .msp-cn-71-15 { font-family:"Montserrat";font-weight:700;font-size:36px;line-height:normal;white-space:nowrap;color:#ffffff; } .msp-cn-71-16 { font-family:"Montserrat";font-weight:700;font-size:36px;line-height:normal;white-space:nowrap;color:#ffffff; } /*! * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2022 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family,"Font Awesome 6 Free"); font-weight: var(--fa-style,900) } .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto } .fa-classic, .fa-regular, .fa-solid, .far, .fas { font-family: "Font Awesome 6 Free" } .fa-brands, .fab { font-family: "Font Awesome 6 Brands" } .fa-1x { font-size: 1em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-6x { font-size: 6em } .fa-7x { font-size: 7em } .fa-8x { font-size: 8em } .fa-9x { font-size: 9em } .fa-10x { font-size: 10em } .fa-2xs { font-size: .625em; line-height: .1em; vertical-align: .225em } .fa-xs { font-size: .75em; line-height: .08333em; vertical-align: .125em } .fa-sm { font-size: .875em; line-height: .07143em; vertical-align: .05357em } .fa-lg { font-size: 1.25em; line-height: .05em; vertical-align: -.075em } .fa-xl { font-size: 1.5em; line-height: .04167em; vertical-align: -.125em } .fa-2xl { font-size: 2em; line-height: .03125em; vertical-align: -.1875em } .fa-fw { text-align: center; width: 1.25em } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin,2.5em); padding-left: 0 } .fa-ul > li { position: relative } .fa-li { left: calc(var(--fa-li-width, 2em)*-1); position: absolute; text-align: center; width: var(--fa-li-width,2em); line-height: inherit } .fa-border { border-radius: var(--fa-border-radius,.1em); border: var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee); padding: var(--fa-border-padding,.2em .25em .15em) } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin,.3em) } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin,.3em) } .fa-beat { -webkit-animation-name: fa-beat; animation-name: fa-beat; -webkit-animation-delay: var(--fa-animation-delay,0s); animation-delay: var(--fa-animation-delay,0s); -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out); animation-timing-function: var(--fa-animation-timing,ease-in-out) } .fa-bounce { -webkit-animation-name: fa-bounce; animation-name: fa-bounce; -webkit-animation-delay: var(--fa-animation-delay,0s); animation-delay: var(--fa-animation-delay,0s); -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1)); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1)) } .fa-fade { -webkit-animation-name: fa-fade; animation-name: fa-fade; -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)) } .fa-beat-fade, .fa-fade { -webkit-animation-delay: var(--fa-animation-delay,0s); animation-delay: var(--fa-animation-delay,0s); -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s) } .fa-beat-fade { -webkit-animation-name: fa-beat-fade; animation-name: fa-beat-fade; -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)) } .fa-flip { -webkit-animation-name: fa-flip; animation-name: fa-flip; -webkit-animation-delay: var(--fa-animation-delay,0s); animation-delay: var(--fa-animation-delay,0s); -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out); animation-timing-function: var(--fa-animation-timing,ease-in-out) } .fa-shake { -webkit-animation-name: fa-shake; animation-name: fa-shake; -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,linear); animation-timing-function: var(--fa-animation-timing,linear) } .fa-shake, .fa-spin { -webkit-animation-delay: var(--fa-animation-delay,0s); animation-delay: var(--fa-animation-delay,0s); -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal) } .fa-spin { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-duration: var(--fa-animation-duration,2s); animation-duration: var(--fa-animation-duration,2s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,linear); animation-timing-function: var(--fa-animation-timing,linear) } .fa-spin-reverse { --fa-animation-direction: reverse } .fa-pulse, .fa-spin-pulse { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,steps(8)); animation-timing-function: var(--fa-animation-timing,steps(8)) } @media (prefers-reduced-motion:reduce) { .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { -webkit-animation-delay: -1ms; animation-delay: -1ms; -webkit-animation-duration: 1ms; animation-duration: 1ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s } } @-webkit-keyframes fa-beat { 0%,90% { -webkit-transform: scale(1); transform: scale(1) } 45% { -webkit-transform: scale(var(--fa-beat-scale,1.25)); transform: scale(var(--fa-beat-scale,1.25)) } } @keyframes fa-beat { 0%,90% { -webkit-transform: scale(1); transform: scale(1) } 45% { -webkit-transform: scale(var(--fa-beat-scale,1.25)); transform: scale(var(--fa-beat-scale,1.25)) } } @-webkit-keyframes fa-bounce { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } 10% { -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0) } 30% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)) } 50% { -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0) } 57% { -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)) } 64% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } to { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } } @keyframes fa-bounce { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } 10% { -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0) } 30% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)) } 50% { -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0) } 57% { -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)) } 64% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } to { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } } @-webkit-keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4) } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4) } } @-webkit-keyframes fa-beat-fade { 0%,to { opacity: var(--fa-beat-fade-opacity,.4); -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale,1.125)); transform: scale(var(--fa-beat-fade-scale,1.125)) } } @keyframes fa-beat-fade { 0%,to { opacity: var(--fa-beat-fade-opacity,.4); -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale,1.125)); transform: scale(var(--fa-beat-fade-scale,1.125)) } } @-webkit-keyframes fa-flip { 50% { -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)) } } @keyframes fa-flip { 50% { -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)) } } @-webkit-keyframes fa-shake { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg) } 4% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 8%,24% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg) } 12%,28% { -webkit-transform: rotate(18deg); transform: rotate(18deg) } 16% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg) } 20% { -webkit-transform: rotate(22deg); transform: rotate(22deg) } 32% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg) } 36% { -webkit-transform: rotate(12deg); transform: rotate(12deg) } 40%,to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes fa-shake { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg) } 4% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 8%,24% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg) } 12%,28% { -webkit-transform: rotate(18deg); transform: rotate(18deg) } 16% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg) } 20% { -webkit-transform: rotate(22deg); transform: rotate(22deg) } 32% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg) } 36% { -webkit-transform: rotate(12deg); transform: rotate(12deg) } 40%,to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .fa-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -webkit-transform: scaleX(-1); transform: scaleX(-1) } .fa-flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1) } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); transform: scale(-1) } .fa-rotate-by { -webkit-transform: rotate(var(--fa-rotate-angle,none)); transform: rotate(var(--fa-rotate-angle,none)) } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index,auto) } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: var(--fa-inverse,#fff) } .fa-0:before { content: "\30" } .fa-1:before { content: "\31" } .fa-2:before { content: "\32" } .fa-3:before { content: "\33" } .fa-4:before { content: "\34" } .fa-5:before { content: "\35" } .fa-6:before { content: "\36" } .fa-7:before { content: "\37" } .fa-8:before { content: "\38" } .fa-9:before { content: "\39" } .fa-fill-drip:before { content: "\f576" } .fa-arrows-to-circle:before { content: "\e4bd" } .fa-chevron-circle-right:before, .fa-circle-chevron-right:before { content: "\f138" } .fa-at:before { content: "\40" } .fa-trash-alt:before, .fa-trash-can:before { content: "\f2ed" } .fa-text-height:before { content: "\f034" } .fa-user-times:before, .fa-user-xmark:before { content: "\f235" } .fa-stethoscope:before { content: "\f0f1" } .fa-comment-alt:before, .fa-message:before { content: "\f27a" } .fa-info:before { content: "\f129" } .fa-compress-alt:before, .fa-down-left-and-up-right-to-center:before { content: "\f422" } .fa-explosion:before { content: "\e4e9" } .fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before { content: "\f15c" } .fa-wave-square:before { content: "\f83e" } .fa-ring:before { content: "\f70b" } .fa-building-un:before { content: "\e4d9" } .fa-dice-three:before { content: "\f527" } .fa-calendar-alt:before, .fa-calendar-days:before { content: "\f073" } .fa-anchor-circle-check:before { content: "\e4aa" } .fa-building-circle-arrow-right:before { content: "\e4d1" } .fa-volleyball-ball:before, .fa-volleyball:before { content: "\f45f" } .fa-arrows-up-to-line:before { content: "\e4c2" } .fa-sort-desc:before, .fa-sort-down:before { content: "\f0dd" } .fa-circle-minus:before, .fa-minus-circle:before { content: "\f056" } .fa-door-open:before { content: "\f52b" } .fa-right-from-bracket:before, .fa-sign-out-alt:before { content: "\f2f5" } .fa-atom:before { content: "\f5d2" } .fa-soap:before { content: "\e06e" } .fa-heart-music-camera-bolt:before, .fa-icons:before { content: "\f86d" } .fa-microphone-alt-slash:before, .fa-microphone-lines-slash:before { content: "\f539" } .fa-bridge-circle-check:before { content: "\e4c9" } .fa-pump-medical:before { content: "\e06a" } .fa-fingerprint:before { content: "\f577" } .fa-hand-point-right:before { content: "\f0a4" } .fa-magnifying-glass-location:before, .fa-search-location:before { content: "\f689" } .fa-forward-step:before, .fa-step-forward:before { content: "\f051" } .fa-face-smile-beam:before, .fa-smile-beam:before { content: "\f5b8" } .fa-flag-checkered:before { content: "\f11e" } .fa-football-ball:before, .fa-football:before { content: "\f44e" } .fa-school-circle-exclamation:before { content: "\e56c" } .fa-crop:before { content: "\f125" } .fa-angle-double-down:before, .fa-angles-down:before { content: "\f103" } .fa-users-rectangle:before { content: "\e594" } .fa-people-roof:before { content: "\e537" } .fa-people-line:before { content: "\e534" } .fa-beer-mug-empty:before, .fa-beer:before { content: "\f0fc" } .fa-diagram-predecessor:before { content: "\e477" } .fa-arrow-up-long:before, .fa-long-arrow-up:before { content: "\f176" } .fa-burn:before, .fa-fire-flame-simple:before { content: "\f46a" } .fa-male:before, .fa-person:before { content: "\f183" } .fa-laptop:before { content: "\f109" } .fa-file-csv:before { content: "\f6dd" } .fa-menorah:before { content: "\f676" } .fa-truck-plane:before { content: "\e58f" } .fa-record-vinyl:before { content: "\f8d9" } .fa-face-grin-stars:before, .fa-grin-stars:before { content: "\f587" } .fa-bong:before { content: "\f55c" } .fa-pastafarianism:before, .fa-spaghetti-monster-flying:before { content: "\f67b" } .fa-arrow-down-up-across-line:before { content: "\e4af" } .fa-spoon:before, .fa-utensil-spoon:before { content: "\f2e5" } .fa-jar-wheat:before { content: "\e517" } .fa-envelopes-bulk:before, .fa-mail-bulk:before { content: "\f674" } .fa-file-circle-exclamation:before { content: "\e4eb" } .fa-circle-h:before, .fa-hospital-symbol:before { content: "\f47e" } .fa-pager:before { content: "\f815" } .fa-address-book:before, .fa-contact-book:before { content: "\f2b9" } .fa-strikethrough:before { content: "\f0cc" } .fa-k:before { content: "\4b" } .fa-landmark-flag:before { content: "\e51c" } .fa-pencil-alt:before, .fa-pencil:before { content: "\f303" } .fa-backward:before { content: "\f04a" } .fa-caret-right:before { content: "\f0da" } .fa-comments:before { content: "\f086" } .fa-file-clipboard:before, .fa-paste:before { content: "\f0ea" } .fa-code-pull-request:before { content: "\e13c" } .fa-clipboard-list:before { content: "\f46d" } .fa-truck-loading:before, .fa-truck-ramp-box:before { content: "\f4de" } .fa-user-check:before { content: "\f4fc" } .fa-vial-virus:before { content: "\e597" } .fa-sheet-plastic:before { content: "\e571" } .fa-blog:before { content: "\f781" } .fa-user-ninja:before { content: "\f504" } .fa-person-arrow-up-from-line:before { content: "\e539" } .fa-scroll-torah:before, .fa-torah:before { content: "\f6a0" } .fa-broom-ball:before, .fa-quidditch-broom-ball:before, .fa-quidditch:before { content: "\f458" } .fa-toggle-off:before { content: "\f204" } .fa-archive:before, .fa-box-archive:before { content: "\f187" } .fa-person-drowning:before { content: "\e545" } .fa-arrow-down-9-1:before, .fa-sort-numeric-desc:before, .fa-sort-numeric-down-alt:before { content: "\f886" } .fa-face-grin-tongue-squint:before, .fa-grin-tongue-squint:before { content: "\f58a" } .fa-spray-can:before { content: "\f5bd" } .fa-truck-monster:before { content: "\f63b" } .fa-w:before { content: "\57" } .fa-earth-africa:before, .fa-globe-africa:before { content: "\f57c" } .fa-rainbow:before { content: "\f75b" } .fa-circle-notch:before { content: "\f1ce" } .fa-tablet-alt:before, .fa-tablet-screen-button:before { content: "\f3fa" } .fa-paw:before { content: "\f1b0" } .fa-cloud:before { content: "\f0c2" } .fa-trowel-bricks:before { content: "\e58a" } .fa-face-flushed:before, .fa-flushed:before { content: "\f579" } .fa-hospital-user:before { content: "\f80d" } .fa-tent-arrow-left-right:before { content: "\e57f" } .fa-gavel:before, .fa-legal:before { content: "\f0e3" } .fa-binoculars:before { content: "\f1e5" } .fa-microphone-slash:before { content: "\f131" } .fa-box-tissue:before { content: "\e05b" } .fa-motorcycle:before { content: "\f21c" } .fa-bell-concierge:before, .fa-concierge-bell:before { content: "\f562" } .fa-pen-ruler:before, .fa-pencil-ruler:before { content: "\f5ae" } .fa-people-arrows-left-right:before, .fa-people-arrows:before { content: "\e068" } .fa-mars-and-venus-burst:before { content: "\e523" } .fa-caret-square-right:before, .fa-square-caret-right:before { content: "\f152" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-sun-plant-wilt:before { content: "\e57a" } .fa-toilets-portable:before { content: "\e584" } .fa-hockey-puck:before { content: "\f453" } .fa-table:before { content: "\f0ce" } .fa-magnifying-glass-arrow-right:before { content: "\e521" } .fa-digital-tachograph:before, .fa-tachograph-digital:before { content: "\f566" } .fa-users-slash:before { content: "\e073" } .fa-clover:before { content: "\e139" } .fa-mail-reply:before, .fa-reply:before { content: "\f3e5" } .fa-star-and-crescent:before { content: "\f699" } .fa-house-fire:before { content: "\e50c" } .fa-minus-square:before, .fa-square-minus:before { content: "\f146" } .fa-helicopter:before { content: "\f533" } .fa-compass:before { content: "\f14e" } .fa-caret-square-down:before, .fa-square-caret-down:before { content: "\f150" } .fa-file-circle-question:before { content: "\e4ef" } .fa-laptop-code:before { content: "\f5fc" } .fa-swatchbook:before { content: "\f5c3" } .fa-prescription-bottle:before { content: "\f485" } .fa-bars:before, .fa-navicon:before { content: "\f0c9" } .fa-people-group:before { content: "\e533" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-heart-broken:before, .fa-heart-crack:before { content: "\f7a9" } .fa-external-link-square-alt:before, .fa-square-up-right:before { content: "\f360" } .fa-face-kiss-beam:before, .fa-kiss-beam:before { content: "\f597" } .fa-film:before { content: "\f008" } .fa-ruler-horizontal:before { content: "\f547" } .fa-people-robbery:before { content: "\e536" } .fa-lightbulb:before { content: "\f0eb" } .fa-caret-left:before { content: "\f0d9" } .fa-circle-exclamation:before, .fa-exclamation-circle:before { content: "\f06a" } .fa-school-circle-xmark:before { content: "\e56d" } .fa-arrow-right-from-bracket:before, .fa-sign-out:before { content: "\f08b" } .fa-chevron-circle-down:before, .fa-circle-chevron-down:before { content: "\f13a" } .fa-unlock-alt:before, .fa-unlock-keyhole:before { content: "\f13e" } .fa-cloud-showers-heavy:before { content: "\f740" } .fa-headphones-alt:before, .fa-headphones-simple:before { content: "\f58f" } .fa-sitemap:before { content: "\f0e8" } .fa-circle-dollar-to-slot:before, .fa-donate:before { content: "\f4b9" } .fa-memory:before { content: "\f538" } .fa-road-spikes:before { content: "\e568" } .fa-fire-burner:before { content: "\e4f1" } .fa-flag:before { content: "\f024" } .fa-hanukiah:before { content: "\f6e6" } .fa-feather:before { content: "\f52d" } .fa-volume-down:before, .fa-volume-low:before { content: "\f027" } .fa-comment-slash:before { content: "\f4b3" } .fa-cloud-sun-rain:before { content: "\f743" } .fa-compress:before { content: "\f066" } .fa-wheat-alt:before, .fa-wheat-awn:before { content: "\e2cd" } .fa-ankh:before { content: "\f644" } .fa-hands-holding-child:before { content: "\e4fa" } .fa-asterisk:before { content: "\2a" } .fa-check-square:before, .fa-square-check:before { content: "\f14a" } .fa-peseta-sign:before { content: "\e221" } .fa-header:before, .fa-heading:before { content: "\f1dc" } .fa-ghost:before { content: "\f6e2" } .fa-list-squares:before, .fa-list:before { content: "\f03a" } .fa-phone-square-alt:before, .fa-square-phone-flip:before { content: "\f87b" } .fa-cart-plus:before { content: "\f217" } .fa-gamepad:before { content: "\f11b" } .fa-circle-dot:before, .fa-dot-circle:before { content: "\f192" } .fa-dizzy:before, .fa-face-dizzy:before { content: "\f567" } .fa-egg:before { content: "\f7fb" } .fa-house-medical-circle-xmark:before { content: "\e513" } .fa-campground:before { content: "\f6bb" } .fa-folder-plus:before { content: "\f65e" } .fa-futbol-ball:before, .fa-futbol:before, .fa-soccer-ball:before { content: "\f1e3" } .fa-paint-brush:before, .fa-paintbrush:before { content: "\f1fc" } .fa-lock:before { content: "\f023" } .fa-gas-pump:before { content: "\f52f" } .fa-hot-tub-person:before, .fa-hot-tub:before { content: "\f593" } .fa-map-location:before, .fa-map-marked:before { content: "\f59f" } .fa-house-flood-water:before { content: "\e50e" } .fa-tree:before { content: "\f1bb" } .fa-bridge-lock:before { content: "\e4cc" } .fa-sack-dollar:before { content: "\f81d" } .fa-edit:before, .fa-pen-to-square:before { content: "\f044" } .fa-car-side:before { content: "\f5e4" } .fa-share-alt:before, .fa-share-nodes:before { content: "\f1e0" } .fa-heart-circle-minus:before { content: "\e4ff" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-microscope:before { content: "\f610" } .fa-sink:before { content: "\e06d" } .fa-bag-shopping:before, .fa-shopping-bag:before { content: "\f290" } .fa-arrow-down-z-a:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-down-alt:before { content: "\f881" } .fa-mitten:before { content: "\f7b5" } .fa-person-rays:before { content: "\e54d" } .fa-users:before { content: "\f0c0" } .fa-eye-slash:before { content: "\f070" } .fa-flask-vial:before { content: "\e4f3" } .fa-hand-paper:before, .fa-hand:before { content: "\f256" } .fa-om:before { content: "\f679" } .fa-worm:before { content: "\e599" } .fa-house-circle-xmark:before { content: "\e50b" } .fa-plug:before { content: "\f1e6" } .fa-chevron-up:before { content: "\f077" } .fa-hand-spock:before { content: "\f259" } .fa-stopwatch:before { content: "\f2f2" } .fa-face-kiss:before, .fa-kiss:before { content: "\f596" } .fa-bridge-circle-xmark:before { content: "\e4cb" } .fa-face-grin-tongue:before, .fa-grin-tongue:before { content: "\f589" } .fa-chess-bishop:before { content: "\f43a" } .fa-face-grin-wink:before, .fa-grin-wink:before { content: "\f58c" } .fa-deaf:before, .fa-deafness:before, .fa-ear-deaf:before, .fa-hard-of-hearing:before { content: "\f2a4" } .fa-road-circle-check:before { content: "\e564" } .fa-dice-five:before { content: "\f523" } .fa-rss-square:before, .fa-square-rss:before { content: "\f143" } .fa-land-mine-on:before { content: "\e51b" } .fa-i-cursor:before { content: "\f246" } .fa-stamp:before { content: "\f5bf" } .fa-stairs:before { content: "\e289" } .fa-i:before { content: "\49" } .fa-hryvnia-sign:before, .fa-hryvnia:before { content: "\f6f2" } .fa-pills:before { content: "\f484" } .fa-face-grin-wide:before, .fa-grin-alt:before { content: "\f581" } .fa-tooth:before { content: "\f5c9" } .fa-v:before { content: "\56" } .fa-bicycle:before { content: "\f206" } .fa-rod-asclepius:before, .fa-rod-snake:before, .fa-staff-aesculapius:before, .fa-staff-snake:before { content: "\e579" } .fa-head-side-cough-slash:before { content: "\e062" } .fa-ambulance:before, .fa-truck-medical:before { content: "\f0f9" } .fa-wheat-awn-circle-exclamation:before { content: "\e598" } .fa-snowman:before { content: "\f7d0" } .fa-mortar-pestle:before { content: "\f5a7" } .fa-road-barrier:before { content: "\e562" } .fa-school:before { content: "\f549" } .fa-igloo:before { content: "\f7ae" } .fa-joint:before { content: "\f595" } .fa-angle-right:before { content: "\f105" } .fa-horse:before { content: "\f6f0" } .fa-q:before { content: "\51" } .fa-g:before { content: "\47" } .fa-notes-medical:before { content: "\f481" } .fa-temperature-2:before, .fa-temperature-half:before, .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9" } .fa-dong-sign:before { content: "\e169" } .fa-capsules:before { content: "\f46b" } .fa-poo-bolt:before, .fa-poo-storm:before { content: "\f75a" } .fa-face-frown-open:before, .fa-frown-open:before { content: "\f57a" } .fa-hand-point-up:before { content: "\f0a6" } .fa-money-bill:before { content: "\f0d6" } .fa-bookmark:before { content: "\f02e" } .fa-align-justify:before { content: "\f039" } .fa-umbrella-beach:before { content: "\f5ca" } .fa-helmet-un:before { content: "\e503" } .fa-bullseye:before { content: "\f140" } .fa-bacon:before { content: "\f7e5" } .fa-hand-point-down:before { content: "\f0a7" } .fa-arrow-up-from-bracket:before { content: "\e09a" } .fa-folder-blank:before, .fa-folder:before { content: "\f07b" } .fa-file-medical-alt:before, .fa-file-waveform:before { content: "\f478" } .fa-radiation:before { content: "\f7b9" } .fa-chart-simple:before { content: "\e473" } .fa-mars-stroke:before { content: "\f229" } .fa-vial:before { content: "\f492" } .fa-dashboard:before, .fa-gauge-med:before, .fa-gauge:before, .fa-tachometer-alt-average:before { content: "\f624" } .fa-magic-wand-sparkles:before, .fa-wand-magic-sparkles:before { content: "\e2ca" } .fa-e:before { content: "\45" } .fa-pen-alt:before, .fa-pen-clip:before { content: "\f305" } .fa-bridge-circle-exclamation:before { content: "\e4ca" } .fa-user:before { content: "\f007" } .fa-school-circle-check:before { content: "\e56b" } .fa-dumpster:before { content: "\f793" } .fa-shuttle-van:before, .fa-van-shuttle:before { content: "\f5b6" } .fa-building-user:before { content: "\e4da" } .fa-caret-square-left:before, .fa-square-caret-left:before { content: "\f191" } .fa-highlighter:before { content: "\f591" } .fa-key:before { content: "\f084" } .fa-bullhorn:before { content: "\f0a1" } .fa-globe:before { content: "\f0ac" } .fa-synagogue:before { content: "\f69b" } .fa-person-half-dress:before { content: "\e548" } .fa-road-bridge:before { content: "\e563" } .fa-location-arrow:before { content: "\f124" } .fa-c:before { content: "\43" } .fa-tablet-button:before { content: "\f10a" } .fa-building-lock:before { content: "\e4d6" } .fa-pizza-slice:before { content: "\f818" } .fa-money-bill-wave:before { content: "\f53a" } .fa-area-chart:before, .fa-chart-area:before { content: "\f1fe" } .fa-house-flag:before { content: "\e50d" } .fa-person-circle-minus:before { content: "\e540" } .fa-ban:before, .fa-cancel:before { content: "\f05e" } .fa-camera-rotate:before { content: "\e0d8" } .fa-air-freshener:before, .fa-spray-can-sparkles:before { content: "\f5d0" } .fa-star:before { content: "\f005" } .fa-repeat:before { content: "\f363" } .fa-cross:before { content: "\f654" } .fa-box:before { content: "\f466" } .fa-venus-mars:before { content: "\f228" } .fa-arrow-pointer:before, .fa-mouse-pointer:before { content: "\f245" } .fa-expand-arrows-alt:before, .fa-maximize:before { content: "\f31e" } .fa-charging-station:before { content: "\f5e7" } .fa-shapes:before, .fa-triangle-circle-square:before { content: "\f61f" } .fa-random:before, .fa-shuffle:before { content: "\f074" } .fa-person-running:before, .fa-running:before { content: "\f70c" } .fa-mobile-retro:before { content: "\e527" } .fa-grip-lines-vertical:before { content: "\f7a5" } .fa-spider:before { content: "\f717" } .fa-hands-bound:before { content: "\e4f9" } .fa-file-invoice-dollar:before { content: "\f571" } .fa-plane-circle-exclamation:before { content: "\e556" } .fa-x-ray:before { content: "\f497" } .fa-spell-check:before { content: "\f891" } .fa-slash:before { content: "\f715" } .fa-computer-mouse:before, .fa-mouse:before { content: "\f8cc" } .fa-arrow-right-to-bracket:before, .fa-sign-in:before { content: "\f090" } .fa-shop-slash:before, .fa-store-alt-slash:before { content: "\e070" } .fa-server:before { content: "\f233" } .fa-virus-covid-slash:before { content: "\e4a9" } .fa-shop-lock:before { content: "\e4a5" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-blender-phone:before { content: "\f6b6" } .fa-building-wheat:before { content: "\e4db" } .fa-person-breastfeeding:before { content: "\e53a" } .fa-right-to-bracket:before, .fa-sign-in-alt:before { content: "\f2f6" } .fa-venus:before { content: "\f221" } .fa-passport:before { content: "\f5ab" } .fa-heart-pulse:before, .fa-heartbeat:before { content: "\f21e" } .fa-people-carry-box:before, .fa-people-carry:before { content: "\f4ce" } .fa-temperature-high:before { content: "\f769" } .fa-microchip:before { content: "\f2db" } .fa-crown:before { content: "\f521" } .fa-weight-hanging:before { content: "\f5cd" } .fa-xmarks-lines:before { content: "\e59a" } .fa-file-prescription:before { content: "\f572" } .fa-weight-scale:before, .fa-weight:before { content: "\f496" } .fa-user-friends:before, .fa-user-group:before { content: "\f500" } .fa-arrow-up-a-z:before, .fa-sort-alpha-up:before { content: "\f15e" } .fa-chess-knight:before { content: "\f441" } .fa-face-laugh-squint:before, .fa-laugh-squint:before { content: "\f59b" } .fa-wheelchair:before { content: "\f193" } .fa-arrow-circle-up:before, .fa-circle-arrow-up:before { content: "\f0aa" } .fa-toggle-on:before { content: "\f205" } .fa-person-walking:before, .fa-walking:before { content: "\f554" } .fa-l:before { content: "\4c" } .fa-fire:before { content: "\f06d" } .fa-bed-pulse:before, .fa-procedures:before { content: "\f487" } .fa-shuttle-space:before, .fa-space-shuttle:before { content: "\f197" } .fa-face-laugh:before, .fa-laugh:before { content: "\f599" } .fa-folder-open:before { content: "\f07c" } .fa-heart-circle-plus:before { content: "\e500" } .fa-code-fork:before { content: "\e13b" } .fa-city:before { content: "\f64f" } .fa-microphone-alt:before, .fa-microphone-lines:before { content: "\f3c9" } .fa-pepper-hot:before { content: "\f816" } .fa-unlock:before { content: "\f09c" } .fa-colon-sign:before { content: "\e140" } .fa-headset:before { content: "\f590" } .fa-store-slash:before { content: "\e071" } .fa-road-circle-xmark:before { content: "\e566" } .fa-user-minus:before { content: "\f503" } .fa-mars-stroke-up:before, .fa-mars-stroke-v:before { content: "\f22a" } .fa-champagne-glasses:before, .fa-glass-cheers:before { content: "\f79f" } .fa-clipboard:before { content: "\f328" } .fa-house-circle-exclamation:before { content: "\e50a" } .fa-file-arrow-up:before, .fa-file-upload:before { content: "\f574" } .fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before { content: "\f1eb" } .fa-bath:before, .fa-bathtub:before { content: "\f2cd" } .fa-underline:before { content: "\f0cd" } .fa-user-edit:before, .fa-user-pen:before { content: "\f4ff" } .fa-signature:before { content: "\f5b7" } .fa-stroopwafel:before { content: "\f551" } .fa-bold:before { content: "\f032" } .fa-anchor-lock:before { content: "\e4ad" } .fa-building-ngo:before { content: "\e4d7" } .fa-manat-sign:before { content: "\e1d5" } .fa-not-equal:before { content: "\f53e" } .fa-border-style:before, .fa-border-top-left:before { content: "\f853" } .fa-map-location-dot:before, .fa-map-marked-alt:before { content: "\f5a0" } .fa-jedi:before { content: "\f669" } .fa-poll:before, .fa-square-poll-vertical:before { content: "\f681" } .fa-mug-hot:before { content: "\f7b6" } .fa-battery-car:before, .fa-car-battery:before { content: "\f5df" } .fa-gift:before { content: "\f06b" } .fa-dice-two:before { content: "\f528" } .fa-chess-queen:before { content: "\f445" } .fa-glasses:before { content: "\f530" } .fa-chess-board:before { content: "\f43c" } .fa-building-circle-check:before { content: "\e4d2" } .fa-person-chalkboard:before { content: "\e53d" } .fa-mars-stroke-h:before, .fa-mars-stroke-right:before { content: "\f22b" } .fa-hand-back-fist:before, .fa-hand-rock:before { content: "\f255" } .fa-caret-square-up:before, .fa-square-caret-up:before { content: "\f151" } .fa-cloud-showers-water:before { content: "\e4e4" } .fa-bar-chart:before, .fa-chart-bar:before { content: "\f080" } .fa-hands-bubbles:before, .fa-hands-wash:before { content: "\e05e" } .fa-less-than-equal:before { content: "\f537" } .fa-train:before { content: "\f238" } .fa-eye-low-vision:before, .fa-low-vision:before { content: "\f2a8" } .fa-crow:before { content: "\f520" } .fa-sailboat:before { content: "\e445" } .fa-window-restore:before { content: "\f2d2" } .fa-plus-square:before, .fa-square-plus:before { content: "\f0fe" } .fa-torii-gate:before { content: "\f6a1" } .fa-frog:before { content: "\f52e" } .fa-bucket:before { content: "\e4cf" } .fa-image:before { content: "\f03e" } .fa-microphone:before { content: "\f130" } .fa-cow:before { content: "\f6c8" } .fa-caret-up:before { content: "\f0d8" } .fa-screwdriver:before { content: "\f54a" } .fa-folder-closed:before { content: "\e185" } .fa-house-tsunami:before { content: "\e515" } .fa-square-nfi:before { content: "\e576" } .fa-arrow-up-from-ground-water:before { content: "\e4b5" } .fa-glass-martini-alt:before, .fa-martini-glass:before { content: "\f57b" } .fa-rotate-back:before, .fa-rotate-backward:before, .fa-rotate-left:before, .fa-undo-alt:before { content: "\f2ea" } .fa-columns:before, .fa-table-columns:before { content: "\f0db" } .fa-lemon:before { content: "\f094" } .fa-head-side-mask:before { content: "\e063" } .fa-handshake:before { content: "\f2b5" } .fa-gem:before { content: "\f3a5" } .fa-dolly-box:before, .fa-dolly:before { content: "\f472" } .fa-smoking:before { content: "\f48d" } .fa-compress-arrows-alt:before, .fa-minimize:before { content: "\f78c" } .fa-monument:before { content: "\f5a6" } .fa-snowplow:before { content: "\f7d2" } .fa-angle-double-right:before, .fa-angles-right:before { content: "\f101" } .fa-cannabis:before { content: "\f55f" } .fa-circle-play:before, .fa-play-circle:before { content: "\f144" } .fa-tablets:before { content: "\f490" } .fa-ethernet:before { content: "\f796" } .fa-eur:before, .fa-euro-sign:before, .fa-euro:before { content: "\f153" } .fa-chair:before { content: "\f6c0" } .fa-check-circle:before, .fa-circle-check:before { content: "\f058" } .fa-circle-stop:before, .fa-stop-circle:before { content: "\f28d" } .fa-compass-drafting:before, .fa-drafting-compass:before { content: "\f568" } .fa-plate-wheat:before { content: "\e55a" } .fa-icicles:before { content: "\f7ad" } .fa-person-shelter:before { content: "\e54f" } .fa-neuter:before { content: "\f22c" } .fa-id-badge:before { content: "\f2c1" } .fa-marker:before { content: "\f5a1" } .fa-face-laugh-beam:before, .fa-laugh-beam:before { content: "\f59a" } .fa-helicopter-symbol:before { content: "\e502" } .fa-universal-access:before { content: "\f29a" } .fa-chevron-circle-up:before, .fa-circle-chevron-up:before { content: "\f139" } .fa-lari-sign:before { content: "\e1c8" } .fa-volcano:before { content: "\f770" } .fa-person-walking-dashed-line-arrow-right:before { content: "\e553" } .fa-gbp:before, .fa-pound-sign:before, .fa-sterling-sign:before { content: "\f154" } .fa-viruses:before { content: "\e076" } .fa-square-person-confined:before { content: "\e577" } .fa-user-tie:before { content: "\f508" } .fa-arrow-down-long:before, .fa-long-arrow-down:before { content: "\f175" } .fa-tent-arrow-down-to-line:before { content: "\e57e" } .fa-certificate:before { content: "\f0a3" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-suitcase:before { content: "\f0f2" } .fa-person-skating:before, .fa-skating:before { content: "\f7c5" } .fa-filter-circle-dollar:before, .fa-funnel-dollar:before { content: "\f662" } .fa-camera-retro:before { content: "\f083" } .fa-arrow-circle-down:before, .fa-circle-arrow-down:before { content: "\f0ab" } .fa-arrow-right-to-file:before, .fa-file-import:before { content: "\f56f" } .fa-external-link-square:before, .fa-square-arrow-up-right:before { content: "\f14c" } .fa-box-open:before { content: "\f49e" } .fa-scroll:before { content: "\f70e" } .fa-spa:before { content: "\f5bb" } .fa-location-pin-lock:before { content: "\e51f" } .fa-pause:before { content: "\f04c" } .fa-hill-avalanche:before { content: "\e507" } .fa-temperature-0:before, .fa-temperature-empty:before, .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb" } .fa-bomb:before { content: "\f1e2" } .fa-registered:before { content: "\f25d" } .fa-address-card:before, .fa-contact-card:before, .fa-vcard:before { content: "\f2bb" } .fa-balance-scale-right:before, .fa-scale-unbalanced-flip:before { content: "\f516" } .fa-subscript:before { content: "\f12c" } .fa-diamond-turn-right:before, .fa-directions:before { content: "\f5eb" } .fa-burst:before { content: "\e4dc" } .fa-house-laptop:before, .fa-laptop-house:before { content: "\e066" } .fa-face-tired:before, .fa-tired:before { content: "\f5c8" } .fa-money-bills:before { content: "\e1f3" } .fa-smog:before { content: "\f75f" } .fa-crutch:before { content: "\f7f7" } .fa-cloud-arrow-up:before, .fa-cloud-upload-alt:before, .fa-cloud-upload:before { content: "\f0ee" } .fa-palette:before { content: "\f53f" } .fa-arrows-turn-right:before { content: "\e4c0" } .fa-vest:before { content: "\e085" } .fa-ferry:before { content: "\e4ea" } .fa-arrows-down-to-people:before { content: "\e4b9" } .fa-seedling:before, .fa-sprout:before { content: "\f4d8" } .fa-arrows-alt-h:before, .fa-left-right:before { content: "\f337" } .fa-boxes-packing:before { content: "\e4c7" } .fa-arrow-circle-left:before, .fa-circle-arrow-left:before { content: "\f0a8" } .fa-group-arrows-rotate:before { content: "\e4f6" } .fa-bowl-food:before { content: "\e4c6" } .fa-candy-cane:before { content: "\f786" } .fa-arrow-down-wide-short:before, .fa-sort-amount-asc:before, .fa-sort-amount-down:before { content: "\f160" } .fa-cloud-bolt:before, .fa-thunderstorm:before { content: "\f76c" } .fa-remove-format:before, .fa-text-slash:before { content: "\f87d" } .fa-face-smile-wink:before, .fa-smile-wink:before { content: "\f4da" } .fa-file-word:before { content: "\f1c2" } .fa-file-powerpoint:before { content: "\f1c4" } .fa-arrows-h:before, .fa-arrows-left-right:before { content: "\f07e" } .fa-house-lock:before { content: "\e510" } .fa-cloud-arrow-down:before, .fa-cloud-download-alt:before, .fa-cloud-download:before { content: "\f0ed" } .fa-children:before { content: "\e4e1" } .fa-blackboard:before, .fa-chalkboard:before { content: "\f51b" } .fa-user-alt-slash:before, .fa-user-large-slash:before { content: "\f4fa" } .fa-envelope-open:before { content: "\f2b6" } .fa-handshake-alt-slash:before, .fa-handshake-simple-slash:before { content: "\e05f" } .fa-mattress-pillow:before { content: "\e525" } .fa-guarani-sign:before { content: "\e19a" } .fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before { content: "\f021" } .fa-fire-extinguisher:before { content: "\f134" } .fa-cruzeiro-sign:before { content: "\e152" } .fa-greater-than-equal:before { content: "\f532" } .fa-shield-alt:before, .fa-shield-halved:before { content: "\f3ed" } .fa-atlas:before, .fa-book-atlas:before { content: "\f558" } .fa-virus:before { content: "\e074" } .fa-envelope-circle-check:before { content: "\e4e8" } .fa-layer-group:before { content: "\f5fd" } .fa-arrows-to-dot:before { content: "\e4be" } .fa-archway:before { content: "\f557" } .fa-heart-circle-check:before { content: "\e4fd" } .fa-house-chimney-crack:before, .fa-house-damage:before { content: "\f6f1" } .fa-file-archive:before, .fa-file-zipper:before { content: "\f1c6" } .fa-square:before { content: "\f0c8" } .fa-glass-martini:before, .fa-martini-glass-empty:before { content: "\f000" } .fa-couch:before { content: "\f4b8" } .fa-cedi-sign:before { content: "\e0df" } .fa-italic:before { content: "\f033" } .fa-church:before { content: "\f51d" } .fa-comments-dollar:before { content: "\f653" } .fa-democrat:before { content: "\f747" } .fa-z:before { content: "\5a" } .fa-person-skiing:before, .fa-skiing:before { content: "\f7c9" } .fa-road-lock:before { content: "\e567" } .fa-a:before { content: "\41" } .fa-temperature-arrow-down:before, .fa-temperature-down:before { content: "\e03f" } .fa-feather-alt:before, .fa-feather-pointed:before { content: "\f56b" } .fa-p:before { content: "\50" } .fa-snowflake:before { content: "\f2dc" } .fa-newspaper:before { content: "\f1ea" } .fa-ad:before, .fa-rectangle-ad:before { content: "\f641" } .fa-arrow-circle-right:before, .fa-circle-arrow-right:before { content: "\f0a9" } .fa-filter-circle-xmark:before { content: "\e17b" } .fa-locust:before { content: "\e520" } .fa-sort:before, .fa-unsorted:before { content: "\f0dc" } .fa-list-1-2:before, .fa-list-numeric:before, .fa-list-ol:before { content: "\f0cb" } .fa-person-dress-burst:before { content: "\e544" } .fa-money-check-alt:before, .fa-money-check-dollar:before { content: "\f53d" } .fa-vector-square:before { content: "\f5cb" } .fa-bread-slice:before { content: "\f7ec" } .fa-language:before { content: "\f1ab" } .fa-face-kiss-wink-heart:before, .fa-kiss-wink-heart:before { content: "\f598" } .fa-filter:before { content: "\f0b0" } .fa-question:before { content: "\3f" } .fa-file-signature:before { content: "\f573" } .fa-arrows-alt:before, .fa-up-down-left-right:before { content: "\f0b2" } .fa-house-chimney-user:before { content: "\e065" } .fa-hand-holding-heart:before { content: "\f4be" } .fa-puzzle-piece:before { content: "\f12e" } .fa-money-check:before { content: "\f53c" } .fa-star-half-alt:before, .fa-star-half-stroke:before { content: "\f5c0" } .fa-code:before { content: "\f121" } .fa-glass-whiskey:before, .fa-whiskey-glass:before { content: "\f7a0" } .fa-building-circle-exclamation:before { content: "\e4d3" } .fa-magnifying-glass-chart:before { content: "\e522" } .fa-arrow-up-right-from-square:before, .fa-external-link:before { content: "\f08e" } .fa-cubes-stacked:before { content: "\e4e6" } .fa-krw:before, .fa-won-sign:before, .fa-won:before { content: "\f159" } .fa-virus-covid:before { content: "\e4a8" } .fa-austral-sign:before { content: "\e0a9" } .fa-f:before { content: "\46" } .fa-leaf:before { content: "\f06c" } .fa-road:before { content: "\f018" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-person-circle-plus:before { content: "\e541" } .fa-chart-pie:before, .fa-pie-chart:before { content: "\f200" } .fa-bolt-lightning:before { content: "\e0b7" } .fa-sack-xmark:before { content: "\e56a" } .fa-file-excel:before { content: "\f1c3" } .fa-file-contract:before { content: "\f56c" } .fa-fish-fins:before { content: "\e4f2" } .fa-building-flag:before { content: "\e4d5" } .fa-face-grin-beam:before, .fa-grin-beam:before { content: "\f582" } .fa-object-ungroup:before { content: "\f248" } .fa-poop:before { content: "\f619" } .fa-location-pin:before, .fa-map-marker:before { content: "\f041" } .fa-kaaba:before { content: "\f66b" } .fa-toilet-paper:before { content: "\f71e" } .fa-hard-hat:before, .fa-hat-hard:before, .fa-helmet-safety:before { content: "\f807" } .fa-eject:before { content: "\f052" } .fa-arrow-alt-circle-right:before, .fa-circle-right:before { content: "\f35a" } .fa-plane-circle-check:before { content: "\e555" } .fa-face-rolling-eyes:before, .fa-meh-rolling-eyes:before { content: "\f5a5" } .fa-object-group:before { content: "\f247" } .fa-chart-line:before, .fa-line-chart:before { content: "\f201" } .fa-mask-ventilator:before { content: "\e524" } .fa-arrow-right:before { content: "\f061" } .fa-map-signs:before, .fa-signs-post:before { content: "\f277" } .fa-cash-register:before { content: "\f788" } .fa-person-circle-question:before { content: "\e542" } .fa-h:before { content: "\48" } .fa-tarp:before { content: "\e57b" } .fa-screwdriver-wrench:before, .fa-tools:before { content: "\f7d9" } .fa-arrows-to-eye:before { content: "\e4bf" } .fa-plug-circle-bolt:before { content: "\e55b" } .fa-heart:before { content: "\f004" } .fa-mars-and-venus:before { content: "\f224" } .fa-home-user:before, .fa-house-user:before { content: "\e1b0" } .fa-dumpster-fire:before { content: "\f794" } .fa-house-crack:before { content: "\e3b1" } .fa-cocktail:before, .fa-martini-glass-citrus:before { content: "\f561" } .fa-face-surprise:before, .fa-surprise:before { content: "\f5c2" } .fa-bottle-water:before { content: "\e4c5" } .fa-circle-pause:before, .fa-pause-circle:before { content: "\f28b" } .fa-toilet-paper-slash:before { content: "\e072" } .fa-apple-alt:before, .fa-apple-whole:before { content: "\f5d1" } .fa-kitchen-set:before { content: "\e51a" } .fa-r:before { content: "\52" } .fa-temperature-1:before, .fa-temperature-quarter:before, .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca" } .fa-cube:before { content: "\f1b2" } .fa-bitcoin-sign:before { content: "\e0b4" } .fa-shield-dog:before { content: "\e573" } .fa-solar-panel:before { content: "\f5ba" } .fa-lock-open:before { content: "\f3c1" } .fa-elevator:before { content: "\e16d" } .fa-money-bill-transfer:before { content: "\e528" } .fa-money-bill-trend-up:before { content: "\e529" } .fa-house-flood-water-circle-arrow-right:before { content: "\e50f" } .fa-poll-h:before, .fa-square-poll-horizontal:before { content: "\f682" } .fa-circle:before { content: "\f111" } .fa-backward-fast:before, .fa-fast-backward:before { content: "\f049" } .fa-recycle:before { content: "\f1b8" } .fa-user-astronaut:before { content: "\f4fb" } .fa-plane-slash:before { content: "\e069" } .fa-trademark:before { content: "\f25c" } .fa-basketball-ball:before, .fa-basketball:before { content: "\f434" } .fa-satellite-dish:before { content: "\f7c0" } .fa-arrow-alt-circle-up:before, .fa-circle-up:before { content: "\f35b" } .fa-mobile-alt:before, .fa-mobile-screen-button:before { content: "\f3cd" } .fa-volume-high:before, .fa-volume-up:before { content: "\f028" } .fa-users-rays:before { content: "\e593" } .fa-wallet:before { content: "\f555" } .fa-clipboard-check:before { content: "\f46c" } .fa-file-audio:before { content: "\f1c7" } .fa-burger:before, .fa-hamburger:before { content: "\f805" } .fa-wrench:before { content: "\f0ad" } .fa-bugs:before { content: "\e4d0" } .fa-rupee-sign:before, .fa-rupee:before { content: "\f156" } .fa-file-image:before { content: "\f1c5" } .fa-circle-question:before, .fa-question-circle:before { content: "\f059" } .fa-plane-departure:before { content: "\f5b0" } .fa-handshake-slash:before { content: "\e060" } .fa-book-bookmark:before { content: "\e0bb" } .fa-code-branch:before { content: "\f126" } .fa-hat-cowboy:before { content: "\f8c0" } .fa-bridge:before { content: "\e4c8" } .fa-phone-alt:before, .fa-phone-flip:before { content: "\f879" } .fa-truck-front:before { content: "\e2b7" } .fa-cat:before { content: "\f6be" } .fa-anchor-circle-exclamation:before { content: "\e4ab" } .fa-truck-field:before { content: "\e58d" } .fa-route:before { content: "\f4d7" } .fa-clipboard-question:before { content: "\e4e3" } .fa-panorama:before { content: "\e209" } .fa-comment-medical:before { content: "\f7f5" } .fa-teeth-open:before { content: "\f62f" } .fa-file-circle-minus:before { content: "\e4ed" } .fa-tags:before { content: "\f02c" } .fa-wine-glass:before { content: "\f4e3" } .fa-fast-forward:before, .fa-forward-fast:before { content: "\f050" } .fa-face-meh-blank:before, .fa-meh-blank:before { content: "\f5a4" } .fa-parking:before, .fa-square-parking:before { content: "\f540" } .fa-house-signal:before { content: "\e012" } .fa-bars-progress:before, .fa-tasks-alt:before { content: "\f828" } .fa-faucet-drip:before { content: "\e006" } .fa-cart-flatbed:before, .fa-dolly-flatbed:before { content: "\f474" } .fa-ban-smoking:before, .fa-smoking-ban:before { content: "\f54d" } .fa-terminal:before { content: "\f120" } .fa-mobile-button:before { content: "\f10b" } .fa-house-medical-flag:before { content: "\e514" } .fa-basket-shopping:before, .fa-shopping-basket:before { content: "\f291" } .fa-tape:before { content: "\f4db" } .fa-bus-alt:before, .fa-bus-simple:before { content: "\f55e" } .fa-eye:before { content: "\f06e" } .fa-face-sad-cry:before, .fa-sad-cry:before { content: "\f5b3" } .fa-audio-description:before { content: "\f29e" } .fa-person-military-to-person:before { content: "\e54c" } .fa-file-shield:before { content: "\e4f0" } .fa-user-slash:before { content: "\f506" } .fa-pen:before { content: "\f304" } .fa-tower-observation:before { content: "\e586" } .fa-file-code:before { content: "\f1c9" } .fa-signal-5:before, .fa-signal-perfect:before, .fa-signal:before { content: "\f012" } .fa-bus:before { content: "\f207" } .fa-heart-circle-xmark:before { content: "\e501" } .fa-home-lg:before, .fa-house-chimney:before { content: "\e3af" } .fa-window-maximize:before { content: "\f2d0" } .fa-face-frown:before, .fa-frown:before { content: "\f119" } .fa-prescription:before { content: "\f5b1" } .fa-shop:before, .fa-store-alt:before { content: "\f54f" } .fa-floppy-disk:before, .fa-save:before { content: "\f0c7" } .fa-vihara:before { content: "\f6a7" } .fa-balance-scale-left:before, .fa-scale-unbalanced:before { content: "\f515" } .fa-sort-asc:before, .fa-sort-up:before { content: "\f0de" } .fa-comment-dots:before, .fa-commenting:before { content: "\f4ad" } .fa-plant-wilt:before { content: "\e5aa" } .fa-diamond:before { content: "\f219" } .fa-face-grin-squint:before, .fa-grin-squint:before { content: "\f585" } .fa-hand-holding-dollar:before, .fa-hand-holding-usd:before { content: "\f4c0" } .fa-bacterium:before { content: "\e05a" } .fa-hand-pointer:before { content: "\f25a" } .fa-drum-steelpan:before { content: "\f56a" } .fa-hand-scissors:before { content: "\f257" } .fa-hands-praying:before, .fa-praying-hands:before { content: "\f684" } .fa-arrow-right-rotate:before, .fa-arrow-rotate-forward:before, .fa-arrow-rotate-right:before, .fa-redo:before { content: "\f01e" } .fa-biohazard:before { content: "\f780" } .fa-location-crosshairs:before, .fa-location:before { content: "\f601" } .fa-mars-double:before { content: "\f227" } .fa-child-dress:before { content: "\e59c" } .fa-users-between-lines:before { content: "\e591" } .fa-lungs-virus:before { content: "\e067" } .fa-face-grin-tears:before, .fa-grin-tears:before { content: "\f588" } .fa-phone:before { content: "\f095" } .fa-calendar-times:before, .fa-calendar-xmark:before { content: "\f273" } .fa-child-reaching:before { content: "\e59d" } .fa-head-side-virus:before { content: "\e064" } .fa-user-cog:before, .fa-user-gear:before { content: "\f4fe" } .fa-arrow-up-1-9:before, .fa-sort-numeric-up:before { content: "\f163" } .fa-door-closed:before { content: "\f52a" } .fa-shield-virus:before { content: "\e06c" } .fa-dice-six:before { content: "\f526" } .fa-mosquito-net:before { content: "\e52c" } .fa-bridge-water:before { content: "\e4ce" } .fa-person-booth:before { content: "\f756" } .fa-text-width:before { content: "\f035" } .fa-hat-wizard:before { content: "\f6e8" } .fa-pen-fancy:before { content: "\f5ac" } .fa-digging:before, .fa-person-digging:before { content: "\f85e" } .fa-trash:before { content: "\f1f8" } .fa-gauge-simple-med:before, .fa-gauge-simple:before, .fa-tachometer-average:before { content: "\f629" } .fa-book-medical:before { content: "\f7e6" } .fa-poo:before { content: "\f2fe" } .fa-quote-right-alt:before, .fa-quote-right:before { content: "\f10e" } .fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before { content: "\f553" } .fa-cubes:before { content: "\f1b3" } .fa-divide:before { content: "\f529" } .fa-tenge-sign:before, .fa-tenge:before { content: "\f7d7" } .fa-headphones:before { content: "\f025" } .fa-hands-holding:before { content: "\f4c2" } .fa-hands-clapping:before { content: "\e1a8" } .fa-republican:before { content: "\f75e" } .fa-arrow-left:before { content: "\f060" } .fa-person-circle-xmark:before { content: "\e543" } .fa-ruler:before { content: "\f545" } .fa-align-left:before { content: "\f036" } .fa-dice-d6:before { content: "\f6d1" } .fa-restroom:before { content: "\f7bd" } .fa-j:before { content: "\4a" } .fa-users-viewfinder:before { content: "\e595" } .fa-file-video:before { content: "\f1c8" } .fa-external-link-alt:before, .fa-up-right-from-square:before { content: "\f35d" } .fa-table-cells:before, .fa-th:before { content: "\f00a" } .fa-file-pdf:before { content: "\f1c1" } .fa-bible:before, .fa-book-bible:before { content: "\f647" } .fa-o:before { content: "\4f" } .fa-medkit:before, .fa-suitcase-medical:before { content: "\f0fa" } .fa-user-secret:before { content: "\f21b" } .fa-otter:before { content: "\f700" } .fa-female:before, .fa-person-dress:before { content: "\f182" } .fa-comment-dollar:before { content: "\f651" } .fa-briefcase-clock:before, .fa-business-time:before { content: "\f64a" } .fa-table-cells-large:before, .fa-th-large:before { content: "\f009" } .fa-book-tanakh:before, .fa-tanakh:before { content: "\f827" } .fa-phone-volume:before, .fa-volume-control-phone:before { content: "\f2a0" } .fa-hat-cowboy-side:before { content: "\f8c1" } .fa-clipboard-user:before { content: "\f7f3" } .fa-child:before { content: "\f1ae" } .fa-lira-sign:before { content: "\f195" } .fa-satellite:before { content: "\f7bf" } .fa-plane-lock:before { content: "\e558" } .fa-tag:before { content: "\f02b" } .fa-comment:before { content: "\f075" } .fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before { content: "\f1fd" } .fa-envelope:before { content: "\f0e0" } .fa-angle-double-up:before, .fa-angles-up:before { content: "\f102" } .fa-paperclip:before { content: "\f0c6" } .fa-arrow-right-to-city:before { content: "\e4b3" } .fa-ribbon:before { content: "\f4d6" } .fa-lungs:before { content: "\f604" } .fa-arrow-up-9-1:before, .fa-sort-numeric-up-alt:before { content: "\f887" } .fa-litecoin-sign:before { content: "\e1d3" } .fa-border-none:before { content: "\f850" } .fa-circle-nodes:before { content: "\e4e2" } .fa-parachute-box:before { content: "\f4cd" } .fa-indent:before { content: "\f03c" } .fa-truck-field-un:before { content: "\e58e" } .fa-hourglass-empty:before, .fa-hourglass:before { content: "\f254" } .fa-mountain:before { content: "\f6fc" } .fa-user-doctor:before, .fa-user-md:before { content: "\f0f0" } .fa-circle-info:before, .fa-info-circle:before { content: "\f05a" } .fa-cloud-meatball:before { content: "\f73b" } .fa-camera-alt:before, .fa-camera:before { content: "\f030" } .fa-square-virus:before { content: "\e578" } .fa-meteor:before { content: "\f753" } .fa-car-on:before { content: "\e4dd" } .fa-sleigh:before { content: "\f7cc" } .fa-arrow-down-1-9:before, .fa-sort-numeric-asc:before, .fa-sort-numeric-down:before { content: "\f162" } .fa-hand-holding-droplet:before, .fa-hand-holding-water:before { content: "\f4c1" } .fa-water:before { content: "\f773" } .fa-calendar-check:before { content: "\f274" } .fa-braille:before { content: "\f2a1" } .fa-prescription-bottle-alt:before, .fa-prescription-bottle-medical:before { content: "\f486" } .fa-landmark:before { content: "\f66f" } .fa-truck:before { content: "\f0d1" } .fa-crosshairs:before { content: "\f05b" } .fa-person-cane:before { content: "\e53c" } .fa-tent:before { content: "\e57d" } .fa-vest-patches:before { content: "\e086" } .fa-check-double:before { content: "\f560" } .fa-arrow-down-a-z:before, .fa-sort-alpha-asc:before, .fa-sort-alpha-down:before { content: "\f15d" } .fa-money-bill-wheat:before { content: "\e52a" } .fa-cookie:before { content: "\f563" } .fa-arrow-left-rotate:before, .fa-arrow-rotate-back:before, .fa-arrow-rotate-backward:before, .fa-arrow-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-hard-drive:before, .fa-hdd:before { content: "\f0a0" } .fa-face-grin-squint-tears:before, .fa-grin-squint-tears:before { content: "\f586" } .fa-dumbbell:before { content: "\f44b" } .fa-list-alt:before, .fa-rectangle-list:before { content: "\f022" } .fa-tarp-droplet:before { content: "\e57c" } .fa-house-medical-circle-check:before { content: "\e511" } .fa-person-skiing-nordic:before, .fa-skiing-nordic:before { content: "\f7ca" } .fa-calendar-plus:before { content: "\f271" } .fa-plane-arrival:before { content: "\f5af" } .fa-arrow-alt-circle-left:before, .fa-circle-left:before { content: "\f359" } .fa-subway:before, .fa-train-subway:before { content: "\f239" } .fa-chart-gantt:before { content: "\e0e4" } .fa-indian-rupee-sign:before, .fa-indian-rupee:before, .fa-inr:before { content: "\e1bc" } .fa-crop-alt:before, .fa-crop-simple:before { content: "\f565" } .fa-money-bill-1:before, .fa-money-bill-alt:before { content: "\f3d1" } .fa-left-long:before, .fa-long-arrow-alt-left:before { content: "\f30a" } .fa-dna:before { content: "\f471" } .fa-virus-slash:before { content: "\e075" } .fa-minus:before, .fa-subtract:before { content: "\f068" } .fa-child-rifle:before { content: "\e4e0" } .fa-chess:before { content: "\f439" } .fa-arrow-left-long:before, .fa-long-arrow-left:before { content: "\f177" } .fa-plug-circle-check:before { content: "\e55c" } .fa-street-view:before { content: "\f21d" } .fa-franc-sign:before { content: "\e18f" } .fa-volume-off:before { content: "\f026" } .fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before, .fa-hands-american-sign-language-interpreting:before, .fa-hands-asl-interpreting:before { content: "\f2a3" } .fa-cog:before, .fa-gear:before { content: "\f013" } .fa-droplet-slash:before, .fa-tint-slash:before { content: "\f5c7" } .fa-mosque:before { content: "\f678" } .fa-mosquito:before { content: "\e52b" } .fa-star-of-david:before { content: "\f69a" } .fa-person-military-rifle:before { content: "\e54b" } .fa-cart-shopping:before, .fa-shopping-cart:before { content: "\f07a" } .fa-vials:before { content: "\f493" } .fa-plug-circle-plus:before { content: "\e55f" } .fa-place-of-worship:before { content: "\f67f" } .fa-grip-vertical:before { content: "\f58e" } .fa-arrow-turn-up:before, .fa-level-up:before { content: "\f148" } .fa-u:before { content: "\55" } .fa-square-root-alt:before, .fa-square-root-variable:before { content: "\f698" } .fa-clock-four:before, .fa-clock:before { content: "\f017" } .fa-backward-step:before, .fa-step-backward:before { content: "\f048" } .fa-pallet:before { content: "\f482" } .fa-faucet:before { content: "\e005" } .fa-baseball-bat-ball:before { content: "\f432" } .fa-s:before { content: "\53" } .fa-timeline:before { content: "\e29c" } .fa-keyboard:before { content: "\f11c" } .fa-caret-down:before { content: "\f0d7" } .fa-clinic-medical:before, .fa-house-chimney-medical:before { content: "\f7f2" } .fa-temperature-3:before, .fa-temperature-three-quarters:before, .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-mobile-android-alt:before, .fa-mobile-screen:before { content: "\f3cf" } .fa-plane-up:before { content: "\e22d" } .fa-piggy-bank:before { content: "\f4d3" } .fa-battery-3:before, .fa-battery-half:before { content: "\f242" } .fa-mountain-city:before { content: "\e52e" } .fa-coins:before { content: "\f51e" } .fa-khanda:before { content: "\f66d" } .fa-sliders-h:before, .fa-sliders:before { content: "\f1de" } .fa-folder-tree:before { content: "\f802" } .fa-network-wired:before { content: "\f6ff" } .fa-map-pin:before { content: "\f276" } .fa-hamsa:before { content: "\f665" } .fa-cent-sign:before { content: "\e3f5" } .fa-flask:before { content: "\f0c3" } .fa-person-pregnant:before { content: "\e31e" } .fa-wand-sparkles:before { content: "\f72b" } .fa-ellipsis-v:before, .fa-ellipsis-vertical:before { content: "\f142" } .fa-ticket:before { content: "\f145" } .fa-power-off:before { content: "\f011" } .fa-long-arrow-alt-right:before, .fa-right-long:before { content: "\f30b" } .fa-flag-usa:before { content: "\f74d" } .fa-laptop-file:before { content: "\e51d" } .fa-teletype:before, .fa-tty:before { content: "\f1e4" } .fa-diagram-next:before { content: "\e476" } .fa-person-rifle:before { content: "\e54e" } .fa-house-medical-circle-exclamation:before { content: "\e512" } .fa-closed-captioning:before { content: "\f20a" } .fa-hiking:before, .fa-person-hiking:before { content: "\f6ec" } .fa-venus-double:before { content: "\f226" } .fa-images:before { content: "\f302" } .fa-calculator:before { content: "\f1ec" } .fa-people-pulling:before { content: "\e535" } .fa-n:before { content: "\4e" } .fa-cable-car:before, .fa-tram:before { content: "\f7da" } .fa-cloud-rain:before { content: "\f73d" } .fa-building-circle-xmark:before { content: "\e4d4" } .fa-ship:before { content: "\f21a" } .fa-arrows-down-to-line:before { content: "\e4b8" } .fa-download:before { content: "\f019" } .fa-face-grin:before, .fa-grin:before { content: "\f580" } .fa-backspace:before, .fa-delete-left:before { content: "\f55a" } .fa-eye-dropper-empty:before, .fa-eye-dropper:before, .fa-eyedropper:before { content: "\f1fb" } .fa-file-circle-check:before { content: "\e5a0" } .fa-forward:before { content: "\f04e" } .fa-mobile-android:before, .fa-mobile-phone:before, .fa-mobile:before { content: "\f3ce" } .fa-face-meh:before, .fa-meh:before { content: "\f11a" } .fa-align-center:before { content: "\f037" } .fa-book-dead:before, .fa-book-skull:before { content: "\f6b7" } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-heart-circle-exclamation:before { content: "\e4fe" } .fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before { content: "\f015" } .fa-calendar-week:before { content: "\f784" } .fa-laptop-medical:before { content: "\f812" } .fa-b:before { content: "\42" } .fa-file-medical:before { content: "\f477" } .fa-dice-one:before { content: "\f525" } .fa-kiwi-bird:before { content: "\f535" } .fa-arrow-right-arrow-left:before, .fa-exchange:before { content: "\f0ec" } .fa-redo-alt:before, .fa-rotate-forward:before, .fa-rotate-right:before { content: "\f2f9" } .fa-cutlery:before, .fa-utensils:before { content: "\f2e7" } .fa-arrow-up-wide-short:before, .fa-sort-amount-up:before { content: "\f161" } .fa-mill-sign:before { content: "\e1ed" } .fa-bowl-rice:before { content: "\e2eb" } .fa-skull:before { content: "\f54c" } .fa-broadcast-tower:before, .fa-tower-broadcast:before { content: "\f519" } .fa-truck-pickup:before { content: "\f63c" } .fa-long-arrow-alt-up:before, .fa-up-long:before { content: "\f30c" } .fa-stop:before { content: "\f04d" } .fa-code-merge:before { content: "\f387" } .fa-upload:before { content: "\f093" } .fa-hurricane:before { content: "\f751" } .fa-mound:before { content: "\e52d" } .fa-toilet-portable:before { content: "\e583" } .fa-compact-disc:before { content: "\f51f" } .fa-file-arrow-down:before, .fa-file-download:before { content: "\f56d" } .fa-caravan:before { content: "\f8ff" } .fa-shield-cat:before { content: "\e572" } .fa-bolt:before, .fa-zap:before { content: "\f0e7" } .fa-glass-water:before { content: "\e4f4" } .fa-oil-well:before { content: "\e532" } .fa-vault:before { content: "\e2c5" } .fa-mars:before { content: "\f222" } .fa-toilet:before { content: "\f7d8" } .fa-plane-circle-xmark:before { content: "\e557" } .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen-sign:before, .fa-yen:before { content: "\f157" } .fa-rouble:before, .fa-rub:before, .fa-ruble-sign:before, .fa-ruble:before { content: "\f158" } .fa-sun:before { content: "\f185" } .fa-guitar:before { content: "\f7a6" } .fa-face-laugh-wink:before, .fa-laugh-wink:before { content: "\f59c" } .fa-horse-head:before { content: "\f7ab" } .fa-bore-hole:before { content: "\e4c3" } .fa-industry:before { content: "\f275" } .fa-arrow-alt-circle-down:before, .fa-circle-down:before { content: "\f358" } .fa-arrows-turn-to-dots:before { content: "\e4c1" } .fa-florin-sign:before { content: "\e184" } .fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before { content: "\f884" } .fa-less-than:before { content: "\3c" } .fa-angle-down:before { content: "\f107" } .fa-car-tunnel:before { content: "\e4de" } .fa-head-side-cough:before { content: "\e061" } .fa-grip-lines:before { content: "\f7a4" } .fa-thumbs-down:before { content: "\f165" } .fa-user-lock:before { content: "\f502" } .fa-arrow-right-long:before, .fa-long-arrow-right:before { content: "\f178" } .fa-anchor-circle-xmark:before { content: "\e4ac" } .fa-ellipsis-h:before, .fa-ellipsis:before { content: "\f141" } .fa-chess-pawn:before { content: "\f443" } .fa-first-aid:before, .fa-kit-medical:before { content: "\f479" } .fa-person-through-window:before { content: "\e5a9" } .fa-toolbox:before { content: "\f552" } .fa-hands-holding-circle:before { content: "\e4fb" } .fa-bug:before { content: "\f188" } .fa-credit-card-alt:before, .fa-credit-card:before { content: "\f09d" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-hand-holding-hand:before { content: "\e4f7" } .fa-book-open-reader:before, .fa-book-reader:before { content: "\f5da" } .fa-mountain-sun:before { content: "\e52f" } .fa-arrows-left-right-to-line:before { content: "\e4ba" } .fa-dice-d20:before { content: "\f6cf" } .fa-truck-droplet:before { content: "\e58c" } .fa-file-circle-xmark:before { content: "\e5a1" } .fa-temperature-arrow-up:before, .fa-temperature-up:before { content: "\e040" } .fa-medal:before { content: "\f5a2" } .fa-bed:before { content: "\f236" } .fa-h-square:before, .fa-square-h:before { content: "\f0fd" } .fa-podcast:before { content: "\f2ce" } .fa-temperature-4:before, .fa-temperature-full:before, .fa-thermometer-4:before, .fa-thermometer-full:before { content: "\f2c7" } .fa-bell:before { content: "\f0f3" } .fa-superscript:before { content: "\f12b" } .fa-plug-circle-xmark:before { content: "\e560" } .fa-star-of-life:before { content: "\f621" } .fa-phone-slash:before { content: "\f3dd" } .fa-paint-roller:before { content: "\f5aa" } .fa-hands-helping:before, .fa-handshake-angle:before { content: "\f4c4" } .fa-file:before { content: "\f15b" } .fa-greater-than:before { content: "\3e" } .fa-person-swimming:before, .fa-swimmer:before { content: "\f5c4" } .fa-arrow-down:before { content: "\f063" } .fa-droplet:before, .fa-tint:before { content: "\f043" } .fa-eraser:before { content: "\f12d" } .fa-earth-america:before, .fa-earth-americas:before, .fa-earth:before, .fa-globe-americas:before { content: "\f57d" } .fa-person-burst:before { content: "\e53b" } .fa-dove:before { content: "\f4ba" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-socks:before { content: "\f696" } .fa-inbox:before { content: "\f01c" } .fa-section:before { content: "\e447" } .fa-gauge-high:before, .fa-tachometer-alt-fast:before, .fa-tachometer-alt:before { content: "\f625" } .fa-envelope-open-text:before { content: "\f658" } .fa-hospital-alt:before, .fa-hospital-wide:before, .fa-hospital:before { content: "\f0f8" } .fa-wine-bottle:before { content: "\f72f" } .fa-chess-rook:before { content: "\f447" } .fa-bars-staggered:before, .fa-reorder:before, .fa-stream:before { content: "\f550" } .fa-dharmachakra:before { content: "\f655" } .fa-hotdog:before { content: "\f80f" } .fa-blind:before, .fa-person-walking-with-cane:before { content: "\f29d" } .fa-drum:before { content: "\f569" } .fa-ice-cream:before { content: "\f810" } .fa-heart-circle-bolt:before { content: "\e4fc" } .fa-fax:before { content: "\f1ac" } .fa-paragraph:before { content: "\f1dd" } .fa-check-to-slot:before, .fa-vote-yea:before { content: "\f772" } .fa-star-half:before { content: "\f089" } .fa-boxes-alt:before, .fa-boxes-stacked:before, .fa-boxes:before { content: "\f468" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-assistive-listening-systems:before, .fa-ear-listen:before { content: "\f2a2" } .fa-tree-city:before { content: "\e587" } .fa-play:before { content: "\f04b" } .fa-font:before { content: "\f031" } .fa-rupiah-sign:before { content: "\e23d" } .fa-magnifying-glass:before, .fa-search:before { content: "\f002" } .fa-ping-pong-paddle-ball:before, .fa-table-tennis-paddle-ball:before, .fa-table-tennis:before { content: "\f45d" } .fa-diagnoses:before, .fa-person-dots-from-line:before { content: "\f470" } .fa-trash-can-arrow-up:before, .fa-trash-restore-alt:before { content: "\f82a" } .fa-naira-sign:before { content: "\e1f6" } .fa-cart-arrow-down:before { content: "\f218" } .fa-walkie-talkie:before { content: "\f8ef" } .fa-file-edit:before, .fa-file-pen:before { content: "\f31c" } .fa-receipt:before { content: "\f543" } .fa-pen-square:before, .fa-pencil-square:before, .fa-square-pen:before { content: "\f14b" } .fa-suitcase-rolling:before { content: "\f5c1" } .fa-person-circle-exclamation:before { content: "\e53f" } .fa-chevron-down:before { content: "\f078" } .fa-battery-5:before, .fa-battery-full:before, .fa-battery:before { content: "\f240" } .fa-skull-crossbones:before { content: "\f714" } .fa-code-compare:before { content: "\e13a" } .fa-list-dots:before, .fa-list-ul:before { content: "\f0ca" } .fa-school-lock:before { content: "\e56f" } .fa-tower-cell:before { content: "\e585" } .fa-down-long:before, .fa-long-arrow-alt-down:before { content: "\f309" } .fa-ranking-star:before { content: "\e561" } .fa-chess-king:before { content: "\f43f" } .fa-person-harassing:before { content: "\e549" } .fa-brazilian-real-sign:before { content: "\e46c" } .fa-landmark-alt:before, .fa-landmark-dome:before { content: "\f752" } .fa-arrow-up:before { content: "\f062" } .fa-television:before, .fa-tv-alt:before, .fa-tv:before { content: "\f26c" } .fa-shrimp:before { content: "\e448" } .fa-list-check:before, .fa-tasks:before { content: "\f0ae" } .fa-jug-detergent:before { content: "\e519" } .fa-circle-user:before, .fa-user-circle:before { content: "\f2bd" } .fa-user-shield:before { content: "\f505" } .fa-wind:before { content: "\f72e" } .fa-car-burst:before, .fa-car-crash:before { content: "\f5e1" } .fa-y:before { content: "\59" } .fa-person-snowboarding:before, .fa-snowboarding:before { content: "\f7ce" } .fa-shipping-fast:before, .fa-truck-fast:before { content: "\f48b" } .fa-fish:before { content: "\f578" } .fa-user-graduate:before { content: "\f501" } .fa-adjust:before, .fa-circle-half-stroke:before { content: "\f042" } .fa-clapperboard:before { content: "\e131" } .fa-circle-radiation:before, .fa-radiation-alt:before { content: "\f7ba" } .fa-baseball-ball:before, .fa-baseball:before { content: "\f433" } .fa-jet-fighter-up:before { content: "\e518" } .fa-diagram-project:before, .fa-project-diagram:before { content: "\f542" } .fa-copy:before { content: "\f0c5" } .fa-volume-mute:before, .fa-volume-times:before, .fa-volume-xmark:before { content: "\f6a9" } .fa-hand-sparkles:before { content: "\e05d" } .fa-grip-horizontal:before, .fa-grip:before { content: "\f58d" } .fa-share-from-square:before, .fa-share-square:before { content: "\f14d" } .fa-gun:before { content: "\e19b" } .fa-phone-square:before, .fa-square-phone:before { content: "\f098" } .fa-add:before, .fa-plus:before { content: "\2b" } .fa-expand:before { content: "\f065" } .fa-computer:before { content: "\e4e5" } .fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before { content: "\f00d" } .fa-arrows-up-down-left-right:before, .fa-arrows:before { content: "\f047" } .fa-chalkboard-teacher:before, .fa-chalkboard-user:before { content: "\f51c" } .fa-peso-sign:before { content: "\e222" } .fa-building-shield:before { content: "\e4d8" } .fa-baby:before { content: "\f77c" } .fa-users-line:before { content: "\e592" } .fa-quote-left-alt:before, .fa-quote-left:before { content: "\f10d" } .fa-tractor:before { content: "\f722" } .fa-trash-arrow-up:before, .fa-trash-restore:before { content: "\f829" } .fa-arrow-down-up-lock:before { content: "\e4b0" } .fa-lines-leaning:before { content: "\e51e" } .fa-ruler-combined:before { content: "\f546" } .fa-copyright:before { content: "\f1f9" } .fa-equals:before { content: "\3d" } .fa-blender:before { content: "\f517" } .fa-teeth:before { content: "\f62e" } .fa-ils:before, .fa-shekel-sign:before, .fa-shekel:before, .fa-sheqel-sign:before, .fa-sheqel:before { content: "\f20b" } .fa-map:before { content: "\f279" } .fa-rocket:before { content: "\f135" } .fa-photo-film:before, .fa-photo-video:before { content: "\f87c" } .fa-folder-minus:before { content: "\f65d" } .fa-store:before { content: "\f54e" } .fa-arrow-trend-up:before { content: "\e098" } .fa-plug-circle-minus:before { content: "\e55e" } .fa-sign-hanging:before, .fa-sign:before { content: "\f4d9" } .fa-bezier-curve:before { content: "\f55b" } .fa-bell-slash:before { content: "\f1f6" } .fa-tablet-android:before, .fa-tablet:before { content: "\f3fb" } .fa-school-flag:before { content: "\e56e" } .fa-fill:before { content: "\f575" } .fa-angle-up:before { content: "\f106" } .fa-drumstick-bite:before { content: "\f6d7" } .fa-holly-berry:before { content: "\f7aa" } .fa-chevron-left:before { content: "\f053" } .fa-bacteria:before { content: "\e059" } .fa-hand-lizard:before { content: "\f258" } .fa-disease:before { content: "\f7fa" } .fa-briefcase-medical:before { content: "\f469" } .fa-genderless:before { content: "\f22d" } .fa-chevron-right:before { content: "\f054" } .fa-retweet:before { content: "\f079" } .fa-car-alt:before, .fa-car-rear:before { content: "\f5de" } .fa-pump-soap:before { content: "\e06b" } .fa-video-slash:before { content: "\f4e2" } .fa-battery-2:before, .fa-battery-quarter:before { content: "\f243" } .fa-radio:before { content: "\f8d7" } .fa-baby-carriage:before, .fa-carriage-baby:before { content: "\f77d" } .fa-traffic-light:before { content: "\f637" } .fa-thermometer:before { content: "\f491" } .fa-vr-cardboard:before { content: "\f729" } .fa-hand-middle-finger:before { content: "\f806" } .fa-percent:before, .fa-percentage:before { content: "\25" } .fa-truck-moving:before { content: "\f4df" } .fa-glass-water-droplet:before { content: "\e4f5" } .fa-display:before { content: "\e163" } .fa-face-smile:before, .fa-smile:before { content: "\f118" } .fa-thumb-tack:before, .fa-thumbtack:before { content: "\f08d" } .fa-trophy:before { content: "\f091" } .fa-person-praying:before, .fa-pray:before { content: "\f683" } .fa-hammer:before { content: "\f6e3" } .fa-hand-peace:before { content: "\f25b" } .fa-rotate:before, .fa-sync-alt:before { content: "\f2f1" } .fa-spinner:before { content: "\f110" } .fa-robot:before { content: "\f544" } .fa-peace:before { content: "\f67c" } .fa-cogs:before, .fa-gears:before { content: "\f085" } .fa-warehouse:before { content: "\f494" } .fa-arrow-up-right-dots:before { content: "\e4b7" } .fa-splotch:before { content: "\f5bc" } .fa-face-grin-hearts:before, .fa-grin-hearts:before { content: "\f584" } .fa-dice-four:before { content: "\f524" } .fa-sim-card:before { content: "\f7c4" } .fa-transgender-alt:before, .fa-transgender:before { content: "\f225" } .fa-mercury:before { content: "\f223" } .fa-arrow-turn-down:before, .fa-level-down:before { content: "\f149" } .fa-person-falling-burst:before { content: "\e547" } .fa-award:before { content: "\f559" } .fa-ticket-alt:before, .fa-ticket-simple:before { content: "\f3ff" } .fa-building:before { content: "\f1ad" } .fa-angle-double-left:before, .fa-angles-left:before { content: "\f100" } .fa-qrcode:before { content: "\f029" } .fa-clock-rotate-left:before, .fa-history:before { content: "\f1da" } .fa-face-grin-beam-sweat:before, .fa-grin-beam-sweat:before { content: "\f583" } .fa-arrow-right-from-file:before, .fa-file-export:before { content: "\f56e" } .fa-shield-blank:before, .fa-shield:before { content: "\f132" } .fa-arrow-up-short-wide:before, .fa-sort-amount-up-alt:before { content: "\f885" } .fa-house-medical:before { content: "\e3b2" } .fa-golf-ball-tee:before, .fa-golf-ball:before { content: "\f450" } .fa-chevron-circle-left:before, .fa-circle-chevron-left:before { content: "\f137" } .fa-house-chimney-window:before { content: "\e00d" } .fa-pen-nib:before { content: "\f5ad" } .fa-tent-arrow-turn-left:before { content: "\e580" } .fa-tents:before { content: "\e582" } .fa-magic:before, .fa-wand-magic:before { content: "\f0d0" } .fa-dog:before { content: "\f6d3" } .fa-carrot:before { content: "\f787" } .fa-moon:before { content: "\f186" } .fa-wine-glass-alt:before, .fa-wine-glass-empty:before { content: "\f5ce" } .fa-cheese:before { content: "\f7ef" } .fa-yin-yang:before { content: "\f6ad" } .fa-music:before { content: "\f001" } .fa-code-commit:before { content: "\f386" } .fa-temperature-low:before { content: "\f76b" } .fa-biking:before, .fa-person-biking:before { content: "\f84a" } .fa-broom:before { content: "\f51a" } .fa-shield-heart:before { content: "\e574" } .fa-gopuram:before { content: "\f664" } .fa-earth-oceania:before, .fa-globe-oceania:before { content: "\e47b" } .fa-square-xmark:before, .fa-times-square:before, .fa-xmark-square:before { content: "\f2d3" } .fa-hashtag:before { content: "\23" } .fa-expand-alt:before, .fa-up-right-and-down-left-from-center:before { content: "\f424" } .fa-oil-can:before { content: "\f613" } .fa-t:before { content: "\54" } .fa-hippo:before { content: "\f6ed" } .fa-chart-column:before { content: "\e0e3" } .fa-infinity:before { content: "\f534" } .fa-vial-circle-check:before { content: "\e596" } .fa-person-arrow-down-to-line:before { content: "\e538" } .fa-voicemail:before { content: "\f897" } .fa-fan:before { content: "\f863" } .fa-person-walking-luggage:before { content: "\e554" } .fa-arrows-alt-v:before, .fa-up-down:before { content: "\f338" } .fa-cloud-moon-rain:before { content: "\f73c" } .fa-calendar:before { content: "\f133" } .fa-trailer:before { content: "\e041" } .fa-bahai:before, .fa-haykal:before { content: "\f666" } .fa-sd-card:before { content: "\f7c2" } .fa-dragon:before { content: "\f6d5" } .fa-shoe-prints:before { content: "\f54b" } .fa-circle-plus:before, .fa-plus-circle:before { content: "\f055" } .fa-face-grin-tongue-wink:before, .fa-grin-tongue-wink:before { content: "\f58b" } .fa-hand-holding:before { content: "\f4bd" } .fa-plug-circle-exclamation:before { content: "\e55d" } .fa-chain-broken:before, .fa-chain-slash:before, .fa-link-slash:before, .fa-unlink:before { content: "\f127" } .fa-clone:before { content: "\f24d" } .fa-person-walking-arrow-loop-left:before { content: "\e551" } .fa-arrow-up-z-a:before, .fa-sort-alpha-up-alt:before { content: "\f882" } .fa-fire-alt:before, .fa-fire-flame-curved:before { content: "\f7e4" } .fa-tornado:before { content: "\f76f" } .fa-file-circle-plus:before { content: "\e494" } .fa-book-quran:before, .fa-quran:before { content: "\f687" } .fa-anchor:before { content: "\f13d" } .fa-border-all:before { content: "\f84c" } .fa-angry:before, .fa-face-angry:before { content: "\f556" } .fa-cookie-bite:before { content: "\f564" } .fa-arrow-trend-down:before { content: "\e097" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-draw-polygon:before { content: "\f5ee" } .fa-balance-scale:before, .fa-scale-balanced:before { content: "\f24e" } .fa-gauge-simple-high:before, .fa-tachometer-fast:before, .fa-tachometer:before { content: "\f62a" } .fa-shower:before { content: "\f2cc" } .fa-desktop-alt:before, .fa-desktop:before { content: "\f390" } .fa-m:before { content: "\4d" } .fa-table-list:before, .fa-th-list:before { content: "\f00b" } .fa-comment-sms:before, .fa-sms:before { content: "\f7cd" } .fa-book:before { content: "\f02d" } .fa-user-plus:before { content: "\f234" } .fa-check:before { content: "\f00c" } .fa-battery-4:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-house-circle-check:before { content: "\e509" } .fa-angle-left:before { content: "\f104" } .fa-diagram-successor:before { content: "\e47a" } .fa-truck-arrow-right:before { content: "\e58b" } .fa-arrows-split-up-and-left:before { content: "\e4bc" } .fa-fist-raised:before, .fa-hand-fist:before { content: "\f6de" } .fa-cloud-moon:before { content: "\f6c3" } .fa-briefcase:before { content: "\f0b1" } .fa-person-falling:before { content: "\e546" } .fa-image-portrait:before, .fa-portrait:before { content: "\f3e0" } .fa-user-tag:before { content: "\f507" } .fa-rug:before { content: "\e569" } .fa-earth-europe:before, .fa-globe-europe:before { content: "\f7a2" } .fa-cart-flatbed-suitcase:before, .fa-luggage-cart:before { content: "\f59d" } .fa-rectangle-times:before, .fa-rectangle-xmark:before, .fa-times-rectangle:before, .fa-window-close:before { content: "\f410" } .fa-baht-sign:before { content: "\e0ac" } .fa-book-open:before { content: "\f518" } .fa-book-journal-whills:before, .fa-journal-whills:before { content: "\f66a" } .fa-handcuffs:before { content: "\e4f8" } .fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before { content: "\f071" } .fa-database:before { content: "\f1c0" } .fa-arrow-turn-right:before, .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-bottle-droplet:before { content: "\e4c4" } .fa-mask-face:before { content: "\e1d7" } .fa-hill-rockslide:before { content: "\e508" } .fa-exchange-alt:before, .fa-right-left:before { content: "\f362" } .fa-paper-plane:before { content: "\f1d8" } .fa-road-circle-exclamation:before { content: "\e565" } .fa-dungeon:before { content: "\f6d9" } .fa-align-right:before { content: "\f038" } .fa-money-bill-1-wave:before, .fa-money-bill-wave-alt:before { content: "\f53b" } .fa-life-ring:before { content: "\f1cd" } .fa-hands:before, .fa-sign-language:before, .fa-signing:before { content: "\f2a7" } .fa-calendar-day:before { content: "\f783" } .fa-ladder-water:before, .fa-swimming-pool:before, .fa-water-ladder:before { content: "\f5c5" } .fa-arrows-up-down:before, .fa-arrows-v:before { content: "\f07d" } .fa-face-grimace:before, .fa-grimace:before { content: "\f57f" } .fa-wheelchair-alt:before, .fa-wheelchair-move:before { content: "\e2ce" } .fa-level-down-alt:before, .fa-turn-down:before { content: "\f3be" } .fa-person-walking-arrow-right:before { content: "\e552" } .fa-envelope-square:before, .fa-square-envelope:before { content: "\f199" } .fa-dice:before { content: "\f522" } .fa-bowling-ball:before { content: "\f436" } .fa-brain:before { content: "\f5dc" } .fa-band-aid:before, .fa-bandage:before { content: "\f462" } .fa-calendar-minus:before { content: "\f272" } .fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before { content: "\f057" } .fa-gifts:before { content: "\f79c" } .fa-hotel:before { content: "\f594" } .fa-earth-asia:before, .fa-globe-asia:before { content: "\f57e" } .fa-id-card-alt:before, .fa-id-card-clip:before { content: "\f47f" } .fa-magnifying-glass-plus:before, .fa-search-plus:before { content: "\f00e" } .fa-thumbs-up:before { content: "\f164" } .fa-user-clock:before { content: "\f4fd" } .fa-allergies:before, .fa-hand-dots:before { content: "\f461" } .fa-file-invoice:before { content: "\f570" } .fa-window-minimize:before { content: "\f2d1" } .fa-coffee:before, .fa-mug-saucer:before { content: "\f0f4" } .fa-brush:before { content: "\f55d" } .fa-mask:before { content: "\f6fa" } .fa-magnifying-glass-minus:before, .fa-search-minus:before { content: "\f010" } .fa-ruler-vertical:before { content: "\f548" } .fa-user-alt:before, .fa-user-large:before { content: "\f406" } .fa-train-tram:before { content: "\e5b4" } .fa-user-nurse:before { content: "\f82f" } .fa-syringe:before { content: "\f48e" } .fa-cloud-sun:before { content: "\f6c4" } .fa-stopwatch-20:before { content: "\e06f" } .fa-square-full:before { content: "\f45c" } .fa-magnet:before { content: "\f076" } .fa-jar:before { content: "\e516" } .fa-note-sticky:before, .fa-sticky-note:before { content: "\f249" } .fa-bug-slash:before { content: "\e490" } .fa-arrow-up-from-water-pump:before { content: "\e4b6" } .fa-bone:before { content: "\f5d7" } .fa-user-injured:before { content: "\f728" } .fa-face-sad-tear:before, .fa-sad-tear:before { content: "\f5b4" } .fa-plane:before { content: "\f072" } .fa-tent-arrows-down:before { content: "\e581" } .fa-exclamation:before { content: "\21" } .fa-arrows-spin:before { content: "\e4bb" } .fa-print:before { content: "\f02f" } .fa-try:before, .fa-turkish-lira-sign:before, .fa-turkish-lira:before { content: "\e2bb" } .fa-dollar-sign:before, .fa-dollar:before, .fa-usd:before { content: "\24" } .fa-x:before { content: "\58" } .fa-magnifying-glass-dollar:before, .fa-search-dollar:before { content: "\f688" } .fa-users-cog:before, .fa-users-gear:before { content: "\f509" } .fa-person-military-pointing:before { content: "\e54a" } .fa-bank:before, .fa-building-columns:before, .fa-institution:before, .fa-museum:before, .fa-university:before { content: "\f19c" } .fa-umbrella:before { content: "\f0e9" } .fa-trowel:before { content: "\e589" } .fa-d:before { content: "\44" } .fa-stapler:before { content: "\e5af" } .fa-masks-theater:before, .fa-theater-masks:before { content: "\f630" } .fa-kip-sign:before { content: "\e1c4" } .fa-hand-point-left:before { content: "\f0a5" } .fa-handshake-alt:before, .fa-handshake-simple:before { content: "\f4c6" } .fa-fighter-jet:before, .fa-jet-fighter:before { content: "\f0fb" } .fa-share-alt-square:before, .fa-square-share-nodes:before { content: "\f1e1" } .fa-barcode:before { content: "\f02a" } .fa-plus-minus:before { content: "\e43c" } .fa-video-camera:before, .fa-video:before { content: "\f03d" } .fa-graduation-cap:before, .fa-mortar-board:before { content: "\f19d" } .fa-hand-holding-medical:before { content: "\e05c" } .fa-person-circle-check:before { content: "\e53e" } .fa-level-up-alt:before, .fa-turn-up:before { content: "\f3bf" } .fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0 } :host, :root { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands" } @font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url(/fonts/fa-brands-400.woff2) format("woff2"),url(/fonts/fa-brands-400.ttf) format("truetype") } .fa-brands, .fab { font-weight: 400 } .fa-monero:before { content: "\f3d0" } .fa-hooli:before { content: "\f427" } .fa-yelp:before { content: "\f1e9" } .fa-cc-visa:before { content: "\f1f0" } .fa-lastfm:before { content: "\f202" } .fa-shopware:before { content: "\f5b5" } .fa-creative-commons-nc:before { content: "\f4e8" } .fa-aws:before { content: "\f375" } .fa-redhat:before { content: "\f7bc" } .fa-yoast:before { content: "\f2b1" } .fa-cloudflare:before { content: "\e07d" } .fa-ups:before { content: "\f7e0" } .fa-wpexplorer:before { content: "\f2de" } .fa-dyalog:before { content: "\f399" } .fa-bity:before { content: "\f37a" } .fa-stackpath:before { content: "\f842" } .fa-buysellads:before { content: "\f20d" } .fa-first-order:before { content: "\f2b0" } .fa-modx:before { content: "\f285" } .fa-guilded:before { content: "\e07e" } .fa-vnv:before { content: "\f40b" } .fa-js-square:before, .fa-square-js:before { content: "\f3b9" } .fa-microsoft:before { content: "\f3ca" } .fa-qq:before { content: "\f1d6" } .fa-orcid:before { content: "\f8d2" } .fa-java:before { content: "\f4e4" } .fa-invision:before { content: "\f7b0" } .fa-creative-commons-pd-alt:before { content: "\f4ed" } .fa-centercode:before { content: "\f380" } .fa-glide-g:before { content: "\f2a6" } .fa-drupal:before { content: "\f1a9" } .fa-hire-a-helper:before { content: "\f3b0" } .fa-creative-commons-by:before { content: "\f4e7" } .fa-unity:before { content: "\e049" } .fa-whmcs:before { content: "\f40d" } .fa-rocketchat:before { content: "\f3e8" } .fa-vk:before { content: "\f189" } .fa-untappd:before { content: "\f405" } .fa-mailchimp:before { content: "\f59e" } .fa-css3-alt:before { content: "\f38b" } .fa-reddit-square:before, .fa-square-reddit:before { content: "\f1a2" } .fa-vimeo-v:before { content: "\f27d" } .fa-contao:before { content: "\f26d" } .fa-square-font-awesome:before { content: "\e5ad" } .fa-deskpro:before { content: "\f38f" } .fa-sistrix:before { content: "\f3ee" } .fa-instagram-square:before, .fa-square-instagram:before { content: "\e055" } .fa-battle-net:before { content: "\f835" } .fa-the-red-yeti:before { content: "\f69d" } .fa-hacker-news-square:before, .fa-square-hacker-news:before { content: "\f3af" } .fa-edge:before { content: "\f282" } .fa-napster:before { content: "\f3d2" } .fa-snapchat-square:before, .fa-square-snapchat:before { content: "\f2ad" } .fa-google-plus-g:before { content: "\f0d5" } .fa-artstation:before { content: "\f77a" } .fa-markdown:before { content: "\f60f" } .fa-sourcetree:before { content: "\f7d3" } .fa-google-plus:before { content: "\f2b3" } .fa-diaspora:before { content: "\f791" } .fa-foursquare:before { content: "\f180" } .fa-stack-overflow:before { content: "\f16c" } .fa-github-alt:before { content: "\f113" } .fa-phoenix-squadron:before { content: "\f511" } .fa-pagelines:before { content: "\f18c" } .fa-algolia:before { content: "\f36c" } .fa-red-river:before { content: "\f3e3" } .fa-creative-commons-sa:before { content: "\f4ef" } .fa-safari:before { content: "\f267" } .fa-google:before { content: "\f1a0" } .fa-font-awesome-alt:before, .fa-square-font-awesome-stroke:before { content: "\f35c" } .fa-atlassian:before { content: "\f77b" } .fa-linkedin-in:before { content: "\f0e1" } .fa-digital-ocean:before { content: "\f391" } .fa-nimblr:before { content: "\f5a8" } .fa-chromecast:before { content: "\f838" } .fa-evernote:before { content: "\f839" } .fa-hacker-news:before { content: "\f1d4" } .fa-creative-commons-sampling:before { content: "\f4f0" } .fa-adversal:before { content: "\f36a" } .fa-creative-commons:before { content: "\f25e" } .fa-watchman-monitoring:before { content: "\e087" } .fa-fonticons:before { content: "\f280" } .fa-weixin:before { content: "\f1d7" } .fa-shirtsinbulk:before { content: "\f214" } .fa-codepen:before { content: "\f1cb" } .fa-git-alt:before { content: "\f841" } .fa-lyft:before { content: "\f3c3" } .fa-rev:before { content: "\f5b2" } .fa-windows:before { content: "\f17a" } .fa-wizards-of-the-coast:before { content: "\f730" } .fa-square-viadeo:before, .fa-viadeo-square:before { content: "\f2aa" } .fa-meetup:before { content: "\f2e0" } .fa-centos:before { content: "\f789" } .fa-adn:before { content: "\f170" } .fa-cloudsmith:before { content: "\f384" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-dribbble-square:before, .fa-square-dribbble:before { content: "\f397" } .fa-codiepie:before { content: "\f284" } .fa-node:before { content: "\f419" } .fa-mix:before { content: "\f3cb" } .fa-steam:before { content: "\f1b6" } .fa-cc-apple-pay:before { content: "\f416" } .fa-scribd:before { content: "\f28a" } .fa-openid:before { content: "\f19b" } .fa-instalod:before { content: "\e081" } .fa-expeditedssl:before { content: "\f23e" } .fa-sellcast:before { content: "\f2da" } .fa-square-twitter:before, .fa-twitter-square:before { content: "\f081" } .fa-r-project:before { content: "\f4f7" } .fa-delicious:before { content: "\f1a5" } .fa-freebsd:before { content: "\f3a4" } .fa-vuejs:before { content: "\f41f" } .fa-accusoft:before { content: "\f369" } .fa-ioxhost:before { content: "\f208" } .fa-fonticons-fi:before { content: "\f3a2" } .fa-app-store:before { content: "\f36f" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-itunes-note:before { content: "\f3b5" } .fa-golang:before { content: "\e40f" } .fa-kickstarter:before { content: "\f3bb" } .fa-grav:before { content: "\f2d6" } .fa-weibo:before { content: "\f18a" } .fa-uncharted:before { content: "\e084" } .fa-firstdraft:before { content: "\f3a1" } .fa-square-youtube:before, .fa-youtube-square:before { content: "\f431" } .fa-wikipedia-w:before { content: "\f266" } .fa-rendact:before, .fa-wpressr:before { content: "\f3e4" } .fa-angellist:before { content: "\f209" } .fa-galactic-republic:before { content: "\f50c" } .fa-nfc-directional:before { content: "\e530" } .fa-skype:before { content: "\f17e" } .fa-joget:before { content: "\f3b7" } .fa-fedora:before { content: "\f798" } .fa-stripe-s:before { content: "\f42a" } .fa-meta:before { content: "\e49b" } .fa-laravel:before { content: "\f3bd" } .fa-hotjar:before { content: "\f3b1" } .fa-bluetooth-b:before { content: "\f294" } .fa-sticker-mule:before { content: "\f3f7" } .fa-creative-commons-zero:before { content: "\f4f3" } .fa-hips:before { content: "\f452" } .fa-behance:before { content: "\f1b4" } .fa-reddit:before { content: "\f1a1" } .fa-discord:before { content: "\f392" } .fa-chrome:before { content: "\f268" } .fa-app-store-ios:before { content: "\f370" } .fa-cc-discover:before { content: "\f1f2" } .fa-wpbeginner:before { content: "\f297" } .fa-confluence:before { content: "\f78d" } .fa-mdb:before { content: "\f8ca" } .fa-dochub:before { content: "\f394" } .fa-accessible-icon:before { content: "\f368" } .fa-ebay:before { content: "\f4f4" } .fa-amazon:before { content: "\f270" } .fa-unsplash:before { content: "\e07c" } .fa-yarn:before { content: "\f7e3" } .fa-square-steam:before, .fa-steam-square:before { content: "\f1b7" } .fa-500px:before { content: "\f26e" } .fa-square-vimeo:before, .fa-vimeo-square:before { content: "\f194" } .fa-asymmetrik:before { content: "\f372" } .fa-font-awesome-flag:before, .fa-font-awesome-logo-full:before, .fa-font-awesome:before { content: "\f2b4" } .fa-gratipay:before { content: "\f184" } .fa-apple:before { content: "\f179" } .fa-hive:before { content: "\e07f" } .fa-gitkraken:before { content: "\f3a6" } .fa-keybase:before { content: "\f4f5" } .fa-apple-pay:before { content: "\f415" } .fa-padlet:before { content: "\e4a0" } .fa-amazon-pay:before { content: "\f42c" } .fa-github-square:before, .fa-square-github:before { content: "\f092" } .fa-stumbleupon:before { content: "\f1a4" } .fa-fedex:before { content: "\f797" } .fa-phoenix-framework:before { content: "\f3dc" } .fa-shopify:before { content: "\e057" } .fa-neos:before { content: "\f612" } .fa-hackerrank:before { content: "\f5f7" } .fa-researchgate:before { content: "\f4f8" } .fa-swift:before { content: "\f8e1" } .fa-angular:before { content: "\f420" } .fa-speakap:before { content: "\f3f3" } .fa-angrycreative:before { content: "\f36e" } .fa-y-combinator:before { content: "\f23b" } .fa-empire:before { content: "\f1d1" } .fa-envira:before { content: "\f299" } .fa-gitlab-square:before, .fa-square-gitlab:before { content: "\e5ae" } .fa-studiovinari:before { content: "\f3f8" } .fa-pied-piper:before { content: "\f2ae" } .fa-wordpress:before { content: "\f19a" } .fa-product-hunt:before { content: "\f288" } .fa-firefox:before { content: "\f269" } .fa-linode:before { content: "\f2b8" } .fa-goodreads:before { content: "\f3a8" } .fa-odnoklassniki-square:before, .fa-square-odnoklassniki:before { content: "\f264" } .fa-jsfiddle:before { content: "\f1cc" } .fa-sith:before { content: "\f512" } .fa-themeisle:before { content: "\f2b2" } .fa-page4:before { content: "\f3d7" } .fa-hashnode:before { content: "\e499" } .fa-react:before { content: "\f41b" } .fa-cc-paypal:before { content: "\f1f4" } .fa-squarespace:before { content: "\f5be" } .fa-cc-stripe:before { content: "\f1f5" } .fa-creative-commons-share:before { content: "\f4f2" } .fa-bitcoin:before { content: "\f379" } .fa-keycdn:before { content: "\f3ba" } .fa-opera:before { content: "\f26a" } .fa-itch-io:before { content: "\f83a" } .fa-umbraco:before { content: "\f8e8" } .fa-galactic-senate:before { content: "\f50d" } .fa-ubuntu:before { content: "\f7df" } .fa-draft2digital:before { content: "\f396" } .fa-stripe:before { content: "\f429" } .fa-houzz:before { content: "\f27c" } .fa-gg:before { content: "\f260" } .fa-dhl:before { content: "\f790" } .fa-pinterest-square:before, .fa-square-pinterest:before { content: "\f0d3" } .fa-xing:before { content: "\f168" } .fa-blackberry:before { content: "\f37b" } .fa-creative-commons-pd:before { content: "\f4ec" } .fa-playstation:before { content: "\f3df" } .fa-quinscape:before { content: "\f459" } .fa-less:before { content: "\f41d" } .fa-blogger-b:before { content: "\f37d" } .fa-opencart:before { content: "\f23d" } .fa-vine:before { content: "\f1ca" } .fa-paypal:before { content: "\f1ed" } .fa-gitlab:before { content: "\f296" } .fa-typo3:before { content: "\f42b" } .fa-reddit-alien:before { content: "\f281" } .fa-yahoo:before { content: "\f19e" } .fa-dailymotion:before { content: "\e052" } .fa-affiliatetheme:before { content: "\f36b" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-bootstrap:before { content: "\f836" } .fa-odnoklassniki:before { content: "\f263" } .fa-nfc-symbol:before { content: "\e531" } .fa-ethereum:before { content: "\f42e" } .fa-speaker-deck:before { content: "\f83c" } .fa-creative-commons-nc-eu:before { content: "\f4e9" } .fa-patreon:before { content: "\f3d9" } .fa-avianex:before { content: "\f374" } .fa-ello:before { content: "\f5f1" } .fa-gofore:before { content: "\f3a7" } .fa-bimobject:before { content: "\f378" } .fa-facebook-f:before { content: "\f39e" } .fa-google-plus-square:before, .fa-square-google-plus:before { content: "\f0d4" } .fa-mandalorian:before { content: "\f50f" } .fa-first-order-alt:before { content: "\f50a" } .fa-osi:before { content: "\f41a" } .fa-google-wallet:before { content: "\f1ee" } .fa-d-and-d-beyond:before { content: "\f6ca" } .fa-periscope:before { content: "\f3da" } .fa-fulcrum:before { content: "\f50b" } .fa-cloudscale:before { content: "\f383" } .fa-forumbee:before { content: "\f211" } .fa-mizuni:before { content: "\f3cc" } .fa-schlix:before { content: "\f3ea" } .fa-square-xing:before, .fa-xing-square:before { content: "\f169" } .fa-bandcamp:before { content: "\f2d5" } .fa-wpforms:before { content: "\f298" } .fa-cloudversify:before { content: "\f385" } .fa-usps:before { content: "\f7e1" } .fa-megaport:before { content: "\f5a3" } .fa-magento:before { content: "\f3c4" } .fa-spotify:before { content: "\f1bc" } .fa-optin-monster:before { content: "\f23c" } .fa-fly:before { content: "\f417" } .fa-aviato:before { content: "\f421" } .fa-itunes:before { content: "\f3b4" } .fa-cuttlefish:before { content: "\f38c" } .fa-blogger:before { content: "\f37c" } .fa-flickr:before { content: "\f16e" } .fa-viber:before { content: "\f409" } .fa-soundcloud:before { content: "\f1be" } .fa-digg:before { content: "\f1a6" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-symfony:before { content: "\f83d" } .fa-maxcdn:before { content: "\f136" } .fa-etsy:before { content: "\f2d7" } .fa-facebook-messenger:before { content: "\f39f" } .fa-audible:before { content: "\f373" } .fa-think-peaks:before { content: "\f731" } .fa-bilibili:before { content: "\e3d9" } .fa-erlang:before { content: "\f39d" } .fa-cotton-bureau:before { content: "\f89e" } .fa-dashcube:before { content: "\f210" } .fa-42-group:before, .fa-innosoft:before { content: "\e080" } .fa-stack-exchange:before { content: "\f18d" } .fa-elementor:before { content: "\f430" } .fa-pied-piper-square:before, .fa-square-pied-piper:before { content: "\e01e" } .fa-creative-commons-nd:before { content: "\f4eb" } .fa-palfed:before { content: "\f3d8" } .fa-superpowers:before { content: "\f2dd" } .fa-resolving:before { content: "\f3e7" } .fa-xbox:before { content: "\f412" } .fa-searchengin:before { content: "\f3eb" } .fa-tiktok:before { content: "\e07b" } .fa-facebook-square:before, .fa-square-facebook:before { content: "\f082" } .fa-renren:before { content: "\f18b" } .fa-linux:before { content: "\f17c" } .fa-glide:before { content: "\f2a5" } .fa-linkedin:before { content: "\f08c" } .fa-hubspot:before { content: "\f3b2" } .fa-deploydog:before { content: "\f38e" } .fa-twitch:before { content: "\f1e8" } .fa-ravelry:before { content: "\f2d9" } .fa-mixer:before { content: "\e056" } .fa-lastfm-square:before, .fa-square-lastfm:before { content: "\f203" } .fa-vimeo:before { content: "\f40a" } .fa-mendeley:before { content: "\f7b3" } .fa-uniregistry:before { content: "\f404" } .fa-figma:before { content: "\f799" } .fa-creative-commons-remix:before { content: "\f4ee" } .fa-cc-amazon-pay:before { content: "\f42d" } .fa-dropbox:before { content: "\f16b" } .fa-instagram:before { content: "\f16d" } .fa-cmplid:before { content: "\e360" } .fa-facebook:before { content: "\f09a" } .fa-gripfire:before { content: "\f3ac" } .fa-jedi-order:before { content: "\f50e" } .fa-uikit:before { content: "\f403" } .fa-fort-awesome-alt:before { content: "\f3a3" } .fa-phabricator:before { content: "\f3db" } .fa-ussunnah:before { content: "\f407" } .fa-earlybirds:before { content: "\f39a" } .fa-trade-federation:before { content: "\f513" } .fa-autoprefixer:before { content: "\f41c" } .fa-whatsapp:before { content: "\f232" } .fa-slideshare:before { content: "\f1e7" } .fa-google-play:before { content: "\f3ab" } .fa-viadeo:before { content: "\f2a9" } .fa-line:before { content: "\f3c0" } .fa-google-drive:before { content: "\f3aa" } .fa-servicestack:before { content: "\f3ec" } .fa-simplybuilt:before { content: "\f215" } .fa-bitbucket:before { content: "\f171" } .fa-imdb:before { content: "\f2d8" } .fa-deezer:before { content: "\e077" } .fa-raspberry-pi:before { content: "\f7bb" } .fa-jira:before { content: "\f7b1" } .fa-docker:before { content: "\f395" } .fa-screenpal:before { content: "\e570" } .fa-bluetooth:before { content: "\f293" } .fa-gitter:before { content: "\f426" } .fa-d-and-d:before { content: "\f38d" } .fa-microblog:before { content: "\e01a" } .fa-cc-diners-club:before { content: "\f24c" } .fa-gg-circle:before { content: "\f261" } .fa-pied-piper-hat:before { content: "\f4e5" } .fa-kickstarter-k:before { content: "\f3bc" } .fa-yandex:before { content: "\f413" } .fa-readme:before { content: "\f4d5" } .fa-html5:before { content: "\f13b" } .fa-sellsy:before { content: "\f213" } .fa-sass:before { content: "\f41e" } .fa-wirsindhandwerk:before, .fa-wsh:before { content: "\e2d0" } .fa-buromobelexperte:before { content: "\f37f" } .fa-salesforce:before { content: "\f83b" } .fa-octopus-deploy:before { content: "\e082" } .fa-medapps:before { content: "\f3c6" } .fa-ns8:before { content: "\f3d5" } .fa-pinterest-p:before { content: "\f231" } .fa-apper:before { content: "\f371" } .fa-fort-awesome:before { content: "\f286" } .fa-waze:before { content: "\f83f" } .fa-cc-jcb:before { content: "\f24b" } .fa-snapchat-ghost:before, .fa-snapchat:before { content: "\f2ab" } .fa-fantasy-flight-games:before { content: "\f6dc" } .fa-rust:before { content: "\e07a" } .fa-wix:before { content: "\f5cf" } .fa-behance-square:before, .fa-square-behance:before { content: "\f1b5" } .fa-supple:before { content: "\f3f9" } .fa-rebel:before { content: "\f1d0" } .fa-css3:before { content: "\f13c" } .fa-staylinked:before { content: "\f3f5" } .fa-kaggle:before { content: "\f5fa" } .fa-space-awesome:before { content: "\e5ac" } .fa-deviantart:before { content: "\f1bd" } .fa-cpanel:before { content: "\f388" } .fa-goodreads-g:before { content: "\f3a9" } .fa-git-square:before, .fa-square-git:before { content: "\f1d2" } .fa-square-tumblr:before, .fa-tumblr-square:before { content: "\f174" } .fa-trello:before { content: "\f181" } .fa-creative-commons-nc-jp:before { content: "\f4ea" } .fa-get-pocket:before { content: "\f265" } .fa-perbyte:before { content: "\e083" } .fa-grunt:before { content: "\f3ad" } .fa-weebly:before { content: "\f5cc" } .fa-connectdevelop:before { content: "\f20e" } .fa-leanpub:before { content: "\f212" } .fa-black-tie:before { content: "\f27e" } .fa-themeco:before { content: "\f5c6" } .fa-python:before { content: "\f3e2" } .fa-android:before { content: "\f17b" } .fa-bots:before { content: "\e340" } .fa-free-code-camp:before { content: "\f2c5" } .fa-hornbill:before { content: "\f592" } .fa-js:before { content: "\f3b8" } .fa-ideal:before { content: "\e013" } .fa-git:before { content: "\f1d3" } .fa-dev:before { content: "\f6cc" } .fa-sketch:before { content: "\f7c6" } .fa-yandex-international:before { content: "\f414" } .fa-cc-amex:before { content: "\f1f3" } .fa-uber:before { content: "\f402" } .fa-github:before { content: "\f09b" } .fa-php:before { content: "\f457" } .fa-alipay:before { content: "\f642" } .fa-youtube:before { content: "\f167" } .fa-skyatlas:before { content: "\f216" } .fa-firefox-browser:before { content: "\e007" } .fa-replyd:before { content: "\f3e6" } .fa-suse:before { content: "\f7d6" } .fa-jenkins:before { content: "\f3b6" } .fa-twitter:before { content: "\f099" } .fa-rockrms:before { content: "\f3e9" } .fa-pinterest:before { content: "\f0d2" } .fa-buffer:before { content: "\f837" } .fa-npm:before { content: "\f3d4" } .fa-yammer:before { content: "\f840" } .fa-btc:before { content: "\f15a" } .fa-dribbble:before { content: "\f17d" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-internet-explorer:before { content: "\f26b" } .fa-telegram-plane:before, .fa-telegram:before { content: "\f2c6" } .fa-old-republic:before { content: "\f510" } .fa-square-whatsapp:before, .fa-whatsapp-square:before { content: "\f40c" } .fa-node-js:before { content: "\f3d3" } .fa-edge-legacy:before { content: "\e078" } .fa-slack-hash:before, .fa-slack:before { content: "\f198" } .fa-medrt:before { content: "\f3c8" } .fa-usb:before { content: "\f287" } .fa-tumblr:before { content: "\f173" } .fa-vaadin:before { content: "\f408" } .fa-quora:before { content: "\f2c4" } .fa-reacteurope:before { content: "\f75d" } .fa-medium-m:before, .fa-medium:before { content: "\f23a" } .fa-amilia:before { content: "\f36d" } .fa-mixcloud:before { content: "\f289" } .fa-flipboard:before { content: "\f44d" } .fa-viacoin:before { content: "\f237" } .fa-critical-role:before { content: "\f6c9" } .fa-sitrox:before { content: "\e44a" } .fa-discourse:before { content: "\f393" } .fa-joomla:before { content: "\f1aa" } .fa-mastodon:before { content: "\f4f6" } .fa-airbnb:before { content: "\f834" } .fa-wolf-pack-battalion:before { content: "\f514" } .fa-buy-n-large:before { content: "\f8a6" } .fa-gulp:before { content: "\f3ae" } .fa-creative-commons-sampling-plus:before { content: "\f4f1" } .fa-strava:before { content: "\f428" } .fa-ember:before { content: "\f423" } .fa-canadian-maple-leaf:before { content: "\f785" } .fa-teamspeak:before { content: "\f4f9" } .fa-pushed:before { content: "\f3e1" } .fa-wordpress-simple:before { content: "\f411" } .fa-nutritionix:before { content: "\f3d6" } .fa-wodu:before { content: "\e088" } .fa-google-pay:before { content: "\e079" } .fa-intercom:before { content: "\f7af" } .fa-zhihu:before { content: "\f63f" } .fa-korvue:before { content: "\f42f" } .fa-pix:before { content: "\e43a" } .fa-steam-symbol:before { content: "\f3f6" } :host, :root { --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free" } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url(/fonts/fa-regular-400.woff2) format("woff2"),url(/fonts/fa-regular-400.ttf) format("truetype") } .fa-regular, .far { font-weight: 400 } :host, :root { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free" } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url(/fonts/fa-solid-900.woff2) format("woff2"),url(/fonts/fa-solid-900.ttf) format("truetype") } .fa-solid, .fas { font-weight: 900 } @font-face { font-family: "Font Awesome 5 Brands"; font-display: block; font-weight: 400; src: url(/fonts/fa-brands-400.woff2) format("woff2"),url(/fonts/fa-brands-400.ttf) format("truetype") } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 900; src: url(/fonts/fa-solid-900.woff2) format("woff2"),url(/fonts/fa-solid-900.ttf) format("truetype") } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 400; src: url(/fonts/fa-regular-400.woff2) format("woff2"),url(/fonts/fa-regular-400.ttf) format("truetype") } @font-face { font-family: "FontAwesome"; font-display: block; src: url(/fonts/fa-solid-900.woff2) format("woff2"),url(/fonts/fa-solid-900.ttf) format("truetype") } @font-face { font-family: "FontAwesome"; font-display: block; src: url(/fonts/fa-brands-400.woff2) format("woff2"),url(/fonts/fa-brands-400.ttf) format("truetype") } @font-face { font-family: "FontAwesome"; font-display: block; src: url(/fonts/fa-regular-400.woff2) format("woff2"),url(/fonts/fa-regular-400.ttf) format("truetype"); unicode-range: u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc } @font-face { font-family: "FontAwesome"; font-display: block; src: url(/fonts/fa-v4compatibility.woff2) format("woff2"),url(/fonts/fa-v4compatibility.ttf) format("truetype"); unicode-range: u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a }