/* Minification failed. Returning unminified contents. (12958,30): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (12978,25): run-time error CSS1039: Token not allowed after unary operator: '-p' (12984,29): run-time error CSS1039: Token not allowed after unary operator: '-p' (13604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13655,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (18863,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (19382,28): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (24607,1): run-time error CSS1019: Unexpected token, found '@import' (24607,9): run-time error CSS1019: Unexpected token, found ''https://fonts.googleapis.com/css?family=Open+Sans'' (24622,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24633,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24634,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24673,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24674,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24681,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24730,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24738,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24773,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24794,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24830,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24839,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24881,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24882,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (24886,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (24891,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24899,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24936,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24944,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25059,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25067,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25144,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25259,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25265,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25327,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25328,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25341,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25342,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25423,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25424,8): run-time error CSS1035: Expected colon, found '{' (25429,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25430,8): run-time error CSS1035: Expected colon, found '{' (25435,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25436,8): run-time error CSS1035: Expected colon, found '{' (25441,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25442,8): run-time error CSS1035: Expected colon, found '{' (25676,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (25683,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (25736,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (25750,17): run-time error CSS1039: Token not allowed after unary operator: '-title-post' (25754,17): run-time error CSS1039: Token not allowed after unary operator: '-a' (25765,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (25875,17): run-time error CSS1039: Token not allowed after unary operator: '-pink' (25956,22): run-time error CSS1039: Token not allowed after unary operator: '-pink' (26043,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (26300,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (26444,25): run-time error CSS1039: Token not allowed after unary operator: '-p' (26500,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (26750,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (26764,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (26807,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (26948,21): run-time error CSS1039: Token not allowed after unary operator: '-menu-a' (26989,33): run-time error CSS1039: Token not allowed after unary operator: '-menu-a' (27048,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (27102,25): run-time error CSS1039: Token not allowed after unary operator: '-title-post' (27335,30): run-time error CSS1039: Token not allowed after unary operator: '-tag' (27610,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (28170,21): run-time error CSS1039: Token not allowed after unary operator: '-meta-post' (28628,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (28642,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (28833,17): run-time error CSS1039: Token not allowed after unary operator: '-pink' (28914,22): run-time error CSS1039: Token not allowed after unary operator: '-pink' (29001,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (29258,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (29390,25): run-time error CSS1039: Token not allowed after unary operator: '-p' (29446,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (29799,34): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (30025,17): run-time error CSS1039: Token not allowed after unary operator: '-pink' (30106,22): run-time error CSS1039: Token not allowed after unary operator: '-pink' (30193,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (30450,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (30582,25): run-time error CSS1039: Token not allowed after unary operator: '-p' (30638,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (30767,22): run-time error CSS1039: Token not allowed after unary operator: '-menu' (30919,41): run-time error CSS1039: Token not allowed after unary operator: '-p' (30963,25): run-time error CSS1039: Token not allowed after unary operator: '-p' (31139,29): run-time error CSS1039: Token not allowed after unary operator: '-menu-a' (31173,26): run-time error CSS1039: Token not allowed after unary operator: '-menu' (31236,29): run-time error CSS1039: Token not allowed after unary operator: '-menu-title' (31245,29): run-time error CSS1039: Token not allowed after unary operator: '-menu-a' (31325,1): run-time error CSS1019: Unexpected token, found '@keyframes' (31326,10): run-time error CSS1035: Expected colon, found '{' (31335,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (31336,10): run-time error CSS1035: Expected colon, found '{' (31567,17): run-time error CSS1039: Token not allowed after unary operator: '-pink' (31648,22): run-time error CSS1039: Token not allowed after unary operator: '-pink' (31735,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (31908,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (31992,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (32124,25): run-time error CSS1039: Token not allowed after unary operator: '-p' (32180,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (32592,25): run-time error CSS1039: Token not allowed after unary operator: '-p' (32709,22): run-time error CSS1039: Token not allowed after unary operator: '-top-menu' (32787,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (32847,34): run-time error CSS1039: Token not allowed after unary operator: '-green' (32886,22): run-time error CSS1039: Token not allowed after unary operator: '-menu' (32913,25): run-time error CSS1039: Token not allowed after unary operator: '-menu-a' (32971,22): run-time error CSS1039: Token not allowed after unary operator: '-menu' (32994,28): run-time error CSS1039: Token not allowed after unary operator: '-menu' (33007,28): run-time error CSS1039: Token not allowed after unary operator: '-top-menu' (33854,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (34304,26): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-area' (34336,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (34350,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (34364,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (34426,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (34665,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (34889,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (34895,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (35009,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (35137,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (35275,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (35292,22): run-time error CSS1039: Token not allowed after unary operator: '-menu' (35318,29): run-time error CSS1039: Token not allowed after unary operator: '-menu-a' (35348,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (35796,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (35836,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (35921,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (36181,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (36503,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (36832,29): run-time error CSS1039: Token not allowed after unary operator: '-p' (36918,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (36933,26): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (37093,37): run-time error CSS1039: Token not allowed after unary operator: '-p' (37131,30): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (37222,33): run-time error CSS1039: Token not allowed after unary operator: '-p' (37496,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (37500,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (37514,25): run-time error CSS1039: Token not allowed after unary operator: '-p' (37543,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (37602,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (37664,26): run-time error CSS1039: Token not allowed after unary operator: '-tag' (37677,26): run-time error CSS1039: Token not allowed after unary operator: '-tag' (37686,21): run-time error CSS1039: Token not allowed after unary operator: '-danger' (37690,26): run-time error CSS1039: Token not allowed after unary operator: '-tag' (37706,30): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (37719,29): run-time error CSS1039: Token not allowed after unary operator: '-p' (38089,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (38111,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (38221,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (38225,22): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (38254,21): run-time error CSS1039: Token not allowed after unary operator: '-title-post' (38389,29): run-time error CSS1039: Token not allowed after unary operator: '-meta-post' (38395,29): run-time error CSS1039: Token not allowed after unary operator: '-meta-post' (38428,26): run-time error CSS1039: Token not allowed after unary operator: '-quote-background' (38434,37): run-time error CSS1039: Token not allowed after unary operator: '-quote-border' (38440,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (38468,25): run-time error CSS1039: Token not allowed after unary operator: '-p' (38508,26): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (38578,38): run-time error CSS1039: Token not allowed after unary operator: '-tag' (40519,30): run-time error CSS1039: Token not allowed after unary operator: '-top-menu' (42054,17): run-time error CSS1039: Token not allowed after unary operator: '-entry-crumbs-a' (42059,21): run-time error CSS1039: Token not allowed after unary operator: '-entry-crumbs-a' (42067,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (42071,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (42177,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (42181,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (42200,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (42217,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (42222,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (42246,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (42259,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (42263,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (42417,21): run-time error CSS1039: Token not allowed after unary operator: '-p' (42452,21): run-time error CSS1039: Token not allowed after unary operator: '-entry-crumbs-a' (42477,17): run-time error CSS1039: Token not allowed after unary operator: '-entry-crumbs-a' (42690,26): run-time error CSS1039: Token not allowed after unary operator: '-green' (42851,21): run-time error CSS1039: Token not allowed after unary operator: '-a-keyword' (42897,30): run-time error CSS1039: Token not allowed after unary operator: '-block-content' (42944,22): run-time error CSS1039: Token not allowed after unary operator: '-quote-background' (42950,33): run-time error CSS1039: Token not allowed after unary operator: '-quote-border' (43033,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (43034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (43043,1): run-time error CSS1019: Unexpected token, found '@keyframes' (43044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (43078,17): run-time error CSS1039: Token not allowed after unary operator: '-p' (43089,22): run-time error CSS1039: Token not allowed after unary operator: '-menu' (43201,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (43234,22): run-time error CSS1039: Token not allowed after unary operator: '-background-body-content' (43316,17): run-time error CSS1039: Token not allowed after unary operator: '-entry-crumbs-a' */ /*! jQuery UI - v1.10.4 - 2016-02-02 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-states-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-autocomplete { height: 300px; overflow: auto; position: absolute; top: 0; left: 0; cursor: default } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none } .ui-menu .ui-menu { margin-top: -3px; position: absolute } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100% } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: normal } .ui-menu .ui-menu-item a.ui-states-focus, .ui-menu .ui-menu-item a.ui-states-active { font-weight: normal; margin: -1px } .ui-menu .ui-states-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5 } .ui-menu .ui-states-disabled a { cursor: default } .ui-menu-icons { position: relative } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em } .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em } .ui-menu .ui-menu-icon { position: static; float: right } .ui-widget { /*font-family: Arial,Helvetica,sans-serif;*/ font-size: 1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333 } .ui-widget-content a { color: #333 } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold } .ui-widget-header a { color: #333 } .ui-states-default, .ui-widget-content .ui-states-default, .ui-widget-header .ui-states-default { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545 } .ui-states-default a, .ui-states-default a:link, .ui-states-default a:visited { color: #454545; text-decoration: none } .ui-states-hover, .ui-widget-content .ui-states-hover, .ui-widget-header .ui-states-hover, .ui-states-focus, .ui-widget-content .ui-states-focus, .ui-widget-header .ui-states-focus { border: 1px solid #e2e2e2; background: #e2e2e2; font-weight: normal; color: #2b2b2b } .ui-states-hover a, .ui-states-hover a:hover, .ui-states-hover a:link, .ui-states-hover a:visited, .ui-states-focus a, .ui-states-focus a:hover, .ui-states-focus a:link, .ui-states-focus a:visited { color: #2b2b2b; text-decoration: none } .ui-states-active, .ui-widget-content .ui-states-active, .ui-widget-header .ui-states-active { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff } .ui-states-active a, .ui-states-active a:link, .ui-states-active a:visited { color: #fff; text-decoration: none } .ui-states-highlight, .ui-widget-content .ui-states-highlight, .ui-widget-header .ui-states-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620 } .ui-states-highlight a, .ui-widget-content .ui-states-highlight a, .ui-widget-header .ui-states-highlight a { color: #777620 } .ui-states-error, .ui-widget-content .ui-states-error, .ui-widget-header .ui-states-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f } .ui-states-error a, .ui-widget-content .ui-states-error a, .ui-widget-header .ui-states-error a { color: #5f3f3f } .ui-states-error-text, .ui-widget-content .ui-states-error-text, .ui-widget-header .ui-states-error-text { color: #5f3f3f } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal } .ui-states-disabled, .ui-widget-content .ui-states-disabled, .ui-widget-header .ui-states-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-states-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png") } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png") } .ui-states-default .ui-icon { background-image: url("images/ui-icons_777777_256x240.png") } .ui-states-hover .ui-icon, .ui-states-focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png") } .ui-states-active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png") } .ui-states-highlight .ui-icon { background-image: url("images/ui-icons_777620_256x240.png") } .ui-states-error .ui-icon, .ui-states-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png") } .ui-icon-blank { background-position: 16px 16px } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -64px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -64px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 0 -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 10px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 10px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 10px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 10px } .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30) } .ui-widget-shadow { margin: 0 0 0 0; padding: 5px; background: #666; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .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: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .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; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .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 Rx-width-50 { 0% { width: 0%; } 100% { width: 50%; } } @keyframes Rx-width-50 { 0% { width: 0%; } 100% { width: 50%; } } @-webkit-keyframes Rx-width-75 { 0% { width: 0%; } 100% { width: 75%; } } @keyframes Rx-width-75 { 0% { width: 0%; } 100% { width: 75%; } } @-webkit-keyframes Rx-width-65 { 0% { width: 0%; } 100% { width: 65%; } } @keyframes Rx-width-65 { 0% { width: 0%; } 100% { width: 65%; } } @-webkit-keyframes Rx-width-60 { 0% { width: 0%; } 100% { width: 60%; } } @keyframes Rx-width-60 { 0% { width: 0%; } 100% { width: 60%; } } @-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 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; } /*! * Font Awesome Pro 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa, .fab, .fal, .far, .fas { -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: .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: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em } .fa-spin { animation: fa-spin 2s infinite linear } .fa-pulse { animation: fa-spin 1s infinite steps(8) } @keyframes fa-spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scaleX(-1) } .fa-flip-vertical { transform: scaleY(-1) } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1) } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { 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 } .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; src: url(/Assets/Fonts/fontawesome/fa-brands-400.eot); src: url(/Assets/Fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/Assets/Fonts/fontawesome/fa-brands-400.woff2) format("woff2"),url(/Assets/Fonts/fontawesome/fa-brands-400.woff) format("woff"),url(/Assets/Fonts/fontawesome/fa-brands-400.ttf) format("truetype"),url(/Assets/Fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg"); font-display: swap } .fab { font-family: "Font Awesome 5 Brands" } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; src: url(/Assets/Fonts/fontawesome/fa-light-300.eot); src: url(/Assets/Fonts/fontawesome/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/Assets/Fonts/fontawesome/fa-light-300.woff2) format("woff2"),url(/Assets/Fonts/fontawesome/fa-light-300.woff) format("woff"),url(/Assets/Fonts/fontawesome/fa-light-300.ttf) format("truetype"),url(/Assets/Fonts/fontawesome/fa-light-300.svg#fontawesome) format("svg"); font-display: swap } .fal { font-weight: 300 } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; src: url(/Assets/Fonts/fontawesome/fa-regular-400.eot); src: url(/Assets/Fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/Assets/Fonts/fontawesome/fa-regular-400.woff2) format("woff2"),url(/Assets/Fonts/fontawesome/fa-regular-400.woff) format("woff"),url(/Assets/Fonts/fontawesome/fa-regular-400.ttf) format("truetype"),url(/Assets/Fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg"); font-display: swap } .fal, .far { font-family: "Font Awesome 5 Pro" } .far { font-weight: 400 } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; src: url(/Assets/Fonts/fontawesome/fa-solid-900.eot); src: url(/Assets/Fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/Assets/Fonts/fontawesome/fa-solid-900.woff2) format("woff2"),url(/Assets/Fonts/fontawesome/fa-solid-900.woff) format("woff"),url(/Assets/Fonts/fontawesome/fa-solid-900.ttf) format("truetype"),url(/Assets/Fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg"); font-display: swap } .fas { font-family: "Font Awesome 5 Pro"; font-weight: 900 } .fa { font-family: "Font Awesome 5 Pro"; font-weight: 600 } .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; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .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; -webkit-transform: translate3d(0px,0,0) } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { 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-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .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 .owl-carousel { display: block } .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 .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-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { 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; height: 100%; width: 100% } .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] { position: absolute; z-index: 1000; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item { font-size: 14px; padding: 1px 3px; border: 0; } .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item a { text-decoration: none; display: block; height: 100%; line-height: 1.8em; padding: 0 1.54em 0 .615em; color: #4f4f4f; } .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item:hover, .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item.active { background-color: #e4e4e4; } .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item:hover a, .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item.active a { color: #333; } .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item .emojioneemoji { font-size: inherit; height: 2ex; width: 2.1ex; min-height: 20px; min-width: 20px; display: inline-block; margin: 0 5px .2ex 0; line-height: normal; vertical-align: middle; max-width: 100%; top: 0; } .emojionearea-text [class*=emojione-], .emojionearea-text .emojioneemoji { font-size: inherit; height: 2ex; width: 2.1ex; min-height: 20px; min-width: 20px; display: inline-block; margin: -.2ex .15em .2ex; line-height: normal; vertical-align: middle; max-width: 100%; top: 0; } .emojionearea, .emojionearea * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .emojionearea.emojionearea-disable { position: relative; background-color: #eee; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .emojionearea.emojionearea-disable:before { content: ""; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.3; position: absolute; background-color: #eee; } .emojionearea, .emojionearea.form-control { display: grid; position: relative !important; width: 100%; height: auto; padding: 0; font-size: 14px; border: 0; background-color: #FFFFFF; /*border: 1px solid #CCCCCC;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-transition: border-color 0.15s ease-in-out, -moz-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .emojionearea.focused { /*border-color: #66AFE9; outline: 0; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);*/ } .emojionearea .emojionearea-editor { background: var(--background-body-content); display: block; height: auto; overflow: auto; /*min-height: 8em; max-height: 15em; background-color: transparent; line-height: 1.42857143; font-size: inherit; border: 0; cursor: text; margin-right: 1px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; */ padding: 0px 24px 5px 0px; color: var(--p); } .emojionearea .emojionearea-editor:empty:before { content: attr(placeholder); display: block; color: var(--p); } .emojionearea .emojionearea-editor:focus { border: 0; outline: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .emojionearea .emojionearea-editor [class*=emojione-], .emojionearea .emojionearea-editor .emojioneemoji { font-size: inherit; height: 2ex; width: 2.1ex; min-height: 20px; min-width: 20px; display: inline-block; margin: -.2ex .15em .2ex; line-height: normal; vertical-align: middle; max-width: 100%; top: 0; } .emojionearea.emojionearea-inline { height: 34px; } .emojionearea.emojionearea-inline > .emojionearea-editor { height: 32px; min-height: 20px; overflow: hidden; white-space: nowrap; position: absolute; top: 0; left: 12px; right: 24px; padding: 6px 0; } .emojionearea.emojionearea-inline > .emojionearea-button { top: 4px; } .emojionearea .emojionearea-button { z-index: 5; position: absolute; right: 3px; top: 3px; width: 24px; height: 24px; opacity: 0.6; cursor: pointer; -moz-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .emojionearea .emojionearea-button:hover { opacity: 1; } .emojionearea .emojionearea-button > div { display: block; width: 24px; height: 24px; position: absolute; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .emojionearea .emojionearea-button > div.emojionearea-button-open { display: none; background-position: 0 -24px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .emojionearea .emojionearea-button > div.emojionearea-button-close { display: none; background-position: 0 0; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .emojionearea .emojionearea-button.active > div.emojionearea-button-open { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .emojionearea .emojionearea-button.active > div.emojionearea-button-close { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .emojionearea .emojionearea-picker { background: #FFFFFF; position: absolute; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 276px; width: 316px; top: -15px; right: -15px; z-index: 90; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .emojionearea .emojionearea-picker.hidden { display: none; } .emojionearea .emojionearea-picker .emojionearea-wrapper { position: relative; height: 276px; width: 316px; } .emojionearea .emojionearea-picker .emojionearea-wrapper:after { content: ""; display: block; position: absolute; background-repeat: no-repeat; z-index: 91; } .emojionearea .emojionearea-picker .emojionearea-filters { width: 100%; position: absolute; z-index: 95; } .emojionearea .emojionearea-picker .emojionearea-filters { background: #F5F7F9; padding: 0 0 0 7px; height: 40px; } .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter { display: block; float: left; height: 40px; width: 32px; filter: inherit; padding: 7px 1px 0; cursor: pointer; -webkit-filter: grayscale(1); filter: grayscale(1); } .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active { background: #fff; } .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active, .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > i { width: 24px; height: 24px; top: 0; } .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > img { width: 24px; height: 24px; margin: 0 3px; } .emojionearea .emojionearea-picker .emojionearea-search-panel { height: 30px; position: absolute; z-index: 95; top: 40px; left: 0; right: 0; padding: 5px 0 5px 8px; } .emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones { float: right; margin-right: 10px; margin-top: -1px; } .emojionearea .emojionearea-picker .emojionearea-tones-panel .emojionearea-tones { position: absolute; top: 4px; left: 171px; } .emojionearea .emojionearea-picker .emojionearea-search { float: left; padding: 0; height: 20px; width: 160px; } .emojionearea .emojionearea-picker .emojionearea-search > input { outline: none; width: 160px; min-width: 160px; height: 20px; } .emojionearea .emojionearea-picker .emojionearea-tones { padding: 0; width: 120px; height: 20px; } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone { display: inline-block; padding: 0; border: 0; vertical-align: middle; outline: none; background: transparent; cursor: pointer; position: relative; } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-0, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-0:after { background-color: #ffcf3e; } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-1, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-1:after { background-color: #fae3c5; } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-2, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-2:after { background-color: #e2cfa5; } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-3, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-3:after { background-color: #daa478; } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-4, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-4:after { background-color: #a78058; } .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-5, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-5:after { background-color: #5e4d43; } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone { width: 20px; height: 20px; margin: 0; background-color: transparent; } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone:after { content: ""; position: absolute; display: block; top: 4px; left: 4px; width: 12px; height: 12px; } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone.active:after { top: 0; left: 0; width: 20px; height: 20px; } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone { width: 16px; height: 16px; margin: 0px 2px; } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone.active:after { content: ""; position: absolute; display: block; background-color: transparent; border: 2px solid #fff; width: 8px; height: 8px; top: 2px; left: 2px; box-sizing: initial; } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone:after { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone:after { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .emojionearea .emojionearea-picker .emojionearea-scroll-area { height: 236px; } .emojionearea .emojionearea-picker .emojionearea-search-panel + .emojionearea-scroll-area { height: 206px; } .emojionearea .emojionearea-picker .emojionearea-scroll-area { overflow: auto; overflow-x: hidden; width: 100%; position: absolute; padding: 0 0 5px; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list { z-index: 1; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title { display: block; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #b2b2b2; background: #FFFFFF; line-height: 20px; margin: 0; padding: 7px 0 5px 6px; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:before { content: " "; display: block; clear: both; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block { padding: 0 0 0 7px; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category { padding: 0 !important; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category:before { content: " "; display: block; clear: both; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:before { content: " "; display: block; clear: both; } .emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0; width: 24px; height: 24px; top: 0; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 24px; height: 24px; float: left; display: block; margin: 1px; padding: 3px; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #e4e4e4; cursor: pointer; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img { float: left; display: block; width: 24px; height: 24px; } .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters { top: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-top .emojionearea-scroll-area { bottom: 0; } .emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-scroll-area { top: 40px; } .emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-search-panel { top: initial; bottom: 0; } .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters { bottom: 0; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-scroll-area { top: 0; } .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-search-panel { top: initial; bottom: 40px; } .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-scroll-area { top: initial; bottom: 40px; } .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-search-panel { top: 0; } .emojionearea .emojionearea-picker.emojionearea-picker-position-top { margin-top: -286px; right: -14px; } .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after { width: 19px; height: 10px; background-position: -2px -49px; bottom: -10px; right: 20px; } .emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after { background-position: -2px -80px; } .emojionearea .emojionearea-picker.emojionearea-picker-position-left, .emojionearea .emojionearea-picker.emojionearea-picker-position-right { margin-right: -326px; top: -8px; } .emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after { width: 10px; height: 19px; background-position: 0px -60px; top: 13px; left: -10px; } .emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after { background-position: right -60px; } .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom { margin-top: 10px; right: -14px; top: 47px; } .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after { width: 19px; height: 10px; background-position: -2px -100px; top: -10px; right: 20px; } .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after { background-position: -2px -90px; } .emojionearea .emojionearea-button.active + .emojionearea-picker { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .emojionearea .emojionearea-button.active + .emojionearea-picker-position-top { margin-top: -269px; } .emojionearea .emojionearea-button.active + .emojionearea-picker-position-left, .emojionearea .emojionearea-button.active + .emojionearea-picker-position-right { margin-right: -309px; } .emojionearea .emojionearea-button.active + .emojionearea-picker-position-bottom { margin-top: -7px; } .emojionearea.emojionearea-standalone { display: inline-block; width: auto; box-shadow: none; } .emojionearea.emojionearea-standalone .emojionearea-editor { min-height: 33px; position: relative; padding: 6px 42px 6px 6px; } .emojionearea.emojionearea-standalone .emojionearea-editor::before { content: ""; position: absolute; top: 4px; left: 50%; bottom: 4px; border-left: 1px solid #e6e6e6; } .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder { background-repeat: no-repeat; background-position: 20px 4px; } .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji { opacity: 0.4; } .emojionearea.emojionearea-standalone .emojionearea-button { top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; } .emojionearea.emojionearea-standalone .emojionearea-button > div { right: 6px; top: 5px; } .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after { right: 23px; } .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after { top: 15px; } .emojionearea .emojionearea-button > div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=') !important; } .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAAC/v79T5hyIAAAAAXRSTlMAQObYZgAAABNJREFUCNdjYGNgQEb/P4AQqiAASiUEG6Vit44AAAAASUVORK5CYII=') !important; } /*# sourceMappingURL=emojionearea.css.map */ /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :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 } *, ::after, ::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } 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: var(--p); text-align: left; background-color: #fff } [tabindex="-1"]:focus { outline: 0 !important } hr { box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-original-title], abbr[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 } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { 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]):not([tabindex]) { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } code, kbd, pre, 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: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, optgroup, select, 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 } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -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: .5rem; font-weight: 500; line-height: 1.5 } .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 #dee2e6 } .small, small { font-size: 80%; font-weight: 400 } .mark, mark { padding: .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: .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: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 90%; color: #6c757d } code { font-size: 87.5%; color: #e83e8c; word-break: break-word } a > code { color: inherit } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .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: 1170px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .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, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-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% } .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% } .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% } .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% } .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% } .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 td, .table th { padding: .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 td, .table-sm th { padding: .3rem } .table-bordered { border: 1px solid #dee2e6 } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05) } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0,0,0,.075) } .table-primary, .table-primary > td, .table-primary > th { background-color: #b8daff } .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { 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 > td, .table-secondary > th { background-color: #d6d8db } .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { 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 > td, .table-success > th { background-color: #c3e6cb } .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { 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 > td, .table-info > th { background-color: #bee5eb } .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { 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 > td, .table-warning > th { background-color: #ffeeba } .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { 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 > td, .table-danger > th { background-color: #f5c6cb } .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { 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 > td, .table-light > th { background-color: #fdfdfe } .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { 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 > td, .table-dark > th { background-color: #c6c8ca } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { 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 > td, .table-active > th { background-color: rgba(0,0,0,.075) } .table-hover .table-active:hover { background-color: rgba(0,0,0,.075) } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(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 td, .table-dark th, .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,.05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255,255,255,.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 + .75rem + 2px); padding: .375rem .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: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.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(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } select.form-control[multiple], select.form-control[size] { height: auto } textarea.form-control { height: auto } .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .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: .3rem; margin-left: -1.25rem } .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: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #28a745 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(40,167,69,.9); border-radius: .25rem } .form-control.is-valid, .was-validated .form-control:valid { border-color: #28a745; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: #28a745; padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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(.75em + .375rem) calc(.75em + .375rem) } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip { display: block } .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip { display: block } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #28a745 } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #28a745 } .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { border-color: #28a745 } .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block } .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57 } .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745 } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #28a745 } .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: #dc3545; padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip { display: block } .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545 } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #dc3545 } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { border-color: #dc3545 } .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block } .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d } .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545 } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #dc3545 } .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.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 .custom-select, .form-inline .input-group { 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: .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; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .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 .2rem rgba(0,123,255,.25) } .btn.disabled, .btn:disabled { opacity: .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 { box-shadow: 0 0 0 .2rem rgba(38,143,255,.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 .2rem rgba(38,143,255,.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 { box-shadow: 0 0 0 .2rem rgba(130,138,145,.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 .2rem rgba(130,138,145,.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 { box-shadow: 0 0 0 .2rem rgba(72,180,97,.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 .2rem rgba(72,180,97,.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 { box-shadow: 0 0 0 .2rem rgba(58,176,195,.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 .2rem rgba(58,176,195,.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 { box-shadow: 0 0 0 .2rem rgba(222,170,12,.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 .2rem rgba(222,170,12,.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 { box-shadow: 0 0 0 .2rem rgba(225,83,97,.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 .2rem rgba(225,83,97,.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 { box-shadow: 0 0 0 .2rem rgba(216,217,219,.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 .2rem rgba(216,217,219,.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 { box-shadow: 0 0 0 .2rem rgba(82,88,93,.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 .2rem rgba(82,88,93,.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 .2rem rgba(0,123,255,.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 .2rem rgba(0,123,255,.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 .2rem rgba(108,117,125,.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 .2rem rgba(108,117,125,.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 .2rem rgba(40,167,69,.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 .2rem rgba(40,167,69,.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 .2rem rgba(23,162,184,.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 .2rem rgba(23,162,184,.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 .2rem rgba(255,193,7,.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 .2rem rgba(255,193,7,.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 .2rem rgba(220,53,69,.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 .2rem rgba(220,53,69,.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 .2rem rgba(248,249,250,.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 .2rem rgba(248,249,250,.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 .2rem rgba(52,58,64,.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 .2rem rgba(52,58,64,.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-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .btn-block { display: block; width: 100% } .btn-block + .btn-block { margin-top: .5rem } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { transition: opacity .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 .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown, .dropleft, .dropright, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .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: .5rem 0; margin: .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,.15); border-radius: .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: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .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: .125rem } .dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .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: .125rem } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropleft .dropdown-toggle::after { display: none } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropleft .dropdown-toggle:empty::after { margin-left: 0 } .dropleft .dropdown-toggle::before { vertical-align: 0 } .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { 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: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto } .btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1 } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { 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-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropleft .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .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-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { 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=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] { 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 > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 } .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { margin-left: -1px } .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3 } .input-group > .custom-file .custom-file-input:focus { z-index: 4 } .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group > .custom-select:not(:first-child), .input-group > .form-control: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-append, .input-group-prepend { display: -ms-flexbox; display: flex } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3 } .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { 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: .375rem .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: .25rem } .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 } .input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { height: calc(1.5em + 1rem + 2px) } .input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.5em + .5rem + 2px) } .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem } .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), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { 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:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { 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; z-index: -1; 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 .2rem rgba(0,123,255,.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 { color: #6c757d } .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: .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: .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: .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' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 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' 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,.5) } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0,123,255,.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' 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,.5) } .custom-switch { padding-left: 2.25rem } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem } .custom-switch .custom-control-label::after { top: calc(.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: .5rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .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(.75rem); transform: translateX(.75rem) } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0,123,255,.5) } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .custom-select:focus::-ms-value { color: #495057; background-color: #fff } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #6c757d; background-color: #e9ecef } .custom-select::-ms-expand { display: none } .custom-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); margin-bottom: 0 } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + .75rem + 2px); margin: 0; opacity: 0 } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .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 + .75rem + 2px); padding: .375rem .75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + .75rem); padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0 } .custom-range { width: 100%; height: calc(1rem + .4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-range:focus { outline: 0 } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-webkit-slider-thumb { transition: none } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff } .custom-range::-webkit-slider-runnable-track { width: 100%; height: .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; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-moz-range-thumb { transition: none } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff } .custom-range::-moz-range-track { width: 100%; height: .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: .2rem; margin-left: .2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-ms-thumb { transition: none } } .custom-range::-ms-thumb:active { background-color: #b3d7ff } .custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .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 .15s ease-in-out,border-color .15s ease-in-out,box-shadow .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: .5rem 1rem } .nav-link:focus, .nav-link:hover { 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: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { 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: .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: .5rem 1rem } .navbar > .container, .navbar > .container-fluid { 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: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap } .navbar-brand:focus, .navbar-brand:hover { 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: .5rem; padding-bottom: .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: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem } .navbar-toggler:focus, .navbar-toggler:hover { 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 { 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: .5rem; padding-left: .5rem } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -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 { 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: .5rem; padding-left: .5rem } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -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 { 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: .5rem; padding-left: .5rem } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -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 { 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: .5rem; padding-left: .5rem } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -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 { 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: .5rem; padding-left: .5rem } .navbar-expand > .container, .navbar-expand > .container-fluid { -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,.9) } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0,0,0,.9) } .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.5) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.3) } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0,0,0,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0,0,0,.5) } .navbar-light .navbar-text a { color: rgba(0,0,0,.9) } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.5) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255,255,255,.5) } .navbar-dark .navbar-text a { color: #fff } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { 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,.125); border-radius: .25rem } .card > hr { margin-right: 0; margin-left: 0 } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem } .card-title { margin-bottom: .75rem } .card-subtitle { margin-top: -.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: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-header + .list-group .list-group-item:first-child { border-top: 0 } .card-footer { padding: .75rem 1.25rem; /*background-color: rgba(0,0,0,.03);*/ border-top: 1px solid #ececec } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0 } .card-header-pills { margin-right: -.625rem; margin-left: -.625rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem } .card-img { width: 100%; border-radius: calc(.25rem - 1px) } .card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-deck .card { margin-bottom: 15px } @media (min-width:576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px } .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px } } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-group > .card { margin-bottom: 15px } @media (min-width:576px) { .card-group { -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-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { 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-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .card-columns .card { margin-bottom: .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(:first-of-type) .card-header:first-child { border-radius: 0 } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0 } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0 } .accordion > .card .card-header { margin-bottom: -1px } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem } .breadcrumb-item + .breadcrumb-item { padding-left: .5rem } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .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: .25rem } .page-link { position: relative; display: block; padding: .5rem .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: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .page-item.active .page-link { z-index: 1; 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: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .badge { transition: none } } a.badge:focus, a.badge:hover { text-decoration: none } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } .badge-primary { color: #fff; background-color: #007bff } a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #0062cc } a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .badge-secondary { color: #fff; background-color: #6c757d } a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #545b62 } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .badge-success { color: #fff; background-color: #28a745 } a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #1e7e34 } a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .badge-info { color: #fff; background-color: #17a2b8 } a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #117a8b } a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .badge-warning { color: #212529; background-color: #ffc107 } a.badge-warning:focus, a.badge-warning:hover { color: #212529; background-color: #d39e00 } a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .badge-danger { color: #fff; background-color: #dc3545 } a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #bd2130 } a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .badge-light { color: #212529; background-color: #f8f9fa } a.badge-light:focus, a.badge-light:hover { color: #212529; background-color: #dae0e5 } a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } .badge-dark { color: #fff; background-color: #343a40 } a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #1d2124 } a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem } @media (min-width:576px) { .jumbotron { padding: 4rem 2rem } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .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: .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: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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 { width: 80%; overflow-wrap:break-word; padding: 10px 20px 10px 20px; background: var(--background-body-content); -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:focus, .list-group-item-action:hover { 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: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .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-horizontal { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } @media (min-width:576px) { .list-group-horizontal-sm { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width:768px) { .list-group-horizontal-md { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width:992px) { .list-group-horizontal-lg { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width:1200px) { .list-group-horizontal-xl { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0 } .list-group-flush .list-group-item:last-child { margin-bottom: -1px } .list-group-flush:first-child .list-group-item:first-child { border-top: 0 } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0 } .list-group-item-primary { color: #004085; background-color: #b8daff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { 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:focus, .list-group-item-secondary.list-group-item-action:hover { 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:focus, .list-group-item-success.list-group-item-action:hover { 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:focus, .list-group-item-info.list-group-item-action:hover { 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:focus, .list-group-item-warning.list-group-item-action:hover { 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:focus, .list-group-item-danger.list-group-item-action:hover { 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:focus, .list-group-item-light.list-group-item-action:hover { 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:focus, .list-group-item-dark.list-group-item-action:hover { 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):focus, .close:not(:disabled):not(.disabled):hover { 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: .875rem; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .25rem .75rem rgba(0,0,0,.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: .25rem } .toast:not(:last-child) { margin-bottom: .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: .25rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05) } .toast-body { padding: .75rem } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 999; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .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-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-footer, .modal-dialog-scrollable .modal-header { -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: var(--block-content); background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 998; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .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: .3rem; border-top-right-radius: .3rem } .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-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem } .modal-footer > :not(:first-child) { margin-left: .25rem } .modal-footer > :not(:last-child) { margin-right: .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: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .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: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem } .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem } .bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow { bottom: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow { left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem } .bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow { top: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem } .bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow { right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: .5rem .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 .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { -webkit-transform: translateX(100%); transform: translateX(100%) } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { -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-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s .6s opacity } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none } } .carousel-control-next, .carousel-control-prev { 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: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-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' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%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' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-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 .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: .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: .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:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0062cc !important } .bg-secondary { background-color: #6c757d !important } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #545b62 !important } .bg-success { background-color: #28a745 !important } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #1e7e34 !important } .bg-info { background-color: #17a2b8 !important } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b !important } .bg-warning { background-color: #ffc107 !important } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #d39e00 !important } .bg-danger { background-color: #dc3545 !important } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130 !important } .bg-light { background-color: #f8f9fa !important } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5 !important } .bg-dark { background-color: #343a40 !important } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { 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: .2rem !important } .rounded { border-radius: .25rem !important } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important } .rounded-right { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-left { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-lg { border-radius: .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 embed, .embed-responsive iframe, .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: 800 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; 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 .125rem .25rem rgba(0,0,0,.075) !important } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(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: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .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: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .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: -.25rem !important } .mt-n1, .my-n1 { margin-top: -.25rem !important } .mr-n1, .mx-n1 { margin-right: -.25rem !important } .mb-n1, .my-n1 { margin-bottom: -.25rem !important } .ml-n1, .mx-n1 { margin-left: -.25rem !important } .m-n2 { margin: -.5rem !important } .mt-n2, .my-n2 { margin-top: -.5rem !important } .mr-n2, .mx-n2 { margin-right: -.5rem !important } .mb-n2, .my-n2 { margin-bottom: -.5rem !important } .ml-n2, .mx-n2 { margin-left: -.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: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .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: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .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: -.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important } .m-sm-n2 { margin: -.5rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.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: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .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: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .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: -.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important } .m-md-n2 { margin: -.5rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.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: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .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: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .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: -.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important } .m-lg-n2 { margin: -.5rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.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: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .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: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .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: -.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important } .m-xl-n2 { margin: -.5rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.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:focus, a.text-primary:hover { color: #0056b3 !important } .text-secondary { color: #6c757d !important } a.text-secondary:focus, a.text-secondary:hover { color: #494f54 !important } .text-success { color: #28a745 !important } a.text-success:focus, a.text-success:hover { color: #19692c !important } .text-info { color: #17a2b8 !important } a.text-info:focus, a.text-info:hover { color: #0f6674 !important } .text-warning { color: #ffc107 !important } a.text-warning:focus, a.text-warning:hover { color: #ba8b00 !important } .text-danger { color: #dc3545 !important } a.text-danger:focus, a.text-danger:hover { color: #a71d2a !important } .text-light { color: #f8f9fa !important } a.text-light:focus, a.text-light:hover { color: #cbd3da !important } .text-dark { color: #343a40 !important } a.text-dark:focus, a.text-dark:hover { color: #121416 !important } .text-body { color: #212529 !important } .text-muted { color: #6c757d !important } .text-black-50 { color: rgba(0,0,0,.5) !important } .text-white-50 { color: rgba(255,255,255,.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 { *, ::after, ::before { 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 } blockquote, pre { border: 1px solid #adb5bd; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } h2, h3, p { 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 td, .table-bordered th { border: 1px solid #dee2e6 !important } .table-dark { color: inherit } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #dee2e6 } .table .thead-dark th { color: inherit; border-color: #dee2e6 } } /*# sourceMappingURL=bootstrap.min.css.map */ @charset "UTF-8";@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;overflow-y:hidden;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:initial;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon::before{display:flex;align-items:center;font-size:2em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon::before{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:2em;height:2.8125em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.25em;left:-.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 2em;transform-origin:0 2em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .2s forwards;animation:swal2-toast-hide .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}@-webkit-keyframes swal2-toast-show{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@keyframes swal2-toast-show{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@-webkit-keyframes swal2-toast-hide{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;background-color:transparent;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{z-index:1;flex-wrap:wrap;align-items:center;justify-content:center;margin:1.25em auto 0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-actions.swal2-loading .swal2-styled.swal2-confirm{box-sizing:border-box;width:2.5em;height:2.5em;margin:.46875em;padding:0;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{content:"";display:inline-block;width:15px;height:15px;margin-left:5px;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;word-wrap:break-word}#swal2-content{text-align:center}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-file::-webkit-input-placeholder,.swal2-input::-webkit-input-placeholder,.swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-ms-input-placeholder,.swal2-input::-ms-input-placeholder,.swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:inherit}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:inherit;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;zoom:normal;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;zoom:normal;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon::before{display:flex;align-items:center;height:92%;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-warning::before{content:"!"}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-info::before{content:"i"}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-question::before{content:"?"}.swal2-icon.swal2-question.swal2-arabic-question-mark::before{content:"؟"}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progress-steps{align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:initial!important}} /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.6.1 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2016 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /* @group Base */ .chosen-container { width: 300px !important; position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .chosen-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { color: black; display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(/Assets/Css/Tag/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url(/Assets/Css/Tag/chosen-sprite.png) no-repeat 0px 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: white url(/Assets/Css/Tag/chosen-sprite.png) no-repeat 100% -20px; background: url(/Assets/Css/Tag/chosen-sprite.png) no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url(/Assets/Css/Tag/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url(/Assets/Css/Tag/chosen-sprite.png) no-repeat -30px -20px; background: url(/Assets/Css/Tag/chosen-sprite.png) no-repeat -30px -20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url(/Assets/Css/Tag/chosen-sprite@2x.png) !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ /** * selectize.css (v0.12.6) * Copyright (c) 2013–2015 Brian Reavis & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis */ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #fff; box-shadow: inset 0 0 12px 4px #fff; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #ffffff; } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #fff; cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .selectize-control.multi .selectize-input.has-items { padding: 8px 8px; } .selectize-input.full { background-color: #fff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #fff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown .option, .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: 0.5; } .selectize-dropdown [data-selectable].option { opacity: 1; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } @import 'https://fonts.googleapis.com/css?family=Open+Sans'; /* * Usage: *
* */ .sk-rotating-plane { width: 50px; height: 50px; background-color: #fff; margin: 0 auto 30px; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* * Usage: *
* */ .sk-double-bounce { width: 50px; height: 50px; position: relative; margin: 0 auto 30px; } .sk-double-bounce .sk-child { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2.0s infinite ease-in-out; animation: sk-doubleBounce 2.0s infinite ease-in-out; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-wave { margin: 0 auto 30px; width: 62.5px; height: 50px; text-align: center; font-size: 10px; } .sk-wave .sk-rect { background-color: #fff; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-wave .sk-rect1 { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .sk-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /* * Usage: *
* */ .sk-wandering-cubes { margin: 0 auto 30px; width: 50px; height: 50px; position: relative; } .sk-wandering-cubes .sk-cube { background-color: #fff; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; } .sk-wandering-cubes .sk-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-wanderingCube { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5); transform: translateX(30px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg); transform: translateX(30px) translateY(30px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg); transform: translateX(30px) translateY(30px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes sk-wanderingCube { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5); transform: translateX(30px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg); transform: translateX(30px) translateY(30px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg); transform: translateX(30px) translateY(30px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } /* * Usage: * * */ .sk-spinner-pulse { width: 50px; height: 50px; margin: 0 auto 30px; background-color: #fff; border-radius: 100%; -webkit-animation: sk-pulseScaleOut 1.0s infinite ease-in-out; animation: sk-pulseScaleOut 1.0s infinite ease-in-out; } @-webkit-keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /* * Usage: *
* */ .sk-chasing-dots { margin: 0 auto 30px; width: 50px; height: 50px; position: relative; text-align: center; -webkit-animation: sk-chasingDotsRotate 2s infinite linear; animation: sk-chasingDotsRotate 2s infinite linear; } .sk-chasing-dots .sk-child { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; animation: sk-chasingDotsBounce 2s infinite ease-in-out; } .sk-chasing-dots .sk-dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-three-bounce { margin: 0 auto 30px; width: 100px; text-align: center; } .sk-three-bounce .sk-child { width: 25px; height: 25px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-circle { margin: 0 auto 30px; width: 50px; height: 50px; position: relative; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #fff; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-cube-grid { width: 50px; height: 50px; margin: 0 auto 30px; /* * Spinner positions * 1 2 3 * 4 5 6 * 7 8 9 */ } .sk-cube-grid .sk-cube { width: 33.33%; height: 33.33%; background-color: #fff; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0.0s; animation-delay: 0.0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } /* * Usage: *
* */ .sk-fading-circle { margin: 0 auto 30px; width: 50px; height: 50px; position: relative; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #fff; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } /* * Usage: *
* */ .sk-folding-cube { margin: 0 auto 30px; width: 50px; height: 50px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); transform: scale(1.1); } .sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } .jquery-loading-modal { -webkit-transform: translateZ(0); transform: translateZ(0); display: -ms-flexbox; display: flex; display: -webkit-box; position: fixed; width: 100%; height: 100%; z-index: 9999; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; } .jquery-loading-modal__animation { display: inline-block; } .jquery-loading-modal__animation * { -webkit-transition: background-color 1s ease-in; transition: background-color 1s ease-in; } .jquery-loading-modal__animation *:before { -webkit-transition: background-color 1s ease-in; transition: background-color 1s ease-in; } .jquery-loading-modal__bg { position: absolute; z-index: 1; width: 100%; height: 100%; opacity: 0.7; background-color: #000; left: 0; top: 0; -webkit-transition: background-color 1s ease-in; transition: background-color 1s ease-in; } .jquery-loading-modal__info-box { position: relative; text-align: center; z-index: 2; } .jquery-loading-modal__text { font-family: 'Open Sans', sans-serif; font-size: 18px; text-align: center; -webkit-transition: color 1s ease-in; transition: color 1s ease-in; } .jquery-loading-modal--visible { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .jquery-loading-modal--hidden { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Template Name: MartPlace - Multipurpose Online Marketplace HTML Template with Dashboard Template URI: https://themeforest.net/user/aazztech/portfolio Author: Aazztech Author URI: https://themeforest.net/user/aazztech Version: 2.1.0 NB: this file contains the list of components/scss partial along with the style.scss contents order. */ /** ** ** TABLE OF CONTENTS ** ** ** -----------------------------------*/ /* 01.COMMON -- reset -- helper -- theme -- general -- mixins 02.COMPONENTS -- menu -- sidebar -- btn -- product -- social -- accordion -- breadcrumb -- modal -- table -- progressbar -- timeline -- team -- pricing -- bumba -- datepicker 03. MENU AREA 04. HERO AREA 05. FEATURE AREA 06. PRODUCTS AREA 07. FEATURED PRODUCTS AREA 08. FOLLOWERS FEED 09. COUNTER UP AREA 10. WHY CHOOSE AREA 11. SELL BUY AREA 12. TESTIMONIAL AREA 13. LATEST NEWS AREA 14. SPECIAL FEATURE 15. CALL TO ACTION 16. FOOTER AREA 17. PROMOTION AREA 18. OVERVIEW AREA 19. PARTNER AREA 20. SEARCH AREA2 21. SINGLE PRODUCT1 AREA 22. OVERVIEW AREA 23. AUTHOR AREA 24. DASHBOARD AREA 25. NOTIFICATIONS AREA 26. MESSAGE AREA 27. CART PAGE AREA 28. CHECKOUT AREA 29. SUPPORT AREA 30. HOW IT WORKS AREA 31. FORUM AREA 32. ABOUT US HERO AREA 33. ABOUT AND MISSION AREA 34. GALLERY ARE 35. TESTIMONIAL VIDEO 36. PRICING AREA 37. FAQ AREA 38. AFFILIATE PAGE 39. TERM AND CONDITION AREA 40. BLOG AREA 41. CONTACT AREA 42. 404 AREA 43. JOB HERO HERO 44. JOB AREA 45. FEATURE AREA 46. JOB DETAIL 47. DETAIL AREA 48. EVENT AREA 49. EVENT DETAIL 50. MAP AREA 51. TICKET AREA 52. RESPONSIVE CSS ***************************/ /* import fonts @import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700"); @import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');*/ /* import style css */ /***************************** -- THEME *****************************/ /* RESET CSS */ /***************************** -- RESET *****************************/ /*//fonts.googleapis.com/css?family=Nunito+Sans:400,600,700|Quicksand:500,700*/ /* vietnamese */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/quicksand/v21/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap } /* latin-ext */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/quicksand/v21/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap } /* latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/quicksand/v21/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap } /* vietnamese */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/quicksand/v21/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap } /* latin-ext */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/quicksand/v21/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap } /* latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/quicksand/v21/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap } body { font-family: 'Quicksand', sans-serif; position: relative; font-weight: 400; font-size: 15px; } ul { padding: 0; margin: 0; } li { list-style: none; } a:hover, a:focus { text-decoration: none; } a:focus { outline: 0; } img { max-width: 100%; } input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea, select { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; outline: none; width: 100%; padding: 0 20px; } select.text_field { height: 50px; } select.text_field { -webkit-appearance: none; -moz-appearance: none; } input { line-height: 45px; height: 45px; border: 1px solid #ececec; -webkit-border-radius: 2px; border-radius: 2px; color: black; font-size: 16px; } label, .form-group p.label { font-weight: 500; font-size: 16px; line-height: 26px; text-transform: capitalize; margin-bottom: 10px; color: var(--p); font-weight: 600 !important } label span, .form-group p.label span { font-weight: 400; font-size: 15px; color: var(--p); } label sup, .form-group p.label sup { color: #ff6a6d; } select[multiple] { height: 80px; } select:focus { outline: 0; border-color: #0674ec; } .select--field { height: 55px; border: 1px solid #dcdcdc; } .text_field { line-height: 50px; background: #f4f5f8; border: none; } textarea { border: 1px solid #ececec; /*min-height: 135px;*/ line-height: 25px; padding-top: 15px; } textarea.text_field { line-height: 25px; padding-top: 15px; min-height: 135px; } button { margin: 0; padding: 0; } button:focus { outline: 0; } /* TYPOGRAPHY */ p { font-size: 15px; line-height: 30px; color: var(--p); font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-family: 'Quicksand', sans-serif; margin: 0; font-weight: 400; padding: 0; color: var(--title-post); } a { color: var(--a); } .form-group { margin-bottom: 20px; } .form-group p { font-size: 14px; margin-top: 10px; margin-bottom: 0; color: var(--p); } .form-group p span { font-weight: 500; /*color: #000;*/ } .form-group p.label { margin-top: 0; clear: right; padding: 0; } /* HELPER CLASSES: this file contains classes for quick uses */ /***************************** -- HELPER *****************************/ .no-padding { padding: 0; } .no-margin { margin: 0; } .padding-left0 { padding-left: 0; } .ltr { text-align: right; } .rtl { text-align: left; } .br_0 { border-right: none !important; } .bt1 { border-top: 1px solid #e4e4e4; } .v_middle, .user_area .user_single .user__short_desc .user_avatar, .user_area .user_single .user__short_desc .user_info, .statement_info_card .icon, .statement_info_card .info { display: inline-block; vertical-align: middle; margin-right: -3px; float: none; } .inline { display: inline-block; } .text--white { color: #fff; } .rounded, .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { -webkit-border-radius: 200px !important; border-radius: 200px !important; } .border-right1 { border-right: 1px solid #ececec; } .bold { font-weight: 500; } /* verticaly middle */ .ver_mid { display: table-cell; vertical-align: middle; } /***************************** -- THEME *****************************/ /***************************** -- THEME *****************************/ /***************************** -- THEME *****************************/ /***************************** -- MIXINS *****************************/ /* container sizes for various devices */ /* Custom scrollbar */ /***************************** -- GENERAL *****************************/ .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } .pcolor { color: #0674ec; } .scolor { color: var(--pink); } /* Background Image */ .bgimage { position: relative; } .bgimage:before { z-index: 1; } .content_above { position: relative; z-index: 2; } /* Background image holder */ .bg_image_holder { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-background-size: cover !important; background-size: cover !important; background-position: 50% 50% !important; z-index: 0; -o-transition: opacity .3s linear; transition: opacity .3s linear; -webkit-transition: opacity .3s linear; opacity: 0; } .bg_image_holder img { display: none; } .or { width: 100%; background: #ececec; height: 1px; margin-bottom: 33px; position: relative; } .or:before { content: 'Or'; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: #fff; padding: 20px; color: #0674ec; font-weight: 500; transform: translate(-50%, -50%); } .mcolor1 { color: #77de51; } .mcolor2 { color: #feb71d; } .mcolor3 { color: #58c9e9; } .mcolor4 { color: #ff6a6d; } .pcolorbg { background: #0674ec; } .scolorbg { background: var(--pink); } .mcolorbg1 { background: #77de51; } .mcolorbg2 { background: #feb71d; } .mcolorbg3 { background: #58c9e9; } .mcolorbg4 { background: #ff6a6d; } /* tooltip */ .tooltip { display: block; } .tooltip .tooltip-inner { font-family: "Quicksand", sans-serif; font-size: 14px; text-align: left; display: block; } /*.highlighted{ background: $pcolor; }*/ .section--padding { padding-top: 120px; padding-bottom: 120px; } .section--padding2 { padding: 70px 0 60px; } .section--padding3 { padding: 70px 0 0; } .section-title { text-align: center; padding-bottom: 53px; } .section-title h1 { font-weight: 400; margin-bottom: 24px; } .section-title h1 .highlighted { color: #0674ec; } .section-title p { padding: 0 230px; line-height: 30px; margin-bottom: 0; } .shortcode_wrapper + .shortcode_wrapper { margin-top: 80px; } /* Input with icons */ .input_with_icon { position: relative; } .input_with_icon span { position: absolute; right: 20px; top: 50%; color: #747b86; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-title-area, .shortcode_module_title, .dashboard_contents .dashboard_title_area { background: var(--block-content); padding: 32px 30px 32px; margin-bottom: 30px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .product-title-area:before, .shortcode_module_title:before, .dashboard_contents .dashboard_title_area:before, .product-title-area:after, .shortcode_module_title:after, .dashboard_contents .dashboard_title_area:after { display: table; content: ""; clear: both; } .product-title-area .product__slider-nav, .shortcode_module_title .product__slider-nav, .dashboard_contents .dashboard_title_area .product__slider-nav { float: right; background: #7347c1; } .product-title-area .product__slider-nav span, .shortcode_module_title .product__slider-nav span, .dashboard_contents .dashboard_title_area .product__slider-nav span { line-height: 45px; color: #fff; cursor: pointer; width: 52px; display: inline-block; text-align: center; } .product-title-area .date_area, .shortcode_module_title .date_area, .dashboard_contents .dashboard_title_area .date_area { float: right; } .product-title-area .date_area p, .shortcode_module_title .date_area p, .dashboard_contents .dashboard_title_area .date_area p { float: left; } .product-title-area .date_area .input_with_icon, .shortcode_module_title .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon { max-width: 158px; } .product-title-area .date_area .input_with_icon, .shortcode_module_title .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon, .product-title-area .date_area .select-wrap, .shortcode_module_title .date_area .select-wrap, .dashboard_contents .dashboard_title_area .date_area .select-wrap { float: left; margin-right: 10px; } .product-title-area .date_area .select-wrap select, .shortcode_module_title .date_area .select-wrap select, .dashboard_contents .dashboard_title_area .date_area .select-wrap select { height: 47px; } .product-title-area .date_area .btn:hover, .shortcode_module_title .date_area .btn:hover, .dashboard_contents .dashboard_title_area .date_area .btn:hover { background: #0674ec; color: #fff; } .product__title { float: left; } .product__title h2 { font-weight: 400; line-height: 45px; } .filter__menu { float: right; position: relative; margin-top: 10px; } .filter__menu p { margin-bottom: 0; display: inline-block; vertical-align: middle; color: #747b86; margin-right: 15px; } .filter__menu .filter__menu_icon { display: inline-block; vertical-align: middle; margin-top: 6px; width: 17px; } .filter__menu .filter__menu_icon svg { height: 16px; cursor: pointer; } .filter__menu .filter__menu_icon svg:hover circle { fill: #0673ec; } .filter__menu .filter__menu_icon svg circle { fill: #a3b1c4; } .filter__menu .filter__menu_icon .filter_dropdown { position: absolute; min-width: 183px; padding: 20px 27px; top: 45px !important; z-index: 3; background: #fff; right: -15px; left: auto !important; -webkit-box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .filter__menu .filter__menu_icon .filter_dropdown.active { display: block; } .filter__menu .filter__menu_icon .filter_dropdown:before { position: absolute; content: ""; border-bottom: 10px solid #fff; border-left: 10px solid transparent; right: 15px; bottom: 100%; border-right: 10px solid transparent; } .filter__menu .filter__menu_icon .filter_dropdown li a { color: #747b86; display: block; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; line-height: 28px; } .filter__menu .filter__menu_icon .filter_dropdown li a:hover { color: #0674ec; } .transparent { background: transparent; } .rounded, .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { -webkit-border-radius: 200px; border-radius: 200px; } .tags ul > li { display: inline-block; } .tags--round ul > li a { color: #868c96; line-height: 28px; background: #f1f3f6; display: inline-block; padding: 0 17px; margin-right: 4px; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .tags--round ul > li a:hover { background: #7347c1; color: #fff; } .bgcolor { background: #eff1f5; } .bgcolor2 { background: #f6f7fb; } .range-slider.ui-slider { height: 6px; background: #efedf3; -webkit-border-radius: 6px; border-radius: 6px; } .range-slider.ui-slider .ui-slider-range { background: #7347c1; } .range-slider.ui-slider .ui-slider-handle { height: 18px; width: 18px; background: #0674ec; -webkit-border-radius: 50px; border-radius: 50px; top: -6px; z-index: 2; cursor: pointer; } .range-slider.ui-slider .ui-slider-handle:focus { outline: 0; } .range-slider.ui-slider .ui-slider-handle:before { content: ''; position: absolute; height: calc(100% - 8px); width: calc(100% - 8px); background: #fff; left: 4px; top: 4px; z-index: -1; -webkit-border-radius: 50%; border-radius: 50%; } .price-ranges { padding-top: 34px; text-align: center; } .price-ranges span { line-height: 32px; display: inline-block; background: rgba(115, 71, 193, 0.1); width: 80px; color: #7347c1; } .rating { display: inline-block; vertical-align: middle; } .rating ul { float: left; padding-bottom: 0; } .rating ul li { float: left; margin-right: 3px; } .rating ul li span.fa-star, .rating ul li span.fa-star-half-o, .rating ul li span.fa-star-half-alt { color: #ffc000; } .rating ul li span.fa-star-o { color: #7e7e7e; } .rating .rating__count { display: inline-block; color: var(--p); vertical-align: middle; margin-left: 5px; } .custom-checkbox2 input[type='checkbox'], .custom-radio input[type='checkbox'] { display: none; } .custom-checkbox2 input[type='checkbox']:checked + label span:before, .custom-radio input[type='checkbox']:checked + label span:before, .custom-checkbox2 .form-group input[type='checkbox']:checked + p.label span:before, .form-group .custom-checkbox2 input[type='checkbox']:checked + p.label span:before, .custom-radio .form-group input[type='checkbox']:checked + p.label span:before, .form-group .custom-radio input[type='checkbox']:checked + p.label span:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .custom-checkbox2 label, .custom-radio label, .custom-checkbox2 .form-group p.label, .form-group .custom-checkbox2 p.label, .custom-radio .form-group p.label, .form-group .custom-radio p.label { font-size: 15px; font-weight: 400; margin: 0; line-height: 36px; cursor: pointer; text-transform: none; } .custom-checkbox2 label span.circle, .custom-radio label span.circle, .custom-checkbox2 .form-group p.label span.circle, .form-group .custom-checkbox2 p.label span.circle, .custom-radio .form-group p.label span.circle, .form-group .custom-radio p.label span.circle { height: 20px; margin-right: 12px; vertical-align: middle; width: 20px; background: #fff; display: inline-block; border: 4px solid #e6e9ed; -webkit-border-radius: 50%; border-radius: 50%; position: relative; } .custom-checkbox2 label span.circle:before, .custom-radio label span.circle:before, .custom-checkbox2 .form-group p.label span.circle:before, .form-group .custom-checkbox2 p.label span.circle:before, .custom-radio .form-group p.label span.circle:before, .form-group .custom-radio p.label span.circle:before { content: '\f00c'; font-family: 'FontAwesome',sans-serif; position: absolute; height: 20px; width: 20px; text-align: center; font-size: 12px; bottom: -4px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; left: -4px; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-border-radius: 50%; border-radius: 50%; background: #0674ec; color: #fff; line-height: 20px; } .custom-radio input[type='radio'] { display: none; } .custom-radio input[type='radio']:checked + label span:before, .custom-radio .form-group input[type='radio']:checked + p.label span:before, .form-group .custom-radio input[type='radio']:checked + p.label span:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .custom-radio label span.circle:before, .custom-radio .form-group p.label span.circle:before, .form-group .custom-radio p.label span.circle:before { content: ""; background: #fff; border: 4px solid #0674ec; } .custom-radio.custom_radio--big span.circle { height: 30px; width: 30px; border-width: 5px; } .custom-radio.custom_radio--big span.circle:before { width: 30px; height: 30px; font-size: 16px; line-height: 30px; border-width: 5px; } .radio-group .label { display: block; text-align: left; } .radio-group .custom-radio { display: inline-block; } .radio-group .custom-radio + .custom-radio { margin-left: 30px; } /* custom checkbox area css*/ .custom_checkbox { position: relative; margin-top: 10px; } .custom_checkbox input[type='checkbox'] { display: none; } .custom_checkbox input[type='radio'] { display: none; } .custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox, .custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox, .form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox { border: transparent; } .custom_checkbox input[type='radio']:checked + label .shadow_checkbox, .custom_checkbox .form-group input[type='radio']:checked + p.label .shadow_checkbox, .form-group .custom_checkbox input[type='radio']:checked + p.label .shadow_checkbox { border: transparent; } .custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox:before, .custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox:before, .form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox:before { visibility: visible; } .custom_checkbox input[type='radio']:checked + label .shadow_checkbox:before, .custom_checkbox .form-group input[type='radio']:checked + p.label .shadow_checkbox:before, .form-group .custom_checkbox input[type='radio']:checked + p.label .shadow_checkbox:before { visibility: visible; } .custom_checkbox label, .custom_checkbox .form-group p.label, .form-group .custom_checkbox p.label { margin-bottom: 0; } .custom_checkbox label .label_text, .custom_checkbox .form-group p.label .label_text, .form-group .custom_checkbox p.label .label_text { font-weight: 400; color: var(--p); display: inline-block; vertical-align: middle; margin-left: 11px; } .custom_checkbox label .shadow_checkbox, .custom_checkbox .form-group p.label .shadow_checkbox, .form-group .custom_checkbox p.label .shadow_checkbox { height: 18px; width: 18px; top: 0; border: 1px solid #d3d3d3; display: inline-block; vertical-align: middle; position: relative; -webkit-border-radius: 2px; border-radius: 2px; } .custom_checkbox label .shadow_checkbox:before, .custom_checkbox .form-group p.label .shadow_checkbox:before, .form-group .custom_checkbox p.label .shadow_checkbox:before { position: absolute; height: 100%; width: 100%; top: 0; content: '\f00c'; font-size: 12px; visibility: hidden; text-align: center; color: #fff; line-height: 18px; font-family: Font Awesome\ 5 Pro, sans-serif; background: #0674ec; -webkit-border-radius: 2px; border-radius: 2px; } /* custom upload field */ .custom_upload p { font-weight: 500; font-size: 16px; color: #000; margin-bottom: 12px; } .custom_upload p span { font-size: 15px; line-height: 26px; font-weight: 400; color: #555; } .custom_upload input[type='file'] { display: none; } /* cardify any area */ .cardify, .content_title, .table_module, .card_style1, .card_style2, .credit_modules, .shortcode_modules, .upload_modules, .withdraw_module, .statement_info_card, .statement_table, .thread_sort_area, .author_info, .comment_area, .contact_tile, .featured_event, .google_map .location_address .addres_module { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); } /* common toggle module css */ .toggle_title { display: block; padding: 30px 30px 25px; } .toggle_title span.fal { float: right; line-height: 20px; font-size: 14px; } .toggle_title h4 { font-size: 22px; } .social_icon { display: inline-block; } .social_icon span { display: inline-block; line-height: 45px; width: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; border-radius: 50%; font-size: 16px; color: #fff; } .social_icon span.fa-facebook { background: #395799; } .social_icon span.fa-twitter { background: #19b2f5; } .social_icon span.fa-google-plus { background: #f05b44; } .social_icon span.fa-behance { background: #0057ff; } .social_icon span.fa-dribbble { background: #ea4c89; } .input-group .input-group-addon { background: none; border: none; font-size: 18px; color: #555; padding-left: 0; } .input-group.with--addon { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .input-group.with--addon .text_field { width: calc(100% - 25px); margin-left: 14px; } /* content area title */ .content_title { padding: 30px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 30px; } /* video modal css */ .video_modal .modal-content iframe { width: 100%; height: 450px; } .messages::-webkit-scrollbar-track { background-color: transparent; } .messages::-webkit-scrollbar { width: 6px; background-color: transparent; } .messages::-webkit-scrollbar-thumb { background-color: #e9eef2; -webkit-border-radius: 5px; border-radius: 5px; } .offcanvas-menu::-webkit-scrollbar-track { background-color: transparent; } .offcanvas-menu::-webkit-scrollbar { width: 6px; background-color: transparent; } .offcanvas-menu::-webkit-scrollbar-thumb { background-color: #e9eef2; -webkit-border-radius: 5px; border-radius: 5px; } /***************************** -- THEME *****************************/ /***************************** -- MIXINS *****************************/ /* container sizes for various devices */ /* Custom scrollbar */ h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 22px; } h5 { font-size: 20px; } h6 { font-size: 18px; } /***************************** --- MENU *****************************/ .top-menu-area .logo { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /*menu style 1*/ .menu--style1 .top-menu-area { background: #fff; } .menu--style1 .mainmenu, .menu--style1 .mainmenu__menu { background: #0674ec; } .menu--style1 .mainmenu__menu ul li:hover a { color: #333; } .menu--style1 .mainmenu__menu ul li a { color: #fff; } .menu--style1 .searc-wrap input { background: rgba(255, 255, 255, 0.2); border: 0; color: #ffffff; font-weight: 400; } .menu--style1 .searc-wrap input::-webkit-input-placeholder { color: #fff; } .menu--style1 .searc-wrap input::-moz-placeholder { color: #fff; } .menu--style1 .searc-wrap input:-ms-input-placeholder { color: #fff; } .menu--style1 .searc-wrap .search-wrap__btn { background: #fff; color: #0674ec; } /* menu style 2 */ .menu--style2 .author-area__seller-btn, .menu--style2 .searc-wrap input, .menu--style2 .searc-wrap .search-wrap__btn { -webkit-border-radius: 4px; border-radius: 4px; } .menu--style2 .searc-wrap .search-wrap__btn { width: 60px; } .menu--style3 .top-menu-area { background: #262b30; } .menu--style3 .top-menu-area .author__notification_area ul li span.fal { color: #9ba9b7; } .menu--style3 .top-menu-area .autor__info .name { color: #fff; } .menu--style3 .top-menu-area .autor__info .ammount { color: #bbc4ce; } /***************************** -- PRODUCT SIDEBAR *****************************/ /***************************** -- THEME *****************************/ /***************************** -- MIXINS *****************************/ /* container sizes for various devices */ /* Custom scrollbar */ .sidebar-card, .item-preview, .content-card { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); margin-bottom: 30px; } .sidebar-card .card-title, .item-preview .card-title, .content-card .card-title { padding: 20px; border-bottom: 1px solid #ececec; } .product--sidebar .sidebar-card, .support--sidebar .sidebar-card, .faq--sidebar .sidebar-card, .affliate_rule_module .sidebar-card, .sidebar--blog .sidebar-card, .product--sidebar .content-card, support--sidebar .content-card, .faq--sidebar .content-card, .affliate_rule_module .content-card, .sidebar--blog .content-card, .product--sidebar .item-preview, .support--sidebar .item-preview, .faq--sidebar .item-preview, .affliate_rule_module .item-preview, .sidebar--blog .item-preview { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); margin-bottom: 30px; } .product--sidebar .sidebar-card .card-title, .support--sidebar .sidebar-card .card-title, .faq--sidebar .sidebar-card .card-title, .affliate_rule_module .sidebar-card .card-title, .sidebar--blog .sidebar-card .card-title, .product--sidebar .content-card .card-title, .support--sidebar .content-card .card-title, .faq--sidebar .content-card .card-title, .affliate_rule_module .content-card .card-title, .sidebar--blog .content-card .card-title, .product--sidebar .item-preview .card-title, .support--sidebar .item-preview .card-title, .faq--sidebar .item-preview .card-title, .affliate_rule_module .item-preview .card-title, .sidebar--blog .item-preview .card-title { padding: 30px 30px 28px; display: block; margin-bottom: 0; } .product--sidebar .sidebar-card .card-title .h4, .support--sidebar .sidebar-card .card-title .h4, .faq--sidebar .sidebar-card .card-title .h4, .affliate_rule_module .sidebar-card .card-title .h4, .sidebar--blog .sidebar-card .card-title .h4, .product--sidebar .content-card .card-title .h4, .support--sidebar .content-card .card-title .h4, .faq--sidebar .content-card .card-title .h4, .affliate_rule_module .content-card .card-title .h4, .sidebar--blog .content-card .card-title .h4, .product--sidebar .item-preview .card-title .h4, .support--sidebar .item-preview .card-title .h4, .faq--sidebar .item-preview .card-title .h4, .affliate_rule_module .item-preview .card-title .h4, .sidebar--blog .item-preview .card-title .h4 { font-size: 20px; } .product--sidebar .sidebar-card .card-title span, .support--sidebar .sidebar-card .card-title span, .faq--sidebar .sidebar-card .card-title span, .affliate_rule_module .sidebar-card .card-title span, .sidebar--blog .sidebar-card .card-title span, .product--sidebar .content-card .card-title span, .support--sidebar .content-card .card-title span, .faq--sidebar .content-card .card-title span, .affliate_rule_module .content-card .card-title span, .sidebar--blog .content-card .card-title span, .product--sidebar .item-preview .card-title span, .support--sidebar .item-preview .card-title span, .faq--sidebar .item-preview .card-title span, .affliate_rule_module .item-preview .card-title span, .sidebar--blog .item-preview .card-title span { float: right; font-size: 12px; line-height: 20px; color: #555; } .product--sidebar .sidebar-card .collapsible-content, .support--sidebar .sidebar-card .collapsible-content, .faq--sidebar .sidebar-card .collapsible-content, .affliate_rule_module .sidebar-card .collapsible-content, .sidebar--blog .sidebar-card .collapsible-content, .product--sidebar .sidebar-card .collapsible-content, .support--sidebar .sidebar-card .collapsible-content, .faq--sidebar .content-card .collapsible-content, .affliate_rule_module .content-card .collapsible-content, .sidebar--blog .content-card .collapsible-content, .product--sidebar .item-preview .collapsible-content, .support--sidebar .item-preview .collapsible-content, .faq--sidebar .item-preview .collapsible-content, .affliate_rule_module .item-preview .collapsible-content, .sidebar--blog .item-preview .collapsible-content, .content-card .collapsible-content { padding: 0 30px; } .product--sidebar .sidebar-card .card-content, .support--sidebar .sidebar-card .card-content, .faq--sidebar .sidebar-card .card-content, .affliate_rule_module .sidebar-card .card-content, .sidebar--blog .sidebar-card .card-content, .product--sidebar .sidebar-card .card-content, .support--sidebar .sidebar-card .card-content, .faq--sidebar .content-card .card-content, .affliate_rule_module .content-card .card-content, .sidebar--blog .content-card .card-content, .product--sidebar .item-preview .card-content, .support--sidebar .item-preview .card-content, .faq--sidebar .item-preview .card-content, .affliate_rule_module .item-preview .card-content, .sidebar--blog .item-preview .card-content, .content-card .card-content { padding: 20px 0; } .product--sidebar .card--category a, .support--sidebar .card--category a, .faq--sidebar .card--category a, .affliate_rule_module .card--category a, .support--sidebar .card--forum_categories a, .faq--sidebar .card--forum_categories a, .affliate_rule_module .card--forum_categories a, .sidebar--blog .card--forum_categories a, .sidebar--blog .card--category a { display: block; } .product--sidebar .card--category ul li a, .support--sidebar .card--category ul li a, .faq--sidebar .card--category ul li a, .affliate_rule_module .card--category ul li a, .support--sidebar .card--forum_categories ul li a, .faq--sidebar .card--forum_categories ul li a, .affliate_rule_module .card--forum_categories ul li a, .sidebar--blog .card--forum_categories ul li a, .sidebar--blog .card--category ul li a { display: block; line-height: 36px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; color: var(--p); } .product--sidebar .card--category ul li a:hover, .support--sidebar .card--category ul li a:hover, .faq--sidebar .card--category ul li a:hover, .affliate_rule_module .card--category ul li a:hover, .support--sidebar .card--forum_categories ul li a:hover, .faq--sidebar .card--forum_categories ul li a:hover, .affliate_rule_module .card--forum_categories ul li a:hover, .sidebar--blog .card--forum_categories ul li a:hover, .sidebar--blog .card--category ul li a:hover { color: #0674ec; } .product--sidebar .card--category ul li a span.fal, .support--sidebar .card--category ul li a span.fal, .faq--sidebar .card--category ul li a span.fal, .affliate_rule_module .card--category ul li a span.fal, .support--sidebar .card--forum_categories ul li a span.fal, .faq--sidebar .card--forum_categories ul li a span.fal, .affliate_rule_module .card--forum_categories ul li a span.fal, .sidebar--blog .card--forum_categories ul li a span.fal, .sidebar--blog .card--category ul li a span.fal { font-size: 10px; margin-right: 10px; } .product--sidebar .card--category ul li a .item-count, .support--sidebar .card--category ul li a .item-count, .faq--sidebar .card--category ul li a .item-count, .affliate_rule_module .card--category ul li a .item-count, .support--sidebar .card--forum_categories ul li a .item-count, .faq--sidebar .card--forum_categories ul li a .item-count, .affliate_rule_module .card--forum_categories ul li a .item-count, .sidebar--blog .card--forum_categories ul li a .item-count, .sidebar--blog .card--category ul li a .item-count { float: right; } .product--sidebar .card--slider .card-content, .support--sidebar .card--slider .card-content, .faq--sidebar .card--slider .card-content, .affliate_rule_module .card--slider .card-content, .sidebar--blog .card--slider .card-content { padding: 30px 0; } .product--sidebar .card--slider .card-content .price-ranges, .support--sidebar .card--slider .card-content .price-ranges, .faq--sidebar .card--slider .card-content .price-ranges, .affliate_rule_module .card--slider .card-content .price-ranges, .sidebar--blog .card--slider .card-content .price-ranges { padding-top: 25px; } .product--sidebar .card--slider .card-content .price-ranges .from, .support--sidebar .card--slider .card-content .price-ranges .from, .faq--sidebar .card--slider .card-content .price-ranges .from, .affliate_rule_module .card--slider .card-content .price-ranges .from, .sidebar--blog .card--slider .card-content .price-ranges .from { margin-right: 30px; } /* SINGLE PRODUCT SIDEBAR */ .sidebar--single-product .sidebar-card, .sidebar--single-product .item-preview { padding: 30px; } .sidebar--single-product .sidebar-card.card-pricing .price, .sidebar--single-product .card-pricing.item-preview .price { padding: 30px 0; text-align: center; margin-bottom: 20px; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); } .sidebar--single-product .sidebar-card.card-pricing .price h1, .sidebar--single-product .card-pricing.item-preview .price h1 { font-weight: 500; font-size: 36px; line-height: 30px; color: #0674ec; } .sidebar--single-product .sidebar-card.card-pricing .price h1 sup, .sidebar--single-product .card-pricing.item-preview .price h1 sup { font-size: 18px; } .sidebar--single-product .sidebar-card.card-pricing .pricing-options, .sidebar--single-product .card-pricing.item-preview .pricing-options { margin-bottom: 25px; } .sidebar--single-product .sidebar-card.card-pricing .pricing-options li, .sidebar--single-product .card-pricing.item-preview .pricing-options li { padding: 10px 0; } .sidebar--single-product .sidebar-card.card-pricing .pricing-options li + li, .sidebar--single-product .card-pricing.item-preview .pricing-options li + li { border-top: 1px solid #ececec; } .sidebar--single-product .sidebar-card.card-pricing .pricing-options .custom-radio label, .sidebar--single-product .card-pricing.item-preview .pricing-options .custom-radio label, .sidebar--single-product .sidebar-card.card-pricing .pricing-options .custom-radio .form-group p.label, .form-group .sidebar--single-product .sidebar-card.card-pricing .pricing-options .custom-radio p.label, .sidebar--single-product .card-pricing.item-preview .pricing-options .custom-radio .form-group p.label, .form-group .sidebar--single-product .card-pricing.item-preview .pricing-options .custom-radio p.label { font-size: 16px; } .sidebar--single-product .sidebar-card.card-pricing .pricing-options .custom-radio label .pricing__opt, .sidebar--single-product .card-pricing.item-preview .pricing-options .custom-radio label .pricing__opt, .sidebar--single-product .sidebar-card.card-pricing .pricing-options .custom-radio .form-group p.label .pricing__opt, .form-group .sidebar--single-product .sidebar-card.card-pricing .pricing-options .custom-radio p.label .pricing__opt, .sidebar--single-product .card-pricing.item-preview .pricing-options .custom-radio .form-group p.label .pricing__opt, .form-group .sidebar--single-product .card-pricing.item-preview .pricing-options .custom-radio p.label .pricing__opt { color: #333333; font-weight: 500; } .sidebar--single-product .sidebar-card.card-pricing .purchase-button .btn, .sidebar--single-product .card-pricing.item-preview .purchase-button .btn { width: 100%; font-weight: 500; } .sidebar--single-product .sidebar-card.card-pricing .purchase-button .btn + .btn, .sidebar--single-product .card-pricing.item-preview .purchase-button .btn + .btn { margin-top: 30px; } .sidebar--single-product .sidebar-card.card--pricing2, .sidebar--single-product .card--pricing2.item-preview { padding: 0; } .sidebar--single-product .sidebar-card.card--pricing2 .price, .sidebar--single-product .card--pricing2.item-preview .price { background: #0674ec; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .sidebar--single-product .sidebar-card.card--pricing2 .price h1, .sidebar--single-product .card--pricing2.item-preview .price h1 { color: #fff; } .sidebar--single-product .sidebar-card.card--pricing2 .pricing-options, .sidebar--single-product .card--pricing2.item-preview .pricing-options { padding: 0 30px; } .sidebar--single-product .sidebar-card.card--pricing2 .pricing-options li p, .sidebar--single-product .card--pricing2.item-preview .pricing-options li p { padding-top: 18px; padding-left: 35px; } .sidebar--single-product .sidebar-card.card--pricing2 .purchase-button, .sidebar--single-product .card--pricing2.item-preview .purchase-button { padding: 0 30px 30px; } .sidebar--single-product .card-title { padding: 30px; border-bottom: 1px solid #ececec; } .sidebar--single-product .card--metadata ul.data > li { padding: 22px 0 22px; border-bottom: 1px solid #ececec; overflow: hidden; line-height: 30px; } .sidebar--single-product .card--metadata ul.data > li:last-child { border-bottom: 0; padding-bottom: 0; } .sidebar--single-product .card--metadata ul.data > li p { float: left; font-size: 16px; line-height: inherit; margin-bottom: 0; } .sidebar--single-product .card--metadata ul.data > li p span { margin-right: 8px; } .sidebar--single-product .card--metadata ul.data > li > span { float: right; font-weight: 500; font-size: 18px; color: var(--menu-a); } .sidebar--single-product .card--metadata .rating { text-align: center; padding-top: 28px; } .sidebar--single-product .card--product-infos { padding: 0; } .sidebar--single-product .card--product-infos ul.infos { padding: 19px 30px; } .sidebar--single-product .card--product-infos ul.infos li { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .sidebar--single-product .card--product-infos ul.infos li p { display: inline-block; vertical-align: middle; margin-right: -3px; margin: 0; font-size: 15px; vertical-align: top; line-height: 36px; } .sidebar--single-product .card--product-infos ul.infos li p.data-label { width: 40%; font-weight: 500; color: var(--menu-a); } .sidebar--single-product .card--product-infos ul.infos li p.data-label:after { content: ':'; margin-left: 2px; } .sidebar--single-product .card--product-infos ul.infos li p.info { width: 60%; } /* SUPPORT PAGE SIDEBAR */ .support--sidebar .login_promot, .faq--sidebar .login_promot, .affliate_rule_module .login_promot, .sidebar--blog .login_promot { background: #0674ec; color: #fff; margin-bottom: 30px; font-weight: 500; font-size: 20px; -webkit-border-radius: 4px; border-radius: 4px; padding: 25px 30px; display: block; } .support--sidebar .login_promot span, .faq--sidebar .login_promot span, .affliate_rule_module .login_promot span, .sidebar--blog .login_promot span { margin-right: 10px; } .support--sidebar .card--top_discussion .card-content li, .faq--sidebar .card--top_discussion .card-content li, .affliate_rule_module .card--top_discussion .card-content li, .sidebar--blog .card--top_discussion .card-content li, .faq--sidebar .faq--card .card-content li, .affliate_rule_module .faq--card .card-content li, .content-card .card-content li { position: relative; margin-bottom: 10px; } .support--sidebar .card--top_discussion .card-content li:before, .faq--sidebar .card--top_discussion .card-content li:before, .affliate_rule_module .card--top_discussion .card-content li:before, .sidebar--blog .card--top_discussion .card-content li:before { position: absolute; content: ''; height: 7px; width: 7px; -webkit-border-radius: 200px; border-radius: 200px; background: #c5cad4; vertical-align: top; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .div-list-dot { color: #c5cad4; margin: 6px 10px 0 0; font-size: 10px; display: inline-block; vertical-align: top } .support--sidebar .card--top_discussion .card-content li a, .faq--sidebar .card--top_discussion .card-content li a, .affliate_rule_module .card--top_discussion .card-content li a, .sidebar--blog .card--top_discussion .card-content li a, .faq--sidebar .faq--card .card-content li a, .affliate_rule_module .faq--card .card-content li a, .content-card .card-content li a { color: var(--p); line-height: 28px; } .support--sidebar .card--top_discussion .card-content li a:hover, .faq--sidebar .card--top_discussion .card-content li a:hover, .affliate_rule_module .card--top_discussion .card-content li a:hover, .sidebar--blog .card--top_discussion .card-content li a:hover, .faq--sidebar .faq--card .card-content li a:hover, .affliate_rule_module .faq--card .card-content li a:hover, .content-card .card-content li a:hover { color: #0674ec; } /* FAQ SIDEBAR */ .faq--sidebar .faq--card .card-content li:before, .affliate_rule_module .faq--card .card-content li:before { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: 13px; } .faq--sidebar .faq--card .card-content a, .affliate_rule_module .faq--card .card-content a { font-size: 16px; } .faq--sidebar .faq--card .btn--faq, .affliate_rule_module .faq--card .btn--faq { text-align: center; margin-bottom: 38px; } .author-card .card-title { padding: 30px; } .author-card.sidebar-card, .author-card.item-preview { padding: 0; } .author-card .author-infos { padding: 30px 0; text-align: center; } .author-card .author-infos .author_avatar { width: 160px; height: 160px; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .author-card .author-infos .author { padding-top: 15px; } .author-card .author-infos .author h4 { font-weight: 500; line-height: 30px; color: var(--title-post); } .author-card .author-infos .author p { line-height: 30px; padding-top: 6px; margin: 0; } .author-card .author-infos .author-badges { margin-top: 25px; padding: 0 30px 20px 30px; border-bottom: 1px solid #ececec; } .author-card .author-infos .author-badges ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .author-card .author-infos .author-badges ul li { margin: 0 2px 10px 2px; display: inline-block; } .author-card .author-infos .author-badges ul li img { width: 50px; height: 50px; display: block; } .author-card .author-infos .social, .author-card .author-infos .single_blog_content .share_tags .share .social_share, .single_blog_content .share_tags .share .author-card .author-infos .social_share { margin-top: 30px; margin-bottom: 25px; } .author-card .author-infos .author-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .author-card .author-infos .author-btn .btn { width: 140px; margin: 5px; } .author-card .author-infos .author-btn .btn:hover { background: #7347c1; color: #fff; } /* upload page sidebar */ .upload_sidebar .card_content { padding: 30px 30px 26px; } .upload_sidebar .card_content p { line-height: 30px; margin-bottom: 0; } .upload_sidebar .card_content ul { padding-left: 19px; padding-top: 20px; } .upload_sidebar .card_content ul li { list-style-type: disc; line-height: 30px; font-size: 16px; } .upload_sidebar .card_content ul li + li { margin-top: 13px; } .upload_sidebar .card_info h4 { color: #000; font-weight: 500; padding-bottom: 20px; } .upload_sidebar .card_info + .card_info { margin-top: 30px; } /* CARD BLOG SIDEBAR */ .sidebar--blog .card--blog_sidebar .card-title h4 { font-size: 20px; } .sidebar--blog .card--blog_sidebar .card_content, .support--sidebar .card_content { padding: 0 25px; } .sidebar--blog .card--search .searc-wrap input, .support--sidebar .searc-wrap input { width: 100%; } .sidebar--blog .card--search .card_content { padding: 30px; } .sidebar--blog .sidebar--post .card-title ul { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .sidebar--blog .sidebar--post .card-title ul li + li { padding-left: 0px; } .sidebar--blog .sidebar--post .card-title ul li a { font-size: 20px; color: #000; } .sidebar--blog .sidebar--post .card-title ul li a.active { color: #0674ec; } .sidebar--blog .sidebar--post .post-list li { padding: 25px 0; } .sidebar--blog .sidebar--post .post-list li + li { border-top: 1px solid #ececec; } .sidebar--blog .sidebar--post .post-list .thumbnail_img { width: 71px; display: inline-block; height: 71px; vertical-align: middle; } .sidebar--blog .sidebar--post .post-list .thumbnail_img img { width: 100%; } .sidebar--blog .sidebar--post .post-list .title_area { width: calc(100% - 76px); display: inline-block; vertical-align: top; padding-left: 10px; } .sidebar--blog .sidebar--post .post-list .title_area a { display: inline-block; font-weight: 500; margin-bottom: 6px; } .sidebar--blog .sidebar--post .post-list .title_area a h4 { font-size: 16px; line-height: 24px; color: #333; font-weight: 500; } .sidebar--blog .sidebar--post .post-list .title_area .date_time span { display: inline-block; } .sidebar--blog .sidebar--post .post-list .title_area .date_time p { margin: 0; display: inline-block; color: #898f96; font-size: 15px; } .sidebar--blog .card--tags .tags { padding: 30px 20px; } .sidebar--blog .card--tags .tags li { display: inline-block; margin: 0 7px 12px; } .sidebar--blog .card--tags .tags li a { color: #0674ec; background: rgba(6, 116, 236, 0.07); line-height: 30px; display: inline-block; padding: 0 15px; -webkit-border-radius: 200px; border-radius: 200px; } .card--product-infos .tags { padding: 30px 20px; } .card--product-infos .tags li { display: inline-block; margin: 0 2px 12px; } .card--product-infos .tags li a { color: #0674ec; background: var(--tag); line-height: 30px; display: inline-block; padding: 0 15px; -webkit-border-radius: 200px; border-radius: 200px; } .banner { position: relative; } .banner img { -webkit-border-radius: 4px; border-radius: 4px; } .banner:before { content: ''; background: -webkit-gradient(linear, right top, left top, from(#7347c1), to(#0674ec)); background: -webkit-linear-gradient(right, #7347c1, #0674ec); background: -o-linear-gradient(right, #7347c1, #0674ec); background: linear-gradient(to left, #7347c1, #0674ec); position: absolute; height: 100%; width: 100%; -webkit-border-radius: 4px; border-radius: 4px; opacity: 0.8; } .banner .banner_content { position: absolute; width: 100%; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .banner .banner_content h1 { color: #f9f9f9; } .banner .banner_content p { margin: 0; color: #f9f9f9; } /***************************** ---BUTTON *****************************/ /***************************** -- THEME *****************************/ .btn--round { -webkit-border-radius: 100px; border-radius: 100px; } .btn { background: #0674ec; padding: 0; margin: 0; /*text-transform: capitalize;*/ font-size: 12px; font-weight: 500; color: #fff; display: inline-block; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; border: none; position: relative; } .btn:before { content: ''; position: absolute; height: 100%; width: 100%; background: #000; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; top: 0; opacity: 0; visibility: hidden; z-index: 0; -webkit-border-radius: 4px; border-radius: 4px; } .btn:focus, .btn:active { color: #fff; outline: 0; } .btn:hover { color: #fff; } .btn:hover:before { opacity: 0.07; visibility: visible; } .btn.btn--round:hover:before { -webkit-border-radius: 200px; border-radius: 200px; } .btn--bordered, .btn--bordered:hover, .btn--bordered:focus, .btn--bordered:active { background: none; border: 1px solid #0674ec; color: #0674ec; -webkit-box-shadow: none; box-shadow: none; } .btn.btn--white, .btn-light, .btn--light, .btn.btn--white:hover, .btn-light:hover, .btn--light:hover { background: #fff; color: #0674ec; } .btn--default { } .btn-default { line-height: 50px; min-width: 170px; } .btn--lg, .btn-lg { line-height: 55px; font-size: 16px; min-width: 195px; } .btn--md, .btn-md { line-height: 40px; padding: 0 22px; min-width: 100px; } .btn--xs { line-height: 36px; padding: 0 19px; font-size: 15px; } .btn--fullwidth { width: 100%; } .btn--sm, .btn-sm { line-height: 30px; padding: 0 10px; margin-bottom: 10px } .btn--icon span { margin-right: 5px; line-height: inherit; display: inline-block; } .btn--faq { min-width: 140px; } .search-btn { background: #0674ec; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; min-width: 223px; font-size: 16px; border: 0; } /* btn colors */ .btn.btn--color1, .btn-secondary, .btn--secondary, .btn.btn--color1:hover, .btn-secondary:hover, .btn--secondary:hover { background: #7347c1; } .btn.btn--color1.btn--bordered, .btn-secondary.btn--bordered, .btn--secondary.btn--bordered, .btn.btn--color1:hover.btn--bordered, .btn-secondary:hover.btn--bordered, .btn--secondary:hover.btn--bordered { background: none; border: 1px solid #7347c1; color: #7347c1; } .btn.btn--color2, .btn-success, .btn--success, .btn.btn--color2:hover, .btn-success:hover, .btn--success:hover { background: #5cb85c; } .btn.btn--color2.btn--bordered, .btn-success.btn--bordered, .btn--success.btn--bordered, .btn.btn--color2:hover.btn--bordered, .btn-success:hover.btn--bordered, .btn--success:hover.btn--bordered { background: none; border: 1px solid #77de51; color: #77de51; } .btn.btn--color3, .btn-warning, .btn--warning, .btn.btn--color3:hover, .btn-warning:hover, .btn--warning:hover { background: #feb71d; } .btn.btn--color3.btn--bordered, .btn-warning.btn--bordered, .btn--warning.btn--bordered, .btn.btn--color3:hover.btn--bordered, .btn-warning:hover.btn--bordered, .btn--warning:hover.btn--bordered { background: none; border: 1px solid #feb71d; color: #feb71d; } .btn.btn--color4, .btn-info, .btn--info, .btn.btn--color4:hover, .btn-info:hover, .btn--info:hover { background: #58c9e9; } .btn.btn--color4.btn--bordered, .btn-info.btn--bordered, .btn--info.btn--bordered, .btn.btn--color4:hover.btn--bordered, .btn-info:hover.btn--bordered, .btn--info:hover.btn--bordered { background: none; border: 1px solid #58c9e9; color: #58c9e9; } .btn.btn--color5, .btn--danger, .btn-danger, .btn.btn--color5:hover, .btn--danger:hover, .btn-danger:hover { background: #ff6a6d; } .btn.btn--color5.btn--bordered, .btn--danger.btn--bordered, .btn-danger.btn--bordered, .btn.btn--color5:hover.btn--bordered, .btn--danger:hover.btn--bordered, .btn-danger:hover.btn--bordered { background: none; border: 1px solid #ff6a6d; color: #ff6a6d; } .btn.btn-dark, .btn--dark, .btn.btn-dark:hover, .btn--dark:hover { background: #000; color: #fff; } .btn.btn-dark.btn--bordered, .btn--dark.btn--bordered, .btn.btn-dark:hover.btn--bordered, .btn--dark:hover.btn--bordered { background: none; border: 1px solid #000; color: #000; } /***************************** -- THEME *****************************/ /***************************** --- PRODUCTS *****************************/ /* GENERAL PRODUCT STYLE */ .products { padding: 80px 0; } .product { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); margin-bottom: 30px; } .product .product__thumbnail { position: relative; } .product .product__thumbnail img { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; width: 100%; } .product .product__thumbnail:before { /*position: absolute; content: ""; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; height: 100%; opacity: 0; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; width: 100%; top: 0;*/ /*background-image: -webkit-gradient(linear, right top, left top, from(#7347c1), to(#0674ec)); background-image: -webkit-linear-gradient(right, #7347c1 0%, #0674ec 100%); background-image: -o-linear-gradient(right, #7347c1 0%, #0674ec 100%); background-image: linear-gradient(to left, #7347c1 0%, #0674ec 100%); background-color: #7347c1; background: #0674ec; background-image: -webkit-gradient(linear, left top, right top, from(#7347c1), to(#0674ec)); background-image: -webkit-linear-gradient(left, #7347c1, #0674ec); background-image: -o-linear-gradient(left, #7347c1, #0674ec); background-image: linear-gradient(to right, #7347c1, #0674ec);*/ left: 0; } .product .prod_btn { position: absolute; top: calc(50% + 40px); opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; width: 100%; text-align: center; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .product .prod_btn a { display: inline-block; color: #fff; border: 1px solid #fff; font-weight: 500; padding: 0 30px; } .product .prod_btn a:hover { color: #0674ec; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background: #fff; } .product .prod_btn a + a { margin-left: 6px; } .product:hover .prod_btn { opacity: 1; top: 50%; } .product:hover .product__thumbnail:before { opacity: 0.9; } .product-desc { padding: 30px; } .product-desc p { margin: 0; } .product-desc ul.titlebtm { padding-bottom: 23px; } .product-desc ul.titlebtm > li { display: inline-block; margin-right: 16px; } .product-desc ul.titlebtm > li .by { margin-right: 6px; } .product-desc ul.titlebtm > li img, .product-desc ul.titlebtm > li p { display: inline-block; margin: 0; } .product-desc ul.titlebtm > li a { color: #000000; font-size: 15px; } .product-desc ul.titlebtm > li a:hover { color: #0674ec; } .product-desc ul.titlebtm > li a, .product-desc ul.titlebtm > li p { font-size: 15px; } .product-desc ul.titlebtm > li.product_cat { margin-right: 0; } .product-desc ul.titlebtm .rating { float: right; margin-right: 0; } .product-desc ul.titlebtm .auth-img { margin-right: 6px; height: 30px; width: 30px; -webkit-border-radius: 50%; border-radius: 50%; } .product-desc .product_title { /*margin-bottom: 15px;*/ display: inline-block; } .product-desc .product_title:hover h2 { color: #0674ec; } .product-desc .product_title h2 { font-size: 18px; text-transform: capitalize; font-weight: 500; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .product-desc .product_title:hover h4 { color: #0674ec; } .product-desc .product_title h4 { font-size: 20px; text-transform: capitalize; font-weight: 500; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .product-desc ul li.product_cat a { color: #7347c1; } .product-desc ul li.product_cat a img { margin-right: 4px; width: 15px; vertical-align: middle; height: auto; } .product-desc ul li.product_cat a span { margin-right: 5px; } .product-purchase { border-top: 1px solid #ececec; padding: 15px 30px; overflow: hidden; } .product-purchase .rating { margin-left: 6px; } .product-purchase p { margin: 0; font-size: 15px; display: inline; color: #555; } .product-purchase .price_love { display: inline-block; vertical-align: middle; } .product-purchase .price_love > span { background: rgba(6, 116, 236, 0.1); line-height: 32px; display: inline-block; padding: 0 15px; color: #0674ec; margin-right: 10px; font-size: 15px; font-weight: 500; -webkit-border-radius: 100px; border-radius: 100px; } .product-purchase .price_love p span { color: #7347c1; font-size: 15px; } .product-purchase .sell { float: right; display: inline-block; } .product-purchase .sell p span { color: #0674ec; font-size: 15px; margin-right: 4px; } .product-purchase .sell p span.lnr { margin-right: 7px; } /*-------- PRODUCT MODIFIERS --------------*/ .product--card .product-desc { height: 222px; overflow: hidden; padding-bottom: 0; } .product--card .product-purchase { margin-top: 10px; } .product--card2 .product__thumbnail img { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .product--card2 .product-desc { padding-bottom: 15px; height: 176px; } .product--card2 ul.titlebtm { overflow: hidden; padding: 0px 30px 10px; } .product--card2 ul.titlebtm .product_cat { float: left; } .product--card2 ul.titlebtm .rating { float: right; } .product--card3 .product-desc ul.titlebtm { padding-bottom: 0; } .product--card3 .product-desc { height: 130px; padding: 30px 30px 20px; } .product--card-small .product__thumbnail img { width: 100%; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .product--card-small .product__thumbnail .prod_btn a { line-height: 35px; padding: 0 20px; } .product--card-small .product-desc { height: auto; padding: 20px 20px 15px; } .product--card-small .product-desc ul.titlebtm { padding-bottom: 0; } .product--card-small .product-desc .product_title h4 { font-size: 18px; line-height: 22px; } .product--card-small .product-purchase { padding: 15px 20px; } .product--card-small .product-purchase a { float: right; line-height: 30px; color: #7347c1; } .product--card-small ul.titlebtm > li { margin-right: 0; display: block; overflow: hidden; } .product--card-small ul.titlebtm > li .sell { float: right; } .product--card-small ul.titlebtm > li .sell span { color: #0674ec; } .product--card-small ul.titlebtm > li .sell span.lnr { margin-right: 6px; } .product--card-small ul.titlebtm > li .rating { float: left; } .product--card-small ul.titlebtm .out_of_class_name { margin-top: 17px; } .product--list { overflow: hidden; /*height: 225px;*/ } .product--list .product__thumbnail, .product--list .product-desc, .product--list .product-meta, .product--list .product-purchase { display: inline-block; vertical-align: middle; margin-right: -3px; /*border-right: 1px solid #ececec;*/ } .product--list .product__thumbnail { width: 300px; float: left; } .product--list .product__thumbnail img { width: 100%; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .product--list .product__thumbnail .prod_btn .prod_btn__wrap + .prod_btn__wrap { margin-top: 15px; } .product--list .product__thumbnail .prod_btn .btn--sm { min-width: 140px; } .product--list .product__details { overflow: hidden; padding: 15px 0; } .product--list .product__details .product-desc, .product--list .product__details .product-meta { padding: 0 30px; } .product--list .product-desc { /*width: 353px;*/ } .product--list .product-desc .titlebtm { padding-bottom: 0; padding-top: 24px; } .product--list .product-purchase { border: 0; width: 155px; text-align: center; } .product--list .product-purchase .price_love { float: none; margin-right: 0; padding-bottom: 25px; } .product--list .product-purchase .price_love span { margin: 0; } .product--list .product-purchase .sell { float: none; display: block; } .product--list-small { height: 209px; } .product--list-small .product__thumbnail { width: 230px; } .product--list-small .prod_btn a { line-height: 35px; margin-left: 0; } .product--list-small .prod_btn a + a { margin-top: 15px; } .product--list-small .product__details .product-desc, .product--list-small .product__details .product-meta { padding: 0 20px; } .product--list-small .product__details .product-desc { width: 255px; } .product--list-small .product__details .product-desc .titlebtm { padding-top: 18px; } .product--list-small .product__details .product-meta { width: 180px; } .product--list-small .product__details .product-meta .love-comments p + p { margin-left: 0; } .product--list-small .product__details .product-purchase { width: 150px; padding: 0; } .product-meta { width: 310px; } .product-meta .author { margin-bottom: 25px; } .product-meta .author .auth-img { display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; height: 28px; width: 28px; } .product-meta .author p { display: inline-block; margin: 0; } .product-meta .author p .by { margin-right: 6px; } .product-meta .author p a { color: #000; } .product-meta .love-comments p { display: inline-block; } .product-meta .love-comments p span.lnr { color: #7347c1; } .product-meta .love-comments p + p { margin-left: 20px; } .product-meta .product-tags { margin-bottom: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-meta .product-tags span { color: #000; font-size: 15px; padding-right: 10px; } .product-meta .product-tags ul { width: calc(100% - 45px); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .product-meta .product-tags ul li { display: inline-block; } .product-meta .product-tags ul li:after { content: ','; } .product-meta .product-tags ul li:last-child:after { display: none; } .product__meta { margin-bottom: 5px } .product__meta .author { display: inline-block } .product__meta .date_time { display: inline-block } .product__meta .comment_view { display: inline-block } .product__meta p { font-size: 13px; display: inline-block; margin-right: 15px; color: var(--meta-post) } .product__meta p span { margin-right: 6px } /***************************** -- SOCIAL *****************************/ .social, .single_blog_content .share_tags .share .social_share { display: inline-block; } .social ul li, .single_blog_content .share_tags .share .social_share ul li { display: inline-block; margin-bottom: 10px; } .social ul li a, .single_blog_content .share_tags .share .social_share ul li a { display: inline-block; } .social ul li a span, .single_blog_content .share_tags .share .social_share ul li a span { line-height: 40px; width: 40px; text-align: center; } .social ul li + li, .single_blog_content .share_tags .share .social_share ul li + li { margin-left: 8px; } .social--color--filled ul li a, .single_blog_content .share_tags .share .social_share ul li a { color: #fff; } .social--color--filled span, .single_blog_content .share_tags .share .social_share span { -webkit-border-radius: 50%; border-radius: 50%; } .social--color--filled span.fa-facebook-f, .single_blog_content .share_tags .share .social_share span.fa-facebook-f { background: #395799; } .social--color--filled span.fa-twitter, .single_blog_content .share_tags .share .social_share span.fa-twitter { background: #19b2f5; } .social--color--filled span.fa-google-plus, .single_blog_content .share_tags .share .social_share span.fa-google-plus { background: #f05b44; } .social--color--filled span.fa-pinterest-p, .single_blog_content .share_tags .share .social_share span.fa-pinterest-p { background: #9c0c1c; } .social--color--filled span.fa-linkedin-in, .single_blog_content .share_tags .share .social_share span.fa-linkedin-in { background: #007bb5; } .social--color--filled span.fa-dribbble, .single_blog_content .share_tags .share .social_share span.fa-dribbble { background: #ea4c89; } .social--color--filled span.fa-instagram, .single_blog_content .share_tags .share .social_share span.fa-instagram { background: #bc2a8d; } .social--color--filled span.fa-vine, .single_blog_content .share_tags .share .social_share span.fa-vine { background: #1ab7ea; } .social--color--filled span.fa-flickr, .single_blog_content .share_tags .share .social_share span.fa-flickr { background: #ff0084; } .social--color--filled span.fa-skype, .single_blog_content .share_tags .share .social_share span.fa-skype { background: #1ab7ea; } .social--color--filled span.fa-tumblr, .single_blog_content .share_tags .share .social_share span.fa-tumblr { background: #2c4762; } .social--color--filled span.fa-youtube, .single_blog_content .share_tags .share .social_share span.fa-youtube { background: #dc0101; } /***************************** --- PAGINATION *****************************/ .pagination-area { text-align: center; } .pagination-area.categorised_item_pagination { text-align: right; } .pagination-area .page-numbers { line-height: 36px; display: inline-block; min-width: 48px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background: #fff; -webkit-border-radius: 25px; border-radius: 25px; font-weight: 500; margin-right: 2px; color: #747b86; text-align: center; } .pagination-area .page-numbers:hover, .pagination-area .page-numbers.current { background: #0674ec; color: #fff; } .pagination-area .prev { margin-right: 15px; } .pagination-area .next { margin-left: 15px; } .pagination-area .prev.page-numbers, .pagination-area .next.page-numbers { color: #000; font-size: 16px; } .pagination-area .prev.page-numbers:hover, .pagination-area .next.page-numbers:hover { color: #fff; background: #7347c1; } .pagination-area.pagination-area2 { padding: 38px 30px; } .pagination-area.pagination-area2.text-right { text-align: right; } .pagination-area.pagination-area2 .page-numbers { background: #eff1f5; text-align: center; color: #747b86; margin-bottom: 20px } .pagination-area.pagination-area2 .page-numbers:hover { background: #0674ec; color: #fff; } .pagination-area.pagination-area2 .page-numbers.prev:hover, .pagination-area.pagination-area2 .page-numbers.next:hover { background: #7347c1; } .pagination-area.pagination-area2 .page-numbers.current { background: #0674ec; color: #fff; } .pagination-area.pagination-area2 .pagination { margin: 0; } .pagination-area.pagination--right { text-align: right; } .pagination-area.pagination--right .page-numbers { text-align: center; } .pagination-area .pagination { display: inline-block; padding-left: 0; margin: 20px 0 0 0; -webkit-border-radius: 4px; border-radius: 4px; } /***************************** --- BREADCRUMB *****************************/ .breadcrumb-area { padding-top: 22px !important; padding-bottom: 20px; } .breadcrumb-area .breadcrumb ul li a { line-height: initial; } .breadcrumb-area .page-title { color: #fff; font-weight: 500; font-size: 30px; text-transform: capitalize; } .breadcrumb-area .breadcrumb { padding-bottom: 8px; } .breadcrumb-area .breadcrumb ul { width: 100%; } .breadcrumb-area.breadcrumb--center { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 60px; padding-bottom: 27px; } .breadcrumb-area.breadcrumb--center .page_title { padding-top: 30px; padding-bottom: 47px; } .breadcrumb-area.breadcrumb--center .page_title h3 { color: #fff; font-weight: 500; font-size: 30px; line-height: 50px; } .breadcrumb-area.breadcrumb--center .page_title p { color: #f3f3f8; font-size: 30px; line-height: 50px; font-weight: 300; } .breadcrumb-area.breadcrumb--center .page_title p.subtitle { font-size: 20px; } .breadcrumb-area.breadcrumb--center .breadcrumb { padding-bottom: 0; } .breadcrumb { padding: 0; background: none; margin-bottom: 0; } .breadcrumb ul li { display: inline-block; } .breadcrumb ul li:after { content: '/'; color: #fff; padding: 0 7px; } .breadcrumb ul li a { font-size: 15px; line-height: 70px; color: #fff; } .breadcrumb ul li h1 { font-size: 15px; line-height: 70px; color: #fff; } .breadcrumb ul li:last-child:after { display: none; } .breadcrumb ul li.active a { color: #bfcad7; } .breadcrumb ul { width: 100%; } /***************************** --- ACCORDION *****************************/ /***************************** -- THEME *****************************/ .accordion .accordion__single, .accordion .panel-default, .panel-group .accordion__single, .panel-group .panel-default { border: 1px solid #ececec; -webkit-border-radius: 0; border-radius: 0; } .accordion .accordion__single + .accordion__single, .accordion .panel-default + .accordion__single, .panel-group .accordion__single + .accordion__single, .panel-group .panel-default + .accordion__single { margin-top: 20px; } .accordion .accordion__single + .panel-default, .accordion .panel-default + .panel-default, .panel-group .accordion__single + .panel-default, .panel-group .panel-default + .panel-default { margin-top: 20px; } .accordion .accordion__single .panel-heading, .accordion .panel-default .panel-heading, .panel-group .accordion__single .panel-heading, .panel-group .panel-default .panel-heading { background: none; padding: 0; } .accordion .accordion__single .panel-body, .accordion .panel-default .panel-body, .panel-group .accordion__single .panel-body, .panel-group .panel-default .panel-body { font-size: 16px; } .accordion .accordion__single .panel-body p, .accordion .panel-default .panel-body p, .panel-group .accordion__single .panel-body p, .panel-group .panel-default .panel-body p { margin: 0; padding: 15px; } .accordion .accordion__single h4, .accordion .panel-default h4, .panel-group .accordion__single h4, .panel-group .panel-default h4 { font-size: 18px; } .accordion .accordion__single h4 a, .accordion .panel-default h4 a, .panel-group .accordion__single h4 a, .panel-group .panel-default h4 a { line-height: 26px; display: block; background: #eff1f5; color: #333; font-weight: 400; padding: 15px 27px; } .accordion .accordion__single h4 a i.lnr, .accordion .panel-default h4 a i.lnr, .panel-group .accordion__single h4 a i.lnr, .panel-group .panel-default h4 a i.lnr { float: right; line-height: inherit; } .accordion .accordion__single .single_acco_title, .accordion .accordion__single .panel-title, .accordion .panel-default .single_acco_title, .accordion .panel-default .panel-title, .panel-group .accordion__single .single_acco_title, .panel-group .accordion__single .panel-title, .panel-group .panel-default .single_acco_title, .panel-group .panel-default .panel-title { font-size: 22px; } .accordion .accordion__single .single_acco_title a, .accordion .accordion__single .panel-title a, .accordion .panel-default .single_acco_title a, .accordion .panel-default .panel-title a, .panel-group .accordion__single .single_acco_title a, .panel-group .accordion__single .panel-title a, .panel-group .panel-default .single_acco_title a, .panel-group .panel-default .panel-title a { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .accordion .accordion__single .single_acco_title a.active, .accordion .accordion__single .panel-title a.active, .accordion .panel-default .single_acco_title a.active, .accordion .panel-default .panel-title a.active, .panel-group .accordion__single .single_acco_title a.active, .panel-group .accordion__single .panel-title a.active, .panel-group .panel-default .single_acco_title a.active, .panel-group .panel-default .panel-title a.active { background: #0674ec; color: #fff; } .accordion .single_accordion_body, .panel-group .single_accordion_body { padding: 27px 30px; } .accordion .single_accordion_body p, .panel-group .single_accordion_body p { margin: 0; } /***************************** --- MODAL *****************************/ /***************************** -- THEME *****************************/ .modal .modal-header { padding: 15px 30px; /*30px*/ display: block; } .modal .modal-header p { margin: 0; } .modal .modal-title { /*margin-bottom: 17px;*/ } @media (min-width: 768px) { .modal .modal-dialog { width: 750px; margin: 30px auto; } } .modal .modal-body { word-break: break-word; padding: 30px; } .modal .modal_close { background: #7347c1; line-height: 40px; color: #fff; margin-left: 10px; padding: 0 36px; } /*item removal modal */ .item_removal .btns { text-align: center; } .item_removal .btns a + a { margin-left: 20px; } .item_removal .modal-body { text-align: center; padding: 50px 0; } .item_removal .modal-body h4 { margin-bottom: 20px; font-size: 24px; margin-bottom: 50px; } .item_removal .modal-dialog { top: 33%; } .item_remove_modal .modal-header { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .item_remove_modal .modal-header button { position: absolute; right: 30px; top: 45px; } /***************************** -- TABLE *****************************/ /***************************** -- THEME *****************************/ .table_module .table_header { padding: 33px 25px 30px; border-bottom: 1px solid #ececec; } .table thead > tr > th { color: var(--p); font-size: 16px; font-weight: 500; padding: 25px 0 25px 28px; } .table tbody > tr { border-bottom: 1px solid #ececec; } .table tbody > tr > td { padding: 20px 0 20px 28px; font-size: 16px; vertical-align: middle; color: var(--p); } .table tbody > tr > td.author { color: #000; font-weight: 500; } .table tbody > tr > td.detail a { color: #0674ec; font-weight: 500; } .table tbody > tr > td.type span { line-height: 26px; -webkit-border-radius: 200px; border-radius: 200px; display: inline-block; padding: 0 15px; color: #fff; font-weight: 500; font-size: 14px; } .table tbody > tr > td.type span.sale { background: #77de51; } .table tbody > tr > td.type span.purchase { background: #feb71d; } .table tbody > tr > td.type span.credited { background: #58c9e9; } .table tbody > tr > td.type span.withdrawal { background: #ff6a6d; } .table tbody > tr > td.earning { color: #0674ec; font-weight: 500; } .table tbody > tr > td.earning.subtract { color: #7347c1; } .table tbody > tr > td.action { padding: 0; text-align: center; } .table tbody > tr > td.action a { line-height: 34px; padding: 0 15px; display: inline-block; margin-left: -4px; text-transform: capitalize; font-size: 15px; -webkit-border-radius: 200px; border-radius: 200px; background: rgba(115, 71, 193, 0.1); } .table tbody > tr > td.action a:hover { background: #0674ec; color: #fff; } .table.withdraw__table .pending > span, .table.withdraw__table .paid > span { font-size: 15px; line-height: 32px; padding: 0 20px; font-weight: 500; display: inline-block; -webkit-border-radius: 200px; border-radius: 200px; } .table.withdraw__table .pending > span { background: #0674ec; color: #fff; } .table.withdraw__table .paid > span { background: rgba(6, 116, 236, 0.1); color: #0674ec; } /***************************** -- PROGRESSBAR *****************************/ .progress_wrapper { width: 100%; display: inline-block; padding: 0 35px; vertical-align: middle; margin-bottom: 50px; } .progress_wrapper .with_close { width: calc(100% - 58px); display: inline-block; vertical-align: middle; margin-right: 25px; } .progress_wrapper .progress { margin-bottom: 0; height: 10px; background: #eff1f5; -webkit-box-shadow: none; box-shadow: none; } .progress_wrapper .progress .progress-bar { -webkit-border-radius: 200px; border-radius: 200px; background-image: -webkit-gradient(linear, right top, left top, from(#7347c1), to(#0674ec)); background-image: -webkit-linear-gradient(right, #7347c1 0%, #0674ec 100%); background-image: -o-linear-gradient(right, #7347c1 0%, #0674ec 100%); background-image: linear-gradient(to left, #7347c1 0%, #0674ec 100%); /* Fallback (could use .jpg/.png alternatively) */ background-color: #7347c1; /* SVG fallback for IE 9 (could be data URI, or could use filter) */ background: #0674ec; /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */ background-image: -webkit-gradient(linear, left top, right top, from(#7347c1), to(#0674ec)); /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */ background-image: -webkit-linear-gradient(left, #7347c1, #0674ec); /* Firefox 3.6 - 15 */ /* Opera 11.1 - 12 */ background-image: -o-linear-gradient(left, #7347c1, #0674ec); /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */ background-image: linear-gradient(to right, #7347c1, #0674ec); } .progress_wrapper .labels { margin-bottom: 10px; } .progress_wrapper .labels p { color: #555; font-weight: 400; font-size: 16px; margin: 0; float: left; } .progress_wrapper .labels span { float: right; line-height: 26px; font-size: 15px; color: #000; font-weight: 500; } /***************************** -- TIMELINE *****************************/ /***************************** -- THEME *****************************/ /***************************** -- THEME *****************************/ /***************************** -- THEME *****************************/ /***************************** -- MIXINS *****************************/ /* container sizes for various devices */ /* Custom scrollbar */ /***************************** -- GENERAL *****************************/ .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } .pcolor { color: #0674ec; } .scolor { color: var(--pink); } /* Background Image */ .bgimage { position: relative; } .bgimage:before { z-index: 1; } .content_above { position: relative; z-index: 2; } /* Background image holder */ .bg_image_holder { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-background-size: cover !important; background-size: cover !important; background-position: 50% 50% !important; z-index: 0; -o-transition: opacity .3s linear; transition: opacity .3s linear; -webkit-transition: opacity .3s linear; opacity: 0; } .bg_image_holder img { display: none; } .or { width: 100%; background: #ececec; height: 1px; margin-bottom: 33px; position: relative; } .or:before { content: 'Or'; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: #fff; padding: 20px; color: #0674ec; font-weight: 500; transform: translate(-50%, -50%); } .mcolor1 { color: #77de51; } .mcolor2 { color: #feb71d; } .mcolor3 { color: #58c9e9; } .mcolor4 { color: #ff6a6d; } .pcolorbg { background: #0674ec; } .scolorbg { background: var(--pink); } .mcolorbg1 { background: #77de51; } .mcolorbg2 { background: #feb71d; } .mcolorbg3 { background: #58c9e9; } .mcolorbg4 { background: #ff6a6d; } /* tooltip */ .tooltip { display: block; } .tooltip .tooltip-inner { font-family: "Quicksand", sans-serif; font-size: 14px; text-align: left; display: block; } /*.highlighted{ background: $pcolor; }*/ .section--padding { padding-top: 120px; padding-bottom: 120px; } .section--padding2 { padding: 70px 0 60px; } .section--padding3 { padding: 70px 0 0; } .section-title { text-align: center; padding-bottom: 53px; } .section-title h1 { font-weight: 400; margin-bottom: 24px; } .section-title h1 .highlighted { color: #0674ec; } .section-title p { padding: 0 230px; line-height: 30px; margin-bottom: 0; } .shortcode_wrapper + .shortcode_wrapper { margin-top: 80px; } /* Input with icons */ .input_with_icon { position: relative; } .input_with_icon span { position: absolute; right: 20px; top: 50%; color: #747b86; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-title-area, .shortcode_module_title, .dashboard_contents .dashboard_title_area { background: var(--block-content); padding: 32px 30px 32px; margin-bottom: 30px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .product-title-area:before, .shortcode_module_title:before, .dashboard_contents .dashboard_title_area:before, .product-title-area:after, .shortcode_module_title:after, .dashboard_contents .dashboard_title_area:after { display: table; content: ""; clear: both; } .product-title-area .product__slider-nav, .shortcode_module_title .product__slider-nav, .dashboard_contents .dashboard_title_area .product__slider-nav { float: right; background: #7347c1; } .product-title-area .product__slider-nav span, .shortcode_module_title .product__slider-nav span, .dashboard_contents .dashboard_title_area .product__slider-nav span { line-height: 45px; color: #fff; cursor: pointer; width: 52px; display: inline-block; text-align: center; } .product-title-area .date_area, .shortcode_module_title .date_area, .dashboard_contents .dashboard_title_area .date_area { float: right; } .product-title-area .date_area p, .shortcode_module_title .date_area p, .dashboard_contents .dashboard_title_area .date_area p { float: left; } .product-title-area .date_area .input_with_icon, .shortcode_module_title .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon { max-width: 158px; } .product-title-area .date_area .input_with_icon, .shortcode_module_title .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon, .product-title-area .date_area .select-wrap, .shortcode_module_title .date_area .select-wrap, .dashboard_contents .dashboard_title_area .date_area .select-wrap { float: left; margin-right: 10px; } .product-title-area .date_area .select-wrap select, .shortcode_module_title .date_area .select-wrap select, .dashboard_contents .dashboard_title_area .date_area .select-wrap select { height: 47px; } .product-title-area .date_area .btn:hover, .shortcode_module_title .date_area .btn:hover, .dashboard_contents .dashboard_title_area .date_area .btn:hover { background: #0674ec; color: #fff; } .product__title { float: left; } .product__title h2 { font-weight: 400; line-height: 45px; } .filter__menu { float: right; position: relative; margin-top: 10px; } .filter__menu p { margin-bottom: 0; display: inline-block; vertical-align: middle; color: #747b86; margin-right: 15px; } .filter__menu .filter__menu_icon { display: inline-block; vertical-align: middle; margin-top: 6px; width: 17px; } .filter__menu .filter__menu_icon svg { height: 16px; cursor: pointer; } .filter__menu .filter__menu_icon svg:hover circle { fill: #0673ec; } .filter__menu .filter__menu_icon svg circle { fill: #a3b1c4; } .filter__menu .filter__menu_icon .filter_dropdown { position: absolute; min-width: 183px; padding: 20px 27px; top: 45px !important; z-index: 3; background: #fff; right: -15px; left: auto !important; -webkit-box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .filter__menu .filter__menu_icon .filter_dropdown.active { display: block; } .filter__menu .filter__menu_icon .filter_dropdown:before { position: absolute; content: ""; border-bottom: 10px solid #fff; border-left: 10px solid transparent; right: 15px; bottom: 100%; border-right: 10px solid transparent; } .filter__menu .filter__menu_icon .filter_dropdown li a { color: #747b86; display: block; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; line-height: 28px; } .filter__menu .filter__menu_icon .filter_dropdown li a:hover { color: #0674ec; } .transparent { background: transparent; } .rounded, .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { -webkit-border-radius: 200px; border-radius: 200px; } .tags ul > li { display: inline-block; } .tags--round ul > li a { color: #868c96; line-height: 28px; background: #f1f3f6; display: inline-block; padding: 0 17px; margin-right: 4px; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .tags--round ul > li a:hover { background: #7347c1; color: #fff; } .bgcolor { background: #eff1f5; } .bgcolor2 { background: #f6f7fb; } .range-slider.ui-slider { height: 6px; background: #efedf3; -webkit-border-radius: 6px; border-radius: 6px; } .range-slider.ui-slider .ui-slider-range { background: #7347c1; } .range-slider.ui-slider .ui-slider-handle { height: 18px; width: 18px; background: #0674ec; -webkit-border-radius: 50px; border-radius: 50px; top: -6px; z-index: 2; cursor: pointer; } .range-slider.ui-slider .ui-slider-handle:focus { outline: 0; } .range-slider.ui-slider .ui-slider-handle:before { content: ''; position: absolute; height: calc(100% - 8px); width: calc(100% - 8px); background: #fff; left: 4px; top: 4px; z-index: -1; -webkit-border-radius: 50%; border-radius: 50%; } .price-ranges { padding-top: 34px; text-align: center; } .price-ranges span { line-height: 32px; display: inline-block; background: rgba(115, 71, 193, 0.1); width: 80px; color: #7347c1; } .rating { display: inline-block; vertical-align: middle; } .rating ul { float: left; padding-bottom: 0; } .rating ul li { float: left; margin-right: 3px; } .rating ul li span.fa-star, .rating ul li span.fa-star-half-o, .rating ul li span.fa-star-half-alt { color: #ffc000; } .rating ul li span.fa-star-o { color: #7e7e7e; } .rating .rating__count { display: inline-block; color: var(--p); vertical-align: middle; margin-left: 5px; } .custom-checkbox2 input[type='checkbox'], .custom-radio input[type='checkbox'] { display: none; } .custom-checkbox2 input[type='checkbox']:checked + label span:before, .custom-radio input[type='checkbox']:checked + label span:before, .custom-checkbox2 .form-group input[type='checkbox']:checked + p.label span:before, .form-group .custom-checkbox2 input[type='checkbox']:checked + p.label span:before, .custom-radio .form-group input[type='checkbox']:checked + p.label span:before, .form-group .custom-radio input[type='checkbox']:checked + p.label span:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .custom-checkbox2 label, .custom-radio label, .custom-checkbox2 .form-group p.label, .form-group .custom-checkbox2 p.label, .custom-radio .form-group p.label, .form-group .custom-radio p.label { font-size: 15px; font-weight: 400; margin: 0; line-height: 36px; cursor: pointer; text-transform: none; } .custom-checkbox2 label span.circle, .custom-radio label span.circle, .custom-checkbox2 .form-group p.label span.circle, .form-group .custom-checkbox2 p.label span.circle, .custom-radio .form-group p.label span.circle, .form-group .custom-radio p.label span.circle { height: 20px; margin-right: 12px; vertical-align: middle; width: 20px; background: #fff; display: inline-block; border: 4px solid #e6e9ed; -webkit-border-radius: 50%; border-radius: 50%; position: relative; } .custom-checkbox2 label span.circle:before, .custom-radio label span.circle:before, .custom-checkbox2 .form-group p.label span.circle:before, .form-group .custom-checkbox2 p.label span.circle:before, .custom-radio .form-group p.label span.circle:before, .form-group .custom-radio p.label span.circle:before { content: '\f00c'; font-family: 'Font Awesome\ 5 Pro',sans-serif; position: absolute; height: 20px; width: 20px; text-align: center; font-size: 12px; bottom: -4px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; left: -4px; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-border-radius: 50%; border-radius: 50%; background: #0674ec; color: #fff; line-height: 20px; } .custom-radio input[type='radio'] { display: none; } .custom-radio input[type='radio']:checked + label span:before, .custom-radio .form-group input[type='radio']:checked + p.label span:before, .form-group .custom-radio input[type='radio']:checked + p.label span:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .custom-radio label span.circle:before, .custom-radio .form-group p.label span.circle:before, .form-group .custom-radio p.label span.circle:before { content: ""; background: #fff; border: 4px solid #0674ec; } .custom-radio.custom_radio--big span.circle { height: 30px; width: 30px; border-width: 5px; } .custom-radio.custom_radio--big span.circle:before { width: 30px; height: 30px; font-size: 16px; line-height: 30px; border-width: 5px; } .radio-group .label { display: block; text-align: left; } .radio-group .custom-radio { display: inline-block; } .radio-group .custom-radio + .custom-radio { margin-left: 30px; } /* custom checkbox area css*/ .custom_checkbox { position: relative; margin-top: 10px; } .custom_checkbox input[type='checkbox'] { display: none; } .custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox, .custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox, .form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox { border: transparent; } .custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox:before, .custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox:before, .form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox:before { visibility: visible; } .custom_checkbox label, .custom_checkbox .form-group p.label, .form-group .custom_checkbox p.label { margin-bottom: 0; } .custom_checkbox label .label_text, .custom_checkbox .form-group p.label .label_text, .form-group .custom_checkbox p.label .label_text { font-weight: 400; color: var(--p); display: inline-block; vertical-align: middle; margin-left: 11px; } .custom_checkbox label .shadow_checkbox, .custom_checkbox .form-group p.label .shadow_checkbox, .form-group .custom_checkbox p.label .shadow_checkbox { height: 18px; width: 18px; top: 0; border: 1px solid #d3d3d3; display: inline-block; vertical-align: middle; position: relative; -webkit-border-radius: 2px; border-radius: 2px; } .custom_checkbox label .shadow_checkbox:before, .custom_checkbox .form-group p.label .shadow_checkbox:before, .form-group .custom_checkbox p.label .shadow_checkbox:before { position: absolute; height: 100%; width: 100%; top: 0; content: '\f00c'; font-size: 12px; visibility: hidden; text-align: center; color: #fff; line-height: 18px; font-family: Font Awesome\ 5 Pro, sans-serif; background: #0674ec; -webkit-border-radius: 2px; border-radius: 2px; } /* custom upload field */ .custom_upload p { font-weight: 500; font-size: 16px; color: #000; margin-bottom: 12px; } .custom_upload p span { font-size: 15px; line-height: 26px; font-weight: 400; color: #555; } .custom_upload input[type='file'] { display: none; } /* cardify any area */ .cardify, .content_title, .table_module, .card_style1, .card_style2, .credit_modules, .shortcode_modules, .upload_modules, .withdraw_module, .statement_info_card, .statement_table, .thread_sort_area, .author_info, .comment_area, .contact_tile, .featured_event, .google_map .location_address .addres_module { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); } /* common toggle module css */ .toggle_title { display: block; padding: 30px 30px 25px; } .toggle_title span.lnr { float: right; line-height: 20px; font-size: 14px; } .toggle_title h4 { font-size: 22px; } .social_icon { display: inline-block; } .social_icon span { display: inline-block; line-height: 45px; width: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; border-radius: 50%; font-size: 16px; color: #fff; } .social_icon span.fa-facebook { background: #395799; } .social_icon span.fa-twitter { background: #19b2f5; } .social_icon span.fa-google-plus { background: #f05b44; } .social_icon span.fa-behance { background: #0057ff; } .social_icon span.fa-dribbble { background: #ea4c89; } .input-group .input-group-addon { background: none; border: none; font-size: 18px; color: #555; padding-left: 0; } .input-group.with--addon { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .input-group.with--addon .text_field { width: calc(100% - 25px); margin-left: 14px; } /* content area title */ .content_title { padding: 30px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 30px; } /* video modal css */ .video_modal .modal-content iframe { width: 100%; height: 450px; } .messages::-webkit-scrollbar-track { background-color: transparent; } .messages::-webkit-scrollbar { width: 6px; background-color: transparent; } .messages::-webkit-scrollbar-thumb { background-color: #e9eef2; -webkit-border-radius: 5px; border-radius: 5px; } .offcanvas-menu::-webkit-scrollbar-track { background-color: transparent; } .offcanvas-menu::-webkit-scrollbar { width: 6px; background-color: transparent; } .offcanvas-menu::-webkit-scrollbar-thumb { background-color: #e9eef2; -webkit-border-radius: 5px; border-radius: 5px; } .timeline:before { top: 0; } .timeline:before, .timeline:after { position: absolute; content: ''; height: 19px; width: 19px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-border-radius: 50%; border-radius: 50%; transform: translateX(-50%); background: #7347c1; border: 4px solid #fff; } .timeline:after { background: #0674ec; bottom: 0; } .timeline .happening:before, .timeline .happening:after { content: ''; display: table; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; clear: both; } .timeline .happening .happening--period { width: 50%; padding: 60px 54px 0 0; float: left; vertical-align: top; text-align: right; position: relative; } .timeline .happening .happening--period p { color: #898f96; font-size: 18px; font-weight: 500; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; margin-bottom: 0; } .timeline .happening .happening--period:before { position: absolute; content: ""; height: 20px; width: 20px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid #c4cdd8; right: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .timeline .happening .happening--detail { width: 50%; float: right; padding: 60px 0 0 50px; position: relative; } .timeline .happening .happening--detail h4 { font-size: 24px; color: #000; margin-bottom: 20px; } .timeline .happening .happening--detail p { color: #000; font-size: 16px; line-height: 30px; } .timeline .happening .happening--detail:before { position: absolute; content: ''; left: 0; top: 0; width: 4px; height: 100%; background: #ebecf1; z-index: -1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .timeline .happening:nth-child(2n+2) .happening--period { float: right; text-align: left; padding-right: 0; padding-left: 54px; } .timeline .happening:nth-child(2n+2) .happening--period:before { left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .timeline .happening:nth-child(2n+2) .happening--detail { text-align: right; padding: 40px 50px 0 0; } .timeline .happening:nth-child(2n+2) .happening--detail:before { left: 100%; } .timeline .happening:hover .happening--period:before { background: #0674ec; border-color: #fff; } .timeline .happening:hover .happening--period p { color: #0674ec; } /***************************** -- TEAM *****************************/ /***************************** -- THEME *****************************/ .team_area { background: #f6f7fb; } .single_team_member { -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); margin-bottom: 30px; } .single_team_member figure img { width: 100%; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .single_team_member figure figcaption { overflow: hidden; text-align: center; background: #fff; position: relative; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .single_team_member figure figcaption .name_desig { padding: 20px 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .single_team_member figure figcaption .name_desig h4 { color: #000; font-size: 20px; line-height: 28px; } .single_team_member figure figcaption .name_desig p { font-size: 16px; margin-bottom: 0; } .single_team_member figure .social, .single_team_member figure .single_blog_content .share_tags .share .social_share, .single_blog_content .share_tags .share .single_team_member figure .social_share { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; height: 100%; width: 100%; left: 0; opacity: 0; visibility: hidden; top: 0; background-image: -webkit-gradient(linear, right top, left top, from(#7347c1), to(#0674ec)); background-image: -webkit-linear-gradient(right, #7347c1 0%, #0674ec 100%); background-image: -o-linear-gradient(right, #7347c1 0%, #0674ec 100%); background-image: linear-gradient(to left, #7347c1 0%, #0674ec 100%); /* Fallback (could use .jpg/.png alternatively) */ background-color: #7347c1; /* SVG fallback for IE 9 (could be data URI, or could use filter) */ background: #0674ec; /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */ background-image: -webkit-gradient(linear, left top, right top, from(#7347c1), to(#0674ec)); /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */ background-image: -webkit-linear-gradient(left, #7347c1, #0674ec); /* Firefox 3.6 - 15 */ /* Opera 11.1 - 12 */ background-image: -o-linear-gradient(left, #7347c1, #0674ec); /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */ background-image: linear-gradient(to right, #7347c1, #0674ec); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .single_team_member figure .social ul, .single_team_member figure .single_blog_content .share_tags .share .social_share ul, .single_blog_content .share_tags .share .single_team_member figure .social_share ul { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .single_team_member figure .social ul li a, .single_team_member figure .single_blog_content .share_tags .share .social_share ul li a, .single_blog_content .share_tags .share .single_team_member figure .social_share ul li a { -webkit-border-radius: 50%; border-radius: 50%; background: var(--block-content); font-size: 16px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .single_team_member figure .social ul li a span.fa-facebook, .single_team_member figure .single_blog_content .share_tags .share .social_share ul li a span.fa-facebook, .single_blog_content .share_tags .share .single_team_member figure .social_share ul li a span.fa-facebook { color: #395799; } .single_team_member figure .social ul li a span.fa-twitter, .single_team_member figure .single_blog_content .share_tags .share .social_share ul li a span.fa-twitter, .single_blog_content .share_tags .share .single_team_member figure .social_share ul li a span.fa-twitter { color: #19b2f5; } .single_team_member figure .social ul li a span.fa-google-plus, .single_team_member figure .single_blog_content .share_tags .share .social_share ul li a span.fa-google-plus, .single_blog_content .share_tags .share .single_team_member figure .social_share ul li a span.fa-google-plus { color: #f05b44; } .single_team_member figure .social ul li a span.fa-dribbble, .single_team_member figure .single_blog_content .share_tags .share .social_share ul li a span.fa-dribbble, .single_blog_content .share_tags .share .single_team_member figure .social_share ul li a span.fa-dribbble { color: #ea4c89; } .single_team_member figure .social ul li a:hover span, .single_team_member figure .single_blog_content .share_tags .share .social_share ul li a:hover span, .single_blog_content .share_tags .share .single_team_member figure .social_share ul li a:hover span { color: #fff; -webkit-border-radius: 50%; border-radius: 50%; border: none; } .single_team_member figure .social ul li a:hover span.fa-facebook, .single_team_member figure .single_blog_content .share_tags .share .social_share ul li a:hover span.fa-facebook, .single_blog_content .share_tags .share .single_team_member figure .social_share ul li a:hover span.fa-facebook { background: #395799; } .single_team_member figure .social ul li a:hover span.fa-twitter, .single_team_member figure .single_blog_content .share_tags .share .social_share ul li a:hover span.fa-twitter, .single_blog_content .share_tags .share .single_team_member figure .social_share ul li a:hover span.fa-twitter { background: #19b2f5; } .single_team_member figure .social ul li a:hover span.fa-google-plus, .single_team_member figure .single_blog_content .share_tags .share .social_share ul li a:hover span.fa-google-plus, .single_blog_content .share_tags .share .single_team_member figure .social_share ul li a:hover span.fa-google-plus { background: #f05b44; } .single_team_member figure .social ul li a:hover span.fa-dribbble, .single_team_member figure .single_blog_content .share_tags .share .social_share ul li a:hover span.fa-dribbble, .single_blog_content .share_tags .share .single_team_member figure .social_share ul li a:hover span.fa-dribbble { background: #ea4c89; } .single_team_member figure:hover figcaption .name_desig { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; visibility: hidden; } .single_team_member figure:hover figcaption .social, .single_team_member figure:hover figcaption .single_blog_content .share_tags .share .social_share, .single_blog_content .share_tags .share .single_team_member figure:hover figcaption .social_share { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } /***************************** --- PRICING *****************************/ .pricing { padding: 30px; background: #fff; position: relative; -webkit-border-radius: 4px; border-radius: 4px; } .pricing:before { content: ""; height: 3px; position: absolute; top: 0; left: 0; width: 100%; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background: #ff6a6d; } .pricing .pricing--title { text-align: center; font-size: 24px; border-bottom: 1px solid #ececec; padding-bottom: 23px; line-height: 32px; font-weight: 500; } .pricing .pricing--price { text-align: center; padding-top: 26px; margin-bottom: 36px; } .pricing .pricing--price sup { font-size: 18px; color: #000; margin-right: -4px; } .pricing .pricing--price .ammount { font-size: 36px; color: #000; line-height: 32px; } .pricing .pricing--features ul li { position: relative; padding-left: 22px; font-size: 16px; line-height: 36px; } .pricing .pricing--features ul li span.lnr { font-size: 18px; color: #555; margin-left: 5px; } .pricing .pricing--features ul li:before { content: ""; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 7px; background: #c5cad4; -webkit-border-radius: 200px; border-radius: 200px; position: absolute; } .pricing .pricing--btn { display: block; text-align: center; line-height: 50px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; font-size: 18px; margin-top: 33px; font-weight: 500; position: relative; } .pricing .pricing--btn:before { content: ''; position: absolute; height: 100%; width: 100%; background: #000; left: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; top: 0; opacity: 0; visibility: hidden; } .pricing .pricing--btn:hover:before { visibility: visible; opacity: 0.05; } .pricing.red .pricing--btn { background: #ff6a6d; } .pricing.red:before { background: #ff6a6d; } .pricing.blue .pricing--btn { background: #0674ec; } .pricing.blue:before { background: #0674ec; } .pricing.yellow .pricing--btn { background: #feb71d; } .pricing.yellow:before { background: #feb71d; } /***************************** -- THEME *****************************/ /***************************** -- THEME *****************************/ /***************************** -- THEME *****************************/ /***************************** -- MIXINS *****************************/ /* container sizes for various devices */ /* Custom scrollbar */ /***************************** -- GENERAL *****************************/ .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } .pcolor { color: #0674ec; } .scolor { color: var(--pink); } /* Background Image */ .bgimage { position: relative; } .bgimage:before { z-index: 1; } .content_above { position: relative; z-index: 2; } /* Background image holder */ .bg_image_holder { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-background-size: cover !important; background-size: cover !important; background-position: 50% 50% !important; z-index: 0; -o-transition: opacity .3s linear; transition: opacity .3s linear; -webkit-transition: opacity .3s linear; opacity: 0; } .bg_image_holder img { display: none; } .or { width: 100%; background: #ececec; height: 1px; margin-bottom: 33px; position: relative; } .or:before { content: 'Or'; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: #fff; padding: 20px; color: #0674ec; font-weight: 500; transform: translate(-50%, -50%); } .mcolor1 { color: #77de51; } .mcolor2 { color: #feb71d; } .mcolor3 { color: #58c9e9; } .mcolor4 { color: #ff6a6d; } .pcolorbg { background: #0674ec; } .scolorbg { background: var(--pink); } .mcolorbg1 { background: #77de51; } .mcolorbg2 { background: #feb71d; } .mcolorbg3 { background: #58c9e9; } .mcolorbg4 { background: #ff6a6d; } /* tooltip */ .tooltip { display: block; } .tooltip .tooltip-inner { font-family: "Quicksand", sans-serif; font-size: 14px; text-align: left; display: block; } /*.highlighted{ background: $pcolor; }*/ .section--padding { padding-top: 120px; padding-bottom: 120px; } .section--padding2 { padding: 70px 0 60px; } .section--padding3 { padding: 70px 0 0; } .section-title { text-align: center; padding-bottom: 53px; } .section-title h1 { font-weight: 400; margin-bottom: 24px; } .section-title h1 .highlighted { color: #0674ec; } .section-title p { padding: 0 230px; line-height: 30px; margin-bottom: 0; } .shortcode_wrapper + .shortcode_wrapper { margin-top: 80px; } /* Input with icons */ .input_with_icon { position: relative; } .input_with_icon span { position: absolute; right: 20px; top: 50%; color: #747b86; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-title-area, .shortcode_module_title, .dashboard_contents .dashboard_title_area { background: var(--block-content); padding: 32px 30px 32px; margin-bottom: 30px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .product-title-area:before, .shortcode_module_title:before, .dashboard_contents .dashboard_title_area:before, .product-title-area:after, .shortcode_module_title:after, .dashboard_contents .dashboard_title_area:after { display: table; content: ""; clear: both; } .product-title-area .product__slider-nav, .shortcode_module_title .product__slider-nav, .dashboard_contents .dashboard_title_area .product__slider-nav { float: right; background: #7347c1; } .product-title-area .product__slider-nav span, .shortcode_module_title .product__slider-nav span, .dashboard_contents .dashboard_title_area .product__slider-nav span { line-height: 45px; color: #fff; cursor: pointer; width: 52px; display: inline-block; text-align: center; } .product-title-area .date_area, .shortcode_module_title .date_area, .dashboard_contents .dashboard_title_area .date_area { float: right; } .product-title-area .date_area p, .shortcode_module_title .date_area p, .dashboard_contents .dashboard_title_area .date_area p { float: left; } .product-title-area .date_area .input_with_icon, .shortcode_module_title .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon { max-width: 158px; } .product-title-area .date_area .input_with_icon, .shortcode_module_title .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon, .product-title-area .date_area .select-wrap, .shortcode_module_title .date_area .select-wrap, .dashboard_contents .dashboard_title_area .date_area .select-wrap { float: left; margin-right: 10px; } .product-title-area .date_area .select-wrap select, .shortcode_module_title .date_area .select-wrap select, .dashboard_contents .dashboard_title_area .date_area .select-wrap select { height: 47px; } .product-title-area .date_area .btn:hover, .shortcode_module_title .date_area .btn:hover, .dashboard_contents .dashboard_title_area .date_area .btn:hover { background: #0674ec; color: #fff; } .product__title { float: left; } .product__title h2 { font-weight: 400; line-height: 45px; } .filter__menu { float: right; position: relative; margin-top: 10px; } .filter__menu p { margin-bottom: 0; display: inline-block; vertical-align: middle; color: #747b86; margin-right: 15px; } .filter__menu .filter__menu_icon { display: inline-block; vertical-align: middle; margin-top: 6px; width: 17px; } .filter__menu .filter__menu_icon svg { height: 16px; cursor: pointer; } .filter__menu .filter__menu_icon svg:hover circle { fill: #0673ec; } .filter__menu .filter__menu_icon svg circle { fill: #a3b1c4; } .filter__menu .filter__menu_icon .filter_dropdown { position: absolute; min-width: 183px; padding: 20px 27px; top: 45px !important; z-index: 3; background: #fff; right: -15px; left: auto !important; -webkit-box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .filter__menu .filter__menu_icon .filter_dropdown.active { display: block; } .filter__menu .filter__menu_icon .filter_dropdown:before { position: absolute; content: ""; border-bottom: 10px solid #fff; border-left: 10px solid transparent; right: 15px; bottom: 100%; border-right: 10px solid transparent; } .filter__menu .filter__menu_icon .filter_dropdown li a { color: #747b86; display: block; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; line-height: 28px; } .filter__menu .filter__menu_icon .filter_dropdown li a:hover { color: #0674ec; } .transparent { background: transparent; } .rounded, .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { -webkit-border-radius: 200px; border-radius: 200px; } .tags ul > li { display: inline-block; } .tags--round ul > li a { color: #868c96; line-height: 28px; background: #f1f3f6; display: inline-block; padding: 0 17px; margin-right: 4px; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .tags--round ul > li a:hover { background: #7347c1; color: #fff; } .bgcolor { background: #eff1f5; } .bgcolor2 { background: #f6f7fb; } .range-slider.ui-slider { height: 6px; background: #efedf3; -webkit-border-radius: 6px; border-radius: 6px; } .range-slider.ui-slider .ui-slider-range { background: #7347c1; } .range-slider.ui-slider .ui-slider-handle { height: 18px; width: 18px; background: #0674ec; -webkit-border-radius: 50px; border-radius: 50px; top: -6px; z-index: 2; cursor: pointer; } .range-slider.ui-slider .ui-slider-handle:focus { outline: 0; } .range-slider.ui-slider .ui-slider-handle:before { content: ''; position: absolute; height: calc(100% - 8px); width: calc(100% - 8px); background: #fff; left: 4px; top: 4px; z-index: -1; -webkit-border-radius: 50%; border-radius: 50%; } .price-ranges { padding-top: 34px; text-align: center; } .price-ranges span { line-height: 32px; display: inline-block; background: rgba(115, 71, 193, 0.1); width: 80px; color: #7347c1; } .rating { display: inline-block; vertical-align: middle; } .rating ul { float: left; padding-bottom: 0; } .rating ul li { float: left; margin-right: 3px; } .rating ul li span.fa-star, .rating ul li span.fa-star-half-o, .rating ul li span.fa-star-half-alt { color: #ffc000; } .rating ul li span.fa-star-o { color: #7e7e7e; } .rating .rating__count { display: inline-block; color: var(--p); vertical-align: middle; margin-left: 5px; } .custom-checkbox2 input[type='checkbox'], .custom-radio input[type='checkbox'] { display: none; } .custom-checkbox2 input[type='checkbox']:checked + label span:before, .custom-radio input[type='checkbox']:checked + label span:before, .custom-checkbox2 .form-group input[type='checkbox']:checked + p.label span:before, .form-group .custom-checkbox2 input[type='checkbox']:checked + p.label span:before, .custom-radio .form-group input[type='checkbox']:checked + p.label span:before, .form-group .custom-radio input[type='checkbox']:checked + p.label span:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .custom-checkbox2 label, .custom-radio label, .custom-checkbox2 .form-group p.label, .form-group .custom-checkbox2 p.label, .custom-radio .form-group p.label, .form-group .custom-radio p.label { font-size: 15px; font-weight: 400; margin: 0; line-height: 36px; cursor: pointer; text-transform: none; } .custom-checkbox2 label span.circle, .custom-radio label span.circle, .custom-checkbox2 .form-group p.label span.circle, .form-group .custom-checkbox2 p.label span.circle, .custom-radio .form-group p.label span.circle, .form-group .custom-radio p.label span.circle { height: 20px; margin-right: 12px; vertical-align: middle; width: 20px; background: #fff; display: inline-block; border: 4px solid #e6e9ed; -webkit-border-radius: 50%; border-radius: 50%; position: relative; } .custom-checkbox2 label span.circle:before, .custom-radio label span.circle:before, .custom-checkbox2 .form-group p.label span.circle:before, .form-group .custom-checkbox2 p.label span.circle:before, .custom-radio .form-group p.label span.circle:before, .form-group .custom-radio p.label span.circle:before { content: '\f00c'; font-family: 'Font Awesome\ 5 Pro',sans-serif; position: absolute; height: 20px; width: 20px; text-align: center; font-size: 12px; bottom: -4px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; left: -4px; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-border-radius: 50%; border-radius: 50%; background: #0674ec; color: #fff; line-height: 20px; } .custom-radio input[type='radio'] { display: none; } .custom-radio input[type='radio']:checked + label span:before, .custom-radio .form-group input[type='radio']:checked + p.label span:before, .form-group .custom-radio input[type='radio']:checked + p.label span:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .custom-radio label span.circle:before, .custom-radio .form-group p.label span.circle:before, .form-group .custom-radio p.label span.circle:before { content: ""; background: #fff; border: 4px solid #0674ec; } .custom-radio.custom_radio--big span.circle { height: 30px; width: 30px; border-width: 5px; } .custom-radio.custom_radio--big span.circle:before { width: 30px; height: 30px; font-size: 16px; line-height: 30px; border-width: 5px; } .radio-group .label { display: block; text-align: left; } .radio-group .custom-radio { display: inline-block; } .radio-group .custom-radio + .custom-radio { margin-left: 30px; } /* custom checkbox area css*/ .custom_checkbox { position: relative; margin-top: 10px; } .custom_checkbox input[type='checkbox'] { display: none; } .custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox, .custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox, .form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox { border: transparent; } .custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox:before, .custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox:before, .form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox:before { visibility: visible; } .custom_checkbox label, .custom_checkbox .form-group p.label, .form-group .custom_checkbox p.label { margin-bottom: 0; } .custom_checkbox label .label_text, .custom_checkbox .form-group p.label .label_text, .form-group .custom_checkbox p.label .label_text { font-weight: 400; color: var(--p); display: inline-block; vertical-align: middle; margin-left: 11px; } .custom_checkbox label .shadow_checkbox, .custom_checkbox .form-group p.label .shadow_checkbox, .form-group .custom_checkbox p.label .shadow_checkbox { height: 18px; width: 18px; top: 0; border: 1px solid #d3d3d3; display: inline-block; vertical-align: middle; position: relative; -webkit-border-radius: 2px; border-radius: 2px; } .custom_checkbox label .shadow_checkbox:before, .custom_checkbox .form-group p.label .shadow_checkbox:before, .form-group .custom_checkbox p.label .shadow_checkbox:before { position: absolute; height: 100%; width: 100%; top: 0; content: '\f00c'; font-size: 12px; visibility: hidden; text-align: center; color: #fff; line-height: 18px; font-family: Font Awesome\ 5 Pro, sans-serif; background: #0674ec; -webkit-border-radius: 2px; border-radius: 2px; } /* custom upload field */ .custom_upload p { font-weight: 500; font-size: 16px; color: #000; margin-bottom: 12px; } .custom_upload p span { font-size: 15px; line-height: 26px; font-weight: 400; color: #555; } .custom_upload input[type='file'] { display: none; } /* cardify any area */ .cardify, .content_title, .table_module, .card_style1, .card_style2, .credit_modules, .shortcode_modules, .upload_modules, .withdraw_module, .statement_info_card, .statement_table, .thread_sort_area, .author_info, .comment_area, .contact_tile, .featured_event, .google_map .location_address .addres_module { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); } /* common toggle module css */ .toggle_title { display: block; padding: 30px 30px 25px; } .toggle_title span.lnr { float: right; line-height: 20px; font-size: 14px; } .toggle_title h4 { font-size: 22px; } .social_icon { display: inline-block; } .social_icon span { display: inline-block; line-height: 45px; width: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; border-radius: 50%; font-size: 16px; color: #fff; } .social_icon span.fa-facebook { background: #395799; } .social_icon span.fa-twitter { background: #19b2f5; } .social_icon span.fa-google-plus { background: #f05b44; } .social_icon span.fa-behance { background: #0057ff; } .social_icon span.fa-dribbble { background: #ea4c89; } .input-group .input-group-addon { background: none; border: none; font-size: 18px; color: #555; padding-left: 0; } .input-group.with--addon { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .input-group.with--addon .text_field { width: calc(100% - 25px); margin-left: 14px; } /* content area title */ .content_title { padding: 30px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 30px; } /* video modal css */ .video_modal .modal-content iframe { width: 100%; height: 450px; } .messages::-webkit-scrollbar-track { background-color: transparent; } .messages::-webkit-scrollbar { width: 6px; background-color: transparent; } .messages::-webkit-scrollbar-thumb { background-color: #e9eef2; -webkit-border-radius: 5px; border-radius: 5px; } .offcanvas-menu::-webkit-scrollbar-track { background-color: transparent; } .offcanvas-menu::-webkit-scrollbar { width: 6px; background-color: transparent; } .offcanvas-menu::-webkit-scrollbar-thumb { background-color: #e9eef2; -webkit-border-radius: 5px; border-radius: 5px; } /***************************** --- DROPDOWN *****************************/ .dropdowns { position: absolute; min-width: 271px; background: var(--menu); padding: 19px 30px; z-index: 9999; visibility: hidden; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; border-top: 1px solid #0674ec; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); /* dropdown menu */ } .dropdowns.active { opacity: 1; visibility: visible; } .dropdowns li a { font-size: 15px; line-height: 32px; display: block; color: #747b86; padding: 0; } .dropdowns li a:hover { color: #0674ec; background: none; } .dropdowns li a span { float: right; } .dropdowns:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0674ec; bottom: 100%; } .dropdowns.notification--dropdown { width: 370px; padding: 0; left: -15px; } .dropdowns.notification--dropdown:before { bottom: 100%; left: 30px; } .dropdowns.notification--dropdown .notifications_module .notification { padding: 20px 25px 15px; } .dropdowns.notification--dropdown .notifications_module .notification .notification__info .info_avatar { margin-top: 5px; margin-right: 12px; width: 40px; vertical-align: top; height: 40px; } .dropdowns.notification--dropdown .notifications_module .notification .notification__info .info { width: calc(100% - 57px); } .dropdowns.notification--dropdown .notifications_module .notification .notification__info .info .time { margin-top: 0; } .dropdowns.notification--dropdown .notifications_module .notification .notification__info .info p a { /*display: block;*/ } .dropdowns.notification--dropdown .notifications_module .notification .notification__icons .noti_icon { margin-right: 0; line-height: 30px; width: 30px; font-size: 15px; } .dropdowns.messaging--dropdown { padding: 0; width: 370px; right: -15px; } .dropdowns.messaging--dropdown li a { color: #54667a; } .dropdowns.messaging--dropdown li a span { float: none; } .dropdowns.messaging--dropdown li a:hover { color: #0674ec; } .dropdowns.messaging--dropdown:before { right: 30px; bottom: 100%; } .dropdowns.messaging--dropdown .message { padding: 10px 20px; border-bottom: 1px solid #ececec; display: block; } .dropdowns.messaging--dropdown .message .message__actions_avatar { display: inline-block; vertical-align: middle; } .dropdowns.messaging--dropdown .message .message__actions_avatar .avatar { height: 40px; width: 40px; } .dropdowns.messaging--dropdown .message .message__actions_avatar .avatar img { width: 100%; border-radius: 50% } .dropdowns.messaging--dropdown .message .message_data { display: inline-block; vertical-align: middle; } .dropdowns.messaging--dropdown .message .message_data .name_time { margin-left: 13px; max-width: 270px; min-width: 270px } .dropdowns.messaging--dropdown .message .message_data .name_time .name { float: left; } .dropdowns.messaging--dropdown .message .message_data .name_time .name p { display: inline-block; margin-bottom: 6px; font-weight: 500; color: var(--p); } .dropdowns.messaging--dropdown .message .message_data .name_time .name span { display: inline; vertical-align: top; font-size: 15px; color: #0674ec; margin-left: 5px; } .dropdowns.messaging--dropdown .message .message_data .name_time .time { float: right; font-size: 14px; } .dropdowns.messaging--dropdown .message .message_data .name_time p { height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; clear: both; display: block; } .dropdowns.messaging--dropdown .message.recent .time { color: #0674ec; } .dropdowns.messaging_dropdown li a span { float: none; margin-right: 10px; } .dropdowns.dropdown--author { padding: 20px; right: 0; } .dropdowns.dropdown--author:before { right: 30px; } .dropdowns.dropdown--author ul li a { color: var(--p); display: block; font-size: 15px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 10px; line-height: 40px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .dropdowns.dropdown--author ul li a:hover { background: #0674ec; color: #fff; } .dropdowns.dropdown--author ul li a span { width:20px; float: none; margin-right: 15px; } .dropdowns.dropdown--cart { width: 400px; padding: 0; right: -15px; } .dropdowns.dropdown--cart:before { right: 30px; } .dropdowns.dropdown--cart .cart_area .cart_product { padding: 25px; border-bottom: 1px solid #ececec; } .dropdowns.dropdown--cart .cart_area .cart_product .product__info { width: calc(100% - 52px); display: inline-block; } .dropdowns.dropdown--cart .cart_area .cart_product .product__info .thumbn { display: inline-block; height: 70px; width: 80px; vertical-align: middle; } .dropdowns.dropdown--cart .cart_area .cart_product .product__info .info { width: calc(100% - 87px); display: inline-block; vertical-align: middle; padding-left: 10px; } .dropdowns.dropdown--cart .cart_area .cart_product .product__info .info .title { font-weight: 500; line-height: 22px; color: #000; margin-bottom: 9px; display: inline-block; } .dropdowns.dropdown--cart .cart_area .cart_product .product__info .info .title:hover { color: #7347c1; } .dropdowns.dropdown--cart .cart_area .cart_product .product__info .info .cat a { color: #7347c1; } .dropdowns.dropdown--cart .cart_area .cart_product .product__action { display: inline-block; vertical-align: middle; text-align: center; } .dropdowns.dropdown--cart .cart_area .cart_product .product__action a:hover span { color: #fff; background: #ff6a6d; } .dropdowns.dropdown--cart .cart_area .cart_product .product__action span { width: 30px; line-height: 30px; text-align: center; font-size: 15px; display: inline-block; color: #0674ec; background: rgba(6, 116, 236, 0.1); -webkit-border-radius: 50%; border-radius: 50%; } .dropdowns.dropdown--cart .cart_area .cart_product .product__action p { background: rgba(6, 116, 236, 0.1); color: #0674ec; line-height: 30px; padding: 0 10px; margin-bottom: 0; -webkit-border-radius: 200px; border-radius: 200px; margin-top: 10px; font-weight: 500; } .dropdowns.dropdown--cart .cart_area .total { text-align: right; padding: 20px 25px; } .dropdowns.dropdown--cart .cart_area .total p { font-weight: 500; color: #000; font-size: 18px; } .dropdowns.dropdown--cart .cart_area .total p span { margin-right: 30px; } .dropdowns.dropdown--cart .cart_area .cart_action a { width: 50%; float: left; display: block; text-align: center; padding: 23px 25px; color: #fff; } .dropdowns.dropdown--cart .cart_area .cart_action .go_cart { background: #7347c1; } .dropdowns.dropdown--cart .cart_area .cart_action .go_checkout { background: #0674ec; } .dropdowns .notification:hover, .dropdowns .message:hover { background: rgba(6, 116, 236, 0.05); } .dropdowns .dropdown_module_header { overflow: hidden; padding: 20px 25px; border-bottom: 1px solid #ececec; } .dropdowns .dropdown_module_header h4 { float: left; } .dropdowns .dropdown_module_header a { float: right; } .dropdowns.dropdown--menu { padding: 20px; } .dropdowns.dropdown--menu:before { display: none; } .dropdowns.dropdown--menu ul li { padding: 0; margin: 0; display: block; } .dropdowns.dropdown--menu ul li a { padding: 0 10px; text-transform: capitalize; font-weight: 400; color: var(--menu-a); line-height: 44px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .dropdowns.dropdown--menu ul li a:hover { background: #0674ec; color: #fff; } .dropdowns.dropdown-menu { display: inline-block; } .open > .dropdown-menu { opacity: 1; visibility: visible; } .has_megamenu { position: static !important; } .has_megamenu:hover .dropdown_megamenu { visibility: visible; opacity: 1; top: 100%; } .has_megamenu .dropdown_megamenu { background: var(--menu); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; left: -34%; position: absolute; width: 1110px; visibility: hidden; opacity: 0; top: calc(100% + 20px); padding: 20px; z-index: 222; -webkit-box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-top: 1px solid #0674ec; } .has_megamenu .dropdown_megamenu.contained { width: auto; } .badge { margin-left: 5px; position: absolute; top: 5px; left: 90%; background: #0674ec; font-size: 10px; color: #fff; } .megamnu_module { float: left; } .megamnu_module + .megamnu_module { margin-left: 40px; } .megamnu_module .menu_items { overflow: hidden; } .megamnu_module .menu_items .menu_column { min-width: 200px; float: left; } .megamnu_module .menu_items .menu_column ul li { position: relative; } .megamnu_module .menu_items .menu_column ul li.has_badge { /*display: inline-block;*/ display: table; } .megamnu_module .menu_items .menu_column .title { font-weight: 800; font-size: 17px; padding: 10px 10px 15px; color: var(--menu-title); display: inline-block; } .megamnu_module .menu_items .menu_column + ul { margin-left: 20px; } .megamnu_module .menu_items .menu_column li a { color: var(--menu-a); font-size: 15px; line-height: 36px; padding: 0 10px; display: block; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: #0674ec; -o-transition: #0674ec; transition: #0674ec; } .megamnu_module .menu_items .menu_column li a:hover { color: #0674ec; } .custom_dropdown { padding: 19px 30px; min-width: 200px; -webkit-box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); border: 0; border-top: 1px solid #0674ec; -webkit-border-radius: 0; border-radius: 0; position: relative; top: 10px !important; } .custom_dropdown:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #5867dd; bottom: 100%; } .custom_dropdown li a { font-size: 15px; line-height: 32px; display: block; color: #747b86; } .custom_dropdown li a span { padding-right: 10px; } .custom_dropdown li a:hover { color: #0674ec; } .custom_dropdown.custom_drop2 li a span { float: right; padding-right: 0; } .dropdown-toggle:after { content: none; } .dropdown-menu { animation-name: slidenavAnimation; animation-duration: .3s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration: .3s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration: .3s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; } @keyframes slidenavAnimation { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes slidenavAnimation { from { opacity: 0; } to { opacity: 1; } } .custom_dropdown { padding: 19px 30px; min-width: 200px; -webkit-box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); border: 0; border-top: 1px solid #0674ec; -webkit-border-radius: 0; border-radius: 0; position: relative; top: 10px !important; } .custom_dropdown:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #5867dd; bottom: 100%; } .custom_dropdown li a { font-size: 15px; line-height: 32px; display: block; color: #747b86; } .custom_dropdown li a span { padding-right: 10px; } .custom_dropdown li a:hover { color: #0674ec; } .custom_dropdown.custom_drop2 li a span { float: right; padding-right: 0; } /***************************** -- THEME *****************************/ /***************************** --- DATE PICKER *****************************/ div#ui-datepicker-div { background: #fff; -webkit-box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); } div#ui-datepicker-div .ui-datepicker-title { font-size: 18px; color: #fff; font-weight: 500; } div#ui-datepicker-div .ui-datepicker-header { background: #0674ec; color: #fff; padding: 6px 0; } div#ui-datepicker-div .ui-datepicker-prev { left: 10px; } div#ui-datepicker-div .ui-datepicker-prev:before { content: '\e875'; } div#ui-datepicker-div .ui-datepicker-next { text-align: right; right: 10px; } div#ui-datepicker-div .ui-datepicker-next:before { content: "\e876"; } div#ui-datepicker-div .ui-datepicker-prev, div#ui-datepicker-div .ui-datepicker-next { cursor: pointer; top: 46%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } div#ui-datepicker-div .ui-datepicker-prev.ui-datepicker-prev-hover, div#ui-datepicker-div .ui-datepicker-prev.ui-datepicker-next-hover, div#ui-datepicker-div .ui-datepicker-next.ui-datepicker-prev-hover, div#ui-datepicker-div .ui-datepicker-next.ui-datepicker-next-hover { top: 46%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } div#ui-datepicker-div .ui-datepicker-prev:before, div#ui-datepicker-div .ui-datepicker-next:before { font-family: 'Linearicons-Free', sans-serif; color: #fff; line-height: 30px; } div#ui-datepicker-div table { margin: 0; } div#ui-datepicker-div thead tr th span { color: #555555; } div#ui-datepicker-div tbody tr { border-top: 1px solid #ececec; } div#ui-datepicker-div tbody tr td + td { border-left: 1px solid #ececec; } div#ui-datepicker-div tbody tr td a { color: #54667a; margin: 0; text-align: center; } div#ui-datepicker-div tbody tr td a:hover { background: rgba(88, 201, 233, 0.2); color: #0674ec; } /***************************** -- THEME *****************************/ .alert { padding: 18px 30px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 16px; margin-bottom: 30px; } .alert .alert_icon { margin-right: 15px; font-size: 16px; } .alert.alert-default { color: #0674ec; background: rgba(6, 116, 236, 0.1); } .alert.alert-default .close { color: #0674ec; } .alert.alert-success { color: #77de51; background: rgba(119, 222, 81, 0.1); border-color: rgba(119, 222, 81, 0.1); } .alert.alert-info { color: #58c9e9; background: rgba(88, 201, 233, 0.1); border-color: rgba(88, 201, 233, 0.1); } .alert.alert-warning { color: #feb71d; background: rgba(254, 183, 29, 0.1); border-color: rgba(254, 183, 29, 0.1); } .alert.alert-danger { color: #ff6a6d; background: rgba(255, 106, 109, 0.1); border-color: rgba(255, 106, 109, 0.1); } .alert .close { font-size: 16px; opacity: .3; } .alert .close:hover { opacity: .5; } /***************************** -- THEME *****************************/ /***************************** -- THEME *****************************/ /***************************** -- THEME *****************************/ /***************************** -- MIXINS *****************************/ /* container sizes for various devices */ /* Custom scrollbar */ /***************************** -- GENERAL *****************************/ .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } .pcolor { color: #0674ec; } .scolor { color: var(--pink); } /* Background Image */ .bgimage { position: relative; } .bgimage:before { z-index: 1; } .content_above { position: relative; z-index: 2; } /* Background image holder */ .bg_image_holder { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-background-size: cover !important; background-size: cover !important; background-position: 50% 50% !important; z-index: 0; -o-transition: opacity .3s linear; transition: opacity .3s linear; -webkit-transition: opacity .3s linear; opacity: 0; } .bg_image_holder img { display: none; } .or { width: 100%; background: #ececec; height: 1px; margin-bottom: 33px; position: relative; } .or:before { content: 'Or'; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: #fff; padding: 20px; color: #0674ec; font-weight: 500; transform: translate(-50%, -50%); } .mcolor1 { color: #77de51; } .mcolor2 { color: #feb71d; } .mcolor3 { color: #58c9e9; } .mcolor4 { color: #ff6a6d; } .pcolorbg { background: #0674ec; } .scolorbg { background: var(--pink); } .mcolorbg1 { background: #77de51; } .mcolorbg2 { background: #feb71d; } .mcolorbg3 { background: #58c9e9; } .mcolorbg4 { background: #ff6a6d; } /* tooltip */ .tooltip { display: block; } .tooltip .tooltip-inner { font-family: "Quicksand", sans-serif; font-size: 14px; text-align: left; display: block; } /*.highlighted{ background: $pcolor; }*/ .section--padding { padding-top: 120px; padding-bottom: 120px; } .section--padding2 { padding: 30px 0 60px; /*70*/ } .section--padding3 { padding: 70px 0 0; } .section-title { text-align: center; padding-bottom: 53px; } .section-title h1 { font-weight: 400; margin-bottom: 24px; } .section-title h1 .highlighted { color: #0674ec; } .section-title p { padding: 0 230px; line-height: 30px; margin-bottom: 0; } .shortcode_wrapper + .shortcode_wrapper { margin-top: 80px; } /* Input with icons */ .input_with_icon { position: relative; } .input_with_icon span { position: absolute; right: 20px; top: 50%; color: #747b86; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-title-area, .shortcode_module_title, .dashboard_contents .dashboard_title_area { background: var(--block-content); padding: 32px 30px 32px; margin-bottom: 30px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .product-title-area:before, .shortcode_module_title:before, .dashboard_contents .dashboard_title_area:before, .product-title-area:after, .shortcode_module_title:after, .dashboard_contents .dashboard_title_area:after { display: table; content: ""; clear: both; } .product-title-area .product__slider-nav, .shortcode_module_title .product__slider-nav, .dashboard_contents .dashboard_title_area .product__slider-nav { float: right; background: #7347c1; } .product-title-area .product__slider-nav span, .shortcode_module_title .product__slider-nav span, .dashboard_contents .dashboard_title_area .product__slider-nav span { line-height: 45px; color: #fff; cursor: pointer; width: 52px; display: inline-block; text-align: center; } .product-title-area .date_area, .shortcode_module_title .date_area, .dashboard_contents .dashboard_title_area .date_area { float: right; } .product-title-area .date_area p, .shortcode_module_title .date_area p, .dashboard_contents .dashboard_title_area .date_area p { float: left; } .product-title-area .date_area .input_with_icon, .shortcode_module_title .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon { max-width: 158px; } .product-title-area .date_area .input_with_icon, .shortcode_module_title .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon, .product-title-area .date_area .select-wrap, .shortcode_module_title .date_area .select-wrap, .dashboard_contents .dashboard_title_area .date_area .select-wrap { float: left; margin-right: 10px; } .product-title-area .date_area .select-wrap select, .shortcode_module_title .date_area .select-wrap select, .dashboard_contents .dashboard_title_area .date_area .select-wrap select { height: 47px; } .product-title-area .date_area .btn:hover, .shortcode_module_title .date_area .btn:hover, .dashboard_contents .dashboard_title_area .date_area .btn:hover { background: #0674ec; color: #fff; } .product__title { float: left; } .product__title h2 { font-weight: 400; line-height: 45px; } .filter__menu { float: right; position: relative; margin-top: 10px; } .filter__menu p { margin-bottom: 0; display: inline-block; vertical-align: middle; color: #747b86; margin-right: 15px; } .filter__menu .filter__menu_icon { display: inline-block; vertical-align: middle; margin-top: 6px; width: 17px; } .filter__menu .filter__menu_icon svg { height: 16px; cursor: pointer; } .filter__menu .filter__menu_icon svg:hover circle { fill: #0673ec; } .filter__menu .filter__menu_icon svg circle { fill: #a3b1c4; } .filter__menu .filter__menu_icon .filter_dropdown { position: absolute; min-width: 183px; padding: 20px 27px; top: 45px !important; z-index: 3; background: #fff; right: -15px; left: auto !important; -webkit-box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .filter__menu .filter__menu_icon .filter_dropdown.active { display: block; } .filter__menu .filter__menu_icon .filter_dropdown:before { position: absolute; content: ""; border-bottom: 10px solid #fff; border-left: 10px solid transparent; right: 15px; bottom: 100%; border-right: 10px solid transparent; } .filter__menu .filter__menu_icon .filter_dropdown li a { color: #747b86; display: block; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; line-height: 28px; } .filter__menu .filter__menu_icon .filter_dropdown li a:hover { color: #0674ec; } .transparent { background: transparent; } .rounded, .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { -webkit-border-radius: 200px; border-radius: 200px; } .tags ul > li { display: inline-block; } .tags--round ul > li a { color: #868c96; line-height: 28px; background: #f1f3f6; display: inline-block; padding: 0 17px; margin-right: 4px; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .tags--round ul > li a:hover { background: #7347c1; color: #fff; } .bgcolor { background: var(--background-body-content); } .bgcolor2 { background: #f6f7fb; } .range-slider.ui-slider { height: 6px; background: #efedf3; -webkit-border-radius: 6px; border-radius: 6px; } .range-slider.ui-slider .ui-slider-range { background: #7347c1; } .range-slider.ui-slider .ui-slider-handle { height: 18px; width: 18px; background: #0674ec; -webkit-border-radius: 50px; border-radius: 50px; top: -6px; z-index: 2; cursor: pointer; } .range-slider.ui-slider .ui-slider-handle:focus { outline: 0; } .range-slider.ui-slider .ui-slider-handle:before { content: ''; position: absolute; height: calc(100% - 8px); width: calc(100% - 8px); background: #fff; left: 4px; top: 4px; z-index: -1; -webkit-border-radius: 50%; border-radius: 50%; } .price-ranges { padding-top: 34px; text-align: center; } .price-ranges span { line-height: 32px; display: inline-block; background: rgba(115, 71, 193, 0.1); width: 80px; color: #7347c1; } .rating { display: inline-block; vertical-align: middle; } .rating ul { float: left; padding-bottom: 0; } .rating ul li { float: left; margin-right: 3px; } .rating ul li span.fa-star, .rating ul li span.fa-star-half-o, .rating ul li span.fa-star-half-alt { color: #ffc000; } .rating ul li span.fa-star-o { color: #7e7e7e; } .rating .rating__count { display: inline-block; color: var(--p); vertical-align: middle; margin-left: 5px; } .custom-checkbox2 input[type='checkbox'], .custom-radio input[type='checkbox'] { display: none; } .custom-checkbox2 input[type='checkbox']:checked + label span:before, .custom-radio input[type='checkbox']:checked + label span:before, .custom-checkbox2 .form-group input[type='checkbox']:checked + p.label span:before, .form-group .custom-checkbox2 input[type='checkbox']:checked + p.label span:before, .custom-radio .form-group input[type='checkbox']:checked + p.label span:before, .form-group .custom-radio input[type='checkbox']:checked + p.label span:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .custom-checkbox2 label, .custom-radio label, .custom-checkbox2 .form-group p.label, .form-group .custom-checkbox2 p.label, .custom-radio .form-group p.label, .form-group .custom-radio p.label { font-size: 15px; font-weight: 400; margin: 0; line-height: 36px; cursor: pointer; text-transform: none; } .custom-checkbox2 label span.circle, .custom-radio label span.circle, .custom-checkbox2 .form-group p.label span.circle, .form-group .custom-checkbox2 p.label span.circle, .custom-radio .form-group p.label span.circle, .form-group .custom-radio p.label span.circle { height: 20px; margin-right: 12px; vertical-align: middle; width: 20px; background: #fff; display: inline-block; border: 4px solid #e6e9ed; -webkit-border-radius: 50%; border-radius: 50%; position: relative; } .custom-checkbox2 label span.circle:before, .custom-radio label span.circle:before, .custom-checkbox2 .form-group p.label span.circle:before, .form-group .custom-checkbox2 p.label span.circle:before, .custom-radio .form-group p.label span.circle:before, .form-group .custom-radio p.label span.circle:before { content: '\f00c'; font-family: 'Font Awesome\ 5 Pro',sans-serif; position: absolute; height: 20px; width: 20px; text-align: center; font-size: 12px; bottom: -4px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; left: -4px; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-border-radius: 50%; border-radius: 50%; background: #0674ec; color: #fff; line-height: 20px; } .custom-radio input[type='radio'] { display: none; } .custom-radio input[type='radio']:checked + label span:before, .custom-radio .form-group input[type='radio']:checked + p.label span:before, .form-group .custom-radio input[type='radio']:checked + p.label span:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .custom-radio label span.circle:before, .custom-radio .form-group p.label span.circle:before, .form-group .custom-radio p.label span.circle:before { content: ""; background: #fff; border: 4px solid #0674ec; } .custom-radio.custom_radio--big span.circle { height: 30px; width: 30px; border-width: 5px; } .custom-radio.custom_radio--big span.circle:before { width: 30px; height: 30px; font-size: 16px; line-height: 30px; border-width: 5px; } .radio-group .label { display: block; text-align: left; } .radio-group .custom-radio { display: inline-block; } .radio-group .custom-radio + .custom-radio { margin-left: 30px; } /* custom checkbox area css*/ .custom_checkbox { position: relative; margin-top: 10px; } .custom_checkbox input[type='checkbox'] { display: none; } .custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox, .custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox, .form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox { border: transparent; } .custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox:before, .custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox:before, .form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox:before { visibility: visible; } .custom_checkbox label, .custom_checkbox .form-group p.label, .form-group .custom_checkbox p.label { margin-bottom: 0; } .custom_checkbox label .label_text, .custom_checkbox .form-group p.label .label_text, .form-group .custom_checkbox p.label .label_text { font-weight: 400; color: var(--p); display: inline-block; vertical-align: middle; margin-left: 11px; } .custom_checkbox label .shadow_checkbox, .custom_checkbox .form-group p.label .shadow_checkbox, .form-group .custom_checkbox p.label .shadow_checkbox { height: 18px; width: 18px; top: 0; border: 1px solid #d3d3d3; display: inline-block; vertical-align: middle; position: relative; -webkit-border-radius: 2px; border-radius: 2px; } .custom_checkbox label .shadow_checkbox:before, .custom_checkbox .form-group p.label .shadow_checkbox:before, .form-group .custom_checkbox p.label .shadow_checkbox:before { position: absolute; height: 100%; width: 100%; top: 0; content: '\f00c'; font-size: 12px; visibility: hidden; text-align: center; color: #fff; line-height: 18px; font-family: Font Awesome\ 5 Pro, sans-serif; background: #0674ec; -webkit-border-radius: 2px; border-radius: 2px; } /* custom upload field */ .custom_upload p { font-weight: 500; font-size: 16px; color: #000; margin-bottom: 12px; } .custom_upload p span { font-size: 15px; line-height: 26px; font-weight: 400; color: #555; } .custom_upload input[type='file'] { display: none; } /* cardify any area */ .cardify, .content_title, .table_module, .card_style1, .card_style2, .credit_modules, .shortcode_modules, .upload_modules, .withdraw_module, .statement_info_card, .statement_table, .thread_sort_area, .author_info, .comment_area, .contact_tile, .featured_event, .google_map .location_address .addres_module { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); } /* common toggle module css */ .toggle_title { display: block; padding: 30px 30px 25px; } .toggle_title span.lnr { float: right; line-height: 20px; font-size: 14px; } .toggle_title h4 { font-size: 22px; } .social_icon { display: inline-block; } .social_icon span { display: inline-block; line-height: 45px; width: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; border-radius: 50%; font-size: 16px; color: #fff; } .social_icon span.fa-facebook { background: #395799; } .social_icon span.fa-twitter { background: #19b2f5; } .social_icon span.fa-google-plus { background: #f05b44; } .social_icon span.fa-behance { background: #0057ff; } .social_icon span.fa-dribbble { background: #ea4c89; } .input-group .input-group-addon { background: none; border: none; font-size: 18px; color: #555; padding-left: 0; } .input-group.with--addon { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .input-group.with--addon .text_field { width: calc(100% - 25px); margin-left: 14px; } /* content area title */ .content_title { padding: 30px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 30px; } /* video modal css */ .video_modal .modal-content iframe { width: 100%; height: 450px; } .messages::-webkit-scrollbar-track { background-color: transparent; } .messages::-webkit-scrollbar { width: 6px; background-color: transparent; } .messages::-webkit-scrollbar-thumb { background-color: #e9eef2; -webkit-border-radius: 5px; border-radius: 5px; } .offcanvas-menu::-webkit-scrollbar-track { background-color: transparent; } .offcanvas-menu::-webkit-scrollbar { width: 6px; background-color: transparent; } .offcanvas-menu::-webkit-scrollbar-thumb { background-color: #e9eef2; -webkit-border-radius: 5px; border-radius: 5px; } /***************************** START FEATURE AREA CSS *****************************/ .feature_title { border-bottom: 1px solid #ececec; padding-bottom: 20px; margin-bottom: 65px; } /*--- feature 1 ---*/ .feature { text-align: center; padding: 40px 25px; } .feature .feature__title { padding-top: 30px; padding-bottom: 24px; } .feature:hover { -webkit-box-shadow: 0 2px 50px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 50px rgba(0, 0, 0, 0.08); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } /*--- feature 2 ---*/ .feature2 { -webkit-box-shadow: 0 2px 50px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 50px rgba(0, 0, 0, 0.08); position: relative; margin-bottom: 30px; background: #fff; height: 360px; display: table; } .feature2 .feature2__count { font-size: 48px; position: absolute; color: rgba(92, 135, 248, 0.2); left: 18px; top: 4px; } .feature2 .feature2__content { text-align: center; padding: 50px 30px 48px; } .feature2 .feature2__content span.lnr { font-size: 60px; } .feature2 .feature2__content h3 { padding: 38px 0 25px; } .feature2 .feature2__content p { margin: 0; } /*--- feature 2 ---*/ .single_feature { margin-bottom: 50px; } .single_feature .feature__icon { display: inline-block; vertical-align: 60px; } .single_feature .feature__icon span { font-size: 48px; color: #0674ec; } .single_feature .feature__content { display: inline-block; width: calc(100% - 70px); padding-left: 33px; } .single_feature .feature__content h3 { font-size: 24px; line-height: 40px; } .single_feature .feature__content p { line-height: 30px; } /***************************** END FEATURE AREA CSS *****************************/ .content-block-page [class^="content_block"] { margin-bottom: 50px !important; } /*************************************** START ABOUT AND MISSION AREA ****************************************/ .content_block1, .content_block2 { min-height: 550px; display: table; margin: 0 auto; position: relative; width: 100%; } .content_block1 .content_area, .content_block2 .content_area, .content_block2 .content_area2 { padding: 25% 0; } .content_block1 .content_area .content_area--title, .content_block2 .content_area .content_area--title, .content_block2 .content_area2 .content_area--title, .content_block2 .content_area2 .content_area2--title { font-size: 36px; line-height: 46px; margin-bottom: 35px; color: #000; } .content_block1 .content_area .content_area--title .highlight, .content_block2 .content_area .content_area--title .highlight, .content_block2 .content_area2 .content_area--title .highlight, .content_block2 .content_area2 .content_area2--title .highlight { color: #0674ec; } .content_block1 .content_image, .content_block2 .content_image, .content_block2 .content_image2 { position: absolute; right: 0; height: 100%; width: 50%; top: 0; } .content_block2 { background: #f6f7fb; } .content_block2 .content_image2 { left: 0; } .content_block3 h2 { font-size: 30px; line-height: 46px; color: #000000; padding-bottom: 30px; } .content_block3 p { margin-bottom: 20px; } /*************************************** END ABOUT AND MISSION AREA ****************************************/ /*************************************** START CARD AREA ****************************************/ /* card style1 */ .card_style1 { margin-bottom: 30px; } .card_style1 .card_style1__info img { width: 100%; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .card_style1 .card_style1__info .date_place li { margin-bottom: 17px; } .card_style1 .card_style1__info .date_place li span { color: #0674ec; display: inline-block; font-size: 20px; } .card_style1 .card_style1__info .date_place li span, .card_style1 .card_style1__info .date_place li p { display: inline-block; vertical-align: middle; margin-right: -3px; } .card_style1 .card_style1__info .date_place li p { display: inline-block; font-weight: 500; font-size: 16px; margin-left: 13px; margin-bottom: 0; } .card_style1 .card_style1__info figcaption { padding: 36px 40px; } .card_style1 .card_style1__info figcaption a:hover h3 { color: #0674ec; } .card_style1 .card_style1__info figcaption h3 { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-weight: 500; line-height: 36px; font-size: 23px; margin-bottom: 17px; } /* card style 2 */ .card_style2 { padding: 40px; margin-bottom: 30px; } .card_style2 .card_style2__title { color: #000; font-size: 24px; margin-bottom: 25px; line-height: 30px; } .card_style2 .card_style2__location_type { margin-bottom: 20px; } .card_style2 .card_style2__location_type p, .card_style2 .card_style2__location_type .type { display: inline-block; margin-bottom: 0; } .card_style2 .card_style2__location_type p { color: #5a6671; font-size: 16px; line-height: 30px; margin-right: 17px; } .card_style2 .card_style2__location_type p span { color: #0674ec; font-size: 20px; margin-right: 8px; vertical-align: -3px; } .card_style2 .card_style2__location_type .type { color: #fff; line-height: 28px; font-weight: 500; -webkit-border-radius: 200px; border-radius: 200px; padding: 0 17px; } .card_style2 a { font-size: 16px; line-height: 30px; color: #0674ec; font-weight: 500; } /*************************************** END CARD AREA ****************************************/ /***************************** --- LISTS STYLE *****************************/ ul.nav-tabs { border: 0; } ul.nav-tabs li { position: relative; /*border-bottom: 1px solid #ececec;*/ display: inline-block; margin-right: -1px; border-right: 1px solid #ececec; } ul.nav-tabs li + li { /*border-left: 1px solid #ececec; border-right: 1px solid #ececec;*/ } ul.nav-tabs li a { color: var(--p); font-size: 17px; /*text-transform: capitalize;*/ padding: 0 28px; display: block; margin-right: 0; line-height: 70px; border: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } ul.nav-tabs li a:hover { border: none; background: none; color: #0674ec; } ul.nav-tabs li a span { font-weight: 500; } ul.nav-tabs li a:before { content: ""; position: absolute; height: 3px; width: 100%; background: #0674ec; opacity: 0; left: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; visibility: hidden; } ul.nav-tabs li a.active { border-bottom: 0; border: 0; background: none; color: #0674ec; } ul.nav-tabs li a.active:before { opacity: 1; visibility: visible; } ul.nav-tabs li:last-child > a { /*padding-right: 60px;*/ } ul.nav-tabs.nav--tabs2 { display: inline-block; margin-bottom: -2px; } ul.nav-tabs.nav--tabs2 li { border: none; } ul.nav-tabs.nav--tabs2 li a { padding-right: 30px; } ul.nav-tabs.nav--tabs2 li a::before { bottom: 0; } .tab .tab-content { margin-top: 30px; } .tab2, .tab3 { padding: 0 30px 30px } .tab2 .item-navigation, .tab3 .item-navigation { text-align: center; border-bottom: 1px solid #ececec; } .tab3 .item-navigation { /*text-align: left;*/ } .tab3 ul.nav-tabs li a { padding: 0 50px; } .tab4 { padding: 30px; overflow: hidden; } .tab4 .item-navigation { float: left; width: 20%; border-bottom: 0; border-left: 1px solid #ececec; } .tab4 .tab-content { width: 80%; float: left; } .tab4 ul.nav-tabs li:before { height: 100%; width: 3px; } /***************************** START MENU AREA *****************************/ .top-menu-area { background: var(--top-menu); } .top-menu-area .top__menu ul li { display: inline-block; } .top-menu-area .top__menu ul li a { color: #555; } .author-area { float: right; } .author-area.not_logged_in .join { padding: 15px 0; } .author-area.not_logged_in .join .btn + .btn { margin-left: 20px; } .author-area__seller-btn { background: #0674ec; color: #fff; padding: 0 17px; display: inline-block; line-height: 34px; -webkit-border-radius: 21px; border-radius: 21px; font-weight: 500; margin-right: 30px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .author-area__seller-btn:hover { background: #7347c1; color: #fff; } .author__avatar { position: relative; display: inline-block; vertical-align: middle; } .author__avatar span { font-size: 14px; position: absolute; font-weight: 500; line-height: 22px; width: 22px; text-align: center; background: #ff0000; color: #fff; right: -6px; top: -7px; -webkit-border-radius: 50%; border-radius: 50%; } .autor__info { margin-left: 16px; margin-right: 0; display: inline-block; vertical-align: middle; } .autor__info p { margin: 0; line-height: 22px; } .autor__info .name { font-weight: 500; color: var(--p); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; } .autor__info .ammount { color: #0674ec; font-size: 14px; font-weight: 400; } .author__notification_area { display: inline-block; vertical-align: middle; margin-right: 20px; } .author__notification_area ul li { display: inline-block; padding: 11px 15px; position: relative; } .author__notification_area ul li span.fal { font-size: 20px; color: #7e8fa1; vertical-align: middle; } .author__notification_area ul li .icon_wrap { position: relative; } .author__notification_area ul li .notification_count { height: 20px; /*22*/ -webkit-border-radius: 50%; border-radius: 50%; color: #fff; font-weight: 500; top: 5px; /*0*/ font-size: 10px; /*14*/ position: absolute; padding: 3px 5px; /*0 4*/ vertical-align: middle; right: 0; min-width: 20px; /*22*/ text-align: center; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .author__notification_area ul li .notification_count.noti { background: #ff6a6d; } .author__notification_area ul li .notification_count.msg { background: var(--green); } .author__notification_area ul li .notification_count.purch { background: #0674ec; } .author-author__info { padding: 0px 0; float: right; } /* start notification dropdown area */ .has_dropdown { position: relative; } .has_dropdown.has_megamenu { position: initial; } .has_dropdown .icon_wrap { cursor: pointer; } .has_dropdown .dropdowns { top: calc(100% + 20px); } .has_dropdown:hover .dropdowns { visibility: visible; opacity: 1; top: 100%; } /* start mainenu area css */ .mainmenu__menu { border: none; margin: 0; background: var(--menu); padding: 0; } .mainmenu__menu .navbar-collapse { padding: 0; float: left; } .mainmenu__menu .navbar-nav > li { display: inline-block; padding: 12px 0; margin-right: 30px; } .mainmenu__menu .navbar-nav > li:hover > a { color: #0674ec; } .mainmenu__menu .navbar-nav > li > a { font-weight: 500; padding: 0; font-size: 15px; line-height: 42px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; color: var(--menu-a); text-transform: uppercase; } .mainmenu__search { float: right; padding: 10px 0; } .searc-wrap { position: relative; } .searc-wrap input { line-height: 45px; height: 45px; border: 1px solid #d9dfe5; width: 360px; -webkit-border-radius: 23px; border-radius: 23px; padding-right: 50px; } .searc-wrap .search-wrap__btn { position: absolute; line-height: 45px; right: 0; top: 0; border: 0; width: 45px; text-align: center; background: #0674ec; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; } /* mobile menu offcanvas */ .mobile_content .menu_icon { background: #0673ec; padding: 0 20px; line-height: 60px; color: white; display: none; font-size: 16px; cursor: pointer; } .mobile_content span { float: right; } .mobile_content .offcanvas-menu { position: fixed; height: 100%; width: 220px; top: 0; right: 0; background: var(--menu); z-index: 989999; overflow-y: scroll; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.3); padding-bottom: 25px; } .mobile_content .offcanvas-menu.closed { right: -100%; } .mobile_content .offcanvas-menu span.fa-times { float: left; top: 10px; position: absolute; left: 13px; } .mobile_content .author-author__info { background-color: var(--menu); float: none; text-align: center; border-bottom: 1px solid #ececec; padding: 20px 0; } .mobile_content .author-author__info .autor__info { text-align: left; margin-left: 10px; } .mobile_content .author__notification_area { background-color: var(--top-menu); margin: 0; text-align: center; display: block; } .mobile_content .author__notification_area ul li { padding: 27px 12px 14px; margin: 0 3px; } .mobile_content .author__notification_area ul li span.lnr { font-size: 20px; color: #7e8fa1; vertical-align: middle } .mobile_content .dropdown--author { visibility: visible; position: relative; opacity: 1; min-width: auto; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } .mobile_content .dropdown--author:before { display: none; } .mobile_content .dropdown--author ul li a { line-height: 35px; } .mobile_content .author-area__seller-btn { margin-right: 0; } /***************************** END MENU AREA CSS *****************************/ /***************************** START HERO AREA CSS *****************************/ .hero-area { position: relative; } .hero-area { height: 723px; position: relative; width: 100%; } .hero-area::before { position: absolute; height: 100%; width: 100%; content: ''; /*background: -webkit-gradient(linear, right top, left top, from(#0030de), to(#0030de));*/ background: -webkit-linear-gradient(to left, #7347c1, #0030de); background: -o-linear-gradient(to left, #7347c1, #0030de); background: linear-gradient(to left, #7347c1, #0030de); top: 0; left: 0; opacity: 0.8; } .hero-area.hero--1:before { background: -webkit-gradient(linear, right top, left top, from(#7347c1), to(#0674ec)); background: -webkit-linear-gradient(right, #7347c1, #0674ec); background: -o-linear-gradient(right, #7347c1, #0674ec); background: linear-gradient(to left, #7347c1, #0674ec); opacity: .9; } .hero-area .hero-content { display: table; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .hero-area .hero-content .content-wrapper { display: table-cell; vertical-align: middle; } .hero-area .hero__content__title { text-align: center; } .hero-area .hero__content__title h1 { color: #f3f3f8; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2); font-size: 60px; } .hero-area .hero__content__title h1 .light { font-weight: 400; display: block; } .hero-area .hero__content__title h1 .bold { font-weight: 500; } .hero-area .hero__content__title .tagline { color: #f3f3f8; font-size: 20px; font-weight: 500; line-height: 72px; padding-bottom: 44px; margin: 0; padding-top: 20px; } .hero-area .hero__btn-area .btn { background: transparent; border: 1px solid #fff; color: #fff; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .hero-area .hero__btn-area .btn:hover { color: #0674ec; background: #fff; } .hero-area .hero__btn-area .btn:first-child { margin-right: 26px; } .hero-area + section { padding-top: 187px; } .hero--1 { background: no-repeat center 207px; } .hero-area.hero--2 .hero-content { text-align: left; } .hero-area.hero--2:before { display: none; } .hero-area.hero--2 .hero__content__title { text-align: left; } .hero-area.hero--2 .hero__content__title h1 { font-weight: 400; font-size: 50px; line-height: 62px; color: #0674ec; text-shadow: none; background: -webkit-gradient(linear, right top, left top, from(#7347c1), to(#0674ec)); background: -webkit-linear-gradient(right, #7347c1, #0674ec); background: -o-linear-gradient(right, #7347c1, #0674ec); background: linear-gradient(to left, #7347c1, #0674ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hero-area.hero--2 .hero__content__title .tagline { line-height: 36px; font-weight: 400; color: #6f7d8d; } .hero-area.hero--2 .hero__btn-area .btn { background: #0674ec; color: #fff; border: 0; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); } .hero-area.hero--2 .hero__btn-area .btn:hover { background: #fff; color: #0674ec; } .hero-area.hero--2 .search_box::before, .hero-area.hero--2 .search_box:after { background: rgba(6, 116, 236, 0.1); } .go_top { text-align: center; line-height: 40px; cursor: pointer; width: 40px; background: #0674ec; color: #fff; position: fixed; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); -webkit-border-radius: 50%; border-radius: 50%; right: 2%; z-index: 111; bottom: 20px; } .go_top span { display: inline-block; } .search-area { position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 100%; -o-transform: translateY(-50%); z-index: 2; transform: translateY(-50%); } .search_box { -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); padding: 40px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; background: #fff; } .search_box form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search_box .text_field { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; line-height: 55px; height: 55px; padding: 0 25px; font-size: 16px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border-right: 0; background: #fff; border: 1px solid #dcdcdc; } .search_box .select--field { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; font-size: 16px; padding: 0 52px 0 20px; height: 55px; border: 1px solid #dcdcdc; border-left: 0; color: #555; } .search_box .search-btn { margin-left: 30px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; } .search_box .search-btn:hover { background: #7347c1; } .search_box::before, .search_box:after { position: absolute; content: ''; background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 6px; border-radius: 6px; height: 100%; z-index: -1; } .search_box::before { left: 15px; top: -13px; width: calc(100% - 30px); } .search_box:after { left: 30px; width: calc(100% - 60px); top: -26px; } /***************************** END HERO AREA CSS *****************************/ /***************************** START PRODUCTS AREA CSS *****************************/ .home1 .products { background: #f6f7fb; } .products { background: #eff1f5; } .home2 .product__title a { display: inline-block; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .home2 .product__title a:hover h2 { color: #000; } .home2 .product__title a + a { margin-left: 20px; } .home2 .product__title a + a h2 { color: #747b86; } .sorting { background: #fff; padding: 30px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 50px; -webkit-box-shadow: 0 1px 2px rgba(90, 93, 100, 0.1); box-shadow: 0 1px 2px rgba(90, 93, 100, 0.1); } .sorting ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sorting ul li { margin: 0 4px; } .sorting ul li a { font-size: 15px; -webkit-border-radius: 100px; border-radius: 100px; font-weight: 500; line-height: 34px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; padding: 0 21px; background: #f1f3f6; color: #747b86; display: inline-block; } .sorting ul li a:hover { color: #fff; background: #0674ec; } .more-product { text-align: center; margin-top: 30px; } .more-product a { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .more-product a:hover { background: #7347c1; color: #fff; } .product_row:before, .product_row:after { display: table; content: ''; clear: both; } /***************************** END PRODUCTS AREA CSS *****************************/ /*************************************** START FEATURED PRODUCTS AREA CSS *****************************************/ /* home 3 featured area */ .prod_slide_prev, .prod_slide_next { position: absolute; line-height: 50px; width: 50px; font-size: 14px; background: #fff; text-align: center; top: 50%; -webkit-border-radius: 200px; border-radius: 200px; z-index: 3; -webkit-box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15); box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15); cursor: pointer; } .prod_slide_prev:active, .prod_slide_next:active { background: #f7f7f7; } .prod_slide_prev { left: 15px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .prod_slide_next { right: 15px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .featured-products .product-title-area span.lnr:active, .featured-products .shortcode_module_title span.lnr:active, .featured-products .dashboard_contents .dashboard_title_area span.lnr:active, .dashboard_contents .featured-products .dashboard_title_area span.lnr:active { background: #6b3fba; } .product__slider-nav span.lnr.lnr-chevron-left { -webkit-border-radius: 200px 0 0 200px; border-radius: 200px 0 0 200px; } .product__slider-nav span.lnr.lnr-chevron-right { -webkit-border-radius: 0 200px 200px 0; border-radius: 0 200px 200px 0; } .featured-product-slider { overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 20px; -webkit-box-shadow: 0 2px 30px rgba(147, 155, 168, 0.1); box-shadow: 0 2px 30px rgba(147, 155, 168, 0.1); } .featured-product-slider .featured__single-slider { background: #fff; -webkit-border-radius: 4px; border-radius: 4px; height: 450px; } .featured-product-slider .featured__single-slider:before, .featured-product-slider .featured__single-slider:after { content: ''; display: table; clear: both; } .featured-product-slider .featured__single-slider:hover .featured__preview-img:before { opacity: 0.9; } .featured-product-slider .featured__single-slider:hover .prod_btn { opacity: 1; top: 50%; } .featured-product-slider .featured__preview-img, .featured-product-slider .featured__product-description { float: left; width: 50%; } .featured-product-slider .featured__preview-img { position: relative; } .featured-product-slider .featured__preview-img .prod_btn { position: absolute; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; z-index: 3; top: calc(50% + 40px); opacity: 0; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .featured-product-slider .featured__preview-img .prod_btn a { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; text-align: center; color: #fff; border: 1px solid #fff; display: inline-block; font-weight: 500; min-width: 130px; line-height: 45px; } .featured-product-slider .featured__preview-img .prod_btn a + a { margin-left: 10px; } .featured-product-slider .featured__preview-img .prod_btn a:hover { background: #fff; color: #0674ec; } .featured-product-slider .featured__preview-img:before { position: absolute; content: ""; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 100%; opacity: 0; z-index: 2; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; width: 100%; top: 0; background: -webkit-gradient(linear, right top, left top, from(#7347c1), to(#0674ec)); background: -webkit-linear-gradient(right, #7347c1, #0674ec); background: -o-linear-gradient(right, #7347c1, #0674ec); background: linear-gradient(to left, #7347c1, #0674ec); } .featured-product-slider .featured__product-description { padding: 41px 50px 0 50px; height: 100%; position: relative; } .featured-product-slider .featured__product-description .product_title h4 { font-size: 24px; } .featured-product-slider .featured__product-description .product-purchase .price_love > span { background: #0674ec; color: #fff; margin-right: 17px; } .featured-product-slider .featured__preview-img img { width: 100%; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .desc--featured { max-height: 256px; overflow: hidden; padding: 0; } .desc--featured .tags { margin-top: 38px; } .product_data { position: absolute; width: 100%; left: 0; padding: 0 50px; bottom: 0; } .product-purchase.featured--product-purchase { padding: 23px 0; margin-top: 30px; } .product-purchase.featured--product-purchase .rating { float: right; } .product-purchase.featured--product-purchase .sell { float: none; margin-left: 13px; } /*************************************** END FEATURED PRODUCTS AREA CSS *****************************************/ /*************************************** START FOLLOWERS FEED AREA CSS *****************************************/ .followers-feed { background: #eff1f5; } .followers-feed .product__slider-nav { background: #0674ec; } .followers-feed .product__slider-nav span.lnr:active:active { background: #066ddd; } /*************************************** END FOLLOWERS FEED AREA CSS *****************************************/ /*************************************** START COUNTER UP AREA CSS *****************************************/ .counter-up-area { position: relative; } .counter-up-area:before { position: absolute; content: ''; height: 100%; width: 100%; background: rgba(13, 15, 19, 0.8); } .counter-up-area.counter-up--area2 { background-image: none; } .counter-up-area.counter-up--area2:before { display: none; } .counter-up-area.counter-up--area2 .counter-up { padding: 60px 0px; } .counter-up-area.counter-up--area2 .counter-up .counter p { color: #555; } span.counter { display: block; } .counter-up { overflow: hidden; padding: 96px 0; } .counter-up .counter { width: 25%; float: left; text-align: center; } .counter-up .counter span.lnr { display: block; font-size: 48px; } .counter-up .counter .count { font-size: 36px; margin-top: 35px; display: inline-block; } .counter-up .counter p { color: #ffffff; margin-top: 7px; font-size: 18px; margin-bottom: 0; } /*************************************** END COUNTER UP AREA CSS *****************************************/ /*************************************** START SELL BUY AREA *****************************************/ .proposal-area { overflow: hidden; } .proposal { text-align: center; padding: 100px 19%; } .proposal .proposal__content { padding: 41px 0 35px; } .proposal .proposal__content h1 { padding-bottom: 24px; } .proposal--left { background: #0674ec no-repeat bottom; } .proposal--right { background: #7347c1 no-repeat bottom; } /*************************************** END SELL BUY AREA *****************************************/ /*************************************** START TESTIMONIAL AREA *****************************************/ .testimonial { padding: 50px 40px; border-left: 2px solid #0674ec; -webkit-box-shadow: 0 2px 50px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 50px rgba(0, 0, 0, 0.08); background: #fff; margin: 30px 15px; } .testimonial:focus { outline: 0; } .testimonial .testimonial__about { margin-bottom: 20px; position: relative; z-index: 2; } .testimonial .testimonial__about .avatar { height: 80px; width: 80px; display: inline-block; } .testimonial .testimonial__about .avatar img { -webkit-border-radius: 50%; border-radius: 50%; max-width: 100%; } .testimonial .testimonial__about .quote-icon { position: absolute; font-size: 60px; color: #e8e8e8; right: 0; z-index: -1; } .testimonial .testimonial__about .name-designation { padding-left: 20px; display: inline-block; } .testimonial .testimonial__about .name-designation .name { font-size: 20px; margin-bottom: 4px; } .testimonial .testimonial__about .name-designation .desig { color: #555; font-size: 16px; } .testimonial .testimonial__text p { margin: 0; } .all-testimonial { text-align: center; margin-top: 30px; } .testimonial-slider { position: relative; } .testimonial-slider .slick-arrow { position: absolute; cursor: pointer; background: #fff; line-height: 50px; width: 50px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15); box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15); text-align: center; color: #7347c1; top: 50%; z-index: 9; } .testimonial-slider .slick-arrow.lnr-chevron-left { left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .testimonial-slider .slick-arrow.lnr-chevron-right { right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } /*************************************** END TESTIMONIAL AREA *****************************************/ /*************************************** START LATEST NEWS AREA *****************************************/ .latest-news { background: #eff1f5; } .news { background: var(--block-content); -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .news__thumbnail { position: relative } .news .news__thumbnail img { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; width: 100%; } .news .news__content { padding: 15px 15px 0; /*height: 185px;*/ overflow: hidden; } .news .news__content p { margin: 0; } .news .news-title { margin-bottom: 20px; display: inline-block; } .news .news-title:hover h2 { color: #0674ec; } .news .news-title h2 { font-size: 17px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; font-weight: 500; } .news .news-title h3 { font-size: 15px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; font-weight: 500; } .news .news-title:hover h4 { color: #0674ec; } .news .news-title h4 { font-size: 22px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; font-weight: 500; } .news .news__meta { overflow: hidden; padding: 5px 15px; border-top: 1px solid #ececec; margin-top: 10px; } .news .news__meta span.lnr { font-size: 15px; color: #7e7e7e; } .news .news__meta .date { float: left; } .news .news__meta .date p { color: #999; margin: 0; } .news .news__meta .date span, .news .news__meta .date p { display: inline-block; line-height: 30px; } .news .news__meta .other { float: right; width: 65%; text-align: right; border-left: 1px solid #ececec; } .news .news__meta .other ul li { display: inline-block; } .news .news__meta .other ul li span { /*color: var(--meta-post);*/ line-height: 22px; display: inline-block; vertical-align: middle; } .news .news__meta .other li + li { margin-left: 15px; } .news:hover { -webkit-box-shadow: 0 2px 50px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 50px rgba(108, 111, 115, 0.1); } /*************************************** END TESTIMONIAL AREA *****************************************/ /*************************************** START SPECIAL FEATURE AREA *****************************************/ .special-feature-area.special-feature--2 { padding: 0; } .special-feature-area.special-feature--2 .special-feature { padding: 55px 0; } .special-feature { padding: 55px 0; text-align: center; } .special-feature .special__feature-title { padding-top: 28px; } .special__feature-title .highlight { color: #0674ec; } .feature--2 { position: relative; } .feature--2:before { content: ''; position: absolute; width: 1px; height: 100%; left: -15px; top: 0; background: #ececec; } /*************************************** END SPECIAL FEATURE AREA *****************************************/ /*************************************** START CALL TO ACTION AREA *****************************************/ .call-to-action { position: relative; padding: 110px 0; } .call-to-action:before { content: ""; height: 100%; width: 100%; left: 0; top: 0; position: absolute; background: -webkit-gradient(linear, right top, left top, from(#7347c1), to(#0674ec)); background: -webkit-linear-gradient(right, #7347c1, #0674ec); background: -o-linear-gradient(right, #7347c1, #0674ec); background: linear-gradient(to left, #7347c1, #0674ec); opacity: .9; } .call-to-wrap { text-align: center; } .call-to-wrap h4 { font-size: 18px; margin-top: 24px; } .callto-action-btn { margin-top: 50px; } /*************************************** END CALL TO ACTION AREA *****************************************/ /*************************************** START FOOTER AREA *****************************************/ .footer-area.footer--light .footer-big { background: #eff1f5; } .footer-area.footer--light .mini-footer { background: #e2e5eb; } .footer-area.footer--light .mini-footer p { color: #5e6c7c; } .footer-area.footer--light .mini-footer p a { color: #0674ec; } .footer-area.footer--light .footer-menu ul li a { color: #737373; } .footer-area.footer--light .footer-menu ul li a:hover { color: #000; } .footer-big { background: #192027; } .footer-big p, .footer-big ul li, .footer-big .footer-menu ul li a { color: #ababab; } .info-contact { margin-top: 21px; } .info-contact li { font-size: 16px; margin-bottom: 12px; } .info-contact li .info-icon, .info-contact li .info { display: inline-block; vertical-align: middle; } .info-contact li .info-icon { color: #fff; } .info-contact li .info { width: calc(100% - 30px); padding-left: 8px; } .info__logo { margin-bottom: 25px; } .footer-menu { display: inline-block; width: 49%; padding-left: 48px; } .footer-menu.footer-menu--1 { width: auto; } .footer-menu ul li a { font-size: 15px; line-height: 32px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .footer-menu ul li a:hover { color: #fff; } .footer-widget-title { line-height: 42px; margin-bottom: 10px; } .field-wrapper { position: relative; margin-top: 32px; margin-bottom: 48px; } .field-wrapper .relative-field { line-height: 50px; height: 50px; } .field-wrapper .btn { position: absolute; right: 0; height: 100%; padding: 0 30px; top: 0; } .mini-footer { background: #262b30; text-align: center; padding: 32px 0; } .mini-footer p { margin: 0; line-height: 26px; font-size: 15px; color: #999; } .mini-footer p a { color: #fff; } .mini-footer p a:hover { color: #0674ec; } /*************************************** END FOOTER AREA *****************************************/ /*************************************** START PROMOTION AREA *****************************************/ .promotion-area { padding: 140px 0; background: url("../images/bundlebg.jpg"); -webkit-background-size: cover; background-size: cover; } .promotion-img img { -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 6px 40px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 40px rgba(0, 0, 0, 0.15); width: 100%; } .promotion-content .promotion__subtitle { line-height: 72px; color: #0674ec; } .promotion-content .promotion__title { font-size: 38px; line-height: 48px; } .promotion-content .promotion__title span { color: #7347c1; font-weight: 500; } .promotion-content p { color: #333333; line-height: 32px; margin: 35px 0 43px; } .promotion-content .btn { -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); } /*************************************** END PROMOTION AREA ****************************************/ /*************************************** START OVERVIEW AREA ****************************************/ .step_num { color: #0674ec; opacity: .20; font-size: 60px; font-weight: 300; } .overview-title { font-size: 30px; line-height: 46px; margin-bottom: 28px; } .overview-icon img { width: 100%; } .overview_cont { margin-bottom: 60px; } /*************************************** END OVERVIEW AREA ****************************************/ /*************************************** START PARTNER AREA ****************************************/ .partner-area { background: #f6f7fb no-repeat center; } .partner-area.partner--area2 { background: #fff no-repeat center; } .partners { margin-top: 30px; } .partners .partner { display: inline-block; } .partners .partner + .partner { margin-left: 90px; } /*************************************** END PARTNER AREA ****************************************/ /*************************************** START SEARCH AREA2 ****************************************/ .search-area2, .breadcrumb-area { position: relative; padding-top: 64px; } .search-area2:before, .breadcrumb-area:before { content: ''; height: 100%; width: 100%; position: absolute; background: -webkit-gradient(linear, right top, left top, from(#7347c1), to(#0674ec)); background: -webkit-linear-gradient(right, #7347c1, #0674ec); background: -o-linear-gradient(right, #7347c1, #0674ec); background: var(--breadcrumb-area); opacity: 0.91; top: 0; left: 0; } .search { text-align: center; } .search .search__title { padding-bottom: 30px; } .search .search__title h3 { font-size: 26px; color: #fff; } .search .search__title h3 span { font-weight: 500; } .search .search__field { padding: 0 100px; } .search .field-wrapper { margin: 0; } .filter-area { background: var(--background-body-content); position: relative; /*-webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);*/ } .filter-bar .filter__option { display: inline-block; vertical-align: middle; padding: 10px 0; /*29*/ } .filter-bar .filter__option p { font-size: 24px; color: var(--p); line-height: 46px; margin-bottom: 0; } .filter-bar .filter__option p span { font-weight: 500; } .filter-bar .dropdown-trigger { font-size: 14px; line-height: 25px; display: inline-block; padding: 0 30px; color: var(--p) !important; } .filter-bar .dropdown-trigger span { font-size: 10px; margin-left: 6px; } .filter-bar .filter--dropdown { position: relative; border-right: 1px solid #ececec; } .filter-bar .filter--dropdown.filter--range .dropdowns { width: 350px; } .filter-bar .filter--dropdown.filter--range .dropdowns .range-slider.ui-slider { margin-top: 14px; } .filter-bar .filter--dropdown .dropdowns { top: calc(100% - 20px); } .filter-bar .filter--dropdown:first-child { /*border-left: 1px solid #ececec;*/ } .filter-bar .filter--dropdown:last-child { border-right: unset } .filter-bar .filter--dropdown:first-child .dropdown-trigger { display: block; } .filter-bar .filter--select { width: 217px; margin: 0 23.93px; } .filter-bar .filter--text a { font-size: 16px; color: #555555; line-height: 42px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .filter-bar .filter--text a:hover { color: #0674ec; } .filter-bar .filter--text a + a { margin-left: 40px; } .filter-bar.filter-bar2 { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 30px; padding-left: 30px; } .filter-bar.filter-bar2 .filter__option { padding: 20px 0; } .select-wrap { position: relative; color: #333 } .select-wrap select { height: 45px; border: 1px solid #ececec; padding: 0 40px 0 020px; -webkit-border-radius: 4px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } .select-wrap span { font-size: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 18px; } .select-wrap.select-wrap2 select { background: #f4f5f8; height: 50px; -webkit-border-radius: 0; border-radius: 0; border: none; } .select-wrap.select-wrap2 select[multiple] { height: 80px; } .select-wrap.select-wrap2 span { font-size: 12px; color: #747a86; } .filter__option.filter--layout { padding: 10px 20px 11px; border: 1px solid #ececec; -webkit-border-radius: 4px; border-radius: 4px; } .filter__option.filter--layout .svg-icon { display: inline-block; width: 20px; height: 20px; cursor: pointer; } .filter__option.filter--layout .svg-icon .svg { fill: #747b86; } .filter__option.filter--layout .svg-icon + .svg-icon { margin-left: 10px; } /*************************************** END SEARCH AREA2 ****************************************/ /*************************************** START SINGLE PRODUCT DESCRIPTION AREA ****************************************/ .single-product-desc { background: #eff1f5; padding: 70px 0; } .single-product-desc2 .item-navigation { text-align: center; border-bottom: 1px solid #ececec; } .single-product-desc2 .item-info { padding: 0 30px 30px; } .single-product-desc2 .sidebar--single-product .card-pricing .price { -webkit-box-shadow: none; box-shadow: none; } .single-product-desc2 .item-info .tab-content #product-details .item_social_share { border-top: 1px solid #ececec; } .single-product-desc2 .item-info .tab-content #product-details .item_social_share p, .single-product-desc2 .item-info .tab-content #product-details .item_social_share img { margin-bottom: 0; } .single-product-desc2 .item-info .tab-content #product-details .item_social_share .social ul, .single-product-desc2 .item-info .tab-content #product-details .item_social_share .single_blog_content .share_tags .share .social_share ul, .single_blog_content .share_tags .share .single-product-desc2 .item-info .tab-content #product-details .item_social_share .social_share ul { padding-bottom: 0; } .single-product-desc2 .item-info .tab-content #product-details .item_social_share .social ul li:before, .single-product-desc2 .item-info .tab-content #product-details .item_social_share .single_blog_content .share_tags .share .social_share ul li:before, .single_blog_content .share_tags .share .single-product-desc2 .item-info .tab-content #product-details .item_social_share .social_share ul li:before { display: none; } /* ********* items preview area ********** */ .item-preview { /* item preview2 style */ } .item-preview .prev-slide img { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .item-preview img { width: auto; height:auto; } .item-preview .item__preview-thumb { padding: 30px; } .item-preview .item__preview-thumb .thumb-slider { /*width: calc(100% - 164px);*/ display: inline-block; vertical-align: middle; margin-right: -3px; } .item-preview .item__preview-thumb .item-thumb { margin-right: 3px; cursor: pointer; outline: 0; } .item-preview .prev-nav { display: inline-block; vertical-align: middle; margin-right: -3px; display: inline-block; padding-left: 14px; } .item-preview .prev-nav span { line-height: 35px; font-size: 16px; padding: 0 15px; background: #0674ec; -webkit-border-radius: 200px; border-radius: 200px; cursor: pointer; display: inline-block; color: #fff; } .item-preview .prev-nav span:active { background: #6b3fba; } .item-preview .prev-nav span:hover { background: #7347c1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .item-preview .prev-nav span + span { margin-left: 16px; } .item-preview .item-action { border-top: 1px solid #ececec; padding-top: 30px; text-align: center; } .item-preview .item-action a:hover { color: #fff; background: #7347c1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .item-preview .item-action a + a { margin-left: 25px; } .item-preview .prev-thumb { padding-bottom: 30px; } .item-preview .item_social_share { padding-top: 30px; text-align: center; } .item-preview .item_social_share p { margin-right: 30px; display: inline-block; } .item-preview .item_social_share p img { width: 20px; } .item-preview .item_social_share p span { display: inline-block; vertical-align: middle; line-height: 20px; } .item-preview.item-preview2 .item-action { padding-top: 0; border-top: 0; border-bottom: 1px solid #ececec; padding-bottom: 30px; } /* ********* items detail information area ********** */ .item-info { -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); -webkit-border-radius: 4px; border-radius: 4px; background: var(--block-content); } .item-info .tab-content-wrapper { padding: 15px; } .item-info .tab-content { margin-top: 50px; } .tab-content-wrapper { padding: 30px; } #product-details h1 { font-size: 28px; padding-bottom: 35px; } #product-details h1 + p, #product-details p:last-child { margin-bottom: 62px; } #product-details img { margin-bottom: 65px; } #product-details h2 { font-size: 24px; padding-bottom: 22px; } #product-details li { font-size: 16px; line-height: 34px; } #product-details .item_social_share img { margin-bottom: 0; } #product-details .social ul li:before, #product-details .single_blog_content .share_tags .share .social_share ul li:before, .single_blog_content .share_tags .share #product-details .social_share ul li:before { display: none; } #product-details ol { padding-left: 20px; padding-bottom: 55px; } #product-details ol li { list-style: decimal; } #product-details ul { padding-bottom: 55px; } #product-details ul li:before { content: url("../images/check.png"); margin-right: 15px; } #product-details iframe { width: 100%; } /* ********* items comment area********** */ .thread { /* ********* items review area********** */ /* thread review2 */ } .thread .thread-list .single-thread { /*border-bottom: 1px solid #ececec;*/ /* nested comment area css */ } .thread .thread-list .single-thread .media { padding: 15px 30px 15px; } .thread .thread-list .single-thread .media-left { padding-right: 0; /*19px*/ } .thread .thread-list .single-thread .media-left a { display: inline-block; height: 70px; width: 70px; } .thread .thread-list .single-thread .media-left a img { height:50px; width:50px; border-radius: 50% } .thread .thread-list .single-thread .media-body .media-heading, .thread .thread-list .single-thread .media-body .comment-tag { display: inline-block; } .thread .thread-list .single-thread .media-body .media-heading h4 { color: #000; font-size: 18px; font-weight: 500; margin-bottom: 5px; line-height: 26px; } .thread .thread-list .single-thread .media-body .media-heading span { color: #7e7e7e; font-size: 15px; line-height: 26px; } .thread .thread-list .single-thread .media-body .comment-tag { vertical-align: top; font-size: 12px; color: #fff; line-height: 28px; text-transform: capitalize; -webkit-border-radius: 200px; border-radius: 200px; font-weight: 500; padding: 0 10px; margin-left: 15px; } .thread .thread-list .single-thread .media-body .comment-tag.buyer { background: #7347c1; } .thread .thread-list .single-thread .media-body .comment-tag.author { background: #0674ec; } .thread .thread-list .single-thread .media-body a.reply-link { /*float: right;*/ display: inline-block; /*font-size: 16px;*/ color: #0674ec; /*padding-top: 18px;*/ } .thread .thread-list .single-thread .media-body a.reply-link:hover { color: #7347c1; } .thread .thread-list .single-thread .media-body p { padding-top: 14px; margin-bottom: 0; } .thread .thread-list .single-thread .depth-2 { margin-left: 100px; /*93px*/ /*border-top: 1px solid #ececec;*/ border-bottom: 0; border-left: 1px solid #ececec; } .thread.thread_review .thread-list .single-thread.depth-2 .media-body .media-heading { display: inline-block; } .thread.thread_review .thread-list .single-thread.depth-2 .media-body .media-heading span { margin: 0; } .thread.thread_review .thread-list .single-thread .media-body .media-heading { display: block; } .thread.thread_review .thread-list .single-thread .media-body .media-heading a { display: inline-block; } .thread.thread_review .thread-list .single-thread .media-body .media-heading span { margin-left: 20px; } .thread.thread_review .thread-list .single-thread .media-body .media-heading .rev_item { margin-left: 15px; color: #0674ec; } .thread.thread_review .thread-list .single-thread .media-body p { padding-top: 18px; } .thread.thread_review .thread-list .single-thread .media-body .rating { display: inline-block; } .thread.thread_review .thread-list .review_tag { background: rgba(115, 71, 193, 0.1); -webkit-border-radius: 200px; border-radius: 200px; line-height: 30px; padding: 0 12px; display: inline-block; color: #7347c1; font-weight: 500; margin-left: 10px; } .thread.thread_review2 { -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); background: #fff; -webkit-border-radius: 4px; border-radius: 4px; } .thread.thread_review2 .rev_time { font-size: 15px; color: #7e7e7e; line-height: 26px; } /* comment reply form */ .comment-reply-form textarea, .comment-form-area .comment-form textarea { /*height: 79px;*/ background: var(--background-body-content); border: none; resize: none; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 !important; /*15px*/ color: var(--p) } .comment-reply-form button, .comment-form-area .comment-form button { /*margin-top: 20px;*/ } .comment-form-area { padding: 0px 30px 30px 30px; } .comment-form-area h4 { color: #000; font-size: 20px; line-height: 26px; padding-bottom: 20px; } .comment-form-area .comment-form .media-left { margin-right: 0; /*15px*/ } .comment-form-area .support__comment .trumbowyg-box { margin-top: 0; } .comment-form-area .comment-form .media-left a { display: inline-block; height: 70px; width: 70px; } .comment-form-area .comment-form .media-left a img { border-radius: 50%; max-width: 70%; } /* ********* item support area ********** */ .support .support__title { padding: 30px; border-bottom: 1px solid #ececec; } .support .support__title h3 { font-size: 22px; line-height: 26px; } .support .support__form { padding: 30px; } .support .support__form .usr-msg p { color: #333; margin-bottom: 26px; } .support .support__form .usr-msg p a { color: #0674ec; } .support .support__form label, .support .support__form .form-group p.label, .form-group .support .support__form p.label { font-size: 16px; line-height: 32px; margin-bottom: 15px; } /* ********* related item area ********** */ .more_product_area { background: #f6f7fb; } .more_product_area .section-title h1 { margin-bottom: 0; font-size: 30px; } /*************************************** END PRODUCT DESCRIPTION AREA ****************************************/ /*************************************** START OVERVIEW AREA ****************************************/ .single-feature { padding: 70px 0; } .single-feature p { line-height: 30px; } .single-feature img { width: 100%; -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 50px rgba(0, 0, 0, 0.15); } .single-feature ul { padding-left: 20px; } .single-feature ul li { list-style: disc; line-height: 30px; font-size: 16px; } /*************************************** END OVERVIEW AREA ****************************************/ /*************************************** START AUTHOR AREA ****************************************/ .author-profile-area { background: var(--background-body-content); padding: 30px 0; } .author-profile-area .product-title-area, .author-profile-area .shortcode_module_title, .author-profile-area .dashboard_contents .dashboard_title_area, .dashboard_contents .author-profile-area .dashboard_title_area { padding: 25px; } .author-profile-area .product-title-area h2, .author-profile-area .shortcode_module_title h2, .author-profile-area .dashboard_contents .dashboard_title_area h2, .dashboard_contents .author-profile-area .dashboard_title_area h2 { font-size: 24px; } .author-profile-area .product-title-area .btn, .author-profile-area .shortcode_module_title .btn, .author-profile-area .dashboard_contents .dashboard_title_area .btn, .dashboard_contents .author-profile-area .dashboard_title_area .btn { float: right; } /* author sidebar area */ .sidebar_author .author-menu { padding: 30px; } .sidebar_author .author-menu ul { border: 1px solid #ececec; -webkit-border-radius: 4px; border-radius: 4px; } .sidebar_author .author-menu ul li a { font-size: 16px; line-height: 50px; color: #000; padding: 0 20px; display: block; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .sidebar_author .author-menu ul li a:hover, .sidebar_author .author-menu ul li a.active { background: #0674ec; color: #fff; } .sidebar_author .freelance-status { padding: 20px 30px; } .sidebar_author .freelance-status .custom-radio label, .sidebar_author .freelance-status .custom-radio .form-group p.label, .form-group .sidebar_author .freelance-status .custom-radio p.label { font-size: 16px; cursor: default; } .sidebar_author .freelance-status .custom-radio label span.circle:before, .sidebar_author .freelance-status .custom-radio .form-group p.label span.circle:before, .form-group .sidebar_author .freelance-status .custom-radio p.label span.circle:before { background: #77de51; border: 0; content: "\f00c"; font-family: Font Awesome\ 5 Pro, sans-serif; } .sidebar_author .message-card .message-form { padding: 30px; } .sidebar_author .message-card .message-form textarea { height: 150px; } .sidebar_author .message-card .message-form p { text-align: center; padding-top: 22px; } .sidebar_author .message-card .message-form p a { color: #0674ec; } .sidebar_author .message-card .message-form .msg_submit { text-align: center; } .author-info { text-align: center; -webkit-border-radius: 4px; border-radius: 4px; min-height: 124px; padding: 22px 0 30px; margin-bottom: 70px; } .author-info.author-info--dashboard { padding: 36px 0 34px; } .author-info.author-info--dashboard h3 { line-height: 48px; } .author-info.author-info--dashboard p { font-size: 18px; margin-bottom: 5px; } .author-info p { color: #fff; margin-bottom: 7px; } .author-info h3 { color: #fff; font-size: 36px; font-weight: 500; } .author-info .rating span.fa { line-height: 30px; } .author-info .rating .rating__count { color: #fff; } /**/ .author_module { -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); margin-bottom: 30px; background: var(--block-content); } .about_author { padding: 44px 30px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 70px; } .about_author h2 { line-height: 48px; padding-bottom: 22px; } .about_author h2 span { font-weight: 500; } .about_author p { margin-bottom: 1rem; } .about_author .indam { font-weight: 600 } /* AUTHOR FOLLOWERS AREA */ .user_area { background: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); } .user_area > ul { margin-bottom: 30px; } .user_area > ul > li + li { border-top: 1px solid #ececec; } .user_area .user_single { padding: 30px 0; } .user_area .user_single .user__short_desc, .user_area .user_single .user__meta, .user_area .user_single .user__status { display: inline-block; vertical-align: middle; margin-right: -3px; padding: 0 28px; border-right: 1px solid #ececec; } .user_area .user_single .user__short_desc p, .user_area .user_single .user__meta p, .user_area .user_single .user__status p { margin: 0; } .user_area .user_single .user__short_desc, .user_area .user_single .user__meta { min-height: 100px; } .user_area .user_single .user__short_desc { max-width: 350px; } .user_area .user_single .user__short_desc .user_avatar, .user_area .user_single .user__short_desc .user_info { display: inline-block; } .user_area .user_single .user__short_desc .user_info { width: calc(100% - 75px); padding-left: 15px; } .user_area .user_single .user__short_desc .user_info a { font-size: 18px; line-height: 26px; color: #000; font-weight: 500; display: inline-block; padding-bottom: 10px; } .user_area .user_single .user__short_desc .user_info p { line-height: 28px; } .user_area .user_single .user__meta { max-width: 195px; } .user_area .user_single .user__meta p { line-height: 28px; } .user_area .user_single .user__meta .rating { padding-top: 7px; } .user_area .user_single .user__status { border-right: 0; } .user_area .user_single .user__status .btn { min-width: 135px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .user_area .user_single .user__status.user--follow .btn { background: #7347c1; } .user_area .user_single .user__status.user--follow .btn:hover { background: #0674ec; color: #fff; } .user_area .user_single .user__status.user--following .btn:hover { background: #ff6a6d; color: #fff; } .user_area .pagination-area { border-top: 1px solid #ececec; } /*************************************** END AUTHOR AREA ****************************************/ /*************************************** START DASHBOARD AREA ****************************************/ .dashboard-area { background: var(--background-body-content); } .dashboard-area.dashboard_purchase .dashboard_menu { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .dashboard-area.dashboard_purchase .dashboard_menu li + li { margin-left: 30px; } .dashboard_menu_area { -webkit-box-shadow: 0 3px 10px rgba(121, 135, 150, 0.1); box-shadow: 0 3px 10px rgba(121, 135, 150, 0.1); background: var(--menu); } .dashboard_menu_area .dashboard_menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dashboard_menu_area .dashboard_menu li { margin: 8px 0; } .dashboard_menu_area .dashboard_menu li + li { margin-left: 30px; } .dashboard_menu_area .dashboard_menu li a { color: var(--menu-a); font-size: 16px; display: inline-block; line-height: 70px; } .dashboard_menu_area .dashboard_menu li a:hover { color: #0674ec; } .dashboard_menu_area .dashboard_menu li a span.lnr { font-size: 18px; margin-right: 10px; } .dashboard_menu_area .dashboard_menu li a span.fal { font-size: 18px; margin-right: 10px; } .dashboard_menu_area .dashboard_menu li.active a { color: #0674ec; } .dashboard_contents { padding: 30px 0; } /*DEFAULT DASHBOARD PAGE OR AREA*/ .dashboard_module { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); margin-bottom: 30px; } .dashboard_module .dashboard__title { padding: 36px 30px 30px; border-bottom: 1px solid #ececec; overflow: hidden; } .dashboard_module .dashboard__title h4 { font-size: 22px; display: inline-block; } .dashboard_module .loading { float: right; } .dashboard_module .loading a:hover { color: #0674ec; } .dashboard_module .dashboard__content { /*padding: 0 28px 18px;*/ } .dashboard_module .dashboard__content > ul li { padding: 20px 0; } .dashboard_module .dashboard__content > ul li + li { border-top: 1px solid #ececec; } .dashboard_module.recent_message .dashboard__content .messages .message { padding: 30px 0; } .dashboard_module.recent_message .dashboard__content .messages .message .actions { display: none; } .dashboard_module.recent_message .dashboard__content .messages .message .message_data { width: calc(100% - 56px); } /* dashboard statistics area */ .statistics_module .dashboard__title { border-bottom: 0; } .statistics_module .select-wrap, .statistics_module #stat_legend { display: inline-block; } .statistics_data { border-top: 1px solid #ececec; padding-top: 25px; margin-top: 25px; } .statistics_data .single_stat_data { display: inline-block; text-align: center; } .statistics_data .single_stat_data .single_stat__title { font-size: 30px; line-height: 30px; font-weight: 500; } .statistics_data .single_stat_data p span { color: #0674ec; } /*dashboard statistic area 2*/ .legend { margin-top: 20px; } .legend ul li { display: inline-block; margin-right: 30px; color: #747a86; } .legend ul li span { height: 12px; width: 12px; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 11px; } /*chart*/ .visit_data .dashboard__content { padding: 40px 30px; } .visit_data .v_refer { margin-bottom: 30px; } .visit_data .v_refer .nav.nav-tabs li { border: none; } .visit_data .v_refer .nav.nav-tabs li:before { display: none; } .visit_data .v_refer .select-wrap { float: right; } .visit_data .referrals_data ul li { overflow: hidden; padding: 23px 0 24px; border-bottom: 1px solid #ececec; } .visit_data .referrals_data ul li:first-child { border-top: 1px solid #ececec; } .visit_data .referrals_data ul li p { margin-bottom: 0; color: #747a86; line-height: 28px; } .visit_data .referrals_data ul li .site { float: left; } .visit_data .referrals_data ul li .visit { float: right; color: #000; } .visit_data .referrals_data ul li .visit span { margin-right: 6px; color: #747a86; text-transform: capitalize; } .chart_top .v_refer .nav-tabs { display: inline-block; border-bottom: 0; } .chart_top .v_refer .nav-tabs li a { border: 0; font-size: 22px; line-height: 28px; font-weight: 400; color: #747a86; } .chart_top .v_refer .nav-tabs li a:hover { background: none; } .chart_top .v_refer .nav-tabs li a.active { color: #333; } .chart_top .v_refer .nav-tabs li a.active::before { content: none; } /* country visit statistic */ .country_statistics .dashboard__content { padding: 0 28px; } .country_statistics table { margin-bottom: 0; } .country_statistics table thead tr th { border-bottom: 0; padding: 15px 0; color: #333; } .country_statistics table tbody tr { border-bottom: 0; } .country_statistics table tbody tr + tr { border-top: 1px solid #e8ebf0; } .country_statistics table tbody tr td { color: #747a86; font-size: 16px; padding: 15px 0; } .country_statistics table tbody tr td .country_flag { height: 40px; width: 40px; display: inline-block; } .country_statistics table tbody tr td .country_flag img { -webkit-border-radius: 200px; border-radius: 200px; width: 100%; } .country_statistics table tbody tr td span { line-height: 28px; padding-left: 16px; } .country_statistics .dashboard__content { padding: 0 28px 25px; } .country_statistics .select-wrap { float: right; } .country_statistics .select-wrap .period_selector { width: auto; height: 40px; border: 1px solid #ececec; -webkit-border-radius: 2px; border-radius: 2px; } /* recent sells */ .recent_sells .single_sell { overflow: hidden; } .recent_sells .single_sell .single_sell__thumb-title { float: left; } .recent_sells .single_sell .single_sell__thumb-title .prod_thumbnail { max-width: 90px; float: left; } .recent_sells .single_sell .single_sell__thumb-title .prod_thumbnail img { max-width: 100%; } .recent_sells .single_sell .single_sell__thumb-title .prod_title { padding-top: 8px; float: left; padding-left: 20px; } .recent_sells .single_sell .single_sell__thumb-title .prod_title h4 { line-height: 24px; font-weight: 500; padding-bottom: 9px; } .recent_sells .single_sell .single_sell__thumb-title .prod_title .category img { display: inline-block; } .recent_sells .single_sell .ammount { float: right; padding-top: 15px; } .recent_sells .single_sell .ammount p { color: #0674ec; line-height: 28px; margin-bottom: 0; } /* single item visitor*/ .single_item_visitor .dashboard__title { border-bottom: 0; } .single_item_visitor .dashboard__title #visit_legend { float: right; } .single_item_visitor .dashboard__content .item_info { margin-top: 20px; overflow: hidden; } .single_item_visitor .dashboard__content .item_info .select-wrap { float: left; margin-top: 9px; } .single_item_visitor .dashboard__content .item_info .select-wrap select { font-weight: 500; color: #000; } .single_item_visitor .dashboard__content .item_info .info { float: right; text-align: right; } .single_item_visitor .dashboard__content .item_info .info h4 { font-size: 30px; line-height: 36px; font-weight: 500; color: #0674ec; } .single_item_visitor .dashboard__content .item_info .info p { margin-bottom: 0; font-size: 15px; line-height: 30px; } /* recent buyers */ .recent_buyers .single_buyer { overflow: hidden; } .recent_buyers .single_buyer .buyer__thumb_title { overflow: hidden; float: left; } .recent_buyers .single_buyer .buyer__thumb_title h4 { font-size: 16px; line-height: 28px; color: #333; font-weight: 500; } .recent_buyers .single_buyer .buyer__thumb_title .thumb { float: left; height: 50px; width: 50px; } .recent_buyers .single_buyer .buyer__thumb_title .thumb img { -webkit-border-radius: 200px; border-radius: 200px; max-width: 1000%; } .recent_buyers .single_buyer .buyer__thumb_title .title { float: left; padding-left: 20px; } .recent_buyers .single_buyer .buyer__thumb_title .title p { color: #747a86; margin-bottom: 0; font-size: 14px; } .recent_buyers .single_buyer .price { float: right; padding-top: 15px; color: #747a86; } /* recent comment */ .recent_comment .dashboard__content .thread .single-thread { display: block; } .recent_comment .dashboard__content .thread .single-thread + .single-thread { border-bottom: 0; border-top: 1px solid #ececec; } .recent_comment .dashboard__content .thread .single-thread .media { padding: 30px 0; } .recent_comment .dashboard__content .thread .single-thread .media .media-left a { width: 50px; height: 50px; } .recent_comment .dashboard__content .thread .single-thread .media.depth-2 { margin-left: 0; padding-top: 0; border-top: 0; margin-top: 6px; } /* recent message */ .recent_message .dashboard__content { padding-top: 0 !important; } .recent_message .dashboard__content .message_composer { padding: 30px 0 0 0 !important; } /* recent notification */ .recent_notification .dashboard__content { padding: 0; } /* product que */ .product_que .uploaded_product { width: calc(100% - 35px); display: inline-block; vertical-align: middle; margin-right: -3px; } .product_que .uploaded_product h4 { font-size: 16px; font-weight: 500; line-height: 28px; } .product_que .uploaded_product p { margin-bottom: 0; font-size: 15px; } .product_que .cross { color: #0674ec; line-height: 28px; display: inline-block; vertical-align: middle; margin-right: -3px; width: 28px; text-align: center; font-size: 14px; background: rgba(6, 116, 236, 0.1); -webkit-border-radius: 4px; border-radius: 4px; } /* DASHBOARD SETTING AREA */ .information_module { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); margin-bottom: 30px; } .information_module .information__set { border-top: 1px solid #ececec; } .information_module .information__set .information_wrapper { padding: 30px 30px; } .information_module .information__set .information_wrapper.form--fields { padding: 22px 30px; } .information_module #authbio { height: 180px; } .profile_images input[type='file'] { visibility: hidden; opacity: 0; position: absolute; } .profile_images p { margin-bottom: 0; } .profile_images .subtitle { font-size: 14px; color: #898f96; } .profile_images .bold { color: var(--p); } .profile_images .upload_btn { float: right; padding-left: 18px; padding-top: 27px; } /*.profile_images .upload_btn .btn { background: #7347c1; } .profile_images .upload_btn .btn:hover { background: #0674ec; color: #fff; }*/ .profile_images .profile_image_area { /*padding-bottom: 23px;}*/ } .profile_images .profile_image_area .img_info, .profile_images .profile_image_area img { display: inline-block; vertical-align: middle; } .profile_images .profile_image_area .img_info { padding-left: 14px; } .profile_images .profile_image_area img { -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer } .profile_images .prof_img_upload img { width: 100%; } .profile_images .prof_img_upload p { display: inline-block; } .profile_images .prof_img_upload .bold { padding-bottom: 9px; } .profile_images .prof_img_upload .upload_title { overflow: hidden; padding-top: 20px; } .profile_images .prof_img_upload .upload_title p { padding-top: 10px; } .profile_images .prof_img_upload .upload_btn { padding: 0; } .social_profile .social__single { margin-bottom: 30px; } .social_profile .social__single .link_field { display: inline-block; width: calc(100% - 50px); padding-left: 12px; } .social_profile .social__single:last-child { margin-bottom: 0; } /* Mail setting area */ .mail_setting .custom_checkbox { position: relative; padding-bottom: 18px; } .mail_setting .custom_checkbox label .radio_title, .mail_setting .custom_checkbox .form-group p.label .radio_title, .form-group .mail_setting .custom_checkbox p.label .radio_title { display: block; font-weight: 500; color: var(--p); padding-left: 35px; } .mail_setting .custom_checkbox label .shadow_checkbox, .mail_setting .custom_checkbox .form-group p.label .shadow_checkbox, .form-group .mail_setting .custom_checkbox p.label .shadow_checkbox { position: absolute; top: 5px; } .mail_setting .custom_checkbox label .desc, .mail_setting .custom_checkbox .form-group p.label .desc, .form-group .mail_setting .custom_checkbox p.label .desc { padding-left: 35px; font-size: 14px; color: #898f96; } .mail_setting .custom_checkbox label .circle, .mail_setting .custom_checkbox .form-group p.label .circle, .form-group .mail_setting .custom_checkbox p.label .circle { position: absolute; left: 0; top: 5px; } .mail_setting .custom_checkbox label span, .mail_setting .custom_checkbox .form-group p.label span, .form-group .mail_setting .custom_checkbox p.label span { line-height: 26px; font-size: 16px; } .dashboard_setting_btn { text-align: center; margin-top: 20px; } /*---- end dashboard settina area ----*/ /* DASHBOARD PURCHASE AREA */ .dashboard_purchase .dashboard__title { padding: 30px 0; } .dashboard_purchase .filter__option { margin-right: 28px; margin-left: 0; } .dashboard_purchase .filter-bar .filter__option p { font-size: 18px; } .product_archive { background: #fff; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); } .product_archive .title_area { padding: 30px; border-bottom: 1px solid #ececec; } .product_archive .add_info { padding-left: 35px; } .product_archive.added_to__cart { padding-bottom: 80px; } .product_archive.added_to__cart .product__price_download .item_action { float: none; } .product_archive.added_to__cart .short_desc a h4 { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .product_archive.added_to__cart .short_desc a:hover h4 { color: #0674ec; } .single_product { padding: 30px; border-bottom: 1px solid #ececec; } .single_product .product__description img { display: inline-block; vertical-align: middle; } .single_product .product__description .short_desc { display: inline-block; width: calc(100% - 155px); padding-left: 20px; vertical-align: middle; } .single_product .product__description .short_desc h4 { font-size: 18px; font-weight: 500; line-height: 28px; } .single_product .product__additional_info { padding-left: 35px; } .single_product .product__additional_info ul li a:hover { color: #7347c1; } .single_product .product__additional_info ul li a img { margin-right: 5px; } .single_product .product__additional_info p { margin: 0; color: #000; } .single_product .product__additional_info p span { color: #555; } .single_product .license p { color: #0674ec; } .single_product .product__price_download { display: table; width: 100%; } .single_product .product__price_download .item_price { display: table-cell; } .single_product .product__price_download .item_price span { background: rgba(6, 116, 236, 0.1); line-height: 32px; display: inline-block; padding: 0 15px; color: #0674ec; margin-right: 10px; font-size: 15px; font-weight: 500; -webkit-border-radius: 100px; border-radius: 100px; } .single_product .product__price_download .item_action { float: right; } .single_product .product__price_download .item_action .btn { display: block; } .single_product .product__price_download .item_action .btn + .btn { margin-top: 20px; } .single_product .product__price_download .item_action .rating--btn { position: relative; } .single_product .product__price_download .item_action .rating--btn:focus { outline: 0; } .single_product .product__price_download .item_action .rating--btn .rating { position: relative; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; top: 0; } .single_product .product__price_download .item_action .rating--btn .rating ul li + li { margin-left: 5px; margin-right: 0; } .single_product .product__price_download .item_action .rating--btn .rating ul li span.fa-star-o { color: #898f96; } .single_product .product__price_download .item_action .rating--btn .rate_it { position: absolute; opacity: 0; visibility: hidden; left: 0; margin-bottom: 0; top: -10%; text-align: center; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; } .single_product .product__price_download .item_action .not--rated:hover .rate_it { visibility: visible; opacity: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .single_product .product__price_download .item_action .not--rated:hover .rating { top: 20px; opacity: 0; visibility: hidden; } .single_product .product__price_download .item_action .remove_from_cart:hover span { background: #ff6a6d; color: #fff; } .single_product .product__price_download .item_action .remove_from_cart span { font-size: 18px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; line-height: 50px; width: 50px; text-align: center; background: rgba(6, 116, 236, 0.1); -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; color: #0674ec; } .rating_modal .modal-header h4 { display: inline-block; font-weight: 500; } .rating_modal .modal-header P { display: inline-block; margin-left: 14px; } .rating_modal .modal-header P a { color: #0674ec; } .rating_modal .modal-body ul li { margin-bottom: 30px; } .rating_modal .modal-body ul li p { min-width: 138px; display: inline-block; margin-bottom: 0; color: var(--p); font-weight: 500; } .rating_modal .modal-body ul li p:after { content: ':'; } .rating_modal .modal-body ul li .right_content { display: inline-block; } .rating_modal .modal-body .rating_field label, .rating_modal .modal-body .rating_field .form-group p.label, .form-group .rating_modal .modal-body .rating_field p.label { margin-bottom: 16px; } .rating_modal .modal-body .text_field { -webkit-border-radius: 4px; border-radius: 4px; height: 200px; margin-bottom: 20px; padding: 15px 25px; } .rating_modal .modal-body .notice { margin-bottom: 35px; } /*---- end dashboard PURCHASE area ----*/ /***************************** DASHBOARD ADD CREDIT AREA *****************************/ .shortcode_modules .btn { margin-bottom: 25px; margin-left: 6px; } .shortcode_modules .form-group { margin-bottom: 45px; } .shortcode_modules .typog h1, .shortcode_modules .typog h2, .shortcode_modules .typog h3, .shortcode_modules .typog h4, .shortcode_modules .typog h5, .shortcode_modules .typog h6 { margin-bottom: 40px; } .credit_modules, .shortcode_modules, .upload_modules, .withdraw_module { margin-bottom: 30px; } .credit_modules .modules__title, .shortcode_modules .modules__title, .upload_modules .modules__title, .withdraw_module .modules__title { border-bottom: 1px solid #ececec; padding: 30px; } .credit_modules .custom_amount, .shortcode_modules .custom_amount, .upload_modules .custom_amount, .withdraw_module .custom_amount { width: 280px; } .credit_modules .custom_amount .input-group, .shortcode_modules .custom_amount .input-group, .upload_modules .custom_amount .input-group, .withdraw_module .custom_amount .input-group { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .credit_modules .custom_amount .input-group-addon, .shortcode_modules .custom_amount .input-group-addon, .upload_modules .custom_amount .input-group-addon, .withdraw_module .custom_amount .input-group-addon { font-weight: 500; font-size: 22px; } .credit_modules .custom_amount input, .shortcode_modules .custom_amount input, .upload_modules .custom_amount input, .withdraw_module .custom_amount input { height: 55px; font-size: 20px; font-weight: 500; width: 250px; margin-left: 15px; } .credit_modules .modules__content, .shortcode_modules .modules__content, .upload_modules .modules__content, .withdraw_module .modules__content { padding: 30px 30px 40px; } .credit_modules .modules__content .subtitle, .shortcode_modules .modules__content .subtitle, .upload_modules .modules__content .subtitle, .withdraw_module .modules__content .subtitle { font-size: 22px; color: #333333; margin-bottom: 25px; } .credit_modules .modules__content .amounts, .shortcode_modules .modules__content .amounts, .upload_modules .modules__content .amounts, .withdraw_module .modules__content .amounts { padding-bottom: 40px; } .credit_modules .modules__content .amounts ul, .shortcode_modules .modules__content .amounts ul, .upload_modules .modules__content .amounts ul, .withdraw_module .modules__content .amounts ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .credit_modules .modules__content .amounts ul li + li, .shortcode_modules .modules__content .amounts ul li + li, .upload_modules .modules__content .amounts ul li + li, .withdraw_module .modules__content .amounts ul li + li { margin-left: 25px; } .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { font-size: 32px; line-height: 28px; cursor: pointer; font-weight: 500; background: #eff1f5; padding: 17px 0; min-width: 190px; text-align: center; } .credit_modules .modules__content .amounts ul li p.selected, .shortcode_modules .modules__content .amounts ul li p.selected, .upload_modules .modules__content .amounts ul li p.selected, .withdraw_module .modules__content .amounts ul li p.selected { background: #0674ec; color: #fff; } .credit_modules .modules__content .payment_method li, .shortcode_modules .modules__content .payment_method li, .upload_modules .modules__content .payment_method li, .withdraw_module .modules__content .payment_method li { display: inline-block; margin-right: 14px; } .credit_modules .modules__content .custom_radio--big label, .shortcode_modules .modules__content .custom_radio--big label, .upload_modules .modules__content .custom_radio--big label, .withdraw_module .modules__content .custom_radio--big label, .credit_modules .modules__content .custom_radio--big .form-group p.label, .form-group .credit_modules .modules__content .custom_radio--big p.label, .shortcode_modules .modules__content .custom_radio--big .form-group p.label, .form-group .shortcode_modules .modules__content .custom_radio--big p.label, .upload_modules .modules__content .custom_radio--big .form-group p.label, .form-group .upload_modules .modules__content .custom_radio--big p.label, .withdraw_module .modules__content .custom_radio--big .form-group p.label, .form-group .withdraw_module .modules__content .custom_radio--big p.label { text-align: center; } .credit_modules .modules__content .custom_radio--big label img, .shortcode_modules .modules__content .custom_radio--big label img, .upload_modules .modules__content .custom_radio--big label img, .withdraw_module .modules__content .custom_radio--big label img, .credit_modules .modules__content .custom_radio--big .form-group p.label img, .form-group .credit_modules .modules__content .custom_radio--big p.label img, .shortcode_modules .modules__content .custom_radio--big .form-group p.label img, .form-group .shortcode_modules .modules__content .custom_radio--big p.label img, .upload_modules .modules__content .custom_radio--big .form-group p.label img, .form-group .upload_modules .modules__content .custom_radio--big p.label img, .withdraw_module .modules__content .custom_radio--big .form-group p.label img, .form-group .withdraw_module .modules__content .custom_radio--big p.label img { display: block; max-width: 192px; height: 123px; border: 3px solid #e0e3ea; } .credit_modules .modules__content .custom_radio--big label span.circle, .shortcode_modules .modules__content .custom_radio--big label span.circle, .upload_modules .modules__content .custom_radio--big label span.circle, .withdraw_module .modules__content .custom_radio--big label span.circle, .credit_modules .modules__content .custom_radio--big .form-group p.label span.circle, .form-group .credit_modules .modules__content .custom_radio--big p.label span.circle, .shortcode_modules .modules__content .custom_radio--big .form-group p.label span.circle, .form-group .shortcode_modules .modules__content .custom_radio--big p.label span.circle, .upload_modules .modules__content .custom_radio--big .form-group p.label span.circle, .form-group .upload_modules .modules__content .custom_radio--big p.label span.circle, .withdraw_module .modules__content .custom_radio--big .form-group p.label span.circle, .form-group .withdraw_module .modules__content .custom_radio--big p.label span.circle { margin-top: 20px; } .credit_modules .payment_info .btn, .shortcode_modules .payment_info .btn, .upload_modules .payment_info .btn, .withdraw_module .payment_info .btn { margin-top: 30px; } /***************************** END DASHBOARD ADD CREDIT AREA *****************************/ /* DASHBOARD STATEMENT AREA */ .dashboard-statement .dashboard_title_area .dashboard__title h3 { float: left; margin-top: 10px; } .statement_info_card { padding: 0 25px; min-height: 150px; display: table; width: 100%; } .statement_info_card .info_wrap { display: table-cell; vertical-align: middle; } .statement_info_card .icon { -webkit-border-radius: 200px; border-radius: 200px; line-height: 60px; margin-right: 13px; width: 60px; color: #fff; display: inline-block; text-align: center; font-size: 24px; } .statement_info_card .info { display: inline-block; } .statement_info_card .info p { color: #333; font-size: 30px; line-height: 34px; font-weight: 500; } .statement_info_card .info span { color: #54667a; font-size: 18px; } .statement_table { margin-top: 30px; } /*---- end dashboard statement area ----*/ /* DASHBOARD INVOICE AREA */ .invoice-page .dashboard_title_area { padding: 25px 30px 25px; } .invoice-page .dashboard__title h3 { line-height: 45px; } .print_btn { line-height: 44px; padding: 0 22px; background: #7347c1; margin-right: 20px; } .print_btn span { margin-right: 8px; } .invoice { background: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); } .invoice .invoice__head { overflow: hidden; padding: 40px 30px 30px; border-bottom: 1px solid #ececec; } .invoice .invoice__head .invoice_logo { float: left; margin-top: 10px; } .invoice .invoice__head .info { float: right; text-align: right; } .invoice .invoice__head .info h4 { font-size: 20px; margin-bottom: 5px; line-height: 32px; color: #333; font-weight: 500; } .invoice .invoice__meta p { line-height: 30px; } .invoice .invoice__meta .address { width: 50%; display: inline-block; margin-left: -3px; } .invoice .invoice__meta .address h5 { color: #000; font-size: 16px; line-height: 30px; } .invoice .invoice__meta .date_info { width: 50%; display: inline-block; vertical-align: top; text-align: right; margin-left: -3px; } .invoice .invoice__meta .date_info p span { color: #000; font-weight: 500; margin-right: 5px; } .invoice .invoice__meta .date_info p span:after { content: ':'; margin-left: 2px; } .invoice .invoice__meta .date_info p.status { color: #77de51; } .invoice .invoice__meta { padding: 45px 30px; } .invoice .invoice__meta p { margin-bottom: 0; } .invoice .pricing_info { padding: 0 30px 100px; margin-top: 30px; text-align: right; } .invoice .pricing_info p { margin: 0; color: #000; line-height: 36px; } .invoice .pricing_info .bold { font-size: 18px; } .invoice .invoice__detail { margin-top: 100px; } /*---- end dashboard statement area ----*/ /* DASHBOARD UPLOAD AREA */ .upload_modules, .withdraw_module { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); } .upload_modules .form-group, .withdraw_module .form-group { margin-bottom: 31px; } .upload_modules .custom-radio label, .withdraw_module .custom-radio label, .upload_modules .custom-radio .form-group p.label, .form-group .upload_modules .custom-radio p.label, .withdraw_module .custom-radio .form-group p.label, .form-group .withdraw_module .custom-radio p.label { font-size: 16px; } .upload_modules #tags, .withdraw_module #tags { height: 150px; } .upload_modules.with--addons .input-group, .with--addons.withdraw_module .input-group { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .upload_modules.with--addons .input-group input, .with--addons.withdraw_module .input-group input { width: calc(100% - 30px); margin-left: 15px; } /* DASHBOARD EDIT PAGE */ .dashboard-edit .product .product__thumbnail:before { display: none; } .dashboard-edit .product .prod_option { position: absolute; top: 20px; left: 20px; } .dashboard-edit .product .prod_option.show .options.dropdown-menu { visibility: visible; opacity: 1; } .dashboard-edit .product .prod_option .setting-icon { font-size: 20px; line-height: 45px; width: 45px; text-align: center; background: #000; color: #fff; display: inline-block; background: #0674ec; -webkit-border-radius: 200px; border-radius: 200px; cursor: pointer; } .dashboard-edit .product .prod_option .options { position: absolute; width: 120px; background: #fff; padding: 15px; -webkit-border-radius: 4px; border-radius: 4px; opacity: 0; display: initial; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; visibility: hidden; top: 18px !important; } .dashboard-edit .product .prod_option .options:before { content: ''; position: absolute; bottom: 100%; left: 10px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; } .dashboard-edit .product .prod_option .options ul li a { color: #54667a; padding: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; display: inline-block; } .dashboard-edit .product .prod_option .options ul li a span { margin-right: 5px; font-size: 14px; } .dashboard-edit .product .prod_option .options ul li a:hover { color: #0674ec; } .dashboard-edit .product .prod_option .options ul li a.delete:hover { color: #ff6a6d; } /* trumboyg*/ .trumbowyg-button-pane { background: #e1e7ee; } .trumbowyg-box, .trumbowyg-editor { border: none; min-height: 200px; background: #f4f5f8; margin-bottom: 0; } .upload_wrapper > p { font-weight: 500; margin-top: 0; color: #000; margin-bottom: 6px; font-size: 16px; } .upload_wrapper > p span { font-size: 15px; color: #555; font-weight: 400; margin-left: 10px; } .upload_wrapper label, .upload_wrapper .form-group p.label, .form-group .upload_wrapper p.label { margin-bottom: 0; } .upload_wrapper .custom_upload { display: inline-block; } .upload_wrapper .progress_wrapper { width: calc(100% - 163px); margin-bottom: 0; } .upload_cross, .progress_wrapper .p_cross { line-height: 28px; vertical-align: -11px; width: 28px; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(6, 116, 236, 0.1); font-size: 14px; display: inline-block; text-align: center; color: #0674ec; } .filter-bar.dashboard_title_area { padding: 24px 30px; } .filter-bar.dashboard_title_area .dashboard__title h3 { font-size: 24px; line-height: 45px; } .filter-bar.dashboard_title_area .filter__option { margin-right: 0; padding: 0; } .filter-bar.dashboard_title_area .filter__option p { font-size: 18px; } /*dashboard withdraw page */ .dashboard-withdraw .dashboard_title_area { padding: 23px 30px; } .dashboard-withdraw .dashboard_title_area h3 { line-height: 45px; } .withdraw_module .modules__content .subtitle { font-size: 20px; line-height: 28px; font-weight: 400; } .withdraw_module .modules__content .subtitle a { color: #0674ec; } .withdraw_module .custom-radio { margin-bottom: 10px; } .withdraw_module .custom-radio label, .withdraw_module .custom-radio .form-group p.label, .form-group .withdraw_module .custom-radio p.label { color: #333; } .withdraw_module .custom-radio .bold { font-size: 16px; } .withdraw_module .custom-radio:last-child { margin-bottom: 0; } .withdraw_module .withdraw_amount { margin-top: 15px; } .withdraw_module .withdraw_amount .input-group { display: inline-block; } .withdraw_module .withdraw_amount .input-group .input-group-addon { width: auto; display: inline-block; padding-right: 8px; } .withdraw_module .withdraw_amount .input-group input { width: 235px; } .withdraw_module .withdraw_amount .fee { margin-left: 10px; color: #555; } .withdraw_module .button_wrapper { margin-top: 40px; } .withdraw_module .button_wrapper .cancel_btn { background: #7347c1; line-height: 40px; color: #fff; margin-left: 10px; padding: 0 36px; } .withdraw_history { padding-bottom: 30px; } .withdraw_table_header { padding: 33px 25px 30px; border-bottom: 1px solid #ececec; } /* end dashboard withdraw page*/ /*************************************** END DASHBOARD AREA ****************************************/ /*************************************** START NOTIFICATIONS AREA ****************************************/ .notifications_module .notification { overflow: hidden; padding: 20px 30px; border-bottom: 1px solid #ececec; position: relative; } .notifications_module .notification .line { width: 13px; left: 0; height: 2px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #0674ec; position: absolute; display: inline-block; } .notifications_module .notification .line:before, .notifications_module .notification .line:after { width: 18px; height: 2px; content: ''; position: absolute; background: #0674ec; } .notifications_module .notification .line:before { top: -7px; } .notifications_module .notification .line:after { top: 7px; } .notifications_module .notification .notification__info { float: left; } .notifications_module .notification .notification__info p { margin: 0; } .notifications_module .notification .notification__info .info_avatar { height: 50px; width: 50px; margin-right: 16px; } .notifications_module .notification .notification__info .info_avatar img { -webkit-border-radius: 50%; border-radius: 50%; width: 100%; } .notifications_module .notification .notification__info .info_avatar, .notifications_module .notification .notification__info .info { display: inline-block; vertical-align: middle; } .notifications_module .notification .notification__info .info p { color: var(--p); } .notifications_module .notification .notification__info .info p span { color: #000; font-weight: 500; } .notifications_module .notification .notification__info .info p a { color: #0674ec; } .notifications_module .notification .notification__info .info .time { font-size: 14px; margin-top: 5px; color: #747a86; } .notifications_module .notification .notification__icons { padding-top: 10px; float: right; } .notifications_module .notification .notification__icons .noti_icon { line-height: 40px; width: 40px; text-align: center; font-size: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: inline-block; margin-right: 10px; border-radius: 50%; } .notifications_module .notification .notification__icons .noti_icon.loved { background: rgba(236, 6, 208, 0.1); color: #f100b2; } .notifications_module .notification .notification__icons .noti_icon.like { background: rgba(6, 116, 236, 0.1); color: #0674ec; } .notifications_module .notification .notification__icons .noti_icon.commented { background: rgba(115, 71, 193, 0.1); color: #7347c1; } .notifications_module .notification .notification__icons .noti_icon.purchased { color: #ff6a6d; background: rgba(255, 106, 109, 0.1); } .notifications_module .notification .notification__icons .noti_icon.reviewed { color: #fbbb05; background: rgba(255, 141, 0, 0.1); } .notifications_module .notification .notification__icons .noti_icon.user { color: #77de51; background: rgba(119, 222, 81, 0.1); } .notifications_module .notification .notification__icons span.lnr-cross { color: #c1c7d2; font-size: 16px; cursor: pointer; } .notifications_module .notification .notification__icons span.lnr-cross:hover { color: #7347c1; } .notifications_module .pagination-area { border-bottom: 0; } /*************************************** END NOTIFICATIONS AREA ****************************************/ /*************************************** START MESSAGE AREA ****************************************/ .message_area { background: var(--background-body-content); padding: 30px 0 50px; } .messaging_sidebar, .recent_message { position: relative; } .messaging_sidebar .messaging__header, .recent_message .messaging__header { padding: 30px; -webkit-box-shadow: 0 3px 6px rgba(108, 111, 115, 0.15); box-shadow: 0 3px 6px rgba(108, 111, 115, 0.15); position: absolute; width: 100%; z-index: 1; background: var(--block-content); } .messaging_sidebar .messaging__header:before, .recent_message .messaging__header:before, .messaging_sidebar .messaging__header:after, .recent_message .messaging__header:after { content: " "; display: table; } .messaging_sidebar .messaging__header:after, .recent_message .messaging__header:after { clear: both; } .messaging_sidebar .messaging__header .messaging_menu, .recent_message .messaging__header .messaging_menu { float: left; color: #0674ec; padding-top: 10px; font-size: 16px; } .messaging_sidebar .messaging__header .messaging_menu .msg, .recent_message .messaging__header .messaging_menu .msg { line-height: 20px; width: 20px; display: inline-block; text-align: center; margin: 0 10px; color: #fff; background: #ff6a6d; -webkit-border-radius: 50%; font-size: 14px; border-radius: 50%; } .messaging_sidebar .messaging__header .messaging_menu .lnr-chevron-down, .recent_message .messaging__header .messaging_menu .lnr-chevron-down { font-size: 12px; color: #54667a; cursor: pointer; } .messaging_sidebar .messaging__header .messaging_menu span, .recent_message .messaging__header .messaging_menu span { margin-right: 10px; } .messaging_sidebar .messaging__header .messaging_menu .dropdowns, .recent_message .messaging__header .messaging_menu .dropdowns { top: 100%; left: 0; } .messaging_sidebar .messaging__header .messaging_action, .recent_message .messaging__header .messaging_action { float: right; } .messaging_sidebar .messaging__header .messaging_action .lnr-trash, .recent_message .messaging__header .messaging_action .lnr-trash { margin-right: 5px; color: #54667a; } .messaging_sidebar .messaging__header .messaging_action .btn, .recent_message .messaging__header .messaging_action .btn { margin-left: 10px; } .messaging_sidebar .messaging__header .messaging_action .btn span, .recent_message .messaging__header .messaging_action .btn span { margin-right: 5px; } .messaging_sidebar .messaging__contents, .recent_message .messaging__contents, .recent_message .dashboard__content { padding-top: 102px; } .messaging_sidebar .messaging__contents .message_search, .recent_message .messaging__contents .message_search, .recent_message .dashboard__content .message_search { position: relative; } .messaging_sidebar .messaging__contents .message_search input, .recent_message .messaging__contents .message_search input, .recent_message .dashboard__content .message_search input { border-left: none; border-right: none; border-top: none; padding-left: 50px; border-bottom: 1px solid #ececec; line-height: 50px; } .messaging_sidebar .messaging__contents .message_search span, .recent_message .messaging__contents .message_search span, .recent_message .dashboard__content .message_search span { position: absolute; left: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 15px; color: #898f96; } .messaging_sidebar .messaging__contents .messages, .recent_message .messaging__contents .messages, .recent_message .dashboard__content .messages { max-height: 1094px; overflow-Y: scroll; margin-right: 2px; } .messaging_sidebar .messaging__contents .messages.active, .recent_message .messaging__contents .messages.active, .recent_message .dashboard__content .messages.active { background: #f5fafe; } .messaging_sidebar .messaging__contents .messages .message__actions_avatar, .recent_message .messaging__contents .messages .message__actions_avatar, .recent_message .dashboard__content .messages .message__actions_avatar { display: inline-block; vertical-align: middle; } .messaging_sidebar .messaging__contents .messages .message__actions_avatar .actions, .recent_message .messaging__contents .messages .message__actions_avatar .actions, .recent_message .dashboard__content .messages .message__actions_avatar .actions, .messaging_sidebar .messaging__contents .messages .message__actions_avatar .avatar, .recent_message .messaging__contents .messages .message__actions_avatar .avatar, .recent_message .dashboard__content .messages .message__actions_avatar .avatar { display: inline-block; vertical-align: middle; } .messaging_sidebar .messaging__contents .messages .message__actions_avatar .avatar, .recent_message .messaging__contents .messages .message__actions_avatar .avatar, .recent_message .dashboard__content .messages .message__actions_avatar .avatar { height: 50px; width: 50px; } .messaging_sidebar .messaging__contents .messages .message__actions_avatar .actions, .recent_message .messaging__contents .messages .message__actions_avatar .actions, .recent_message .dashboard__content .messages .message__actions_avatar .actions { margin-right: 13px; } .messaging_sidebar .messaging__contents .messages .message__actions_avatar .actions span.fa, .recent_message .messaging__contents .messages .message__actions_avatar .actions span.fa, .recent_message .dashboard__content .messages .message__actions_avatar .actions span.fa { margin-left: 3px; } .messaging_sidebar .messaging__contents .messages .message__actions_avatar .actions span.fa.fa-star, .recent_message .messaging__contents .messages .message__actions_avatar .actions span.fa.fa-star, .recent_message .dashboard__content .messages .message__actions_avatar .actions span.fa.fa-star { color: #ffc000; } .messaging_sidebar .messaging__contents .messages .message__actions_avatar .actions span.fa.fa-star-o, .recent_message .messaging__contents .messages .message__actions_avatar .actions span.fa.fa-star-o, .recent_message .dashboard__content .messages .message__actions_avatar .actions span.fa.fa-star-o { color: #b9b9b9; } .messaging_sidebar .messaging__contents .messages .message__actions_avatar .avatar img, .recent_message .messaging__contents .messages .message__actions_avatar .avatar img, .recent_message .dashboard__content .messages .message__actions_avatar .avatar img { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; } .messaging_sidebar .messaging__contents .messages .message_data, .recent_message .messaging__contents .messages .message_data, .recent_message .dashboard__content .messages .message_data { display: inline-block; width: calc(100% - 90px); cursor: pointer; padding-left: 10px; vertical-align: middle; } .messaging_sidebar .messaging__contents .messages .message_data .name_time > p, .recent_message .messaging__contents .messages .message_data .name_time > p, .recent_message .dashboard__content .messages .message_data .name_time > p { margin-bottom: 0; margin-top: 10px; } .messaging_sidebar .messaging__contents .messages .message_data .name, .recent_message .messaging__contents .messages .message_data .name, .recent_message .dashboard__content .messages .message_data .name { display: inline-block; } .messaging_sidebar .messaging__contents .messages .message_data .name p, .recent_message .messaging__contents .messages .message_data .name p, .recent_message .dashboard__content .messages .message_data .name p { display: inline-block; font-weight: 800; color: var(--p); margin-bottom: 0; } .messaging_sidebar .messaging__contents .messages .message_data .name span, .recent_message .messaging__contents .messages .message_data .name span, .recent_message .dashboard__content .messages .message_data .name span { display: inline-block; color: #0674ec; font-size: 15px; margin-left: 10px; } .messaging_sidebar .messaging__contents .messages .message_data .time, .recent_message .messaging__contents .messages .message_data .time, .recent_message .dashboard__content .messages .message_data .time { float: right; color: #0674ec; font-size: 15px; } .messaging_sidebar .messaging__contents .messages .message, .recent_message .messaging__contents .messages .message, .recent_message .dashboard__content .messages .message { padding: 30px; border-bottom: 1px solid #ececec; } .messaging_sidebar .messaging__contents .messages .message.active, .recent_message .messaging__contents .messages .message.active, .recent_message .dashboard__content .messages .message.active { background: #f5fafe; position: relative; } .messaging_sidebar .messaging__contents .messages .message.active:before, .recent_message .messaging__contents .messages .message.active:before, .recent_message .dashboard__content .messages .message.active:before { content: ""; height: 100%; width: 3px; background: #0674ec; position: absolute; top: 0; left: 0; } .chat_area .chat_area--title, .recent_message .dashboard__content .chat_area--title { background: var(--block-content); padding: 36px 28px; -webkit-box-shadow: 0 3px 6px rgba(108, 111, 115, 0.15); box-shadow: 0 3px 6px rgba(108, 111, 115, 0.15); position: relative; } .chat_area .chat_area--title h3, .recent_message .dashboard__content .chat_area--title h3 { display: inline-block; font-size: 22px; line-height: 28px; } .chat_area .chat_area--title h3 span, .recent_message .dashboard__content .chat_area--title h3 span { font-weight: 500; color: #0674ec; } .chat_area .chat_area--title .message_toolbar, .recent_message .dashboard__content .chat_area--title .message_toolbar { float: right; } .chat_area .chat_area--title .message_toolbar span, .recent_message .dashboard__content .chat_area--title .message_toolbar span { color: #54667a; margin-right: 12px; font-size: 16px; line-height: 28px; } .chat_area .chat_area--title .message_toolbar a:hover span, .recent_message .dashboard__content .chat_area--title .message_toolbar a:hover span { color: #0674ec; } .chat_area .chat_area--title .message_toolbar .custom_dropdown, .recent_message .dashboard__content .chat_area--title .message_toolbar .custom_dropdown { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; right: 0; left: auto !important; top: 98px !important; } .chat_area .chat_area--title .message_toolbar .custom_dropdown:before, .recent_message .dashboard__content .chat_area--title .message_toolbar .custom_dropdown:before { right: 20px; } .chat_area .chat_area--title .dropdowns, .recent_message .dashboard__content .chat_area--title .dropdowns { right: 0; left: auto; top: 100%; min-width: 195px; } .chat_area .chat_area--title .dropdowns:before, .recent_message .dashboard__content .chat_area--title .dropdowns:before { right: 20px; } .chat_area .chat_area--conversation, .recent_message .dashboard__content .chat_area--conversation { padding: 30px; } .chat_area .chat_area--conversation .conversation, .recent_message .dashboard__content .chat_area--conversation .conversation { border-bottom: 1px solid #ececec; padding-bottom: 26px; } .chat_area .chat_area--conversation .conversation + .conversation, .recent_message .dashboard__content .chat_area--conversation .conversation + .conversation { padding-top: 30px; } .chat_area .chat_area--conversation .chat_avatar, .recent_message .dashboard__content .chat_area--conversation .chat_avatar { display: inline-block; vertical-align: middle; } .chat_area .chat_area--conversation .chat_avatar img, .recent_message .dashboard__content .chat_area--conversation .chat_avatar img { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; } .chat_area .chat_area--conversation .name_time, .recent_message .dashboard__content .chat_area--conversation .name_time { display: inline-block; vertical-align: middle; width: calc(100% - 55px); padding-left: 12px; } .chat_area .chat_area--conversation .name_time h4, .recent_message .dashboard__content .chat_area--conversation .name_time h4 { display: inline-block; font-weight: 500; color: var(--p); } .chat_area .chat_area--conversation .name_time p, .recent_message .dashboard__content .chat_area--conversation .name_time p { margin-bottom: 0; float: right; color: #747a86; font-size: 15px; } .chat_area .chat_area--conversation .name_time .email, .recent_message .dashboard__content .chat_area--conversation .name_time .email { color: #54667a; margin-top: 5px; display: inline-block; } .chat_area .chat_area--conversation .body, .recent_message .dashboard__content .chat_area--conversation .body { /*padding-left: 66px;*/ margin-top: 19px; } .chat_area .chat_area--conversation .body p, .recent_message .dashboard__content .chat_area--conversation .body p { margin-bottom: 0; } .chat_area .chat_area--conversation .body .attachments, .recent_message .dashboard__content .chat_area--conversation .body .attachments { margin-top: 30px; } .chat_area .chat_area--conversation .body .attachments .attachment_head p, .recent_message .dashboard__content .chat_area--conversation .body .attachments .attachment_head p { display: inline-block; font-size: 15px; line-height: 26px; color: #54667a; } .chat_area .chat_area--conversation .body .attachments .attachment_head a, .recent_message .dashboard__content .chat_area--conversation .body .attachments .attachment_head a { display: inline-block; color: #0674ec; margin-left: 20px; } .chat_area .chat_area--conversation .body .attachments .attachment, .recent_message .dashboard__content .chat_area--conversation .body .attachments .attachment { margin-top: 15px; } .chat_area .chat_area--conversation .body .attachments .attachment ul li, .recent_message .dashboard__content .chat_area--conversation .body .attachments .attachment ul li { display: inline-block; } .chat_area .chat_area--conversation .body .attachments .attachment ul li + li, .recent_message .dashboard__content .chat_area--conversation .body .attachments .attachment ul li + li { margin-left: 20px; } .chat_area .message_composer, .recent_message .dashboard__content .message_composer { padding: 0 30px 30px; } .chat_area .message_composer .trumbowyg-box, .recent_message .dashboard__content .message_composer .trumbowyg-box { margin-top: 0; } .chat_area .message_composer .attached, .recent_message .dashboard__content .message_composer .attached { margin-top: 20px; } .chat_area .message_composer .attached p, .recent_message .dashboard__content .message_composer .attached p { display: inline-block; font-size: 15px; font-weight: 500; line-height: 36px; color: #0674ec; background: #f2f4f8; padding: 0 15px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 13px; margin-bottom: 13px; } .chat_area .message_composer .attached p span, .recent_message .dashboard__content .message_composer .attached p span { font-size: 16px; vertical-align: middle; display: inline-block; color: #647485; margin-left: 14px; cursor: pointer; } .chat_area .message_composer .composer_field, .recent_message .dashboard__content .message_composer .composer_field { min-height: 140px; } .chat_area .message_composer .btns, .recent_message .dashboard__content .message_composer .btns { margin-top: 30px; } .chat_area .message_composer .btns .send, .recent_message .dashboard__content .message_composer .btns .send { margin-right: 16px; padding: 0 40px; } .chat_area .message_composer .btns label, .recent_message .dashboard__content .message_composer .btns label, .chat_area .message_composer .btns .form-group p.label, .form-group .chat_area .message_composer .btns p.label, .recent_message .dashboard__content .message_composer .btns .form-group p.label, .form-group .recent_message .dashboard__content .message_composer .btns p.label { color: #0674ec; font-weight: 400; font-size: 15px; margin-bottom: 0; cursor: pointer; } .chat_area .message_composer .btns label span, .recent_message .dashboard__content .message_composer .btns label span, .chat_area .message_composer .btns .form-group p.label span, .form-group .chat_area .message_composer .btns p.label span, .recent_message .dashboard__content .message_composer .btns .form-group p.label span, .form-group .recent_message .dashboard__content .message_composer .btns p.label span { color: #0674ec; } .chat_area .message_composer .btns label input, .recent_message .dashboard__content .message_composer .btns label input, .chat_area .message_composer .btns .form-group p.label input, .form-group .chat_area .message_composer .btns p.label input, .recent_message .dashboard__content .message_composer .btns .form-group p.label input, .form-group .recent_message .dashboard__content .message_composer .btns p.label input { display: none; } .chat_area .message_composer.composing, .recent_message .dashboard__content .message_composer.composing { padding-top: 30px; } .chat_area .message_composer.composing .recipient_field, .recent_message .dashboard__content .message_composer.composing .recipient_field { line-height: 38px; border: 1px solid #d0d9e2; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; } .chat_area .message_composer.composing .cancel_btn, .recent_message .dashboard__content .message_composer.composing .cancel_btn { background: #7347c1; float: right; } /*************************************** END MESSAGE AREA ****************************************/ /*************************************** START CART PAGE AREA ****************************************/ .cart_calculation { text-align: right; } .cart_calculation .cart--subtotal, .cart_calculation .cart--total { padding: 0 30px; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; } .cart_calculation .cart--subtotal p, .cart_calculation .cart--total p { color: #000; line-height: 77px; } .cart_calculation .cart--subtotal p span, .cart_calculation .cart--total p span { margin-right: 36px; } .cart_calculation .cart--subtotal p span:after, .cart_calculation .cart--total p span:after { content: ':'; } .cart_calculation .cart--total p { font-weight: 500; } .cart_calculation .checkout_link { margin-top: 50px; margin-right: 30px; } .login_assist { margin-top: 40px; } .login_assist p { margin-bottom: 0; color: #898f96; } .login_assist p a { color: #0674ec; } .login_assist p a:hover { color: #7347c1; } .login_assist .recover { text-align: left; display: inline-block; } .login_assist .signup { text-align: right; float: right; } /*************************************** END CART PAGE AREA ****************************************/ /*************************************** START CHECKOUT CSS ****************************************/ .order_summary ul li { padding: 24px 30px; border-top: 1px solid #ececec; } .order_summary ul li.item a { color: #0674ec; font-size: 16px; line-height: 28px; font-weight: 400; } .order_summary ul li.total_ammount { font-weight: 500; font-size: 22px; } .order_summary ul li.total_ammount p { font-size: 22px; font-weight: 500; color: #000; } .order_summary ul li p { display: inline-block; margin-bottom: 0; } .order_summary ul li span { float: right; color: #333; } .payment_options ul li { padding: 30px; border-top: 1px solid #ececec; } .payment_options ul li .custom-radio { display: inline-block; } .payment_options ul li .custom-radio label, .payment_options ul li .custom-radio .form-group p.label, .form-group .payment_options ul li .custom-radio p.label { font-size: 16px; color: #333; } .payment_options ul li img, .payment_options ul li p { float: right; line-height: 37px; } .payment_options ul li img span, .payment_options ul li p span { font-weight: 500; color: #000; } .payment_options .payment_info { padding: 0 30px 30px; } /*************************************** END CHECKOUT CSS ****************************************/ /*************************************** END CHECKOUT CSS ****************************************/ .login_area, .signup_area, .pass_recover_area { background: var(--background-body-content); } .login_area p, .signup_area p, .pass_recover_area p { color: var(--p) } .login, .signup_form, .recover_pass { padding: 60px 0; } .login .login--header, .signup_form .login--header, .recover_pass .login--header { border-bottom: 1px solid #ececec; text-align: center; padding: 0 50px 26px; } .login .login--header h3, .signup_form .login--header h3, .recover_pass .login--header h3 { color: var(--p); font-size: 26px; padding-bottom: 20px; } .login .login--header p, .signup_form .login--header p, .recover_pass .login--header p { margin-bottom: 0; line-height: 28px; } .login .login--form, .signup_form .login--form, .recover_pass .login--form { padding: 25px 50px 0; } /*************************************** END CHECKOUT CSS ****************************************/ .signup_area .register_btn { margin-top: 30px; } .recover_pass .login--header { text-align: left; } /*************************************** START SUPPORT AREA CSS ****************************************/ .support_threads_area { background: var(--background-body-content); } .thread_sort_area { margin-bottom: 30px; padding: 22px 30px; } .thread_sort_area .sort_options { float: left; padding: 9px 0; } .thread_sort_area .sort_options ul li { display: inline-block; margin-right: -4px; } .thread_sort_area .sort_options ul li:hover a, .thread_sort_area .sort_options ul li.active a { color: #fff; background: #0674ec; -webkit-border-radius: 200px; border-radius: 200px; } .thread_sort_area .sort_options ul li a { color: #747a86; font-size: 16px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; line-height: 28px; display: inline-block; padding: 0 14px; } .thread_sort_area .thread_search_area { float: right; } .thread_sort_area .thread_search_area .searc-wrap input { width: 260px; } .support_thread_list .support_thread--single { padding: 17px 30px 25px; border-bottom: 1px solid #ececec; } .support_thread_list .support_thread--single:before, .support_thread_list .support_thread--single:after { content: ''; display: table; } .support_thread_list .support_thread--single:after { clear: both; } .support_thread_list .support_thread--single .support_thread_info .support_title { color: var(--p); font-weight: 500; font-size: 17px; line-height: 28px; } .support_thread_list .support_thread--single .support_thread_info .support_title:hover { color: #0674ec; } .support_thread_list .support_thread--single .support_thread_info .support_title span { font-weight: 400; color: #fff; font-size: 12px; line-height: 24px; display: inline-block; padding: 0 12px; -webkit-border-radius: 200px; border-radius: 200px; text-transform: uppercase; } .support_thread_list .support_thread--single .support_thread_info .support_title span.pinned { background: #0674ec; } .support_thread_list .support_thread--single .support_thread_info .support_title span.closed { background: #ff6a6d; } .support_thread_list .support_thread--single .support_thread_info .support_title span.solved { background: #77de51; } .support_thread_list .support_thread--single .support_thread_info .suppot_query_tag { font-size: 13px; margin-top: 12px; } .support_thread_list .support_thread--single .support_thread_info .suppot_query_tag .user { display: inline-block; } .support_thread_list .support_thread--single .support_thread_info .suppot_query_tag .user img { width: 25px; -webkit-border-bottom-left-radius: 50%; border-bottom-left-radius: 50%; height: 25px; margin-right: 3px; border-radius: 50% } .support_thread_list .support_thread--single .support_thread_info .support_tag { display: inline-block; line-height: 24px; -webkit-border-radius: .25rem; border-radius: .25rem; padding: 0 12px; color: #0674ec; margin-left: 9px; font-size: 12px; font-weight: 600; background: var(--tag); } .support_thread_list .support_thread--single .support_thread_info .pending_tag { display: inline-block; line-height: 24px; -webkit-border-radius: .25rem; border-radius: .25rem; padding: 0 12px; color: #0674ec; margin-left: 9px; font-size: 12px; font-weight: 600; background: var(--tag); } .support_thread_list .support_thread--single .support_thread_info .refuse_tag { display: inline-block; line-height: 24px; -webkit-border-radius: .25rem; border-radius: .25rem; padding: 0 12px; color: var(--danger); margin-left: 9px; font-size: 12px; font-weight: 600; background: var(--tag); } .support_thread_list .support_thread--single .support_thread_info { float: left; width: calc(100% - 190px); } .support_thread_list .support_thread--single .support_thread_meta { float: right; } .support_thread_list .support_thread--single .support_thread_meta ul li { display: inline-block; text-align: center; padding: 5px 18px 7px; background: var(--background-body-content); /*-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);*/ -webkit-border-radius: 3px; border-radius: 3px; } .support_thread_list .support_thread--single .support_thread_meta ul li p { margin-bottom: 0; } .support_thread_list .support_thread--single .support_thread_meta ul li .number { font-weight: 500; color: var(--p); } .support_thread_list .support_thread--single .support_thread_meta ul li span { color: #747a86; font-size: 14px; } .support_thread_list .support_thread--single .support_thread_meta ul li.answer_time { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding: 5px 0; width: 70px; } .support_thread_list .support_thread--single .support_thread_meta ul li.answer_time img { display: inline-block; } .support_thread_list .support_thread--single .support_thread_meta ul li.answer_time span { display: block; color: #333; line-height: 28px; } .support_thread_list .support_thread--single .support_thread_meta ul li + li { margin-left: 10px; } /*************************************** END SUPPORT AREA CSS ****************************************/ /*************************************** START HOW IT WORKS ****************************************/ .how_it_works h2 { font-size: 30px; line-height: 46px; color: #000000; padding-bottom: 30px; } .how_it_works p { margin-bottom: 20px; } .how_it_works_module, .content_block3 { padding: 100px 0; } .how_it_works_module:nth-last-child(2n+2), .content_block3:nth-last-child(2n+2) { background: #eff1f5; } .how_it_works_module .area_content a:hover, .content_block3 .area_content a:hover { background: #0674ec; color: #fff; } /*************************************** END HOW IT WORKS ****************************************/ /*************************************** START FORUM AREA ****************************************/ .forum_detail_area .forum--issue { padding: 30px; /* margin-bottom: 30px;*/ } .forum_detail_area .forum--issue .title_vote { margin-bottom: 6px; } .forum_detail_area .forum--issue .title_vote h3 { display: inline-block; font-size: 24px; line-height: 28px; margin-top: 4px; } .forum_detail_area .forum--issue .suppot_query_tag .user img { width: 25px; height: 25px; -webkit-border-radius: 50%; border-radius: 50%; } .forum_detail_area .forum--issue .suppot_query_tag span { color: #747a86; margin-left: 3px; } .forum_detail_area .forum--issue .suppot_query_tag .support_tag { background: #7347c1; color: #fff; line-height: 28px; padding: 0 10px; display: inline-block; -webkit-border-radius: 200px; border-radius: 200px; margin-left: 6px; margin-bottom: 25px; } .forum_detail_area .vote { float: right; background: #0674ec; padding: 12px 14px; -webkit-border-radius: 4px; border-radius: 4px; } .forum_detail_area .vote a { color: #8cbef4; } .forum_detail_area .vote a + a { margin-left: 10px; } .forum_detail_area .vote a.active { color: #fff; } .forum_detail_area .forum--replays .area_title { padding: 30px; } .forum_detail_area .forum--replays .area_title h3 { font-size: 20px; color: #000; } .forum_detail_area .forum--replays .forum_single_reply { padding: 30px; border-top: 1px solid #ececec; } .forum_detail_area .forum--replays .forum_single_reply .reply_avatar { display: inline-block; } .forum_detail_area .forum--replays .forum_single_reply .reply_avatar img { width: 60px; } .forum_detail_area .forum--replays .forum_single_reply .reply_content { display: inline-block; width: calc(100% - 66px); vertical-align: top; padding-left: 18px; } .forum_detail_area .forum--replays .forum_single_reply .reply_content > p { margin-bottom: 0; margin-top: 19px; } .forum_detail_area .forum--replays .forum_single_reply .name_vote:before, .forum_detail_area .forum--replays .forum_single_reply .name_vote:after { content: ''; display: table; } .forum_detail_area .forum--replays .forum_single_reply .name_vote:after { clear: both; } .forum_detail_area .forum--replays .forum_single_reply .name_vote h4 { color: #000; font-weight: 500; } .forum_detail_area .forum--replays .forum_single_reply .name_vote h4 span { color: #fff; background: #0674ec; font-weight: 400; font-size: 14px; line-height: 24px; display: inline-block; padding: 0 10px; -webkit-border-radius: 200px; border-radius: 200px; } .forum_detail_area .forum--replays .forum_single_reply .name_vote p { font-size: 15px; color: #747a86; margin-bottom: 0; } .forum_detail_area .comment-form-area { border-top: 1px solid #ececec; } .forum_detail_area .comment-form-area .support__comment .comment-reply-form .trumbowyg-box button, .forum_detail_area .comment-form-area .support__comment .comment-form .trumbowyg-box button { margin: 0; } /*************************************** END FORUM AREA CSS ****************************************/ /*************************************** START ABOUT US HERO AREA CSS ****************************************/ .about_hero { position: relative; text-align: center; padding: 191px 0; } .about_hero:before { content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 100%; background: -webkit-gradient(linear, right top, left top, from(#7347c1), to(#0674ec)); background: -webkit-linear-gradient(right, #7347c1, #0674ec); background: -o-linear-gradient(right, #7347c1, #0674ec); background: linear-gradient(to left, #7347c1, #0674ec); opacity: 0.8; } .about_hero .about_hero_contents h1 { font-weight: 500; } .about_hero .about_hero_contents h1, .about_hero .about_hero_contents p { font-size: 42px; line-height: 62px; color: #fff; } .about_hero .about_hero_contents p { font-weight: 300; } .about_hero .about_hero_contents p span { font-weight: 500; } .about_hero .about_hero_contents .about_hero_btns { padding-top: 44px; } .about_hero .about_hero_contents .about_hero_btns .play_btn { color: #fff; font-size: 16px; margin-right: 28px; line-height: 72px; display: inline-block; } .about_hero .about_hero_contents .about_hero_btns .play_btn img { margin-right: 8px; } .about_hero .about_hero_contents .about_hero_btns a { display: inline-block; vertical-align: middle; } /*************************************** END ABOUT US HERO AREA CSS ****************************************/ /*************************************** START GALLERY AREA ****************************************/ .gallery_area { padding: 20px; } .gallery_area .gallery_contents_wrapper { padding: 210px 0; } .gallery_area .gallery_contents { text-align: center; background: rgba(0, 0, 0, 0.7); padding: 53px 67px 67px; } .gallery_area .gallery_contents h3 { color: #fff; font-size: 44px; line-height: 72px; font-weight: 500; } .gallery_area .gallery_contents p { color: #fff; margin-bottom: 0; font-size: 20px; line-height: 36px; } /*************************************** END GALLERY AREA ****************************************/ /*************************************** START TESTIMONIAL VIDEO ****************************************/ .tesimonial-page-area { background: #eff1f5; } .tesimonial-page-area .testimonial { margin: 0 0 30px 0; } .testimonial_video { margin-bottom: 30px; position: relative; } .testimonial_video:before { content: ""; position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); } .testimonial_video .video_play { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; } .testimonial_video .video_play .figure img { -webkit-border-radius: 5px; border-radius: 5px; } .testimonial_video .video_play button { background: transparent; border: none; } .testimonial_vid .modal-content { height: 600px; } .testimonial_vid .modal-content iframe { width: 100%; height: 100%; } /*************************************** END TESTIMONIAL AREA ****************************************/ /*************************************** START PRICING AREA ****************************************/ .pricing_area { background: #eff1f5; } /*************************************** END PRICING AREA ****************************************/ /*************************************** START FAQ AREA ****************************************/ .faq_area { background: var(--background-body-content); } .faq-title { border-bottom: 1px solid #ececec; padding: 33px 30px; } .faq-title span { display: inline-block; color: #0674ec; font-size: 20px; line-height: 32px; vertical-align: middle; margin-right: 14px; } .faq-title h4 { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 32px; color: var(--p); } .faqs { padding: 30px; } /*************************************** END FAQ AREA ****************************************/ /*************************************** START AFFILIATE PAGE ****************************************/ .affiliate_area { background: #eff1f5; } .affiliate_area .affiliate_form { padding: 30px; } .affiliate_area .generated { text-align: center; background: rgba(6, 116, 236, 0.1); padding: 30px; -webkit-border-radius: 2px; border-radius: 2px; margin-top: 50px; } .affiliate_area .generated p { margin-bottom: 0; color: #010101; font-weight: 500; } .affiliate_area .generated .link { color: #0674ec; } .affliate_rule_module .affiliate_title { padding: 37px 30px 25px; border-bottom: 1px solid #ececec; } .affliate_rule_module .affiliate_title span { font-size: 24px; vertical-align: middle; margin-right: 13px; } .affliate_rule_module .affiliate_title span.lnr-checkmark-circle { color: #0674ec; } .affliate_rule_module .affiliate_title span.lnr-cross-circle { color: #ff6a6d; } .affliate_rule_module .affiliate_title h4 { display: inline-block; vertical-align: middle; font-size: 24px; } .affliate_rule_module .collapsible-content { padding: 25px 30px; } /*************************************** END AFFILIATE PAGE ****************************************/ .affliate_rules { background: #e8ebf1; } /*************************************** START TERM AND CONDITION AREA ****************************************/ .term_condition_area { background: #eff1f5; padding: 60px 0 120px; } .term_modules { padding-bottom: 50px; } .term_modules .term .term__title { padding: 32px 30px 22px; border-bottom: 1px solid #ececec; } .term_modules .term .term__title h4 { font-size: 24px; color: #000; line-height: 32px; } .term_modules .term p { padding: 30px; } /*************************************** END TERM AND CONDITION AREA ****************************************/ /*************************************** START BLOG AREA ****************************************/ .blog_area { background: var(--background-body-content); } .single_blog { background: var(--block-content); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); } .single_blog figure img { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; width: 100%; } .single_blog .blog__content { padding-left: 30px; padding-right: 30px; padding-top: 30px } .single_blog .blog__title h4 { font-weight: 500; color: #000; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .single_blog .blog__title h1 { font-weight: 500; color: var(--title-post); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .single_blog .blog__title:hover h4 { color: #0674ec; } .single_blog .blog__title:hover h1 { color: #0674ec; } /* Blog Card Modifier */ .blog--card { margin-bottom: 30px; } .blog--card .blog__content { padding-top: 30px; padding-bottom: 26px; } .blog--card .blog__content p { margin-bottom: 0; } .blog--card .blog__title { display: inline-block; margin-bottom: 23px; } .blog--card .blog__title h4 { font-size: 22px; } .blog__meta { font-size: 14px } .blog__meta p { font-size: 14px } .blog--card .blog__meta { padding: 13px 30px; border-top: 1px solid #ececec; } .blog--card .blog__meta:before, .blog--card .blog__meta:after { content: ''; display: table; clear: both; } .blog--card .blog__meta .date_time, .blog--card .blog__meta .comment_view { width: 50%; float: left; } .blog--card .blog__meta .date_time p, .blog--card .blog__meta .comment_view p { display: inline-block; margin-bottom: 0; color: #7e7e7e; font-size: 15px; line-height: 30px; } .blog--card .blog__meta .date_time p span, .blog--card .blog__meta .comment_view p span { margin-right: 6px; } .blog--card .blog__meta .date_time { text-align: left; position: relative; } .blog--card .blog__meta .date_time span { color: #0674ec; vertical-align: middle; line-height: 30px; } .blog--card .blog__meta .date_time:before { content: ''; width: 1px; height: 100%; right: 0; top: 0; background: #ececec; position: absolute; } .blog--card .blog__meta .comment_view { text-align: right; } .blog--card .blog__meta .comment_view p + p { margin-left: 26px; } /* Blog default */ .blog--default { margin-bottom: 30px; } .blog--default .blog__title { padding-top: 10px; display: inline-block; padding-bottom: 10px; } .blog--default .blog__title h4 { font-size: 30px; line-height: 100%; } .blog--default .blog__title h1 { font-size: 25px; line-height: 40px; } .blog--default .blog__content { border-bottom: 1px solid #ececec; padding-bottom: 10px; } .blog--default .blog__content .blog__meta .date_time, .blog--default .blog__content .blog__meta .comment_view, .blog--default .blog__content .blog__meta .author { display: inline-block; } .blog--default .blog__content .blog__meta .date_time p, .blog--default .blog__content .blog__meta .comment_view p, .blog--default .blog__content .blog__meta .author p { display: inline-block; margin-right: 15px; color: var(--meta-post); } .blog--default .blog__content .blog__meta .date_time div, .blog--default .blog__content .blog__meta .comment_view div, .blog--default .blog__content .blog__meta .author div { display: inline-block; margin-right: 25px; color: var(--meta-post); } .blog--default .blog__content .blog__meta .date_time p span, .blog--default .blog__content .blog__meta .comment_view p span, .blog--default .blog__content .blog__meta .author p span { margin-right: 6px; } .blog--default .blog__content .blog__meta .author .lnr-user { margin-right: 7px; } .blog--default .blog__content .blog__meta .date_time span { margin-right: 6px; } .blog--default .btn_text { padding: 25px 30px 30px; } .blog--default .btn_text .btn { margin-top: 10px; } .single_blog_content { padding: 25px 30px; word-break: break-word } .single_blog_content p { line-height: 30px; } .single_blog_content blockquote { background: var(--quote-background); font-size: 20px; line-height: 38px; color: #000; font-style: normal; padding: 45px 25px 45px 40px; border-left: 3px solid var(--quote-border); margin-bottom: 25px; } .single_blog_content h1, .single_blog_content h2, .single_blog_content h3, .single_blog_content h4, .single_blog_content h5, .single_blog_content h6 { font-weight: 500; color: var(--p); margin-bottom: 15px; } .single_blog_content h1 { font-size: 24px; } .single_blog_content h2 { font-size: 20px; } .single_blog_content h3 { font-size: 18px; } .single_blog_content h4 { font-size: 16px; } .single_blog_content ol { margin-bottom: 30px; } .single_blog_content ol li { list-style-type: decimal; line-height: 32px; font-size: 16px; color: var(--p); } .single_blog_content img { margin-bottom: 20px; } .single_blog_content ul { /*margin: 0 0 30px 30px;*/ } /* Add vào */ .single_blog_content ul li { list-style: unset; color: #333; /*Lưu ý: Thay đổi màu chỗ này sẽ xung đột diễn đàn addnew các thẻ li ví dụ như ở chỗ edit hoặc addnew hoặc content nội dung*/ line-height: 30px; font-size: 15px; font-weight: 400 } /* .single_blog_content ul li { line-height: 32px; font-size: 16px; position: relative; padding-left: 27px; } .single_blog_content ul li:before { content: ''; height: 8px; width: 8px; position: absolute; -webkit-border-radius: 50px; border-radius: 50px; background: #555555; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }*/ .single_blog_content .share_tags { background: var(--block-content); padding: 20px; margin-top: 45px; position: relative; overflow: hidden; } .single_blog_content .share_tags ul { margin: 0; } .single_blog_content .share_tags li { display: inline-block; padding-left: 0; } .single_blog_content .share_tags li:before { display: none; } .single_blog_content .share_tags .share { float: left; } .single_blog_content .share_tags .share p { display: inline-block; padding: 0 20px; background: #fff; -webkit-border-radius: 200px; border-radius: 200px; margin-right: 10px; line-height: 38px; margin-bottom: 0; color: #777; } .single_blog_content .share_tags .share .social_share { display: inline-block; } .single_blog_content .share_tags .share .social_share ul li { margin-right: 4px; } .single_blog_content .share_tags .share .social_share ul li a { width: 38px; line-height: 38px; text-align: center; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; font-size: 14px; } .single_blog_content .share_tags .tags { float: right; margin-top: 4px; } .single_blog_content .share_tags .tags ul li { display: inline-block; } .single_blog_content .share_tags .tags ul li + li { padding-left: 10px; } .single_blog_content .share_tags .tags ul li a { font-size: 15px; color: #0674ec; background: var(--tag); line-height: 30px; padding: 0 14px; display: inline-block; -webkit-border-radius: 200px; border-radius: 200px; } .author_info { margin-bottom: 30px; padding: 36px 26px; } .author_info .author__img { height: 115px; width: 115px; display: inline-block; vertical-align: top; } .author_info .author__img img { min-width: 100%; -webkit-border-radius: 500px; border-radius: 500px; } .author_info .author__info { display: inline-block; width: calc(100% - 120px); padding-left: 30px; } .author_info .author__info h4 { font-size: 20px; margin-bottom: 20px; } .author_info .author__info ul li { display: inline-block; } .author_info .author__info ul li + li { margin-left: 16px; } .author_info .author__info ul a { font-size: 14px; color: #a9a9a9; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .author_info .author__info ul a:hover { color: #0674ec; } .author_info .author__info p { margin-bottom: 15px; } .comment_area.comment--form { margin-top: 40px; } .comment_area .comment__title { padding: 28px 30px 19px; border-bottom: 1px solid #ececec; } .comment_area .comment__title h4 { font-size: 20px; line-height: 42px; } .comment_area .comment___wrapper .media-list { padding: 0 30px; } .comment_area .comment___wrapper .media-list li + li { border-top: 1px solid #ececec; } .comment_area .comment___wrapper .media-list .media { padding-bottom: 15px; padding-top: 24px; } .comment_area .comment___wrapper .media-list .cmnt_avatar { height: 90px; width: 90px; } .comment_area .comment___wrapper .media-list .cmnt_avatar img { -webkit-border-radius: 200px; border-radius: 200px; max-width: 100%; } .comment_area .comment___wrapper .media-list .media_top { overflow: hidden; margin-bottom: 15px; } .comment_area .comment___wrapper .media-list .media-heading { font-size: 18px; line-height: 28px; color: #000; } .comment_area .comment___wrapper .media-list .media-body { padding-left: 20px; } .comment_area .comment___wrapper .media-list .heading_left a h4 { font-size: 18px; line-height: 28px; margin-bottom: 0; } .comment_area .comment___wrapper .media-list .heading_left span { color: #555; font-size: 15px; line-height: 28px; } .comment_area .comment___wrapper .media-list .reply.visible-xs-m { display: none; } .comment_area .comment___wrapper .media-list .children > .depth-2 { padding-left: 114px; } .comment_area .comment___wrapper .media-list .children > .depth-2 .media { border-top: 1px solid #ececec; } .comment_area .commnet_form_wrapper { padding: 30px; } /*************************************** END BLOG AREA ****************************************/ /*************************************** START CONTACT AREA ****************************************/ .contact-area { background: #eff1f5; } .contact_tile { padding: 55px 38px 45px; margin-bottom: 30px; text-align: center; } .contact_tile .tiles__icon { font-size: 48px; color: #0674ec; } .contact_tile .tiles__title { color: #000; font-weight: 500; font-size: 20px; padding: 37px 0 24px; line-height: 30px; } .contact_tile .tiles__content p { margin-bottom: 0; } .contact_form .contact_form__title, .comment_area .cmnt_reply_form .contact_form__title, .apply_form .contact_form__title, .ticket_form .contact_form__title { padding: 50px 0 45px; border-bottom: 1px solid #ececec; text-align: center; } .contact_form .contact_form__title h3, .comment_area .cmnt_reply_form .contact_form__title h3, .apply_form .contact_form__title h3, .ticket_form .contact_form__title h3 { color: #000; } .contact_form .form-group, .comment_area .cmnt_reply_form .form-group, .apply_form .form-group, .ticket_form .form-group { margin-bottom: 30px; } .contact_form .contact_form--wrapper, .comment_area .cmnt_reply_form .contact_form--wrapper, .apply_form .contact_form--wrapper, .ticket_form .contact_form--wrapper { padding: 40px 0 60px; } .contact_form input, .comment_area .cmnt_reply_form input, .apply_form input, .ticket_form input { line-height: 48px; height: 48px; color: #9e9e9e; border: 1px solid #e7e7e7; } .contact_form textarea, .comment_area .cmnt_reply_form textarea, .apply_form textarea, .ticket_form textarea { border: 1px solid #e7e7e7; padding-top: 20px; height: 129px; } .contact_form .sub_btn, .comment_area .cmnt_reply_form .sub_btn, .apply_form .sub_btn, .ticket_form .sub_btn { text-align: center; margin-top: 30px; } /*************************************** END CONTACT AREA ****************************************/ /*************************************** START 404 AREA ****************************************/ .not_found { margin-top: 20px; } .not_found h3 { font-size: 30px; line-height: 80px; color: #000; margin-bottom: 16px; } .not_found h4 { color: #000; margin-bottom: 40px; } /*************************************** END 404 AREA ****************************************/ /*************************************** START JOB HERO HERO ****************************************/ .job_hero_area { padding-top: 176px; padding-bottom: 127px; position: relative; text-align: center; } .job_hero_area:before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: rgba(23, 28, 35, 0.7); } .job_hero_area h1 { color: #fff; font-weight: 500; font-size: 48px; line-height: 62px; } .job_hero_area h1 .highlight { color: #0674ec; } .job_hero_area p { padding: 30px 0 73px; color: #fff; font-size: 20px; line-height: 34px; } /*************************************** END JOB HERO AREA ****************************************/ /*************************************** START JOB AREA ****************************************/ .job_area { background: #f0f1f5; } /*************************************** END JOB AREA ****************************************/ /*************************************** START FEATURE AREA ****************************************/ .content_block5 { background: #f0f1f5; } .content_block5 .content_block5_content h1 { font-size: 36px; line-height: 46px; margin-bottom: 34px; } .content_block5 .content_block5_content h1 span { color: #0674ec; } .content_block5 .content_block5_content p { margin-bottom: 45px; } /*************************************** END FEATURE AREA ****************************************/ /*************************************** START JOB DETAIL ****************************************/ .job_detail .job_hero_content, .event_detail_breadcrumb .job_hero_content { margin-bottom: 55px; } .job_detail .job_hero_content .job_date, .event_detail_breadcrumb .job_hero_content .job_date { display: inline-block; margin-top: 32px; } .job_detail .job_hero_content .job_date p, .event_detail_breadcrumb .job_hero_content .job_date p { padding: 0; display: inline-block; color: #d7d7d7; font-size: 18px; } .job_detail .job_hero_content .job_date p + p, .event_detail_breadcrumb .job_hero_content .job_date p + p { margin-left: 53px; } .job_detail_module { background: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); } .job_detail_module .job__title { border-bottom: 1px solid #ececec; padding: 23px 30px 11px; font-size: 24px; line-height: 66px; } .job_detail_module .job__content { padding: 34px 30px 16px; } .job_detail_module .job__content .informations { overflow: hidden; } .job_detail_module .job__content .informations li { float: left; width: 33%; margin-bottom: 46px; } .job_detail_module .job__content .informations li .info_title, .job_detail_module .job__content .informations li .info { display: inline-block; } .job_detail_module .job__content .informations li .info_title { min-width: calc(100% - 228px); } .job_detail_module .job__content .informations li .info_title span { display: inline-block; font-size: 20px; color: #0674ec; line-height: 30px; vertical-align: middle; margin-right: 12px; } .job_detail_module .job__content .informations li .info_title p { display: inline-block; margin-bottom: 0; font-weight: 500; color: #333333; line-height: 30px; vertical-align: middle; } .job_detail_module .job__content .informations li .info p { margin-bottom: 0; } .job_detail_module .job__content .content_list { padding-left: 30px; margin-top: 25px; } .job_detail_module .job__content .content_list li { padding-left: 26px; position: relative; line-height: 30px; color: #555; } .job_detail_module .job__content .content_list li:before { content: ""; height: 7px; width: 7px; background: #c5cad4; position: absolute; left: 0; -webkit-border-radius: 50%; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .job_detail_module .job__content .social, .job_detail_module .job__content .single_blog_content .share_tags .share .social_share, .single_blog_content .share_tags .share .job_detail_module .job__content .social_share { margin-top: 72px; margin-bottom: 60px; } .job_detail_module .job__content .social p, .job_detail_module .job__content .single_blog_content .share_tags .share .social_share p, .single_blog_content .share_tags .share .job_detail_module .job__content .social_share p { display: inline-block; font-weight: 500; color: #000; margin-right: 20px; } .job_detail_module .job__content .social ul, .job_detail_module .job__content .single_blog_content .share_tags .share .social_share ul, .single_blog_content .share_tags .share .job_detail_module .job__content .social_share ul { display: inline-block; } .job_detail_module .job__content .social ul li, .job_detail_module .job__content .single_blog_content .share_tags .share .social_share ul li, .single_blog_content .share_tags .share .job_detail_module .job__content .social_share ul li { padding-left: 0; } .job_detail_module .job__content .social ul li:before, .job_detail_module .job__content .single_blog_content .share_tags .share .social_share ul li:before, .single_blog_content .share_tags .share .job_detail_module .job__content .social_share ul li:before { display: none; } .job_detail_module .job__content .social ul li + li, .job_detail_module .job__content .single_blog_content .share_tags .share .social_share ul li + li, .single_blog_content .share_tags .share .job_detail_module .job__content .social_share ul li + li { margin-left: 6px; } .job_detail_module .job__content .social ul li a span, .job_detail_module .job__content .single_blog_content .share_tags .share .social_share ul li a span, .single_blog_content .share_tags .share .job_detail_module .job__content .social_share ul li a span { -webkit-box-shadow: 0 5px 10px rgba(35, 54, 72, 0.2); box-shadow: 0 5px 10px rgba(35, 54, 72, 0.2); } .job_detail_module.information { margin-bottom: 40px; } .job_detail_module.information .job__title { color: #0674ec; } .job_detail_module.information .job__content { padding: 34px 30px 0; } /*************************************** END JOB DETAIL AREA ****************************************/ /*************************************** START APPLY FORM ****************************************/ .cv_upload { width: 100%; border: 1px solid #ececec; height: 48px; padding: 0 20px; } .cv_upload input { width: 100%; display: none; } .cv_upload span { line-height: 48px; } .cv_upload .up_icon { float: right; font-size: 16px; color: #0674ec; } /*************************************** END APPLY FORM ****************************************/ /*************************************** END EVENT AREA ****************************************/ .event_area { background: #eff1f5; } .featured_event { overflow: hidden; margin: 0 0 30px; } .featured_event .col-md-6 { padding: 0; } .featured_event .event_img { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .featured_event .event_img img { max-width: 100%; } .featured_event .featured_event_detail { padding-left: 15px; } .featured_event h1 { font-size: 36px; line-height: 38px; font-weight: 500; margin-bottom: 40px; } .featured_event .date_place { margin-bottom: 30px; } .featured_event .date_place li { display: inline-block; } .featured_event .date_place li + li { margin-left: 32px; } .featured_event .date_place li span, .featured_event .date_place li p { display: inline-block; display: inline-block; vertical-align: middle; margin-right: -3px; } .featured_event .date_place li span { color: #0674ec; font-size: 20px; margin-right: 12px; } .featured_event .date_place li p { font-size: 18px; font-weight: 500; margin-bottom: 0; } .featured_event .countdown li { display: inline-block; color: #0674ec; font-size: 48px; font-weight: 500; text-align: center; } .featured_event .countdown li + li { margin-left: 35px; } .featured_event .countdown li span { display: block; font-size: 16px; color: #555555; line-height: 30px; text-transform: capitalize; } /*************************************** END EVENT AREA ****************************************/ /*************************************** START EVENT DETAIL AREA ****************************************/ .event_detail_breadcrumb:before { background: rgba(23, 28, 35, 0.4); } .event_detail_breadcrumb .social, .event_detail_breadcrumb .single_blog_content .share_tags .share .social_share, .single_blog_content .share_tags .share .event_detail_breadcrumb .social_share { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .event_detail_breadcrumb .social p, .event_detail_breadcrumb .single_blog_content .share_tags .share .social_share p, .single_blog_content .share_tags .share .event_detail_breadcrumb .social_share p { display: inline-block; margin-bottom: 0; background: #fff; line-height: 50px; padding: 0 30px; color: #000; font-size: 18px; font-weight: 500; -webkit-border-radius: 200px; border-radius: 200px; margin-right: 20px; -webkit-box-shadow: 0 5px 20px rgba(35, 54, 72, 0.2); box-shadow: 0 5px 20px rgba(35, 54, 72, 0.2); } .event_detail_breadcrumb .social ul, .event_detail_breadcrumb .single_blog_content .share_tags .share .social_share ul, .single_blog_content .share_tags .share .event_detail_breadcrumb .social_share ul { display: inline-block; } .event_module { border-bottom: 1px solid #ececec; padding-bottom: 92px; margin-bottom: 80px; } .event_module:before, .event_module:after { content: ''; display: table; clear: both; } .event_module .event_module__title { font-size: 36px; line-height: 48px; font-weight: 500; padding-bottom: 43px; } .event_module .list_item { width: 50%; float: left; padding-top: 23px; } .event_module .list_item li { color: #333; font-weight: 500; font-size: 16px; line-height: 36px; } .event_module .list_item li:before { content: "\f00c"; font-family: Font Awesome\ 5 Pro,sans-serif; color: #0674ec; margin-right: 18px; } .event_module.sponsor--area { border-bottom: 0; padding-bottom: 0; } .sponsores li { display: inline-block; -webkit-box-shadow: 0 0 20px rgba(74, 74, 74, 0.1); box-shadow: 0 0 20px rgba(74, 74, 74, 0.1); } .sponsores li img { max-width: 250px; } .sponsores li + li { margin-left: 40px; } .single_speaker { width: 50%; float: left; margin-bottom: 60px; } .single_speaker .speaker__thumbnail { height: 263px; width: 263px; display: inline-block; vertical-align: middle; margin-right: -3px; } .single_speaker .speaker__thumbnail img { -webkit-border-radius: 50%; border-radius: 50%; } .single_speaker .speaker__detail { display: inline-block; vertical-align: middle; margin-right: -3px; padding-left: 30px; width: calc(100% - 268px); } .single_speaker .speaker__detail h4 { font-size: 24px; line-height: 30px; font-weight: 500; margin-bottom: 10px; } .single_speaker .speaker__detail p { line-height: 30px; } .single_speaker .speaker__detail .ocuup { color: #555; font-weight: 500; line-height: 30px; margin-bottom: 27px; font-size: 18px; display: inline-block; } .single_speaker .speaker_social { margin-top: 33px; } .single_speaker .speaker_social ul li { display: inline-block; margin-right: 4px; } .single_speaker .speaker_social ul li a:hover span { background: #7347c1; } .single_speaker .speaker_social ul li span { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; line-height: 40px; color: #fff; width: 40px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; background: #0674ec; } .single_speaker:nth-child(2n+2) { padding-left: 15px; } .single_speaker:nth-child(2n+1) { padding-right: 15px; } .sign_up_area { padding-top: 90px; } .sign_up_area .sign_up_title { font-weight: 500; font-size: 36px; line-height: 48px; padding-bottom: 55px; } /*************************************** END EVENT DETAIL AREA ****************************************/ /*************************************** START GOOGLE MAP AREA ****************************************/ #map { height: 500px; } .google_map { position: relative; } .google_map .location_address { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 361px; left: calc((100vw - 1110px) / 2); z-index: 1; } .google_map .location_address .addres_module { padding: 50px 40px; } .google_map .location_address .addres_module h4 { font-size: 24px; line-height: 36px; margin-bottom: 55px; font-weight: 500; } .google_map .location_address .addres_module p { font-weight: 500; font-size: 18px; } .google_map .location_address .addres_module p span { color: #0674ec; margin-right: 12px; } /*************************************** END GOOGLE MAP ****************************************/ /*************************************** START TICKET AREA ****************************************/ .ticket_form .sub_btn { text-align: left; } /*************************************** END TICKET AREA ****************************************/ .btn .br-wrapper { position: relative; z-index: 2; } /* bar rating scss */ .br-theme-fontawesome-stars .br-widget { white-space: nowrap; } .br-theme-fontawesome-stars .br-widget a { font: normal normal normal 15px/1 Font Awesome\ 5 Pro; text-rendering: auto; -webkit-font-smoothing: antialiased; text-decoration: none; margin-right: 2px; } .br-theme-fontawesome-stars .br-widget a + a { margin-left: 2px; } .br-theme-fontawesome-stars .br-widget a:after { content: "\f005"; color: #898f96; } .br-theme-fontawesome-stars .br-widget a.br-active:after { color: #ffc000; content: "\f005"; font-weight: 900 } .br-theme-fontawesome-stars .br-widget a.br-selected:after { color: #ffc000; content: "\f005"; font-weight: 900 } .br-theme-fontawesome-stars .br-widget .br-current-rating { display: none; } .br-theme-fontawesome-stars .br-readonly a { cursor: default; } @media print { .br-theme-fontawesome-stars .br-widget a:after { content: '\f006'; color: black; } .br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after { content: '\f005'; color: black; } } /* Badge Page */ .badges .author-badges { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .badges .author-badges .badge-single { text-align: center; width: 265px; padding: 0 15px; margin-bottom: 30px; } .badges .author-badges .badge-single img { display: inline-block; width: 160px; height: 160px; } .badges .author-badges .badge-single h3 { margin: 20px 0; font-size: 20px; font-weight: 500; } .badges .author-badges .badge-single p { margin-bottom: 0; } .badges.author-rank { padding: 120px 0 50px 0; border-bottom: 1px solid #ececec; } .badges.community-badges { padding: 100px 0 120px 0; } .badges.community-badges .author-badges { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .badges.community-badges .author-badges .badge-single { width: 20%; } .badge-single svg.locked { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.15; } .badge-single .svg_wrapper { position: relative; } .badge-single .svg_wrapper span { position: absolute; font-size: 94px; color: #696a75; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*************************************** RESPONSIVE CSS GOES HERE ****************************************/ /***************************** RESPONSIVE *****************************/ /***************************** -- THEME *****************************/ /*this is responsive scss*/ /* 992 TO 1199 */ @media (min-width: 992px) and (max-width: 1199px) { /* menu area scss */ .mainmenu__menu .navbar-nav > li { margin-right: 20px; } .has_megamenu .dropdown_megamenu { width: 930px; } .searc-wrap input { width: 300px; } .search_box .text_field { width: 44%; } .single_speaker .speaker__thumbnail { width: 150px; } .single_speaker .speaker__detail { width: calc(100% - 150px); } /* featured area scss */ .featured-product-slider .featured__single-slider { height: 381px; } .featured-product-slider .featured__product-description { padding: 24px 30px 0 35px; } .featured-product-slider .featured__product-description .titlebtm { padding-bottom: 15px; } .featured-product-slider .desc--featured { max-height: 219px; } .featured-product-slider .product_data { padding: 0 31px; } .featured-product-slider .product-purchase.featured--product-purchase { padding: 16px 0; margin-top: 15px; } /* PRODUCT SORTING */ .sorting { padding: 30px 30px 15px; } .sorting ul li { margin-bottom: 20px; } /* PRODUCT */ .product.product--list { height: auto; } .product.product--list .product__details { padding: 15px 0; } .product.product--list .product__details .product-desc, .product.product--list .product__details .product-meta, .product.product--list .product__details .product-purchase { float: left; } .product.product--list .product__details .product-desc { width: 320px; } .product.product--list .product__details .product-purchase { width: auto; } .product.product--list .product__details .product-purchase .price_love { padding: 0; margin-right: 10px; } .product.product--list .product__details .product-purchase .sell { display: inline-block; } .product.product--list .product__details .product-meta .author { margin-bottom: 15px; } /* PROPOSAL AREA */ .proposal { padding: 100px 13%; } .footer-area .social ul li + li, .footer-area .single_blog_content .share_tags .share .social_share ul li + li, .single_blog_content .share_tags .share .footer-area .social_share ul li + li { margin-left: 6px; } /* PRODUCTS */ .product .product-purchase .price_love p { display: none; } /* FILTER BAR ARE CSS */ .filter-bar .filter__option.filter--layout { padding: 10px 10px 7px; } .filter-bar .dropdown-trigger { padding: 0 15px; } .filter-bar .filter--select { width: 200px; margin: 0 10px; } .filter-bar .filter__option { padding: 20px 0; } /* PRODUCT AREA */ .product .product-desc { padding: 25px; } .product .product-purchase { padding: 15px 25px; } .product .rating ul { margin-bottom: 5px; } .product .rating ul li span { font-size: 13px; } .product.product--list-small .product__thumbnail { width: 200px; } .product.product--list-small .product__details { margin-bottom: 10px; } .product.product--list-small .product__details .product-desc { width: 280px; } .product.product--list-small .product__details .product-desc .titlebtm { padding-top: 12px; } .product.product--list-small .product__details .product-meta { border-right: 0; } .product.product--list-small .product__details .product-meta .love-comments p { margin-bottom: 5px; } .product.product--list-small .product__details .product-meta .love-comments p + p { display: none; } .product.product--list-small .product__details .product-purchase { padding-left: 20px; padding-top: 10px; } /* SIDEBAR CARD*/ .sidebar .sidebar-card .collapsible-content, .sidebar .content-card .collapsible-content, .sidebar .item-preview .collapsible-content { padding: 0 20px; } .sidebar .card--slider .card-content .price-ranges .from { margin-right: 0; } /* SINGLE ITEM PREVIEW */ .item-info .item-navigation ul li:last-child a { padding-right: 25px; } .item-info .item-navigation ul li a { padding: 0 18px; } /* USER AREA */ .user_area .user_single .user__short_desc { max-width: 280px; } .user_area .user_single .user__short_desc, .user_area .user_single .user__meta, .user_area .user_single .user__status { padding: 0 22px; } .user_area .user_single .user__status .btn { min-width: 120px; } /* DASHBOARD AREA */ .dashboard-area .dashboard_menu_area .dashboard_menu li { margin-right: 15px; } .dashboard-area .dashboard_menu_area .dashboard_menu li a { line-height: 35px; padding: 8px 0; } /* CREDIT MODULES */ .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { min-width: 151px; font-size: 28px; padding: 14px 0; } .credit_modules .payment_method li, .shortcode_modules .payment_method li, .upload_modules .payment_method li, .withdraw_module .payment_method li { width: 17%; } .credit_modules .payment_method li .custom-radio label img, .shortcode_modules .payment_method li .custom-radio label img, .upload_modules .payment_method li .custom-radio label img, .withdraw_module .payment_method li .custom-radio label img, .credit_modules .payment_method li .custom-radio .form-group p.label img, .form-group .credit_modules .payment_method li .custom-radio p.label img, .shortcode_modules .payment_method li .custom-radio .form-group p.label img, .form-group .shortcode_modules .payment_method li .custom-radio p.label img, .upload_modules .payment_method li .custom-radio .form-group p.label img, .form-group .upload_modules .payment_method li .custom-radio p.label img, .withdraw_module .payment_method li .custom-radio .form-group p.label img, .form-group .withdraw_module .payment_method li .custom-radio p.label img { width: 100%; height: auto; } /* DASHBOARD STATEMENT */ .statement_info_card .info_wrap { text-align: center; } .statement_info_card .info_wrap span { margin-right: 0; } .statement_info_card .info_wrap .info { display: block; margin-top: 10px; } } /* 991 */ @media (max-width: 991px) { .search_box form { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .search_box .text_field { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .dashboard_menu_area .dashboard_menu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* Main Menu ares css goes here */ .mainmenu__menu .navbar-nav > li { margin-right: 8px; } .mainmenu__menu .navbar-nav > li a { font-size: 14px; } .mainmenu__search .searc-wrap input { width: 244px; } .dropdowns.notification--dropdown { right: -15px; left: auto; } .dropdowns.notification--dropdown:before { right: 30px; left: auto; } /* feature two before */ .feature--2 { border-top: 1px solid #ececec; } .feature--2:before { display: none; } /* product area */ .sorting { padding: 30px 30px 20px; } .sorting ul li { margin-bottom: 10px; } .sorting ul li a { font-size: 14px; padding: 0 15px; } /* PRODUCT */ .product.product--list { height: auto; } /* JOB PAGE */ .job_detail_module.information .job__content .informations li .info { display: block; } /* DASHBOARD AREA */ .dashboard-area .dashboard_menu_area .dashboard_menu li { margin-right: 15px; } .dashboard-area .dashboard_menu_area .dashboard_menu li a { line-height: 35px; padding: 8px 0; } /* DASHBOARD STATEMENT PAGE */ .statement_info_card { text-align: center; } /* DASHBOARD MANAGE ITEM */ .dashboard-edit .filter-bar .filter--select { width: auto; } /* PRICING AREA */ .pricing { margin-bottom: 40px; } /* EVENT PAGE CSS */ .event_module .list_item { width: auto; } .single_speaker { text-align: center; } .single_speaker .speaker__thumbnail { height: auto; width: auto; } .single_speaker .speaker__detail { width: 100%; padding-left: 0; margin-top: 30px; } .event_detail_breadcrumb .social, .event_detail_breadcrumb .single_blog_content .share_tags .share .social_share, .single_blog_content .share_tags .share .event_detail_breadcrumb .social_share { width: 100%; } } /* 768 TO 992*/ @media (min-width: 768px) and (max-width: 991px) { /*--------------- General scss goes here -------------- */ /* menu area */ .has_megamenu .dropdown_megamenu { width: 690px; } .user_area .user_single .user__short_desc { max-width: 320px; } /* search area */ .search-area .search_box { text-align: center; padding: 30px; } .search-area .search_box .search-btn { margin-top: 30px; } .search-area .text_field, .search-area .search__select { width: 50%; } .section-title p { padding: 0 125px; } /* hero area */ .hero-content .hero__content__title h1 { font-size: 50px; } .hero-content .hero__content__title .tagline { line-height: 35px; } .logo img { width: 100%; } /* featured area */ .featured-product-slider .featured__single-slider { height: auto; } .featured-product-slider .featured__single-slider .featured__product-description, .featured-product-slider .featured__single-slider .featured__preview-img { display: inline-block; vertical-align: middle; margin-right: -3px; float: none; } .featured-product-slider .featured__single-slider .featured__product-description { padding: 30px 30px 0 30px; } .featured-product-slider .featured__single-slider .featured__product-description .titlebtm + p { display: none; } .featured-product-slider .featured__single-slider .product_data { position: initial; padding: 0; } .featured-product-slider .featured__single-slider .product_data .tags ul li { margin-bottom: 5px; } /* testimonial scss */ .testimonial { padding: 25px 25px; } /* news area scss */ .news { margin-bottom: 30px; } .news .news__thumbnail img { width: 100%; } /* PRODUCT */ .product.product--list .product__thumbnail { width: 220px; } .product.product--list .product__details { padding: 15px 0; } .product.product--list .product__details .product-meta, .product.product--list .product__details .product-purchase, .product.product--list .product__details .product-desc { float: left; } .product.product--list .product__details .product-purchase { width: auto; } .product.product--list .product__details .product-purchase .price_love { display: inline-block; padding-bottom: 0; } .product.product--list .product__details .product-purchase .sell { display: inline-block; } .product.product--list .product__details .product-desc, .product.product--list .product__details .product-meta { /*width: 50%;*/ } .product.product--list .product__details .product-meta { border-right: 0; } .product.product--list .product__details .product-meta .author { margin-bottom: 15px; } .product.product--list .product__details .product-meta .love-comments p + p { margin-left: 0; } .product .prod_btn a { padding: 0 25px; } .product .prod_btn a:first-child { margin-bottom: 10px; } .product.product--list-small .product-purchase { padding-left: 20px; margin-top: 15px; } /* FOOTER AREA */ .footer-area .footer-menu { padding-left: 0; margin-bottom: 40px; } .footer-area .newsletter { padding: 0 60px; text-align: center; } .footer-area .newsletter__form .field-wrapper { margin-bottom: 25px; } .footer-area .social, .footer-area .single_blog_content .share_tags .share .social_share, .single_blog_content .share_tags .share .footer-area .social_share { display: block; text-align: center; } /* SEARCH AREA */ .search .search__field { padding: 0 50px; } /* FILTERBAR AREA */ .filter-bar.filter--bar2 .filter--text { padding: 21px 0; } .filter-bar.filter--bar2 .filter--text a + a { margin-left: 15px; } .filter-bar.filter--bar2 .filter--select { width: 37%; } .filter-bar.filter--bar2 .filter--select + .filter--select { margin-left: 16px; } .filter-bar.filter--bar2 .filter--layout { padding: 10px 12px 7px; } .filter-bar .filter--dropdown { width: 32%; padding: 18px 0; border-bottom: 1px solid #ececec; } .filter-bar .filter--dropdown .dropdowns { top: 100%; } .filter-bar .filter--dropdown.filter--range .dropdowns { width: auto; } .filter-bar .filter--select { width: 40%; margin: 0; padding: 20px 0; } .filter-bar .filter--select + .filter--select { margin-left: 20px; } .filter-bar.filter-bar3 .filter--dropdown { width: 25%; } .filter-bar.filter-bar3 .filter--text { padding: 19px 0; } .filter-bar.filter-bar3 .dropdown-trigger { padding: 0 22px; } .filter-bar.filter-bar3 .filter--select { width: 34%; } .filter-bar.filter-bar3 .filter--layout { display: none; } /* SINGLE PREVIEW */ .tab { margin-bottom: 40px; } .tab .item-navigation a { padding: 0 24px; } .tab3 ul.nav-tabs li a { padding: 0 25px; } .tab4 .item-navigation { width: 30%; } .tab4 .tab-content { width: 70%; } /* SINGLE PRODUCT SIDEBAR */ .sidebar--single-product .sidebar-card.card-pricing .purchase-button, .sidebar--single-product .content-card.card-pricing .purchase-button, .sidebar--single-product .card-pricing.item-preview .purchase-button { text-align: center; } .sidebar--single-product .sidebar-card.card-pricing .purchase-button .btn, .sidebar--single-product .content-card.card-pricing .purchase-button .btn, .sidebar--single-product .card-pricing.item-preview .purchase-button .btn { width: auto; } .sidebar--single-product .sidebar-card.card-pricing .purchase-button .btn + .btn, .sidebar--single-product .content-card.card-pricing .purchase-button .btn + .btn, .sidebar--single-product .card-pricing.item-preview .purchase-button .btn + .btn { margin-top: 0; margin-left: 15px; } /* */ .product_archive .single_product .product__description img { width: 110px; } .product_archive .single_product .product__description .short_desc { width: calc(100% - 115px); } .product_archive .single_product .product__additional_info { padding-left: 0; } .product_archive .title_area { display: none; } /* AUTHOE PROFILE AREA */ .author-profile-area .filter-bar2 .filter--dropdown { width: auto; } /* MESSAGING PAGE */ .messaging_sidebar .messaging__header, .recent_message .messaging__header { padding: 20px; } .messaging_sidebar .messaging__header .messaging_action .lnr.lnr-sync, .recent_message .messaging__header .messaging_action .lnr.lnr-sync { display: none; } .messaging_sidebar .messaging__header .messaging_action a, .recent_message .messaging__header .messaging_action a { padding: 0 15px; } .messaging_sidebar .messaging__header .messaging_action .text, .recent_message .messaging__header .messaging_action .text { display: none; } .messaging_sidebar .messaging__contents .messages .message, .recent_message .messaging__contents .messages .message, .recent_message .dashboard__content .messages .message { padding: 20px; } .messaging_sidebar .messaging__contents .messages .message .message__actions_avatar .actions, .recent_message .messaging__contents .messages .message .message__actions_avatar .actions, .recent_message .dashboard__content .messages .message .message__actions_avatar .actions, .messaging_sidebar .messaging__contents .messages .message .message__actions_avatar .avatar, .recent_message .messaging__contents .messages .message .message__actions_avatar .avatar, .recent_message .dashboard__content .messages .message .message__actions_avatar .avatar { display: inline-block; } .messaging_sidebar .messaging__contents .messages .message .message__actions_avatar .actions, .recent_message .messaging__contents .messages .message .message__actions_avatar .actions, .recent_message .dashboard__content .messages .message .message__actions_avatar .actions { margin-right: 0; } .messaging_sidebar .messaging__contents .messages .message .message__actions_avatar .avatar, .recent_message .messaging__contents .messages .message .message__actions_avatar .avatar, .recent_message .dashboard__content .messages .message .message__actions_avatar .avatar { display: none; } .messaging_sidebar .messaging__contents .messages .message .message_data, .recent_message .messaging__contents .messages .message .message_data, .recent_message .dashboard__content .messages .message .message_data { width: calc(100% - 30px); display: inline-block; } .chat_area .chat_area--conversation .body, .recent_message .dashboard__content .chat_area--conversation .body { padding-left: 40px; } /* DASHBOARD AREA */ .dashboard-area .author-info { margin-bottom: 40px; } /* DASHBOARD PURCHASE */ .dashboard_purchase .filter-bar2 .dashboard__title { display: none; } .dashboard_purchase .filter-bar2 > .pull-right { float: none !important; } .dashboard_purchase .filter-bar2 .filter__option { width: 30%; } .dashboard_purchase .product_archive .single_product .product__description img { display: none; } .dashboard_purchase .product_archive .single_product .product__description .short_desc { width: 100%; padding-left: 0; } .dashboard_purchase .product_archive .single_product .product__price_download .item_action .btn { min-width: 140px; width: 140px; padding: 0; } /* DASHBOARD ADD CREDIT */ .credit_modules .modules__content .amounts ul li + li, .shortcode_modules .modules__content .amounts ul li + li, .upload_modules .modules__content .amounts ul li + li, .withdraw_module .modules__content .amounts ul li + li { margin-left: 10px; } .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { min-width: 120px; font-size: 25px; padding: 12px 0; } .credit_modules .modules__content .payment_method li, .shortcode_modules .modules__content .payment_method li, .upload_modules .modules__content .payment_method li, .withdraw_module .modules__content .payment_method li { width: 17%; } .credit_modules .modules__content .payment_method li .custom-radio label img, .shortcode_modules .modules__content .payment_method li .custom-radio label img, .upload_modules .modules__content .payment_method li .custom-radio label img, .withdraw_module .modules__content .payment_method li .custom-radio label img, .credit_modules .modules__content .payment_method li .custom-radio .form-group p.label img, .form-group .credit_modules .modules__content .payment_method li .custom-radio p.label img, .shortcode_modules .modules__content .payment_method li .custom-radio .form-group p.label img, .form-group .shortcode_modules .modules__content .payment_method li .custom-radio p.label img, .upload_modules .modules__content .payment_method li .custom-radio .form-group p.label img, .form-group .upload_modules .modules__content .payment_method li .custom-radio p.label img, .withdraw_module .modules__content .payment_method li .custom-radio .form-group p.label img, .form-group .withdraw_module .modules__content .payment_method li .custom-radio p.label img { width: 100%; height: auto; } .credit_modules .modules__content .payment_method li .custom-radio label .circle, .shortcode_modules .modules__content .payment_method li .custom-radio label .circle, .upload_modules .modules__content .payment_method li .custom-radio label .circle, .withdraw_module .modules__content .payment_method li .custom-radio label .circle, .credit_modules .modules__content .payment_method li .custom-radio .form-group p.label .circle, .form-group .credit_modules .modules__content .payment_method li .custom-radio p.label .circle, .shortcode_modules .modules__content .payment_method li .custom-radio .form-group p.label .circle, .form-group .shortcode_modules .modules__content .payment_method li .custom-radio p.label .circle, .upload_modules .modules__content .payment_method li .custom-radio .form-group p.label .circle, .form-group .upload_modules .modules__content .payment_method li .custom-radio p.label .circle, .withdraw_module .modules__content .payment_method li .custom-radio .form-group p.label .circle, .form-group .withdraw_module .modules__content .payment_method li .custom-radio p.label .circle { margin-top: 10px; height: 25px; width: 25px; } .credit_modules .modules__content .payment_method li .custom-radio label .circle:before, .shortcode_modules .modules__content .payment_method li .custom-radio label .circle:before, .upload_modules .modules__content .payment_method li .custom-radio label .circle:before, .withdraw_module .modules__content .payment_method li .custom-radio label .circle:before, .credit_modules .modules__content .payment_method li .custom-radio .form-group p.label .circle:before, .form-group .credit_modules .modules__content .payment_method li .custom-radio p.label .circle:before, .shortcode_modules .modules__content .payment_method li .custom-radio .form-group p.label .circle:before, .form-group .shortcode_modules .modules__content .payment_method li .custom-radio p.label .circle:before, .upload_modules .modules__content .payment_method li .custom-radio .form-group p.label .circle:before, .form-group .upload_modules .modules__content .payment_method li .custom-radio p.label .circle:before, .withdraw_module .modules__content .payment_method li .custom-radio .form-group p.label .circle:before, .form-group .withdraw_module .modules__content .payment_method li .custom-radio p.label .circle:before { width: 25px; height: 25px; line-height: 25px; } /* DASHBOARD STATEMENT PAGE */ .dashboard_statement_area .dashboard_title_area .dashboard__title h3 { display: none; } .statement_info_card { padding: 0 18px; } .statement_info_card .info_wrap span.icon { margin-right: 0; line-height: 50px; width: 50px; } .statement_info_card .info_wrap .info { margin-top: 10px; } .statement_info_card .info_wrap .info span { font-size: 16px; } .statement_info_card .info_wrap .info p { font-size: 24px; line-height: 28px; margin-bottom: 10px; } /* EVENT PAGE */ .featured_event .v_middle, .featured_event .user_area .user_single .user__short_desc .user_avatar, .user_area .user_single .user__short_desc .featured_event .user_avatar, .featured_event .user_area .user_single .user__short_desc .user_info, .user_area .user_single .user__short_desc .featured_event .user_info, .featured_event .statement_info_card .icon, .statement_info_card .featured_event .icon, .featured_event .statement_info_card .info, .statement_info_card .featured_event .info { display: block; } .featured_event .event_img { padding: 0; } .featured_event .event_img img { width: 100%; max-width: initial; } .featured_event .featured_event_detail { padding: 36px 40px; } .featured_event .featured_event_detail h1 { font-size: 30px; } .google_map .location_address { left: calc((100vw - 750px) / 2); } .badges.community-badges .author-badges .badge-single { width: 33.33%; } } /* 767 */ @media screen and (max-width: 767px) { .dashboard-area.dashboard_purchase .dashboard_menu, .dashboard_menu_area .dashboard_menu { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .dashboard-area.dashboard_purchase .dashboard_menu li, .dashboard_menu_area .dashboard_menu li { margin-right: 15px; } .dashboard-area.dashboard_purchase .dashboard_menu li + li, .dashboard_menu_area .dashboard_menu li + li { margin-left: 0; } .upload_wrapper .progress_wrapper { padding: 15px 35px 0 0; } .how_it_works_module .area_image { margin: 30px 0; } /* typography */ h1 { font-size: 30px; } h2 { font-size: 26px; } h3 { font-size: 22px; } /*-------------- general scss ----------------*/ .search_box .search-btn { margin-left: 0; } .contact_form--wrapper form { padding: 0 30px; } .mobile_content .menu_icon { display: block; } .product-title-area, .shortcode_module_title, .dashboard_contents .dashboard_title_area { padding: 24px 25px 26px; } .product-title-area .product__title, .shortcode_module_title .product__title, .dashboard_contents .dashboard_title_area .product__title { float: none; /*width: calc(100% - 95px);*/ display: inline-block; vertical-align: middle; } .product-title-area .product__title h2, .shortcode_module_title .product__title h2, .dashboard_contents .dashboard_title_area .product__title h2 { line-height: 34px; font-size: 24px; } .product-title-area .product__slider-nav, .shortcode_module_title .product__slider-nav, .dashboard_contents .dashboard_title_area .product__slider-nav { float: none; display: inline-block; vertical-align: middle; } .product-title-area .product__slider-nav span, .shortcode_module_title .product__slider-nav span, .dashboard_contents .dashboard_title_area .product__slider-nav span { line-height: 38px; width: 42px; } .product-title-area .filter__menu, .shortcode_module_title .filter__menu, .dashboard_contents .dashboard_title_area .filter__menu { float: none; display: inline-block; margin-right: -3px; } .product-title-area .filter__menu p, .shortcode_module_title .filter__menu p, .dashboard_contents .dashboard_title_area .filter__menu p { margin-right: 10px; } .tab_half_width { width: 50%; float: left; } .section--padding { padding: 100px 0; } .section-title p { padding: 0; } .logo { /*padding: 10px 14px 10px 0;*/ } .logo img { width: 80%; } /* MOBILE MENU AREA */ .mainmenu .navbar { display: block; } .mainmenu .navbar .navbar-toggler { padding: 4px; margin: 20px 0; } .has_megamenu .dropdown_megamenu { width: 100%; } .navbar-header .navbar-toggle { z-index: 5; float: left; } .navbar-header .navbar-toggle span { font-size: 22px; width: 40px; line-height: 40px; background: #fff; display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; color: #000; border: 1px solid #ececec; } .navbar-header .mainmenu__search { position: relative; z-index: 1; padding: 18px 0; } .navbar-header .mainmenu__search .searc-wrap input { width: 210px; line-height: 40px; } .mainmenu__menu { min-height: 0; } .mainmenu__menu .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; z-index: 5; /*height: 280px;*/ background: var(--top-menu); padding: 0 15px; -webkit-box-shadow: 0 2px 20px rgba(108, 111, 115, 0.1); box-shadow: 0 2px 20px rgba(108, 111, 115, 0.1); /*overflow: scroll;*/ } .mainmenu__menu .navbar-collapse .navbar-nav { margin: 0; } .mainmenu__menu .navbar-nav > li { display: block; padding: 0; margin-right: 0; } .mainmenu__menu .navbar-nav > li a { line-height: 40px; } .mainmenu__menu .has_dropdown > a, .mainmenu__menu .has_megamenu > a { 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; } .mainmenu__menu .has_dropdown .dropdowns, .mainmenu__menu .has_dropdown .dropdown_megamenu, .mainmenu__menu .has_megamenu .dropdowns, .mainmenu__menu .has_megamenu .dropdown_megamenu { position: initial; display: none; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; opacity: 1; padding: 5px; visibility: visible; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } .mainmenu__menu .has_dropdown .dropdowns ul li a, .mainmenu__menu .has_dropdown .dropdown_megamenu ul li a, .mainmenu__menu .has_megamenu .dropdowns ul li a, .mainmenu__menu .has_megamenu .dropdown_megamenu ul li a { line-height: 35px; } .mainmenu__menu .has_dropdown a span, .mainmenu__menu .has_megamenu a span { text-align: right; display: block; cursor: pointer; line-height: inherit; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .mainmenu__menu .has_megamenu .dropdown_megamenu { display: none; } .mainmenu__menu .megamnu_module { float: none; } .menu-area.menu--style1 .mainmenu__menu ul li a { color: #333; } /*--------------- components sccs ---------------*/ /*btn*/ .btn--lg { min-width: 165px; line-height: 50px; } /* hero area */ .hero-area { height: 660px; } .hero-area .hero-content .content-wrapper { vertical-align: top; padding-top: 90px; } .hero-area .hero__content__title .tagline { line-height: 30px; } .hero-area .hero__content__title h1 { font-size: 40px; } .hero-area .search_box { padding: 30px; text-align: center; } .hero-area .search_box .text_field, .hero-area .search_box .search__select { width: 100%; border-left: 1px solid #ececec; margin-bottom: 20px; } /* CUSTOM RADIO */ .custom-radio.custom_radio--big span.circle { height: 25px; width: 25px; margin-top: 15px; } .custom-radio.custom_radio--big span.circle:before { line-height: 25px; width: 25px; height: 25px; } /* PAGINATION AREA */ .pagination-area.categorised_item_pagination { text-align: center; } /* menu area */ .author-area { display: none; } /* featured products area css*/ .featured-products .featured__product-description, .featured-products .featured__preview-img { width: 100%; float: none; } .featured-products .featured__product-description { padding: 31px 36px 0 34px; } .featured-products .featured__single-slider { height: initial; } .featured-products .desc--featured { height: 100%; } .featured-products .product_data { position: initial; padding: 20px 0 0; } /* */ .sorting { padding: 25px 25px 15px; } /* PRODUCT */ .product.product--list .product__thumbnail { width: 100%; } .product.product--list .product__details { overflow: initial; padding: 0; } .product.product--list .product__details .product-desc, .product.product--list .product__details .product-meta, .product.product--list .product__details .product-purchase { width: 100%; border: 0; } .product.product--list .product__details .product-desc { margin-bottom: 25px; padding-top: 20px; } .product.product--list .product__details .product-desc .titlebtm { padding-top: 16px; } .product.product--list .product__details .product-meta { padding-bottom: 20px; } .product.product--list .product__details .product-meta .author { margin-bottom: 10px; display: inline-block; } .product.product--list .product__details .product-meta .love-comments { display: inline-block; margin-left: 15px; } .product.product--list .product__details .product-meta .product-tags { margin-bottom: 10px; } .product.product--list .product__details .product-meta .love-comments p { margin-bottom: 0; } .product.product--list .product__details .product-meta .love-comments p + p { margin-left: 10px; } .product.product--list .product__details .product-purchase { border-top: 1px solid #ececec; margin-bottom: 10px; } .product.product--list .product__details .product-purchase .price_love { padding-bottom: 0; } .product.product--list .product__details .product-purchase .sell { display: inline-block; } .product.product--list-small .product__details .product-meta { padding-bottom: 5px; } .product.product--list-small .product__details .product-meta .rating { margin-left: 15px; padding-bottom: 5px; } .product.product--list-small .product__details .product-meta .love-comments p + p { display: none; } .product.product--list-small .product__details .product-purchase { padding: 20px; margin-bottom: 0; } /* TABLE */ .table-responsive { border: 0; } /* counter up area */ .counter-up .counter { width: 50%; } .counter-up .counter:nth-child(1), .counter-up .counter:nth-child(2) { margin-bottom: 40px; } /* news area */ .news { margin-bottom: 25px; } .news .news__thumbnail img { width: 100%; } /* proposal area */ .proposal { text-align: center; padding: 66px 13%; } /* call to action */ .call-to-action { padding: 70px 0; } /* PROMOTION AREA */ .promotion-area { padding: 100px 0; } /* PARTNER AREA */ .partners { text-align: center; } /* FOOTER AREA */ .footer-area .footer-menu { padding-left: 0; margin-bottom: 40px; } .footer-area .field-wrapper { margin: 30px 0; } /* SEARCH AREA */ .search .search__field { padding: 0; } .search .search__field .field-wrapper .btn { padding: 0 15px; } /* FILTERBAR */ .filter-bar { padding-bottom: 20px; } .filter-bar .filter--dropdown { width: 100%; border-right: 0; border-bottom: 1px solid #ececec; } .filter-bar .filter--dropdown.filter--range .dropdowns { width: auto; } .filter-bar .filter--dropdown .dropdowns { top: 100%; } .filter-bar .filter--dropdown:first-child { border-left: 0; } .filter-bar .filter--dropdown .dropdown-trigger { display: block; padding: 0; } .filter-bar .filter--dropdown .dropdown-trigger span { float: right; display: inline-block; line-height: inherit; } .filter-bar .filter__option { padding: 8px 16px; } .filter-bar .filter--select { margin: 0; width: 100%; } .filter-bar .filter--layout { display: none; } .filter-bar.filter--bar2 .filter--text { float: none; width: 100%; text-align: center; } .filter-bar.filter--bar2 .pull-right { float: none !important; } /* ITEM PREVIEW*/ .tab1, .tab3, .tab4 { margin-bottom: 40px; } .tab1 .item-navigation ul li, .tab3 .item-navigation ul li, .tab4 .item-navigation ul li { display: block; margin: 0; float: none; width: 100%; } .tab1 .item-navigation ul li a, .tab3 .item-navigation ul li a, .tab4 .item-navigation ul li a { line-height: 55px; } .tab1 .item-navigation ul li.active, .tab3 .item-navigation ul li.active, .tab4 .item-navigation ul li.active { background: rgba(6, 116, 236, 0.1); } .tab4 .item-navigation { width: 100%; } ul.nav-tabs.nav--tabs2 { display: block; } /* THREAD */ .thread.thread_review2 .thread-list .single-thread .media-body .media-heading .rev_item { margin-left: 0; } .thread.thread_review2 .rev_time { display: none; } .thread .thread-list .single-thread .depth-2 { margin-left: 50px; } .author-reviews .author-profile-area .product-title-area .product__title, .author-reviews .author-profile-area .shortcode_module_title .product__title, .author-reviews .author-profile-area .dashboard_contents .dashboard_title_area .product__title, .dashboard_contents .author-reviews .author-profile-area .dashboard_title_area .product__title { width: auto; } /* CART PAGE */ .product_archive .product__additional_info { padding-left: 0; } .product_archive .title_area { display: none; } /* AUTHOR PAGE */ .author-info { margin-bottom: 40px; } .author-profile-area .product-title-area .product__title, .author-profile-area .shortcode_module_title .product__title, .author-profile-area .dashboard_contents .dashboard_title_area .product__title, .dashboard_contents .author-profile-area .dashboard_title_area .product__title { width: calc(100% - 138px); } .author-profile-area .filter-bar2 { padding-bottom: 0; } .author-profile-area .filter-bar2 .pull-right { display: none; } .author-profile-area .filter-bar2 .pull-right .filter__option { display: none; } /* USER AREA */ .user_area .user_single .user__short_desc { display: block; max-width: 100%; border: none; } .user_area .user_single .user__meta, .user_area .user_single .user__status { width: 50%; max-width: 100%; margin-top: 20px; } /* NOTIFICATION MODULE */ .notifications_module .notification { padding: 16px 30px; } .notifications_module .notification .notification__info { width: calc(100% - 65px); } .notifications_module .notification .notification__info .info_avatar { display: none; } .notifications_module .notification .notification__info .info .time { /*margin-top: 0;*/ } .notifications_module .notification .notification__icons .noti_icon { line-height: 35px; width: 35px; margin-right: 6px; font-size: 13px; } /* CARRIER */ .know_us .know_us_content { margin-bottom: 40px; } .know_us .know_us_content P { margin-bottom: 20px; } /* JOB PAGE */ .job_detail_module.information .job__content .informations li { width: 50%; margin-bottom: 30px; } .job_detail_module.information .job__content .informations li .info { display: block; } /* DASHBOARD AREA */ .dashboard-area .dashboard__title .pull-right { float: none !important; } .dashboard-area .dashboard_menu_area { padding: 10px 0; } .dashboard-area .dashboard_menu_area .dashboard_menu li a { line-height: 20px; } .dashboard__title h4 { font-size: 30px; } .statistics_data .single_stat_data .single_stat__title { font-size: 24px; } .statistics_data .single_stat_data p { font-size: 14px; line-height: 15px; } .single_item_visitor .dashboard__content .item_info .select-wrap, .single_item_visitor .dashboard__content .item_info .info { float: none; text-align: left; } .single_item_visitor .dashboard__content .item_info .info { margin-top: 20px; } .single_item_visitor .dashboard__title #visit_legend { float: none; } .recent_sells .dashboard__content ul li .single_sell .single_sell__thumb-title { width: calc(100% - 60px); } .recent_sells .dashboard__content ul li .single_sell .single_sell__thumb-title .prod_thumbnail { max-width: 75px; } .recent_sells .dashboard__content ul li .single_sell .single_sell__thumb-title .prod_title { width: calc(100% - 78px); padding-left: 15px; } .chart_top .v_refer .nav-tabs li a { padding: 10px; font-size: 20px; } /* PRODUCT PURCHASE */ .dashboard_purchase .product_archive .single_product .product__description img { width: 120px; } .dashboard_purchase .product_archive .single_product .product__description .short_desc { width: calc(100% - 125px); } /* DASHBOARD PURCHASE */ .dashboard_purchase .filter-bar2 { padding: 25px; } .dashboard_purchase .filter-bar2 .dashboard__title { display: none; } .dashboard_purchase .filter-bar2 .filter__option { padding: 10px 0; } .dashboard_purchase .filter-bar2 .filter__option p { line-height: 35px; } .dashboard_purchase .product_archive .single_product .product__additional_info { margin-top: 30px; } .dashboard_purchase .product_archive .single_product .product__price_download { margin-top: 30px; } .dashboard_purchase .product_archive .single_product .product__price_download .item_price { display: none; } .dashboard_purchase .product_archive .single_product .product__price_download .item_action .btn { min-width: 155px; } /* ADD CREDIT PAGE */ .credit_modules .modules__content .amounts ul li + li, .shortcode_modules .modules__content .amounts ul li + li, .upload_modules .modules__content .amounts ul li + li, .withdraw_module .modules__content .amounts ul li + li { margin-left: 10px; } .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { min-width: 110px; padding: 12px 0; font-size: 25px; } .credit_modules .payment_method li, .shortcode_modules .payment_method li, .upload_modules .payment_method li, .withdraw_module .payment_method li { width: 28%; margin-right: 10px; margin-bottom: 20px; } .credit_modules .payment_method li .custom-radio label img, .shortcode_modules .payment_method li .custom-radio label img, .upload_modules .payment_method li .custom-radio label img, .withdraw_module .payment_method li .custom-radio label img, .credit_modules .payment_method li .custom-radio .form-group p.label img, .form-group .credit_modules .payment_method li .custom-radio p.label img, .shortcode_modules .payment_method li .custom-radio .form-group p.label img, .form-group .shortcode_modules .payment_method li .custom-radio p.label img, .upload_modules .payment_method li .custom-radio .form-group p.label img, .form-group .upload_modules .payment_method li .custom-radio p.label img, .withdraw_module .payment_method li .custom-radio .form-group p.label img, .form-group .withdraw_module .payment_method li .custom-radio p.label img { width: 100%; height: auto; } /* STATEMENT PAGE AREA */ .dashboard_statement_area .dashboard_title_area h3 { margin-bottom: 20px; } .dashboard_statement_area .dashboard_title_area .date_area { text-align: center; } .dashboard_statement_area .dashboard_title_area .date_area .input_with_icon, .dashboard_statement_area .dashboard_title_area .date_area .select-wrap { max-width: initial; width: 100%; margin-bottom: 20px; } .statement_info_card { margin-bottom: 30px; } .statement_info_card .info_wrap .info { text-align: left; } /* UPLOAD PAGE START */ .upload_modules .modules__content .upload_wrapper, .withdraw_module .modules__content .upload_wrapper { border-bottom: 1px solid #ececec; padding-bottom: 20px; } .upload_modules .modules__content .upload_wrapper .custom_upload, .withdraw_module .modules__content .upload_wrapper .custom_upload { display: block; } .upload_modules .modules__content .upload_progress, .withdraw_module .modules__content .upload_progress { width: calc(100% - 36px); padding-left: 0; } aside.upload_sidebar { margin-top: 40px; } /* DASHBOARD MANAGE ITEM */ .dashboard-edit .filter-bar.dashboard__title h3 { display: none; } /* SUPPORT PAGE */ .support_threads .support_thread--single .support_thread_info { width: 100%; } .support_threads .support_thread--single .support_thread_info .support_tag { margin-left: 0; margin-top: 15px; } .support_threads .support_thread--single .support_thread_info .pending_tag { margin-left: 0; margin-top: 15px; } .support_threads .support_thread--single .support_thread_info .refuse_tag { margin-left: 0; margin-top: 15px; } .support_threads .support_thread--single .support_thread_meta { width: 100%; margin-top: 20px; } .support_threads .support_thread--single .support_thread_meta ul li { padding: 5px 15px 7px; } .support_threads .support_thread--single .support_thread_meta ul li.answer_time { text-align: left; } .support_threads .thread_sort_area { padding: 22px 25px; } .support_threads .thread_sort_area .sort_options { float: none; } .support_threads .thread_sort_area .sort_options ul li { margin-bottom: 10px; } .support_threads .thread_sort_area .thread_search_area { float: none; } .support_threads .thread_sort_area .thread_search_area .searc-wrap input { width: 100%; } aside.support--sidebar, aside.faq--sidebar, aside.affliate_rule_module, aside.sidebar--blog { margin-top: 50px; } aside.support--sidebar .login_promot, aside.faq--sidebar .login_promot, aside.affliate_rule_module .login_promot, aside.sidebar--blog .login_promot { padding: 25px 20px; font-size: 17px; } /* FORUM DETAIL AREA */ .forum_detail_area .forum--issue .title_vote h3 { font-size: 22px; } .forum_detail_area .forum--replays .area_title { padding: 20px; } .forum_detail_area .forum--replays .forum_single_reply { padding: 25px; } .forum_detail_area .forum--replays .forum_single_reply .reply_content { width: calc(100% - 40px); } .forum_detail_area .forum--replays .forum_single_reply .reply_avatar { width: 35px; } .forum_detail_area .forum--replays .forum_single_reply .name_vote .pull-left { float: none !important; } .forum_detail_area .forum--replays .forum_single_reply .name_vote .vote { padding: 8px 10px; float: none; display: inline-block; } /* LOGIN AREA */ .login, .signup_form, .recover_pass { padding: 40px 0; } .login .login--form, .signup_form .login--form, .recover_pass .login--form { padding: 25px 35px 0; } .login .login--header, .signup_form .login--header, .recover_pass .login--header { padding: 0 35px 25px; } .login .login_assist .recover, .signup_form .login_assist .recover, .recover_pass .login_assist .recover, .login .login_assist .signup, .signup_form .login_assist .signup, .recover_pass .login_assist .signup { float: none; text-align: left; } /* BLOG DEFAULT */ .blog--default .blog__title h4 { font-size: 22px; } .blog--default .blog__content { padding: 25px 25px; } .single_blog_content { padding: 25px 15px } .blog--default .blog__content .blog__meta { /*margin-top: 20px;*/ } .sidebar--blog .sidebar--post .card-title ul li + li { padding-left: 0; } /* SINGLE BLOG CONTENT */ .single_blog_content .share_tags .share .social_share ul li + li { margin-left: 3px; } .single_blog_content .share_tags .share .social_share span { line-height: 35px; width: 35px; } /* HOW IT WORKS */ .content_block3 .area_content { margin-bottom: 30px; } /* ABOUT US PAGE */ .about_hero { padding: 105px 0; } .about_hero .about_hero_contents h1, .about_hero .about_hero_contents p { font-size: 30px; line-height: 48px; } .about_hero .about_hero_contents .about_hero_btns { padding-top: 20px; } .content_block1 .content_image, .content_block2 .content_image, .content_block2 .content_image2, .content_block1 .mission_image, .content_block2 .mission_image { display: none; } .timeline .happening:nth-child(2n+2) .happening--detail { padding: 50px 30px 0 0; } .timeline .happening .happening--period { padding: 45px 30px 0 0; } .timeline .happening .happening--detail { padding: 45px 0 0 30px; } /* 404 PAGE */ .four_o_four_area .not_found h3 { line-height: 30px; } /* EVENT DETAILS CSS */ .single_speaker { width: 100%; padding-right: 0; } .single_speaker:nth-child(2n+1), .single_speaker:nth-child(2n+2) { padding: 0; } .event_module .list_item li { line-height: 28px; } .google_map .location_address { position: initial; top: auto; left: auto; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); text-align: center; width: 100%; } .google_map .location_address .addres_module { background: #f7f7f7; } .author-card .author-infos .author-badges ul { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .badges.community-badges .author-badges .badge-single { width: 50%; } .item-info ul.nav-tabs li { width: 100%; } } /* 320 TO 480 */ @media (max-width: 480px) { .credit_modules .custom_amount input, .shortcode_modules .custom_amount input, .upload_modules .custom_amount input, .withdraw_module .custom_amount input { width: 205px; } .upload_wrapper .progress_wrapper { width: 80%; } .invoice .invoice__meta .address { width: 100%; } .invoice .invoice__meta .date_info { width: 100%; text-align: left; } /* section padding */ .section--padding { padding: 80px 0; } .xs-fullwidth { width: 100%; } .logo img { width: 100%; } .social, .single_blog_content .share_tags .share .social_share { text-align: center; } .social ul li, .single_blog_content .share_tags .share .social_share ul li { margin-bottom: 10px; } .pagination-area.pagination-area2 { padding: 25px 10px; } /* btns */ .btn--lg { min-width: 155px; line-height: 45px; font-size: 14px; } .container { width: 100%; } /* BREADCRUMB */ .breadcrumb-area .page-title { font-size: 24px; } /* ACCRODION */ .accordion .accordion__single h4 a { padding: 15px 20px; font-size: 16px; line-height: 23px; } .accordion .accordion__single h4 a span { display: inline-block; vertical-align: middle; margin-right: -3px; width: calc(100% - 23px); } .accordion .accordion__single h4 a i { display: inline-block; vertical-align: middle; margin-right: -3px; } .hero-area.hero--2 .hero__content__title h1 { font-size: 38px; line-height: 41px; } .hero-area.hero--2 .hero__content__title .tagline { line-height: 32px; } .toggle_title h4 { font-size: 18px; } /* CARDS */ .card_style1 .card_style1__info figcaption { padding: 30px; } /* PRODUCTS */ .product--card .product-desc { height: auto; } .product--card3 .product-desc { padding: 25px 25px 20px; } .product .product-desc { padding: 25px; } .product .product-purchase { padding: 15px 25px; } .product .rating ul { margin-bottom: 5px; } .product .rating ul li span { font-size: 13px; } .product.product--list .product__details .product-meta .love-comments { margin-left: 0; } .product.product--list .product__details .product-meta .product-tags { display: none; } .product.product--list-small .product__details .product-meta .love-comments { display: none; } /* HERO AREA */ .hero-area { height: 539px; } .hero-area .hero-content .content-wrapper { padding-top: 70px; } .hero-area .hero__content__title h1 { font-size: 30px; } .hero-area .hero__content__title .tagline { font-size: 18px; padding-bottom: 30px; } .hero-area .search_box .search-btn { margin-left: 0; } .hero-area .hero__btn-area .btn { margin-right: 0; margin-bottom: 20px; } .hero-area .hero__btn-area .btn:first-child { margin-right: 0; } .hero-area .search-area { position: relative; -webkit-transform: translateY(-23%); -ms-transform: translateY(-23%); transform: translateY(-23%); } /* FEATURED PRODUCT AREA */ .featured-products .featured__product-description { padding: 25px 25px 0 25px; } /* SORTING CSS */ .sorting ul li a { font-size: 12px; padding: 0 11px; line-height: 30px; } .price_love p { display: none; } /* COUNTER UP AREA */ .counter-up .counter { width: 100%; margin-bottom: 40px; } .counter-up .counter .count { margin-top: 20px; } .tags ul > li { margin-bottom: 10px; } /* TESTIMONIAL ARES */ .testimonial-slider .slick-arrow { -webkit-border-radius: 0; border-radius: 0; color: #fff; top: 0; right: 0; line-height: 40px; background: #0674ec; width: 40px; font-size: 14px; } .testimonial-slider .slick-arrow.lnr-chevron-left { right: 0; left: auto; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .testimonial-slider .slick-arrow.lnr-chevron-right { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .testimonial { margin: 0; padding: 30px 25px; } .testimonial .testimonial__about { text-align: center; } .testimonial .testimonial__about .name-designation { display: block; padding-left: 0; } /* NEWS AREA */ .news .news__meta .other li + li { margin-left: 10px; } /* PROMOTIONAL AREA */ .promotion-content .promotion__title { font-size: 32px; line-height: 42px; } /* OVERVIEW AREA */ .overview_cont { margin-bottom: 30px; } .overview-title { font-size: 24px; line-height: 35px; margin-bottom: 15px; } .pagination-area .page-numbers { line-height: 32px; min-width: 40px; } /* ITEM PREVIEW */ .item-preview .item__preview-thumb .thumb-slider { /*width: calc(100% - 90px);*/ } .item-preview .item__preview-thumb .prev-nav span { line-height: 30px; font-size: 14px; padding: 0 10px; } .item-preview .item__preview-thumb .prev-nav span + span { margin-left: 5px; } .item-preview .item-action { margin-top: -20px; } .item-preview .item-action a { margin-left: 0 !important; margin-top: 20px; } /* THREAD */ .thread .thread-list .single-thread .media-body .comment-tag.buyer { margin-left: 0; margin-top: 10px; } .thread .thread-list .single-thread .media-body a.reply-link { padding-top: 13px; } .thread .thread-list .single-thread .media-left { display: none; padding-right: 15px; } .thread .thread-list .single-thread .media-left a { height: 55px; width: 55px; } .thread .thread-list .single-thread .media { padding: 30px 15px 26px; } .thread .comment-form-area { padding: 30px 15px 26px; } .comment-form-area .comment-form .media-left { display: none; } .comment-form-area .comment-form .media-left a { height: 55px; width: 55px; } .thread .thread-list .single-thread .depth-2 { margin-left: 25px; } /* CART AREA */ .product_archive .product__description .short_desc { width: 100%; padding-left: 0; margin-top: 30px; } /* CHECKOUT AREA CSS */ .payment_options ul li img { display: none; } .payment_options ul li p { float: none; } /* THIS IS THREAD AREA */ .thread.thread_review .thread-list .single-thread .media-body .rating, .thread.thread_review .thread-list .single-thread .media-body .review_tag { float: left; clear: both; display: initial; } .thread.thread_review .thread-list .single-thread .media-body .review_tag { margin-left: 0; margin-top: 5px; } /* USER AREA */ .user_area .user_single .user__meta { width: 100%; display: block; min-height: 100%; margin: 15px 0 20px; } .user_area .user_single .user__meta p { display: inline-block; } .user_area .user_single .user__meta p + P { margin-left: 10px; } .user_area .user_single .user__short_desc .user_info { width: 100%; padding-left: 0; margin-top: 20px; } .user_area .user_single .user__short_desc .user_info a { padding-bottom: 5px; } /* MESSAGE AREA */ .messaging_sidebar .messaging__header, .recent_message .messaging__header { padding: 20px; } .messaging_sidebar .messaging__header .messaging_action .text, .recent_message .messaging__header .messaging_action .text { display: none; } .messaging_sidebar .messaging__header .messaging_action .lnr.lnr-sync, .recent_message .messaging__header .messaging_action .lnr.lnr-sync { display: none; } .messaging_sidebar .messaging__header .messaging_action .btn, .recent_message .messaging__header .messaging_action .btn { padding: 0 15px; } .messaging_sidebar .messaging__contents, .recent_message .messaging__contents, .recent_message .dashboard__content { margin-bottom: 40px; } .messaging_sidebar .messaging__contents .messages .message, .recent_message .messaging__contents .messages .message, .recent_message .dashboard__content .messages .message { padding: 25px; } .messaging_sidebar .messaging__contents .messages .message .message__actions_avatar, .recent_message .messaging__contents .messages .message .message__actions_avatar, .recent_message .dashboard__content .messages .message .message__actions_avatar { margin-bottom: 15px; } .messaging_sidebar .messaging__contents .messages .message .message__actions_avatar .actions span, .recent_message .messaging__contents .messages .message .message__actions_avatar .actions span, .recent_message .dashboard__content .messages .message .message__actions_avatar .actions span, .messaging_sidebar .messaging__contents .messages .message .message__actions_avatar .actions .custom_checkbox, .recent_message .messaging__contents .messages .message .message__actions_avatar .actions .custom_checkbox, .recent_message .dashboard__content .messages .message .message__actions_avatar .actions .custom_checkbox { display: inline-block; margin-top: 0; margin-left: 3px; } .messaging_sidebar .messaging__contents .messages .message .message__actions_avatar .avatar, .recent_message .messaging__contents .messages .message .message__actions_avatar .avatar, .recent_message .dashboard__content .messages .message .message__actions_avatar .avatar { display: none; } .messaging_sidebar .messaging__contents .messages .message .message_data, .recent_message .messaging__contents .messages .message .message_data, .recent_message .dashboard__content .messages .message .message_data { width: 100%; padding-left: 0; } .chat_area .chat_area--title h3, .recent_message .dashboard__content .chat_area--title h3 { width: calc(100% - 70px); } .chat_area .chat_area--conversation .head .name_time p, .recent_message .dashboard__content .chat_area--conversation .head .name_time p { float: none; } .chat_area .chat_area--conversation .body, .recent_message .dashboard__content .chat_area--conversation .body { padding-left: 0; } .chat_area .chat_area--conversation .body .attachments .attachment_head a, .recent_message .dashboard__content .chat_area--conversation .body .attachments .attachment_head a { margin-left: 0; } .chat_area .chat_area--conversation .body .attachments .attachment_head p, .recent_message .dashboard__content .chat_area--conversation .body .attachments .attachment_head p { display: block; } .chat_area .chat_area--conversation .body .attachments .attachment, .recent_message .dashboard__content .chat_area--conversation .body .attachments .attachment { overflow: hidden; } .chat_area .chat_area--conversation .body .attachments .attachment ul li, .recent_message .dashboard__content .chat_area--conversation .body .attachments .attachment ul li { width: 50%; float: left; padding: 5px; } .chat_area .chat_area--conversation .body .attachments .attachment ul li + li, .recent_message .dashboard__content .chat_area--conversation .body .attachments .attachment ul li + li { margin-left: 0; } /* SINGLE JOB PAGE HERO AREA */ .job_hero_area { padding-top: 110px; padding-bottom: 100px; } .job_hero_area p { padding: 30px 0 40px; font-size: 18px; } .job_hero_area h1 { font-size: 42px; line-height: 48px; } .dashboard_module .dashboard__content { /*padding: 0 20px 18px;*/ } .job_area .single_job { padding: 30px; } .job_area .single_job .job__title { font-size: 20px; margin-bottom: 15px; } .job_area .single_job .job__location_type p { margin-bottom: 10px; } .feature_area .single_feature { text-align: center; } .feature_area .single_feature .feature__icon { vertical-align: top; margin-bottom: 15px; } .feature_area .single_feature .feature__content { width: 100%; padding-left: 0; } /* JOB PAGE */ .job_detail_module .job__title { font-size: 22px; line-height: 30px; } .job_detail_module.information .job__content .informations li { width: 100%; margin-bottom: 20px; } .job_detail_module .job__content .content_list { padding-left: 20px; } .job_detail_module .job__content .content_list li { padding-left: 20px; } /* DASHBOARD PAGE */ .country_statistics .dashboard__title h4 { margin-bottom: 15px; } .country_statistics .dashboard__title .select-wrap { float: none; } .country_statistics .dashboard__title .select-wrap select { width: 100%; } .recent_sells .dashboard__content ul li .single_sell .single_sell__thumb-title { width: 100%; } .recent_sells .dashboard__content ul li .single_sell .single_sell__thumb-title .prod_title { width: 100%; display: block; padding-left: 0; } .recent_sells .dashboard__content ul li .single_sell .ammount { float: none; } .chart_top .v_refer .nav-tabs li a { font-size: 16px; } .visit_data .v_refer .select-wrap { float: none; } /* DASHBOARD PURCHASE */ .dashboard_purchase .product_archive .single_product .product__additional_info { margin-top: 20px; } .dashboard_purchase .product_archive .single_product .product__description .short_desc { width: 100%; } .dashboard_purchase .product_archive .single_product .product__price_download { margin-top: 20px; } .dashboard_purchase .product_archive .single_product .product__price_download .item_action { float: none; display: block; text-align: center; } /* ADD CREDIT PAGE */ .credit_modules .modules__content .amounts ul li, .shortcode_modules .modules__content .amounts ul li, .upload_modules .modules__content .amounts ul li, .withdraw_module .modules__content .amounts ul li { margin-right: 10px; } .credit_modules .modules__content .amounts ul li + li, .shortcode_modules .modules__content .amounts ul li + li, .upload_modules .modules__content .amounts ul li + li, .withdraw_module .modules__content .amounts ul li + li { margin-left: 0; } .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { min-width: 100px; font-size: 20px; padding: 10px 0; line-height: 24px; } .credit_modules .modules__content .payment_method li, .shortcode_modules .modules__content .payment_method li, .upload_modules .modules__content .payment_method li, .withdraw_module .modules__content .payment_method li { width: 42%; } /* DASHBOARD WITHDRAWAL PAGE */ .dashboard-withdraw .dashboard_title_area .dashboard__title, .dashboard-withdraw .dashboard_title_area .pull-right { float: none !important; text-align: center; } .dashboard-withdraw .dashboard_title_area .btn { display: block; width: 100%; } .withdraw_module .button_wrapper .btn { width: 100%; margin-left: 0; margin-bottom: 20px; } .withdraw_module .withdraw_amount .fee { margin-left: 0; } .withdraw_module .withdraw_amount .input-group input { width: 207px; } /* FORUM DETAIL AREA */ .forum_detail_area .comment-form-area { padding: 25px; } .featured_event .event_img { padding-right: 0; } .featured_event .featured_event_detail { padding: 30px 20px; } .featured_event .featured_event_detail h1 { font-size: 30px; margin-bottom: 25px; } .featured_event .featured_event_detail .date_place li { display: block; margin-left: 0; } .featured_event .featured_event_detail .date_place li + li { margin-top: 17px; } .featured_event .featured_event_detail .countdown li { font-size: 22px; } .featured_event .featured_event_detail .countdown li span { font-size: 14px; } .featured_event .featured_event_detail .countdown li + li { margin-left: 10px; } .news { margin-bottom: 30px; } .news .news__content { height: auto; } .inline.pull-right { float: none !important; } .tab2 .item-navigation ul li, .tab3 .item-navigation ul li { display: block; float: none; } .badges.community-badges .author-badges .badge-single { width: 100%; } .home2 .product__title a + a { margin-left: 0; } .footer-menu { display: block; } .info-contact { margin-bottom: 30px; } .prod_slide_prev, .prod_slide_next { position: static; display: inline-block; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 30px; } } /*# sourceMappingURL=src/map/style.css.map */ /* THÊM VÀO */ .entry-crumbs { color: var(--entry-crumbs-a); font-size: 12px } .entry-crumbs a { color: var(--entry-crumbs-a) } .entry-crumbs a:hover { color: #0674ec } #gioithieu_div ul li { color: var(--p) !important; } #noidung_div ul li { color: var(--p) !important; } .sysreq_contents .sysreq_content.active { display: block } .game_area_sys_req_leftCol { float: left; } .game_area_sys_req ul { margin-left: 0; line-height: 18px } .game_area_sys_req li { padding: 0; list-style-type: none; } .game_area_sys_req_leftCol, .game_area_sys_req_rightCol { float: left; } .game_area_sys_req ul strong { line-height: 40px; font-size: 16px; text-transform: uppercase } .game_area_sys_req ul li strong { line-height: normal; font-size: 14px; text-transform: none } .game_area_sys_req ul li:before { background: none } .game_area_sys_req ul li { padding: 0; font-size: 15px; line-height: 32px } .card-title h2 { font-size: 22px; font-weight: 500 } .card-body { word-break: break-word; padding: 20px 20px } .left-side-edit-admin { position: fixed; margin-left: 10px; background: rgba(255, 255, 255, 0); text-align: center; display: table } .btn-admin-edit { display: block; text-align: center; cursor: pointer; color: #fff; background: #0674ec; line-height: 40px; width: 40px; border-radius: 50%; font-size: 20px; margin-bottom: 10px } .btn-admin-edit span { display: inline-block; } .btn-admin-edit:hover { color: #0674ec; background: #fff; } .modal-open { padding-right: 0px !important; } .pin-tag { position: absolute; top: 5px; right: 5px } .pin-tag > .atag { float: right; color: #fff !important; font-size: 12px; line-height: inherit; padding: 0 5px; } .theloailist a { color: var(--p) } .theloailist a:hover { color: var(--blue) } .theloailist a::after { content: ","; } .theloailist a:last-child::after { content: ''; } .theloaiside a { } .theloaiside a:hover { } .theloaiside a::after { content: ","; color: var(--p) } .theloaiside a:last-child::after { content: ''; } .fr-element p { color: #000000 !important } .fr-element em { color: #000000 !important } .close { opacity: unset !important; color: var(--p) !important; } .close:hover { opacity: unset !important; color: var(--primary) !important; text-shadow: unset; } #top-search form { position: absolute; width: 92% !important; padding: 3px 15px; margin: 0; top: 0; left: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } body #top-search form input { pointer-events: auto; border-radius: 0; border: 0; font-size: 32px; padding: 10px 10px 10px 0; height: 100%; background-color: transparent; color: var(--p); font-weight: 700; margin-top: 0 !important; box-shadow: none !important; } #top-search a { display: block; top: 0; left: auto; margin: 20px 0; float: right; font-size: 20px; color: var(--p) } .login--form label { color: var(--p) } @media (min-width: 768px) { .navbar-expand-md .navbar-collapse { display: initial !important; } .navbar-expand-md .navbar-nav { float: right } } /*CSS thanh trượt*/ ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-button { width: 0; height: 0; } ::-webkit-scrollbar-thumb { background: linear-gradient(to left, #7347c1, #0674ec); border: 0 transparent; border-radius: 31px; } ::-webkit-scrollbar-thumb:hover { background: linear-gradient(to left, #7347c1, #0674ec); } ::-webkit-scrollbar-thumb:active { background: linear-gradient(to left, #7347c1, #0674ec); } ::-webkit-scrollbar-track { background: #eff1f5; border: 0 transparent; border-radius: 50px; } ::-webkit-scrollbar-track:hover { background: #eff1f5; } ::-webkit-scrollbar-track:active { background: #eff1f5; } ::-webkit-scrollbar-corner { background: 0 0; } /* SERIES */ .series-item:focus { outline: 0 } .series-slider { position: relative; } .series-slider .slick-arrow { position: absolute; cursor: pointer; background: #fff; line-height: 40px; width: 40px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15); box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15); text-align: center; color: #7347c1; top: 40%; z-index: 9; } .series-slider .slick-arrow.lnr-chevron-left { left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .series-slider .slick-arrow.lnr-chevron-right { right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .series-slider .series-item { padding-right: 10px; } .series-slider .series-img { padding-bottom: 10px } @media (max-width: 480px) { .series-slider .slick-arrow { position: absolute; cursor: pointer; background: #fff; line-height: 40px; width: 40px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15); box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15); text-align: center; color: #7347c1; top: 50%; z-index: 9; } .series-slider .slick-arrow.lnr-chevron-left { left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .series-slider .slick-arrow.lnr-chevron-right { right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .series-slider .series-item { padding-right: 0; } .series-slider .series-img { padding-bottom: 10px } } /*CHECKBOX*/ .modal .custom_checkbox { position: relative; padding-bottom: 18px; } .modal .custom_checkbox label .radio_title, .modal .custom_checkbox .form-group p.label .radio_title, .form-group .modal .custom_checkbox p.label .radio_title { display: block; font-weight: 500; color: var(--p); padding-left: 35px; } .modal .custom_checkbox label .shadow_checkbox, .modal .custom_checkbox .form-group p.label .shadow_checkbox, .form-group .mail_setting .custom_checkbox p.label .shadow_checkbox { position: absolute; top: 5px; } .modal .custom_checkbox label .desc, .modal .custom_checkbox .form-group p.label .desc, .form-group .modal .custom_checkbox p.label .desc { padding-left: 35px; font-size: 14px; color: #898f96; } .modal .custom_checkbox label .circle, .modal .custom_checkbox .form-group p.label .circle, .form-group .modal .custom_checkbox p.label .circle { position: absolute; left: 0; top: 5px; } .modal .custom_checkbox label span, .modal .custom_checkbox .form-group p.label span, .form-group .modal .custom_checkbox p.label span { line-height: 26px; font-size: 16px; } /*COMMNET FOOTER*/ .comment-footer { margin-top: 15px; font-size: 12px } .comment-footer span { color: var(--entry-crumbs-a) } .comment-footer span:first-child:before { content: ""; } .comment-footer span:before { content: "\00a0\00a0 · \00a0\00a0"; } .comment-header span:first-child:before { content: ""; } .media-heading > span:before { content: "\00a0 · \00a0"; } .media-heading > span:first-child:before { content: ""; } .media-heading sup { top: -0.2em !important; color: var(--entry-crumbs-a) } .reply-who { float: left; font-size: 12px; padding-top: 10px !important } /* COMMENT DROPDOWN EDIT */ .tab-content .prod_option .options { font-size: 14px; padding: 15px } .tab-content .prod_option .options ul li a { color: #54667a; padding: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; display: inline-block; } .tab-content .prod_option .options ul li a span { margin-right: 5px; font-size: 14px; } .tab-content .prod_option .options ul li a:hover { color: #0674ec; } /*FILTER*/ .pull-right { float: right } .pull-left { float: left } @media screen and (max-width: 767px) { .filter-bar .pull-right { float: none !important } } .search-filter { padding-bottom: 30px; float: right } /*EMOJI*/ .emojione { font-size: inherit; height: 2ex; width: 2.1ex; min-height: 20px; min-width: 20px; display: inline-block; margin: -.2ex .15em .2ex; line-height: normal; vertical-align: middle; max-width: 100%; top: 0; background-image: none; } /*CONTAINER FULL*/ .container-full { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container-full { max-width: 90% } } @media (min-width:768px) { .container-full { max-width: 90% } } @media (min-width:992px) { .container-full { max-width: 90% } } @media (min-width: 1366px) { .container-full { max-width: 90% } } @media (min-width:1920px) { .container-full { max-width: 90% } } @media (min-width: 2560px) { .container-full { max-width: 90% } } @media (min-width: 2880px) { .container-full { max-width: 90% } } @media (min-width: 3840px) { .container-full { max-width: 90% } } @media (min-width: 4096px) { .container-full { max-width: 90% } } @media (min-width: 8192px) { .container-full { max-width: 90% } } /* THÔNG BÁO GÓC */ .toast-title { font-weight: 700; } .toast-image { display: inline-block; width: 35px; vertical-align: middle; } .toast-image img { border-radius: 50%; width: 100%; } .toast-message { display: inline-block; -ms-word-wrap: break-word; word-wrap: break-word; margin-left: 15px; flex: 1; } .toast-message p { font-size: 12px; margin-bottom: 0; line-height: 20px } .toast-message a, .toast-message label { /*color: #000;*/ } .toast-message a:hover { color: #ccc; text-decoration: none; } .toast-time { color: #747a86; font-size: 11px } .toast-icon { line-height: 18px; width: 18px; text-align: center; font-size: 9px; display: inline-block; border-radius: 50%; font-weight: 900; color: #fff; } .toast-icon.like { background: #0674ec; } .toast-icon.commented { background: #7347c1; } .toast-icon.reviewed { background: #fbbb05; } .toast-icon.loved { background: #f100b2; } .toast-icon.message { background: var(--green); } .toast-close-button { position: absolute; right: 10px; top: 5px; font-size: 14px; color: #000; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50); } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; } .toast-top-full-width { top: 10px; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 10px; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 1999; } #toast-container * { box-sizing: border-box; } #toast-container > div { margin: 0 0 6px; padding: 15px; width: 300px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; color: #000; opacity: 1; } #toast-container > div i { position: relative; top: 1px; width: 16px; text-align: center; margin-right: 3px; } #toast-container > :hover { opacity: 1; cursor: pointer; } #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin: auto; } .toast { display: flex; background-color: #030303; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #fff; } .toast-warning { background-color: #f89406; } @media all and (min-width:240px) and (max-width:479px) { #toast-container > div { padding: 8px; width: 18em; } } @media all and (min-width:480px) and (max-width:767px) { #toast-container > div { padding: 15px; width: 25em; } } /* TAG */ body:not(.device-touch) .tagcloud a { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tagcloud a:hover { border-color: #0674ec !important; color: #0674ec !important; } .tagcloud { margin-bottom: -2px; } .tagcloud a { display: block; float: left; margin-right: 4px; margin-bottom: 4px; padding: 3px 6px; border: 1px solid #E5E5E5; font-size: 13px !important; color: var(--a-keyword); border-radius: 2px; } .tagcloud h3 { font-size: 13px !important } /*TABLE và MODAL*/ .table tbody > tr > td { font-size: 13px !important } .table thead > tr > th { font-size: 14px !important } .modal .modal-dialog { width: 1200px } .modal-lg, .modal-xl { max-width: 1500px } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { table, thead, tbody, th, td, tr { padding-top: 10px; display: block; } thead tr { position: absolute; top: -9999px; left: -9999px; } tr { margin: 0 0 1rem 0; /*padding-right: 15px; padding-left: 15px*/ } tr:nth-child(odd) { background: var(--block-content); } td { padding: 0 !important; position: relative; padding-left: 50%; } td:before { position: absolute; top: 0; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .table td, .table th { padding-left: 50% !important; } .table tbody > tr > td { padding-left: 50% !important; } .modal .modal-dialog { width: 96% !important } } /*ADD THÊM EDITOR*/ .fr-wrapper li { list-style: unset; font-size: 14px } .fr-wrapper li:last-child { padding-bottom: 0 !important } #edit_post_cauhinh_modal .fr-wrapper li { list-style: none } .fr-view blockquote { background: var(--quote-background); font-size: 20px; line-height: 38px; color: #000; font-style: normal; padding: 45px 25px 45px 40px; border-left: 3px solid var(--quote-border); margin-bottom: 25px; } .fr-wrapper p { margin-bottom: 0 } .fr-wrapper h2 { font-size: 20px; color: #000000 !important } .fr-link-insert-layer label { color: #000000 !important } .form-group .fr-view p span { font-weight: unset !important } .fr-view p { font-size: 16px; } /*FOOTER POST DIỄN ĐÀN LIST*/ .suppot_query_tag span:before { content: "\00a0\00a0 · \00a0\00a0"; } /*DROPDOWN FORUM DETAL*/ .prod_option .options { font-size: 14px; padding: 15px } .prod_option .options ul li::after { content: ""; line-height: 30px } .prod_option .options ul li a { color: #54667a; padding: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; display: inline-block; } .prod_option .options ul li a span { margin-right: 5px; font-size: 14px; } .prod_option .options ul li a:hover { color: #0674ec; } /*H2 STEAM DESCRIPTION*/ h2.bb_tag { margin-top: 18px } h2.bb_tag + br { display: none } @media only screen and (min-device-width: 1024px) { .bb_ul { margin: 15px 0px 0px 30px } } /*LOADING*/ .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*QUẢNG CÁO*/ .quangcao { text-align: center; margin-bottom: 30px; } .jw-controlbar{ width:100% } #adbText { z-index:1000 !important } /*LOGO TIMELINE*/ .logo-timeline { width: 70px; border-radius: 50%; margin-bottom: 20px } em { color: var(--p) } /*CHATBOX*/ .chatbox { position: fixed; height: 100%; width: 350px; top: 0; right: 0; background: var(--menu); z-index: 999999999999; transform: translateZ(); -webkit-transition: 1s ease; -o-transition: 1s ease; -webkit-box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.3); padding-bottom: 25px; } .chatbox.closed { right: -100%; transform: translateZ(); -webkit-transition: 1s cubic-bezier(0.4, 0, 1, 1); -o-transition: 1s cubic-bezier(0.4, 0, 1, 1); } .chatbox__header { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; font-weight: 900; padding: 10px 0; width: 100%; text-align: center; cursor: default; justify-content: space-between; border-bottom: 2px solid #f5f5f5; } .chatbox__body { height: 100%; overflow: hidden } .chatbox__headerText { width: 100%; display: flex; justify-content: center; align-items: center; padding-left: 20px; } .chatbox__onlineDot { display: block; background: #00c853; height: 10px; width: 10px; border-radius: 10px; margin-left: 5px; animation-name: blinking; animation-duration: 1.5s; animation-iteration-count: infinite; } .chatbox__tooltip { opacity: 0; z-index: 2; width: auto; font-size: 12px; text-align: center; padding: 0 10px; cursor: default; position: absolute; color: #fff; box-sizing: border-box; border-radius: 15px; background: #111; transition: all 0.14s; } .chatbox__tooltip--bottom { top: 115%; margin-left: 110px; opacity: 0.2; } .chatbox__tooltip--left { bottom: -7px; right: 0 } .chatbox__messages { width: 102%; padding: 10px; box-sizing: border-box; height: calc(100% - 80px); overflow: auto; } .chatbox__messages p { word-break: break-word; margin-bottom: 0 } .chatbox__messageBox { display: flex; width: 100%; margin-top: 10px; position: relative; } .chatbox__message { width: 85%; font-size: 15px; position: relative; display: inline-block; padding: 10px 20px; border-radius: 15px; cursor: default; transition: all 0.12s; background: var(--background-body-content) } .chatbox__message:hover { opacity: 0.7; } .chatbox__message:hover .chatbox__tooltip { opacity: 1; } .chatbox__inputPanel { padding: 0 15px; width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; } .chatbox__inputPanel .emojionearea.emojionearea-inline { height: 45px !important; } .chatbox__inputPanel .emojionearea.emojionearea-inline > .emojionearea-editor { padding: 10px 0 !important; height: 45px !important; } .chatbox__input { font-size: 1em; width: 100%; border: none; background: var(--background-body-content); padding: 5px 15px; color: #444; border-radius: 15px; box-sizing: border-box; outline: none } .chatbox__avatar { width: 15% } .chatbox__avatar img { height: 50px; width: 50px; border-radius: 50%; padding: 5px; cursor: pointer } .chatbox__button { display: inline-block; height: 20px; width: 22px; color: #fff; border-radius: 15px; background: #0084ff; cursor: pointer; font-weight: 900; transition-duration: 0.1s; } .chatbox__button:hover { opacity: 0.7; } .right-side-chatbox { right: 2%; bottom: 50%; position: fixed; background: rgba(255, 255, 255, 0); text-align: center; display: table; z-index: 9999 } .btn-open-chatbox { display: block; text-align: center; cursor: pointer; color: #fff; background: #0674ec; line-height: 60px; width: 60px; border-radius: 50%; font-size: 30px } .btn-avatar-chatbox { position: fixed; right: 0; width: 30px; top: -15px; } .btn-avatar-chatbox img { width: 30px; height: 30px; border: 2px solid #fff; border-radius: 50% } .chatbox__heading > span:first-child:before { content: ""; } .chatbox__heading > span:before { content: "\00a0 · \00a0"; } .chatbox__heading sup { top: -0.2em !important; color: var(--entry-crumbs-a) } #chatbox__tag img { width: 35px; height: 35px; border-radius: 50%; margin-right: 10px } .close_chatbox { cursor: pointer; float: left; top: 14px; position: absolute; left: 13px; }