/* Minification failed. Returning unminified contents. (9995,22): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (9999,21): run-time error CSS1039: Token not allowed after unary operator: '-White' (11325,22): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (16088,16): run-time error CSS1038: Expected hex color, found '#ffff' (19194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19338,1): run-time error CSS1019: Unexpected token, found '}' (19419,22): run-time error CSS1039: Token not allowed after unary operator: '-button-1' (19420,28): run-time error CSS1039: Token not allowed after unary operator: '-button-1' (19434,22): run-time error CSS1039: Token not allowed after unary operator: '-button-2' (19435,28): run-time error CSS1039: Token not allowed after unary operator: '-button-2' (20269,17): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (20301,28): run-time error CSS1039: Token not allowed after unary operator: '-Black-80' (20302,22): run-time error CSS1039: Token not allowed after unary operator: '-Black-90' (20303,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (20325,21): run-time error CSS1039: Token not allowed after unary operator: '-White' (20342,82): run-time error CSS1034: Expected closing parenthesis, found ',' (20342,82): run-time error CSS1042: Expected function, found ',' (20342,94): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (20352,81): run-time error CSS1034: Expected closing parenthesis, found ',' (20352,81): run-time error CSS1042: Expected function, found ',' (20352,93): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (20736,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20911,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (21814,32): run-time error CSS1039: Token not allowed after unary operator: '-Violet-20' (21815,26): run-time error CSS1039: Token not allowed after unary operator: '-Violet' (21843,21): run-time error CSS1039: Token not allowed after unary operator: '-Violet-20' (21866,22): run-time error CSS1039: Token not allowed after unary operator: '-Pink-20' (22308,65): run-time error CSS1046: Expect comma, found '0' (22308,69): run-time error CSS1046: Expect comma, found '/' (22381,65): run-time error CSS1046: Expect comma, found '0' (22381,69): run-time error CSS1046: Expect comma, found '/' (22382,49): run-time error CSS1046: Expect comma, found '255' (22382,57): run-time error CSS1046: Expect comma, found '/' (22400,33): run-time error CSS1039: Token not allowed after unary operator: '-White' (22454,32): run-time error CSS1039: Token not allowed after unary operator: '-White' (22459,21): run-time error CSS1039: Token not allowed after unary operator: '-White' (22478,25): run-time error CSS1039: Token not allowed after unary operator: '-White' (22487,25): run-time error CSS1039: Token not allowed after unary operator: '-Black-60' (22504,26): run-time error CSS1039: Token not allowed after unary operator: '-Black-80' (22506,21): run-time error CSS1039: Token not allowed after unary operator: '-Black-50' (22517,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (22532,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-60' (22575,36): run-time error CSS1039: Token not allowed after unary operator: '-Black-80' (22576,30): run-time error CSS1039: Token not allowed after unary operator: '-Black-90' (22577,25): run-time error CSS1039: Token not allowed after unary operator: '-White' (23001,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (23384,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient' (23408,26): run-time error CSS1035: Expected colon, found 'margin-bottom' (23744,41): run-time error CSS1046: Expect comma, found '0' (23744,45): run-time error CSS1046: Expect comma, found '/' (23744,78): run-time error CSS1046: Expect comma, found '0' (23744,82): run-time error CSS1046: Expect comma, found '/' (23744,115): run-time error CSS1046: Expect comma, found '0' (23744,119): run-time error CSS1046: Expect comma, found '/' (24580,21): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (24590,21): run-time error CSS1039: Token not allowed after unary operator: '-Black-70' (24749,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24965,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24979,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25962,35): run-time error CSS1039: Token not allowed after unary operator: '-Black-60' (25963,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (26040,17): run-time error CSS1031: Expected selector, found ',' (26215,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26216,10): run-time error CSS1035: Expected colon, found '{' (26225,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26226,10): run-time error CSS1035: Expected colon, found '{' (26347,22): run-time error CSS1039: Token not allowed after unary operator: '-button-3' (26348,28): run-time error CSS1039: Token not allowed after unary operator: '-button-3' (27100,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (27119,21): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (27138,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (27143,22): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (27263,30): run-time error CSS1039: Token not allowed after unary operator: '-view-tema-cor' (27299,21): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (27309,21): run-time error CSS1039: Token not allowed after unary operator: '-White' (27316,21): run-time error CSS1039: Token not allowed after unary operator: '-Black-60' (27395,29): run-time error CSS1039: Token not allowed after unary operator: '-Black-70' (27410,29): run-time error CSS1039: Token not allowed after unary operator: '-Black-90' (27421,25): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (27445,29): run-time error CSS1039: Token not allowed after unary operator: '-Black' (27474,29): run-time error CSS1039: Token not allowed after unary operator: '-Black' (27483,29): run-time error CSS1039: Token not allowed after unary operator: '-Black-70' (28376,21): run-time error CSS1039: Token not allowed after unary operator: '-White' (28380,26): run-time error CSS1039: Token not allowed after unary operator: '-Black' (28866,61): run-time error CSS1046: Expect comma, found '0' (28866,65): run-time error CSS1046: Expect comma, found '/' (31875,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31876,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31877,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31878,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31879,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31880,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31881,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31882,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31884,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31885,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31886,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31887,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31888,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31889,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31890,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31891,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31892,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31893,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (31894,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (32333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32428,21): run-time error CSS1039: Token not allowed after unary operator: '-White' (32437,25): run-time error CSS1039: Token not allowed after unary operator: '-White' (32503,29): run-time error CSS1039: Token not allowed after unary operator: '-text-size' (32546,24): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (32547,28): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (32654,28): run-time error CSS1039: Token not allowed after unary operator: '-button-primary' (32655,24): run-time error CSS1039: Token not allowed after unary operator: '-button-primary' (32660,28): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary' (32661,24): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary' (32994,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (33004,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-60' (33057,28): run-time error CSS1039: Token not allowed after unary operator: '-Black-80' (33111,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (33165,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-60' (33208,21): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (33275,28): run-time error CSS1039: Token not allowed after unary operator: '-Black-80' (33300,21): run-time error CSS1039: Token not allowed after unary operator: '-Black-50' (33468,32): run-time error CSS1030: Expected identifier, found '.' (33468,43): run-time error CSS1031: Expected selector, found ')' (33468,43): run-time error CSS1025: Expected comma or open brace, found ')' (33628,21): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (33639,21): run-time error CSS1039: Token not allowed after unary operator: '-Black-70' (33736,28): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (33742,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (33927,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (33928,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (33937,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (33961,28): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (34016,21): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (34049,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (34062,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-60' (34091,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (34122,1): run-time error CSS1019: Unexpected token, found '@keyframes' (34123,10): run-time error CSS1035: Expected colon, found '{' (35365,2056): run-time error CSS1019: Unexpected token, found '@keyframes' (35365,2075): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (35380,15662): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (35380,15703): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (35380,15742): run-time error CSS1019: Unexpected token, found '@keyframes' (35380,15775): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (36391,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (36424,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (36444,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (36477,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-90' (36613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (36614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!' (37302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#pacotes' (37313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#pacotes' (37324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#pacotes' (37463,37): run-time error CSS1039: Token not allowed after unary operator: '-Black-80' (37474,15): run-time error CSS1035: Expected colon, found 'CONTAIN-INTRINSIC-BLOCK-SIZE' (37507,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (37662,35): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (37815,17): run-time error CSS1039: Token not allowed after unary operator: '-Violet' (37850,17): run-time error CSS1039: Token not allowed after unary operator: '-Violet' (37860,32): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (37861,35): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (37874,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (37885,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (37895,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (37958,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (37967,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (38338,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '9' (38795,21): run-time error CSS1039: Token not allowed after unary operator: '-Violet' (39452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '9' (39727,21): run-time error CSS1039: Token not allowed after unary operator: '-Violet' (40025,17): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (40029,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (40043,22): run-time error CSS1039: Token not allowed after unary operator: '-Blue' (40047,22): run-time error CSS1039: Token not allowed after unary operator: '-Pink' (40052,28): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (40057,28): run-time error CSS1039: Token not allowed after unary operator: '-White' (40061,22): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (40071,35): run-time error CSS1039: Token not allowed after unary operator: '-Black-100' (40077,35): run-time error CSS1039: Token not allowed after unary operator: '-White' */ /*! jQuery UI - v1.12.1 - 2018-02-06 * http://jqueryui.com * Includes: core.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; line-height: 1.3em; font-weight: 500; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 2px solid #25c179; } .ui-widget-content { background: #ffe03f; color: #242127; padding: 19px; border-radius: 12px; font-weight: 700; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #000000; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .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-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .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; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /*------------- #THEME STYLES --------------*/ /*------------- #TABLE OF CONTENTS --------------*/ /*------------------------------------------------------------------ 1. Blocks / Styles for Blocks 1.1 Acordion 1.2 Alerts 1.3 Blogs 1.4 Buttons 1.5 Choose 1.6 Clients 1.7 Comments 1.8 Conference Details 1.9 Counters 1.10 Counting Down 1.11 Course Details 1.12 Course Features 1.13 Double Images 1.14 Curriculum Event 1.15 Curriculum List 1.16 Dotted Map 1.17 Events 1.18 Forms 1.19 Heading 1.20 Info Box 1.21 Jquery Typehead 1.22 Module Image 1.23 Navigation 1.24 Nice Select 1.25 Our Video 1.26 Pagination 1.27 Pagination Arrow 1.28 Popup Search 1.29 Pricing Tables 1.30 Product Case 1.31 Raiting Details 1.32 Reviews 1.33 Screenshots 1.34 Send Message Popup 1.35 Skew Rows 1.36 Skills 1.37 Sliders 1.38 Smartphone Video 1.39 Socials 1.40 Sorting 1.41 Subscribe Form 1.42 Switcher 1.43 Teammembers 1.44 Testimonials 1.45 Tripple Images 1.46 Zoom Images 2. Theme Styles / Main Theme Styles 2.1 Fonts / Styles for fonts 2.2 Footer 2.3 Global 2.4 Grid / Styles for modular grid 2.5 Header 2.6 Helper / Additional classes 2.7 Magnific Popup 2.8 Mixins 2.9 Normalize / Makes browsers render all elements more consistently and in line with modern standards 2.10 Page 404 2.11 Primary Menu 2.12 Stunning Header 2.13 Top Bar 2.14 Typography / Typography Rules 2.15 Variables / Variables for styles 3. Widgets / Styles for all Widgets 3.1 Widget About 3.2 Widget Author 3.3 Widget Category 3.4 Widget Contacts 3.5 Widget Events 3.6 Widget Follow 3.7 Widget Info 3.8 Widget Latest Members 3.9 Widget Latest News 3.10 Widget List 3.11 Widget Popular Products 3.12 Widget Search 3.13 Widget Tags -------------------------------------------------------------------*/ /*------------- #VARIABLES --------------*/ /*------------- #GLOBAL STYLES --------------*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { position: relative; height: 100%; } body { background: #fff; color: #4b5d73; font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, serif, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0.02em; } img { max-width: 100%; height: auto; display: inline-block; } blockquote { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; } table { background-color: transparent; border-collapse: collapse; border-spacing: 0; width: 100%; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } table { width: 100%; max-width: 100%; margin-bottom: 20px; border: 1px solid #ddd; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } table, th, td { border: 1px solid #ddd; } table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td { border-top: 0; } table > tbody + tbody { border-top: 2px solid #ddd; } table table { background-color: #fff; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } table > thead > tr > td.active, table > tbody > tr > td.active, table > tfoot > tr > td.active, table > thead > tr > th.active, table > tbody > tr > th.active, table > tfoot > tr > th.active, table > thead > tr.active > td, table > tbody > tr.active > td, table > tfoot > tr.active > td, table > thead > tr.active > th, table > tbody > tr.active > th, table > tfoot > tr.active > th { background-color: #f5f5f5; } table > thead > tr > td.success, table > tbody > tr > td.success, table > tfoot > tr > td.success, table > thead > tr > th.success, table > tbody > tr > th.success, table > tfoot > tr > th.success, table > thead > tr.success > td, table > tbody > tr.success > td, table > tfoot > tr.success > td, table > thead > tr.success > th, table > tbody > tr.success > th, table > tfoot > tr.success > th { background-color: #dff0d8; } table > thead > tr > td.info, table > tbody > tr > td.info, table > tfoot > tr > td.info, table > thead > tr > th.info, table > tbody > tr > th.info, table > tfoot > tr > th.info, table > thead > tr.info > td, table > tbody > tr.info > td, table > tfoot > tr.info > td, table > thead > tr.info > th, table > tbody > tr.info > th, table > tfoot > tr.info > th { background-color: #d9edf7; } table > thead > tr > td.warning, table > tbody > tr > td.warning, table > tfoot > tr > td.warning, table > thead > tr > th.warning, table > tbody > tr > th.warning, table > tfoot > tr > th.warning, table > thead > tr.warning > td, table > tbody > tr.warning > td, table > tfoot > tr.warning > td, table > thead > tr.warning > th, table > tbody > tr.warning > th, table > tfoot > tr.warning > th { background-color: #fcf8e3; } table > thead > tr > td.danger, table > tbody > tr > td.danger, table > tfoot > tr > td.danger, table > thead > tr > th.danger, table > tbody > tr > th.danger, table > tfoot > tr > th.danger, table > thead > tr.danger > td, table > tbody > tr.danger > td, table > tfoot > tr.danger > td, table > thead > tr.danger > th, table > tbody > tr.danger > th, table > tfoot > tr.danger > th { background-color: #f2dede; } a { text-decoration: none; color: #273f5b; transition: all 0.15s linear; } p { font-size: 16px; } @media (max-width: 600px) { p { font-size: 14px; } } figure { margin: 0; max-width: 100%; } select { width: 100%; border: 1px solid #4b5d73; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ } textarea { height: auto; min-height: 50px; } textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: #4b5d73; } textarea:-moz-placeholder, input:-moz-placeholder { color: #4b5d73; } textarea:-ms-input-placeholder, input:-ms-input-placeholder { color: #4b5d73; } input, textarea { -moz-box-shadow: none; box-shadow: none; } input:invalid, textarea:invalid { border: 1px solid #ff00004d; } input:-moz-submit-invalid, textarea:-moz-submit-invalid { box-shadow: none; } input.wpcf7-form-control, textarea.wpcf7-form-control { width: 100%; } /*------------- #Styles for list --------------*/ ul { list-style: none; padding: 0; margin: 0; } .list { color: #273f5b; overflow: hidden; margin-left: 30px; } .list ul { list-style: none; padding: 0; margin: 0; } .list li { margin-bottom: 0.35em; font-size: 1em; overflow: hidden; clear: both; transition: all .3s ease; font-weight: 700; } @media (max-width: 640px) { .list li { font-size: .8em; } } .list li a, .list li li { color: inherit; display: block; overflow: hidden; } .list li i, .list li .utouch-icon { margin-right: 20px; margin-top: 7px; font-size: 12px; float: left; height: 1em; width: 1em; } .list.with-padding { padding-left: 60px; } .list--standard i, .list--standard .utouch-icon { color: #01a23c; fill: #01a23c; } .list--standard a:hover { color: #01a23c; fill: #01a23c; } .list--breez li i, .list--breez li .utouch-icon { color: #00ffff; fill: #00ffff; height: 32px; width: 32px; margin-top: 0; } .list--breez li a { color: #00ffff; } .list--primary i, .list--primary .utouch-icon { color: #0083ff; fill: #0083ff; } .list--primary a:hover { color: #0083ff; fill: #0083ff; } ol { counter-reset: list1; padding-left: 20px; margin: 0; } ol li { list-style: none; margin-bottom: 18px; font-size: 18px; transition: all .3s ease; position: relative; padding-left: 30px; } ol li a { display: inline-block; } ol.list { margin-left: 0; } /* Init counter */ ol li:before { position: absolute; counter-increment: list1; /* Add "1" */ content: counter(list1, decimal-leading-zero) " "; /* Show count */ color: #273f5b; display: inline-block; left: 0; } ol ol { counter-reset: list2; margin: 10px 0; padding-left: 0; } ol ol li { padding-left: 40px; } ol ol li:before { counter-increment: list2; content: counter(list1) "." counter(list2) ". "; } ol ul ol { counter-reset: list1; } ol ul ol li:before { counter-increment: list1; /* Add "1" */ content: counter(list1, decimal-leading-zero) " "; /* Show count */ } blockquote p { margin: 0; } p { margin: 0 0 1.5em 0; } table { margin: 1.5em 0; } ul ul, ol ul, ul ol { margin: 10px 0; padding-left: 0; } ul ol li::before { position: absolute; counter-increment: list1; content: counter(list1, decimal-leading-zero) " "; color: #2f2c2c; display: inline-block; font-size: 18px; left: 0; } ul ol ul li::before { content: "\f0da"; position: absolute; left: 0; transition: all .3s ease; font-family: "FontAwesome"; counter-increment: none; font-size: 12px; } ol ul ol li:before { counter-increment: list1; /* Add "1" */ content: counter(list1, decimal-leading-zero) " "; /* Show count */ color: #273f5b; display: inline-block; position: absolute; list-style: none; font-size: 18px; left: 0; } ol ol ol { counter-reset: list3; } ol ol ol li { padding-left: 55px; } ol ol ol li::before { counter-increment: list3; content: counter(list1) "." counter(list1) "." counter(list3) "."; } ul ol li { padding-left: 30px; } blockquote { margin: 3em 0; padding: 15px 15px 15px 40px; position: relative; } @media (max-width: 640px) { blockquote { padding-left: 50px; margin: 1em 0; } } blockquote h6 { font-size: 14px; font-weight: 400; color: #6a87a9; } blockquote h6 span { color: #0083ff; font-weight: 700; display: block; } blockquote cite { display: block; color: #4b5d73; font-size: .7em; } blockquote cite:before { content: "\2014\00a0"; color: #4b5d73; } blockquote:before { content: ""; width: 100px; height: 70px; position: absolute; top: -10px; left: 0; display: block; background: url("../svg/quotes.svg") 50% 50% no-repeat; background-size: cover; z-index: -1; } @media (max-width: 640px) { blockquote:before { top: 0; } } blockquote p { margin: 0 0 20px !important; font-size: 28px; line-height: 1.3em; font-weight: 700; } @media (max-width: 640px) { blockquote p { font-size: 16px; } } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } @media (max-width: 640px) { ol li { font-size: 13px; padding-left: 20px; } ol ol li { padding-left: 30px; } ol ol ol li { padding-left: 40px; } } /*------------- #TYPOGRAPHY --------------*/ h1, .h1 { font-size: 48px; font-weight: 700; color: #273f5b; font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, sans-serif; margin: .5em 0; line-height: 1em; letter-spacing: 0.02em; } h1 a, .h1 a { color: inherit; } @media (max-width: 800px) { h1, .h1 { font-size: 2em; } } @media (max-width: 640px) { h1, .h1 { font-size: 1.8em; } } @media (max-width: 480px) { h1, .h1 { font-size: 1.6em; } } @media (max-width: 360px) { h1, .h1 { font-size: 1.5em; } } h2, .h2 { margin: .5em 0; font-size: 38px; line-height: 1.3em; font-weight: 700; color: #273f5b; font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 0.02em; } h2 a, .h2 a { color: inherit; } @media (max-width: 800px) { h2, .h2 { font-size: 1.9em; } } @media (max-width: 640px) { h2, .h2 { font-size: 1.7em; } } @media (max-width: 480px) { h2, .h2 { font-size: 1.5em; } } @media (max-width: 360px) { h2, .h2 { font-size: 1.3em; } } h3, .h3 { margin: .5em 0; font-size: 36px; line-height: 1.3em; font-weight: 700; color: #273f5b; font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 0.02em; } h3 a, .h3 a { color: inherit; } @media (max-width: 800px) { h3, .h3 { font-size: 1.8em; } } @media (max-width: 640px) { h3, .h3 { font-size: 1.6em; } } @media (max-width: 480px) { h3, .h3 { font-size: 1.4em; } } @media (max-width: 360px) { h3, .h3 { font-size: 1.2em; } } h4, .h4 { margin: .5em 0; font-size: 32px; line-height: 1.3em; font-weight: 700; color: #273f5b; font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 0.02em; } h4 a, .h4 a { color: inherit; } @media (max-width: 800px) { h4, .h4 { font-size: 1.7em; } } @media (max-width: 640px) { h4, .h4 { font-size: 1.5em; } } @media (max-width: 480px) { h4, .h4 { font-size: 1.3em; } } @media (max-width: 360px) { h4, .h4 { font-size: 1.1em; } } h5, .h5 { margin: .5em 0; font-size: 24px; line-height: 1.3em; font-weight: 700; color: #273f5b; font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 0.02em; } h5 a, .h5 a { color: inherit; } @media (max-width: 800px) { h5, .h5 { font-size: 1.6em; } } @media (max-width: 640px) { h5, .h5 { font-size: 1.4em; } } @media (max-width: 480px) { h5, .h5 { font-size: 1.2em; } } @media (max-width: 360px) { h5, .h5 { font-size: 1em; } } h6, .h6 { margin: .5em 0; font-size: 18px; line-height: 1.3em; font-weight: 700; color: #273f5b; font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 0.02em; } h6 a, .h6 a { color: inherit; } @media (max-width: 800px) { h6, .h6 { font-size: 1.4em; } } @media (max-width: 640px) { h6, .h6 { font-size: 1.2em; } } @media (max-width: 480px) { h6, .h6 { font-size: 1em; } } @media (max-width: 360px) { h6, .h6 { font-size: .9em; } } /*------------- #Styles for First-Letter --------------*/ .first-letter--dark-round span:first-of-type { display: block; position: relative; width: 70px; height: 70px; background-color: #2f2c2c; border-radius: 50%; float: left; margin-right: 20px; line-height: 70px; font-size: 30px; color: #fff; text-align: center; } .first-letter--squared span:first-of-type { display: block; position: relative; width: 70px; height: 70px; border-radius: 5px; float: left; margin-right: 20px; line-height: 70px; font-size: 30px; color: #fff; text-align: center; background-color: #0083ff; } .first-letter--dark span:first-of-type { margin-right: 20px; font-size: 48px; line-height: 48px; color: #273f5b; float: left; } .first-letter--primary span:first-of-type { color: #0083ff; margin-right: 20px; font-size: 48px; line-height: 48px; float: left; } /*------------- #Styles for Text Selection --------------*/ /*Selection dark*/ .selection--dark::-moz-selection { background: #273f5b; color: #4b5d73; } .selection--dark::selection { background: #273f5b; color: #4b5d73; } /*Selection primary*/ .selection--primary::-moz-selection { color: #fff; } .selection--primary::selection { color: #fff; } /*Selection gray*/ .selection--gray::-moz-selection { background: #e1e1e1; color: #273f5b; } .selection--gray::selection { background: #e1e1e1; color: #273f5b; } dl { margin-bottom: 24px; } dl dt { margin-bottom: 5px; color: #777; font-weight: bold; } dl dd { margin-bottom: 5px; margin-left: 20px; } abbr { border-bottom: 1px dotted; cursor: help; border-color: #4b5d73; } /*------------- #VARIABLES --------------*/ @media (max-width: 799px) { body.crumina-grid .col-sm-1, body.crumina-grid .col-sm-2, body.crumina-grid .col-sm-3, body.crumina-grid .col-sm-4, body.crumina-grid .col-sm-5, body.crumina-grid .col-sm-6, body.crumina-grid .col-sm-7, body.crumina-grid .col-sm-8, body.crumina-grid .col-sm-9, body.crumina-grid .col-sm-10, body.crumina-grid .col-sm-11, body.crumina-grid .col-sm-12 { float: left; } body.crumina-grid .col-sm-12 { width: 100%; } body.crumina-grid .col-sm-11 { width: 91.66666667%; } body.crumina-grid .col-sm-10 { width: 83.33333333%; } body.crumina-grid .col-sm-9 { width: 75%; } body.crumina-grid .col-sm-8 { width: 66.66666667%; } body.crumina-grid .col-sm-7 { width: 58.33333333%; } body.crumina-grid .col-sm-6 { width: 50%; } body.crumina-grid .col-sm-5 { width: 41.66666667%; } body.crumina-grid .col-sm-4 { width: 33.33333333%; } body.crumina-grid .col-sm-3 { width: 25%; } body.crumina-grid .col-sm-2 { width: 16.66666667%; } body.crumina-grid .col-sm-1 { width: 8.33333333%; } body.crumina-grid .col-sm-pull-12 { right: 100%; } body.crumina-grid .col-sm-pull-11 { right: 91.66666667%; } body.crumina-grid .col-sm-pull-10 { right: 83.33333333%; } body.crumina-grid .col-sm-pull-9 { right: 75%; } body.crumina-grid .col-sm-pull-8 { right: 66.66666667%; } body.crumina-grid .col-sm-pull-7 { right: 58.33333333%; } body.crumina-grid .col-sm-pull-6 { right: 50%; } body.crumina-grid .col-sm-pull-5 { right: 41.66666667%; } body.crumina-grid .col-sm-pull-4 { right: 33.33333333%; } body.crumina-grid .col-sm-pull-3 { right: 25%; } body.crumina-grid .col-sm-pull-2 { right: 16.66666667%; } body.crumina-grid .col-sm-pull-1 { right: 8.33333333%; } body.crumina-grid .col-sm-pull-0 { right: auto; } body.crumina-grid .col-sm-push-12 { left: 100%; } body.crumina-grid .col-sm-push-11 { left: 91.66666667%; } body.crumina-grid .col-sm-push-10 { left: 83.33333333%; } body.crumina-grid .col-sm-push-9 { left: 75%; } body.crumina-grid .col-sm-push-8 { left: 66.66666667%; } body.crumina-grid .col-sm-push-7 { left: 58.33333333%; } body.crumina-grid .col-sm-push-6 { left: 50%; } body.crumina-grid .col-sm-push-5 { left: 41.66666667%; } body.crumina-grid .col-sm-push-4 { left: 33.33333333%; } body.crumina-grid .col-sm-push-3 { left: 25%; } body.crumina-grid .col-sm-push-2 { left: 16.66666667%; } body.crumina-grid .col-sm-push-1 { left: 8.33333333%; } body.crumina-grid .col-sm-push-0 { left: auto; } body.crumina-grid .col-sm-offset-12 { margin-left: 100%; } body.crumina-grid .col-sm-offset-11 { margin-left: 91.66666667%; } body.crumina-grid .col-sm-offset-10 { margin-left: 83.33333333%; } body.crumina-grid .col-sm-offset-9 { margin-left: 75%; } body.crumina-grid .col-sm-offset-8 { margin-left: 66.66666667%; } body.crumina-grid .col-sm-offset-7 { margin-left: 58.33333333%; } body.crumina-grid .col-sm-offset-6 { margin-left: 50%; } body.crumina-grid .col-sm-offset-5 { margin-left: 41.66666667%; } body.crumina-grid .col-sm-offset-4 { margin-left: 33.33333333%; } body.crumina-grid .col-sm-offset-3 { margin-left: 25%; } body.crumina-grid .col-sm-offset-2 { margin-left: 16.66666667%; } body.crumina-grid .col-sm-offset-1 { margin-left: 8.33333333%; } body.crumina-grid .col-sm-offset-0 { margin-left: 0; } } @media (max-width: 570px) { body.crumina-grid .col-xs-1, body.crumina-grid .col-xs-2, body.crumina-grid .col-xs-3, body.crumina-grid .col-xs-4, body.crumina-grid .col-xs-5, body.crumina-grid .col-xs-6, body.crumina-grid .col-xs-7, body.crumina-grid .col-xs-8, body.crumina-grid .col-xs-9, body.crumina-grid .col-xs-10, body.crumina-grid .col-xs-11, body.crumina-grid .col-xs-12 { float: left; } body.crumina-grid .col-xs-12 { width: 100%; } body.crumina-grid .col-xs-11 { width: 91.66666667%; } body.crumina-grid .col-xs-10 { width: 83.33333333%; } body.crumina-grid .col-xs-9 { width: 75%; } body.crumina-grid .col-xs-8 { width: 66.66666667%; } body.crumina-grid .col-xs-7 { width: 58.33333333%; } body.crumina-grid .col-xs-6 { width: 50%; } body.crumina-grid .col-xs-5 { width: 41.66666667%; } body.crumina-grid .col-xs-4 { width: 33.33333333%; } body.crumina-grid .col-xs-3 { width: 25%; } body.crumina-grid .col-xs-2 { width: 16.66666667%; } body.crumina-grid .col-xs-1 { width: 8.33333333%; } body.crumina-grid .col-xs-pull-12 { right: 100%; } body.crumina-grid .col-xs-pull-11 { right: 91.66666667%; } body.crumina-grid .col-xs-pull-10 { right: 83.33333333%; } body.crumina-grid .col-xs-pull-9 { right: 75%; } body.crumina-grid .col-xs-pull-8 { right: 66.66666667%; } body.crumina-grid .col-xs-pull-7 { right: 58.33333333%; } body.crumina-grid .col-xs-pull-6 { right: 50%; } body.crumina-grid .col-xs-pull-5 { right: 41.66666667%; } body.crumina-grid .col-xs-pull-4 { right: 33.33333333%; } body.crumina-grid .col-xs-pull-3 { right: 25%; } body.crumina-grid .col-xs-pull-2 { right: 16.66666667%; } body.crumina-grid .col-xs-pull-1 { right: 8.33333333%; } body.crumina-grid .col-xs-pull-0 { right: auto; } body.crumina-grid .col-xs-push-12 { left: 100%; } body.crumina-grid .col-xs-push-11 { left: 91.66666667%; } body.crumina-grid .col-xs-push-10 { left: 83.33333333%; } body.crumina-grid .col-xs-push-9 { left: 75%; } body.crumina-grid .col-xs-push-8 { left: 66.66666667%; } body.crumina-grid .col-xs-push-7 { left: 58.33333333%; } body.crumina-grid .col-xs-push-6 { left: 50%; } body.crumina-grid .col-xs-push-5 { left: 41.66666667%; } body.crumina-grid .col-xs-push-4 { left: 33.33333333%; } body.crumina-grid .col-xs-push-3 { left: 25%; } body.crumina-grid .col-xs-push-2 { left: 16.66666667%; } body.crumina-grid .col-xs-push-1 { left: 8.33333333%; } body.crumina-grid .col-xs-push-0 { left: auto; } body.crumina-grid .col-xs-offset-12 { margin-left: 100%; } body.crumina-grid .col-xs-offset-11 { margin-left: 91.66666667%; } body.crumina-grid .col-xs-offset-10 { margin-left: 83.33333333%; } body.crumina-grid .col-xs-offset-9 { margin-left: 75%; } body.crumina-grid .col-xs-offset-8 { margin-left: 66.66666667%; } body.crumina-grid .col-xs-offset-7 { margin-left: 58.33333333%; } body.crumina-grid .col-xs-offset-6 { margin-left: 50%; } body.crumina-grid .col-xs-offset-5 { margin-left: 41.66666667%; } body.crumina-grid .col-xs-offset-4 { margin-left: 33.33333333%; } body.crumina-grid .col-xs-offset-3 { margin-left: 25%; } body.crumina-grid .col-xs-offset-2 { margin-left: 16.66666667%; } body.crumina-grid .col-xs-offset-1 { margin-left: 8.33333333%; } body.crumina-grid .col-xs-offset-0 { margin-left: 0; } } @media (max-width: 768px) { body.crumina-grid .kc_column_inner + .kc_column_inner { margin-top: 40px; } } @media (max-width: 768px) { body.crumina-grid .kc_column + .kc_column { margin-top: 30px; } } body.crumina-grid .kc_col-of-5 { width: 20%; float: left; position: relative; min-height: 1px; padding-right: 20px; padding-left: 20px; } @media (max-width: 800px) { body.crumina-grid .kc_col-of-5 { width: 50%; } } @media (max-width: 570px) { body.crumina-grid .kc_col-of-5 { width: 100%; } } @media (max-width: 800px) { body.crumina-grid * > .kc_col-of-5:last-child { width: 100%; } } @media (max-width: 799px) { body.crumina-grid .col-3-responsive-wrapper .kc_column.col-md-4.col-sm-12 { width: 33.3333%; } } @media (max-width: 600px) { body.crumina-grid .col-3-responsive-wrapper .kc_column.col-md-4.col-sm-12 { width: 100%; } } @media (max-width: 768px) { body.crumina-grid .col-3-responsive-wrapper .kc_column + .kc_column { margin-top: 0; } } @media (max-width: 600px) { body.crumina-grid .col-3-responsive-wrapper .kc_column + .kc_column { margin-top: 30px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { display: table; content: " "; width: 100%; } .container { padding-right: 40px; padding-left: 40px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { /*width: 710px;*/ padding-right: 20px; padding-left: 20px; } .row { margin-right: -10px; margin-left: -10px; } } @media (min-width: 992px) { .container { width: 965px; } } @media (min-width: 1200px) { .container { width: 1140px; } } @media (min-width: 1400px) { .container { width: 1330px; } } .container-fluid { padding-right: 40px; padding-left: 40px; margin-right: auto; margin-left: auto; } .row { margin-right: -20px; margin-left: -20px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 20px; padding-left: 20px; } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } @media (min-width: 800px) and (max-width: 1199px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } .kc-elm.small-section { max-width: 750px; margin: 0 auto; float: none; } .kc-elm.small-section-f-left { max-width: 750px; float: left; } .kc-elm.medium-section { max-width: 900px; margin: 0 auto; float: none; } .kc-container { position: relative; z-index: 1; } .kc_row:not(.kc_row_inner) { padding: 120px 0; } @media (max-width: 800px) { .kc_row:not(.kc_row_inner) { padding: 60px 0; } } @media (max-width: 360px) { .kc_row:not(.kc_row_inner) { padding: 30px 0; } } .kc_row_inner + .kc_row_inner { margin-top: 40px; } @media (max-width: 640px) { .kc_row_inner + .kc_row_inner { margin-top: 0; } } .kc-col-inner-container > .kc-elm { margin-bottom: 30px; } .kc-col-inner-container > .kc-elm:last-child { margin-bottom: 0; } .kc-col-inner-container > .kc-elm p:last-child { margin-bottom: 0; } @media (max-width: 768px) { .kc-col-inner-container > .kc-elm.product-description-solution { margin-top: 0; margin-bottom: 60px; } } .kc-col-container > .kc-elm + .kc-elm { margin-top: 30px; } .kc-col-container > .kc-elm { margin-bottom: 0; } @media (max-width: 799px) { body.kc-css-system .kc_column.col-sm-6 { width: 50%; } } @media (max-width: 570px) { body.kc-css-system .kc_column.col-xs-12 { width: 100%; } } @media (max-width: 570px) { .col-xs-12 + .col-xs-12 { margin-top: 20px; } } /*------------- #HELPERS --------------*/ .align-center, .aligncenter { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .visual-hidden, .hide { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .half-width { width: 50%; float: left; } .ovh { overflow: hidden; } .f-left { float: left; } .f-right { float: right; } .f-none { float: none; } .shadow-image { box-shadow: 24px 50px 60px rgba(0, 0, 0, 0.3); } .table { display: table; } .table-cell { display: table-cell; vertical-align: middle; float: none; } @media (max-width: 640px) { .table-cell { display: block; float: left; } } .text-t-none { text-transform: none; } @media (max-width: 480px) { .centered-on-mobile { text-align: center; } } .overlay--light { background: rgba(0, 0, 0, 0.2); } .no-padding { padding: 0 !important; } @media (max-width: 640px) { .no-padding { padding: 0 15px !important; } } .no-margin { margin: 0; } .item-fully-transparent { opacity: 0; } .full-block { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .full-height { height: 100%; } .full-width { width: 100%; } .display-flex { display: flex; align-items: center; } .display-flex.content-center { justify-content: center; } .inline-block, .kc-elm.inline-block { display: inline-block; width: auto; float: none; } .inline-items > * { display: inline-block; vertical-align: middle; } .inline-items > .inline-items + .inline-items { margin-left: 70px; } .block-rounded-shadow { border-radius: 10px; padding: 60px; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.1); } .overlay-standard, .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(18, 25, 33, 0.4); transition: all 0.4s ease; } .full-bloc-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .medium-padding80 { padding: 80px 0; } @media (max-width: 800px) { .medium-padding80 { padding: 35px 0; } } .medium-padding100 { padding: 100px 0; } @media (max-width: 800px) { .medium-padding100 { padding: 35px 0; } } .medium-padding120 { padding: 120px 0; } @media (max-width: 800px) { .medium-padding120 { padding: 35px 0; } } .medium-padding180 { padding: 180px 0; } @media (max-width: 800px) { .medium-padding180 { padding: 90px 0; } } .medium-padding270 { padding: 270px 0; } @media (max-width: 800px) { .medium-padding270 { padding: 100px 0; } } .pb100 { padding-bottom: 100px; } @media (max-width: 800px) { .pb100 { padding-bottom: 35px; } } .pt80 { padding-top: 80px; } @media (max-width: 800px) { .pt80 { padding-top: 35px; } } .pt180 { padding-top: 180px; } .pt100 { padding-top: 100px; } @media (max-width: 800px) { .pt100 { padding-top: 35px; } } .pt400 { padding-top: 400px; } @media (max-width: 1024px) { .pt400 { padding-top: 200px; } } @media (max-width: 768px) { .pt400 { padding-top: 100px; } } .pb360 { padding-bottom: 360px; } .pb120 { padding-bottom: 120px; } @media (max-width: 800px) { .pb120 { padding-bottom: 35px; } } .pt120 { padding-top: 120px; } @media (max-width: 800px) { .pt120 { padding-top: 35px; } } .pb80 { padding-bottom: 80px; } @media (max-width: 800px) { .pb80 { padding-bottom: 35px; } } .pb30 { padding-bottom: 30px; } .mt60 { margin-top: 60px; } @media (max-width: 800px) { .mt60 { margin-top: 35px; } } .mb30 { margin-bottom: 30px; } .mb60 { margin-bottom: 60px; } @media (max-width: 800px) { .mb60 { margin-bottom: 35px; } } .padding-left60-desktop { padding-left: 60px; } @media (max-width: 980px) { .padding-left60-desktop { padding-left: 0; } } .color-icon { color: #6987ab; } .font-color-custom * { color: inherit; } .bg-secondary-color { background-color: #273f5b; } .bg-primary-color { background-color: #0083ff; } .c-yellow-light { color: #ffff00; } .weight-bold { font-weight: 700; } .weight-normal { font-weight: 400; } .half-height-bg { position: absolute; height: 50%; left: 0; right: 0; top: 0; } .d-flex--content-inline { float: none; display: flex; align-items: center; } .d-flex--content-inline .btn { margin-left: auto; } .negative-margin-top80 { margin-top: -80px; } .negative-margin-bottom80 { margin-bottom: -80px; } .box-shadow--black { box-shadow: 30px 0 100px rgba(0, 0, 0, 0.2); } .pos-relative { position: relative; } .fill-white { fill: #fff; } .display-block { display: block; } /*------------- #Styles for preloader --------------*/ #hellopreloader { display: block; position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; min-width: 100%; background: #66b5ff url(../svg/preload.svg) center center no-repeat; background-size: 41px; opacity: 1; } /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, main, menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, [hidden] { display: none; } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { text-decoration: none; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ outline: none; } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; border: none; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the.utouch-icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*------------- #HEADER --------------*/ .header { background: #fff; position: fixed; width: 100%; z-index: 20; left: 0; color: #839dbc; transition: all .3s ease; box-shadow: 15px 0 25px 0 rgba(200, 219, 239, 0.3); padding-top: 6px; } @media (max-width: 1024px) { .header > .container { width: 100%; } } .header.header-color-inherit .site-logo .logo-text .logo-sub-title, .header.header-color-inherit .primary-menu-menu > li > a, .header.header-color-inherit .nav-add li a, .header.header-color-inherit .site-logo .logo-text .logo-title, .header.header-color-inherit .nav-add li.cart i, .header.header-color-inherit .nav-add li.search i, .header.header-color-inherit .primary-menu-menu li .indicator, .header.header-color-inherit .primary-menu-menu > li:hover > a > .indicator { color: inherit; } .header.header-color-inherit .primary-menu-menu > li::before, .header.header-color-inherit .primary-menu-menu > li::after { border-color: inherit; } .header.header-color-inherit .nav-add li.search i:hover { color: inherit; } .header.header-color-inherit .nav-add li a { opacity: .5; } .header.header-color-inherit .nav-add li a:hover { opacity: 1; } .header.header-has-topbar { padding: 0; } .header.header-has-topbar .header-lines-decoration { position: relative; top: auto; } .header.header-has-topbar + .header-spacer { height: 192px; } .header.headroom--not-top { box-shadow: 40px 0 25px 0 rgba(200, 219, 239, 0.7); } .header.headroom--not-top .top-bar, .header.headroom--not-top .top-bar-link { opacity: 0; visibility: hidden; max-height: 0; margin-bottom: 0; overflow: hidden; padding: 0; } .header.headroom--not-top.header--small-lines .primary-menu-menu > li::before { bottom: 0; } .header.headroom--not-top .primary-menu-menu ul.sub-menu, .header.headroom--not-top .primary-menu-menu > li > .megamenu { top: calc(100% - 4px); } .header.headroom--not-top.header--menu-rounded .primary-menu-menu > li { padding: 20px 0; } .header.headroom--not-top.header--menu-rounded .primary-menu-menu ul.sub-menu, .header.headroom--not-top.header--menu-rounded .primary-menu-menu > li > .megamenu { top: 100%; } .header.headroom--not-top .primary-menu-menu ul.sub-menu li ul.sub-menu { top: -20px; } .header.headroom--not-top .primary-menu-menu > li { padding: 20px 9px; } .header .site-logo { margin-bottom: 0; } .header-content-wrapper { position: relative; display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 10px 0; } .nav-add { margin: 0; padding-left: 39px; } .nav-add li { display: inline-block; } .nav-add li .utouch-icon { transition: all .3s ease; height: 28px; width: 28px; padding: 2px; fill: #6987ab; } .nav-add li .utouch-icon-search { width: 24px !important; top: 6px; position: relative; margin-left: 16px; } .nav-add:hover .utouch-icon { fill: #0083ff; } .header-spacer { position: relative; width: 100%; height: 140px; background: transparent; } .header-spacer--small { height: 105px; } .site-logo { position: relative; margin-bottom: 20px; overflow: hidden; } .site-logo img { float: left; margin-right: 12px; } .logo-text { float: left; margin-top: 10px; line-height: 1; letter-spacing: -0.03em; } .logo-title { font-size: 30px; color: #273f5b; font-family: 'Baloo Paaji', cursive; line-height: .7; } .logo-sub-title { font-size: 14px; font-weight: 700; } .header-lines-decoration { width: 100%; position: absolute; top: 0; height: 6px; } .header-lines-decoration span { height: 100%; width: 14%; float: left; } .header-lines-decoration span:first-child, .header-lines-decoration span:last-child { width: 15%; } .header--dark { background-color: #121921; } .header--dark .logo-title { color: #fff; } .header--dark .logo-sub-title { color: #0083ff; } .header--dark .mob-menu--title { color: #fff; } .header--blue-lighteen { background-color: #ecf5fe; } .header--menu-rounded .primary-menu-menu > li > a { padding: 10px 15px; border-radius: 30px; background-color: transparent; text-align: left; font: normal normal bold 14px/20px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; } .header--menu-rounded .primary-menu-menu > li { padding: 22px 0; } .header--menu-rounded .primary-menu-menu > li::before { display: none; } .header--menu-rounded .primary-menu-menu > li > a:hover, .header--menu-rounded .primary-menu-menu > li.current-menu-item > a { background-color: #ecf4fc; } .header--menu-rounded.header--dark .primary-menu-menu > li > a:hover, .header--menu-rounded.header--dark .primary-menu-menu > li.current-menu-item > a { background-color: rgba(0, 131, 255, 0.2); } .header--menu-rounded.header--blue-lighteen .primary-menu-menu > li > a:hover, .header--menu-rounded.header--blue-lighteen .primary-menu-menu > li.current-menu-item > a { background-color: #fff; } .header--menu-rounded .primary-menu-menu > li > .megamenu, .header--menu-rounded .primary-menu-menu ul.sub-menu { border-top: none; top: calc(100% - 18px); } .header--menu-rounded .primary-menu-menu ul.sub-menu li ul.sub-menu { border-top: none; } .header--menu-rounded .primary-menu-menu > li > .megamenu { top: calc(100% - 20px); } .header--small-lines .primary-menu-menu > li::before { border-top: 3px solid; bottom: 30px; } .header--small-lines .primary-menu-menu > li > .megamenu { top: calc(100% - 34px); } .header--small-lines .primary-menu-menu ul.sub-menu { top: calc(100% - 34px); } .header--small-lines .primary-menu-menu > li { padding: 40px 9px; } .header--small-lines + .header-spacer { height: 105px; } .admin-bar #site-header { top: 46px; } @media screen and (min-width: 783px) { .admin-bar #site-header { top: 32px; } } /*================= Styles for sticky-Header =========*/ .animated { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; will-change: transform,opacity; } @media (max-width: 480px) { .animated { animation-fill-mode: none; will-change: unset; } } @-webkit-keyframes swingInX { 0% { -webkit-transform: perspective(400px) rotateX(-90deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); } } @-moz-keyframes swingInX { 0% { -moz-transform: perspective(400px) rotateX(-90deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); } } @-o-keyframes swingInX { 0% { -o-transform: perspective(400px) rotateX(-90deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); } } @keyframes swingInX { 0% { transform: perspective(400px) rotateX(-90deg); } 100% { transform: perspective(400px) rotateX(0deg); } } .animated.swingInX { -webkit-transform-origin: top; -moz-transform-origin: top; -ie-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-backface-visibility: visible !important; -webkit-animation-name: swingInX; -moz-backface-visibility: visible !important; -moz-animation-name: swingInX; -o-backface-visibility: visible !important; -o-animation-name: swingInX; backface-visibility: visible !important; animation-name: swingInX; } @media (max-width: 480px) { .animated.swingInX { animation-name: none; transform-origin: unset; } } @-webkit-keyframes swingOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); } 100% { -webkit-transform: perspective(400px) rotateX(-90deg); } } @-moz-keyframes swingOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); } 100% { -moz-transform: perspective(400px) rotateX(-90deg); } } @-o-keyframes swingOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); } 100% { -o-transform: perspective(400px) rotateX(-90deg); } } @keyframes swingOutX { 0% { transform: perspective(400px) rotateX(0deg); } 100% { transform: perspective(400px) rotateX(-90deg); } } .animated.swingOutX { -webkit-transform-origin: top; -webkit-animation-name: swingOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: swingOutX; -moz-backface-visibility: visible !important; -o-animation-name: swingOutX; -o-backface-visibility: visible !important; animation-name: swingOutX; backface-visibility: visible !important; } @media (max-width: 480px) { .animated.swingOutX { animation-name: none; transform-origin: unset; } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(-100%); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideDown { 0% { -o-transform: translateY(-100%); } 100% { -o-transform: translateY(0); } } @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .animated.slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; } @media (max-width: 480px) { .animated.slideDown { animation-name: none; } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); } } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(-100%); } } @-o-keyframes slideUp { 0% { -o-transform: translateY(0); } 100% { -o-transform: translateY(-100%); } } @keyframes slideUp { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .animated.slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp; } @media (max-width: 480px) { .animated.slideUp { animation-name: none; } } @-webkit-keyframes swingInX { 0% { -webkit-transform: perspective(400px) rotateX(-90deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); } } @-moz-keyframes swingInX { 0% { -moz-transform: perspective(400px) rotateX(-90deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); } } @-o-keyframes swingInX { 0% { -o-transform: perspective(400px) rotateX(-90deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); } } @keyframes swingInX { 0% { transform: perspective(400px) rotateX(-90deg); } 100% { transform: perspective(400px) rotateX(0deg); } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .animated.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @media (max-width: 480px) { .animated.flipInX { animation-name: none; } } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @media (max-width: 480px) { .animated.flipOutX { animation-name: none; } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-200px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-200px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-200px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .animated.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @media (max-width: 480px) { .animated.bounceInDown { animation-name: none; } } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 30% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-200px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 30% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-200px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 30% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-200px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 30% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-200px); } } .animated.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @media (max-width: 480px) { .animated.bounceOutUp { animation-name: none; transform-origin: unset; } } /*================= Responsive Mode ============*/ @media (max-width: 1024px) { .header.header-has-topbar + .header-spacer { height: 141px; } .header.header--small-lines + .header-spacer { height: 111px; } .header.header-has-topbar .top-bar-link { display: block; visibility: visible; } } @media (max-width: 940px) { .header .header-content-wrapper { flex-direction: column; } .header.header-has-topbar .header-content-wrapper { padding-top: 40px; } .header .site-logo { margin-right: 0; margin-top: 25px; } .primary-menu { margin-left: 0; } .primary-menu-menu > li { padding: 40px 9px; } .nav-add { margin: 15px 0; } .primary-menu-menu > li > .megamenu { background-image: none !important; } .header-spacer { height: 206px; } .header--small-lines + .header-spacer { height: 171px; } .header-spacer--small { height: 220px; } .header.header-has-topbar + .header-spacer { height: 247px; } .header.header--small-lines + .header-spacer { height: 181px; } } @media (max-width: 790px) { .nav-add { padding: 0 0 0 25px; } } @media (max-width: 768px) { .header .header-content-wrapper { flex-direction: row; justify-content: space-between; } .header.header-has-topbar .header-content-wrapper { padding: 30px 0; } .header .site-logo { margin-right: 25px; order: 0; margin-top: 0; } .primary-menu { order: 0; margin-left: auto; } .primary-menu-menu > li { padding: 30px 9px; } .header { position: relative; animation: none !important; padding: 30px 0; } .header-spacer { display: none; } .header > .container { padding: 0 15px; } .header--menu-rounded .primary-menu-responsive .primary-menu-menu > li > a { border-radius: 0; } } @media (max-width: 390px) { .header .header-content-wrapper { display: block; float: left; } .header .site-logo { margin-right: 0; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; } .nav-add { padding: 0; float: right; } } /* Item name: primary-menu - Responsive Megamenu Author: marcoarib - marco.arib@gmail.com License: http://codecanyon.net/licenses */ /* CONTENTS: 1 - MENU CONTAINER - Scrollable menu 2 - BRAND 3 - MENU - Right alignment - Menu items - Active/hover state 4 - DROPDOWN - Dropdown items - Hover state - Dropdown left alignment 5 - DROPDOWN/MEGAMENU INDICATORS 6 - MEGAMENU 7 - MEGAMENU WIDTHS - Half width - Quarter width 8 - GRID SYSTEM 9 - SHOW/HIDE BUTTON (MOBILE MODE) - Icon 10 - ICONS (parent menu items) 11 - SEARCH FIELD - Form - Input 12 - VERTICAL TABS 13 - COLOR SCHEMES 14 - MOBILE MODE (RESPONSIVE MODE) - Menu container - Brand - Show/hide button - Menu - Dropdown - Dropdown items - Dropdown/megamenu indicators - Megamenu - Search field */ /* 1 - MENU CONTAINER ======================================*/ .primary-menu, .primary-menu * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .primary-menu > ul { display: inline-block; vertical-align: middle; margin: 0; list-style: none; } .primary-menu a { -o-transition: color .3s linear, background .3s linear; -moz-transition: color .3s linear, background .3s linear; -webkit-transition: color .3s linear, background .3s linear; transition: color .3s linear, background .3s linear; } /* scrollable menu */ .primary-menu-menu.scrollable > .scrollable-fix { display: none; } /* 2 - BRAND ======================================*/ .primary-menu-brand { margin: 18px 30px 0 0; float: left; color: #666; text-decoration: none; font-size: 24px; font-weight: 600; line-height: 1.3; cursor: pointer; } /* 3 - MENU ======================================*/ /* Right alignment */ /* Menu items */ .primary-menu-menu > li { display: inline-block; position: relative; padding: 55px 9px; } .primary-menu-menu > li > a { position: relative; font-size: 14px; text-transform: uppercase; font-weight: 700; transition: all .3s ease; color: #6a85a6; display: inline-block; line-height: 1; } .primary-menu-menu > li:hover > a, .primary-menu-menu > li:hover, .primary-menu-menu > li.current-menu-item a, .primary-menu-menu > li.current-menu-item { color: #0083ff; } .primary-menu-menu > li:before { content: ''; display: block; width: 100%; border-top: 4px solid; border-radius: 5px; position: absolute; right: 0; bottom: 0; opacity: 0; transition: all .3s linear; } .primary-menu-menu > li:hover:before, .primary-menu-menu > li.current-menu-item:before { opacity: 1; } .primary-menu-menu > li > i { font-size: 10px; } .primary-menu-responsive .primary-menu-menu > li > i { display: none; } .primary-menu-menu > li.menu-item-has-mega-menu { position: static; } .no-menu-box { font-size: 14px; } /* 4 - DROPDOWN ======================================*/ .primary-menu-menu ul.sub-menu, .primary-menu-menu ul.sub-menu li ul.sub-menu { position: absolute; z-index: 9999; left: -29px; margin-top: 0; min-width: 260px; top: calc(100% - 4px); background-color: #ffffff; padding: 20px 0 30px; border-radius: 4px 4px 10px 10px; box-shadow: 10px 0 50px rgba(18, 25, 33, 0.1); list-style: none; display: none; border-top: 4px solid #0083ff; margin-bottom: 0; } @media (max-width: 768px) { .primary-menu-menu ul.sub-menu, .primary-menu-menu ul.sub-menu li ul.sub-menu { box-shadow: none; padding: 0; } } .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li, .primary-menu-menu ul.sub-menu li { position: relative; } .primary-menu-menu ul.sub-menu li:before, .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:before { content: ''; display: block; height: 100%; width: 3px; background-color: #d6dfeb; left: 40px; top: 0; position: absolute; transition: background-color .3s ease; } .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:before { left: 0; } .primary-menu-menu ul.sub-menu li:first-child:before, .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:first-child:before { border-radius: 3px 3px 0 0; } .primary-menu-menu ul.sub-menu li:last-child:before, .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:last-child:before { border-radius: 0 0 3px 3px; } .primary-menu-menu ul.sub-menu a i { margin-left: 10px; opacity: 0; transition: all .4s ease; font-size: 12px; color: #e1e1e1; text-align: center; margin-right: 0; position: absolute; top: 50%; margin-top: -6px; } .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a i { font-size: 24px; opacity: 1; margin-right: 15px; margin-left: 0; vertical-align: middle; } .primary-menu-menu ul.sub-menu li ul.sub-menu { left: 100%; top: -20px; } /* Dropdown items */ .primary-menu-menu ul.sub-menu li { clear: both; width: 100%; border: 0 none; position: relative; } .primary-menu-menu ul.sub-menu li a { padding: 11px 40px 11px 73px; position: relative; transition: all .4s ease-out; display: block; color: #4b5d73; line-height: 1; } @media (max-width: 640px) { .primary-menu-menu ul.sub-menu li a { padding: 10px; } } .primary-menu-menu ul.sub-menu li.menu-item-has-children .sub-menu { border-top: none; } .primary-menu-menu ul.sub-menu li.menu-item-has-children .sub-menu a { padding-left: 40px; } .primary-menu-menu ul.sub-menu li.menu-item-has-children .sub-menu li:before { display: none; } .primary-menu-menu ul.sub-menu.sub-menu-has-icons li i { font-size: 24px; opacity: 1; margin-right: 15px; margin-left: 0; vertical-align: middle; position: relative; } .primary-menu-menu ul.sub-menu.sub-menu-has-icons li.menu-item-has-children > a > i { opacity: 1; } .primary-menu-menu ul.sub-menu.sub-menu-has-icons li a:before { content: ''; display: block; height: 100%; width: 3px; position: absolute; left: 0; top: 0; opacity: 0; transition: all .3s ease; } .primary-menu-menu ul.sub-menu.sub-menu-has-icons li a:hover:before { opacity: 1; } .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a { padding: 11px 0 11px 35px; position: relative; transition: all .4s ease-out; display: block; line-height: 1; } .primary-menu-menu ul.sub-menu li.menu-item-has-children > a > i { opacity: 0; } /* Hover state (sub-menu items) */ .primary-menu-menu ul.sub-menu li:hover > a, .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:hover a { transition: all .3s ease; color: #0083ff; } .primary-menu-menu ul.sub-menu li:hover:before, .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:hover:before { background-color: #0083ff; } /* Dropdown left alignment */ .primary-menu-menu ul.sub-menu.sub-menu-left { left: auto; } .primary-menu-menu ul.sub-menu li ul.sub-menu.sub-menu-left { left: -100%; } /* 5 - DROPDOWN/MEGAMENU INDICATORS ======================================*/ .primary-menu-menu li .indicator { color: #839dbc; font-family: "FontAwesome"; font-size: 10px; margin-left: 6px; } .primary-menu-menu li ul.sub-menu li .indicator { position: absolute; top: 13px; right: 20px; font-size: 15px; transition: all .3s ease; } /* 6 - MEGAMENU ======================================*/ .primary-menu-menu > li > .megamenu { width: 100%; left: 0; position: absolute; display: none; z-index: 99; background: #fff; top: calc(100% - 4px); background-position: right bottom; background-repeat: no-repeat; box-shadow: 10px 0 50px rgba(18, 25, 33, 0.1); border-radius: 4px 4px 10px 10px; border-top: 4px solid #0083ff; } .primary-menu-menu > li > .megamenu ul { list-style: none; margin: 0; } .primary-menu-menu > li > .megamenu .google.site-logo { margin-bottom: 15px; } .primary-menu-menu > li > .megamenu .google-text { font-size: 14px; color: #acacac; margin-top: 20px; line-height: 1.7; } .primary-menu-menu > li > .megamenu .megamenu-item-info .megamenu-item-info-title, .primary-menu-menu > li > .sub-menu .megamenu-item-info .megamenu-item-info-title { margin-bottom: 5px; line-height: 1.2; } .megamenu-item-info-text { font-size: 14px; color: #6987ab; line-height: 1.3; } .primary-menu-menu > li > .sub-menu .megamenu-item-info { padding: 10px 40px 0; } .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li.megamenu-item-info:before { display: none; } /* 7 - MEGAMENU WIDTHS ======================================*/ /* Half width */ .primary-menu-menu > li > .megamenu.megamenu-half-width { width: 50%; left: auto; } /* Quarter width */ .primary-menu-menu > li > .megamenu.megamenu-quarter-width { width: 25%; left: auto; } /* 8 - GRID SYSTEM ======================================*/ .primary-menu-menu > li > .megamenu .megamenu-row { width: 100%; margin-top: 15px; } .primary-menu-menu > li > .megamenu .megamenu-row:first-child { margin-top: 0; } .primary-menu-menu > li > .megamenu .megamenu-row:before, .primary-menu-menu > li > .megamenu .megamenu-row:after { display: table; content: ""; line-height: 0; } .primary-menu-menu > li > .megamenu .megamenu-row:after { clear: both; } .primary-menu-menu > li > .megamenu .megamenu-row .col1, .primary-menu-menu > li > .megamenu .megamenu-row .col2, .primary-menu-menu > li > .megamenu .megamenu-row .col3, .primary-menu-menu > li > .megamenu .megamenu-row .col4, .primary-menu-menu > li > .megamenu .megamenu-row .col5, .primary-menu-menu > li > .megamenu .megamenu-row .col6, .primary-menu-menu > li > .megamenu .megamenu-row .col7, .primary-menu-menu > li > .megamenu .megamenu-row .col8, .primary-menu-menu > li > .megamenu .megamenu-row .col9, .primary-menu-menu > li > .megamenu .megamenu-row .col10, .primary-menu-menu > li > .megamenu .megamenu-row .col11, .primary-menu-menu > li > .megamenu .megamenu-row .col12 { display: block; min-height: 20px; float: left; padding: 35px 20px; } .primary-menu-menu > li > .megamenu .megamenu-row .col1:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col2:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col3:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col4:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col5:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col6:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col7:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col8:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col9:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col10:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col11:first-child, .primary-menu-menu > li > .megamenu .megamenu-row .col12:first-child { padding-left: 40px; } .primary-menu-menu > li > .megamenu .megamenu-row .col1:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col2:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col3:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col4:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col5:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col6:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col7:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col8:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col9:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col10:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col11:last-child, .primary-menu-menu > li > .megamenu .megamenu-row .col12:last-child { padding-right: 40px; } .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col1, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col2, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col3, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col4, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col5, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col6, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col7, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col8, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col9, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col10, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col11, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col12 { padding: 0; } .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col1:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col2:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col3:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col4:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col5:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col6:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col7:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col8:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col9:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col10:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col11:first-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col12:first-child .product-item { padding-left: 40px; } .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col1:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col2:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col3:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col4:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col5:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col6:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col7:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col8:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col9:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col10:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col11:last-child .product-item, .primary-menu-menu > li > .megamenu.with-products .megamenu-row .col12:last-child .product-item { padding-right: 40px; } .primary-menu-menu > li > .megamenu .megamenu-row .col1 { width: 100%; } .primary-menu-menu > li > .megamenu .megamenu-row .col2 { width: 50%; } .primary-menu-menu > li > .megamenu .megamenu-row .col3 { width: 33.33%; } .primary-menu-menu > li > .megamenu .megamenu-row .col4 { width: 25%; } .primary-menu-menu > li > .megamenu .megamenu-row .col5 { width: 20%; } .primary-menu-menu > li > .megamenu .megamenu-row .col6 { width: 16.6666%; } .primary-menu-menu > li > .megamenu .megamenu-row .col7 { width: 14.28%; } .primary-menu-menu > li > .megamenu .megamenu-row .col8 { width: 12.5%; } .primary-menu-menu > li > .megamenu .megamenu-row .col9 { width: 11.11111%; } .primary-menu-menu > li > .megamenu .megamenu-row .col10 { width: 10%; } .primary-menu-menu > li > .megamenu .megamenu-row .col11 { width: 9.09090909%; } .primary-menu-menu > li > .megamenu .megamenu-row .col12 { width: 8.333333%; } /* 9 - SHOW/HIDE BUTTON (MOBILE MODE) ======================================*/ .menu-icon-wrapper { position: relative; display: inline-block; width: 34px; height: 34px; pointer-events: none; transition: 0.1s; } .menu-icon-wrapper.scaled { transform: scale(0.5); } .menu-icon-wrapper svg { position: absolute; top: -33px; left: -33px; } .menu-icon-wrapper svg path { stroke: #6987ab; stroke-width: 30px; stroke-linecap: round; fill: transparent; } .menu-icon-wrapper .menu-icon-trigger { position: relative; width: 100%; height: 100%; cursor: pointer; pointer-events: auto; background: none; border: none; margin: 0; padding: 0; } .menu-icon-wrapper svg { transform: scale(0.1); transform-origin: 0 0; } .showhide .mob-menu--title { position: relative; top: 2px; text-transform: uppercase; font-size: 18px; margin-right: 15px; font-weight: bold; } .primary-menu .showhide > span { display: inline-block; vertical-align: middle; } .primary-menu .showhide { height: 46px; cursor: pointer; text-align: center; padding: 0; display: none; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; } /* 10 - ICONS (parent menu items) ======================================*/ .primary-menu-menu > li > a > i { margin: 0 5px 0 0; font-size: 18px; float: left; line-height: 20px; font-family: 'FontAwesome'; } /* 11 - SEARCH FIELD ======================================*/ /* Form */ .primary-menu-menu > li.search form { float: left; padding: 22px 16px 17px; } /* Input */ .primary-menu-menu > li.search form input[type="text"] { width: 160px; padding: 5px 10px; font-family: 'Open Sans', sans-serif; border: none; background: #f0f0f0; border-radius: 2px; outline: 0; -o-transition: width 1s ease-out; -moz-transition: width 1s ease-out; -webkit-transition: width 1s ease-out; transition: width 1s ease-out; } .primary-menu-menu > li.search form:hover input[type="text"] { width: 160px; } /* 12 - VERTICAL TABS ======================================*/ .primary-menu-tabs { width: 100%; float: left; } .primary-menu-tabs-nav { width: 20%; margin: 0; padding: 0; float: left; list-style: none; } .primary-menu-tabs-nav > li > a { width: 100%; padding: 7px 16px; float: left; font-size: 13px; text-decoration: none; color: #666; border: solid 1px #f0f0f0; outline: 0; } .primary-menu-tabs-nav li.active a, .primary-menu-tabs-nav li:hover a { background: #f0f0f0; } .primary-menu-tabs-content { width: 80%; min-height: 30px; padding: 20px; float: right; display: none; font-size: 13px; border: solid 1px #f0f0f0; } .primary-menu-tabs-content.active { display: block; } /* 13 - COLOR SCHEMES ======================================*/ /* blue */ .primary-menu.blue .primary-menu-menu > li.active > a, .primary-menu.blue .primary-menu-menu > li:hover > a, .primary-menu.blue .primary-menu-menu ul.sub-menu li:hover > a { color: #4A89DC; } /* green */ .primary-menu.green .primary-menu-menu > li.active > a, .primary-menu.green .primary-menu-menu > li:hover > a, .primary-menu.green .primary-menu-menu ul.sub-menu li:hover > a { color: #37BC9B; } /* red */ .primary-menu.red .primary-menu-menu > li.active > a, .primary-menu.red .primary-menu-menu > li:hover > a, .primary-menu.red .primary-menu-menu ul.sub-menu li:hover > a { color: #E9573F; } /* orange */ .primary-menu.orange .primary-menu-menu > li.active > a, .primary-menu.orange .primary-menu-menu > li:hover > a, .primary-menu.orange .primary-menu-menu ul.sub-menu li:hover > a { color: #ff670f; } /* yellow */ .primary-menu.yellow .primary-menu-menu > li.active > a, .primary-menu.yellow .primary-menu-menu > li:hover > a, .primary-menu.yellow .primary-menu-menu ul.sub-menu li:hover > a { color: #F6BB42; } /* purple */ .primary-menu.purple .primary-menu-menu > li.active > a, .primary-menu.purple .primary-menu-menu > li:hover > a, .primary-menu.purple .primary-menu-menu ul.sub-menu li:hover > a { color: #967ADC; } /* pink */ .primary-menu.pink .primary-menu-menu > li.active > a, .primary-menu.pink .primary-menu-menu > li:hover > a, .primary-menu.pink .primary-menu-menu ul.sub-menu li:hover > a { color: #D770AD; } /* 14 - MOBILE MODE (RESPONSIVE MODE) ======================================*/ @media (max-width: 768px) { /* Responsive menu container */ .primary-menu-responsive.primary-menu { overflow: visible; } .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a { padding-left: 10px; } .primary-menu-responsive.primary-menu .google-text { margin-bottom: 120px; } /* Brand */ .primary-menu-responsive .primary-menu-brand { margin: 8px 30px 10px 20px; font-size: 20px; line-height: 1.55; } .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col1, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col2, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col3, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col4, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col5, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col6, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col7, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col8, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col9, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col10, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col11, .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row .col12 { padding: 5px 20px; margin-top: 0; } /* Show/hide button */ /* Menu */ .primary-menu-responsive .primary-menu-menu { width: 100%; padding: 0; border-radius: 0 0 10px 10px; background-color: #fff; box-shadow: 15px 0 25px 0 rgba(0, 0, 0, 0.3); } .primary-menu-responsive .primary-menu-menu ul.sub-menu { top: 0; } /* scrollable menu*/ .primary-menu-responsive .primary-menu-menu.scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; position: absolute; top: calc(100% + 30px); left: 0; } .header.header-has-topbar .primary-menu-responsive .primary-menu-menu.scrollable { top: 100%; } .primary-menu-responsive .primary-menu-menu.scrollable > .scrollable-fix { display: block; } /* Menu items */ .primary-menu-responsive .primary-menu-menu > li { width: 100%; display: block; position: relative; } .primary-menu-responsive .primary-menu-menu > li > a { width: 100%; padding: 18px 20px; display: block; border-bottom: solid 1px rgba(0, 131, 255, 0.3); font-weight: 900; } .primary-menu-responsive .primary-menu-menu > li::before { display: none; } .primary-menu-responsive .primary-menu-menu > li:first-child > a { border-top: solid 1px rgba(0, 131, 255, 0.3); } .primary-menu-responsive .primary-menu-menu > li:nth-last-child(2) > a { border-bottom: none; } .primary-menu-responsive .primary-menu-menu ul.sub-menu li::before, .primary-menu-responsive .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li::before { display: none; } /* Dropdown */ .primary-menu-responsive .primary-menu-menu ul.sub-menu, .primary-menu-responsive .primary-menu-menu ul.sub-menu li ul.sub-menu { width: 100%; left: 0; position: static; border: none; background: #fff; } .primary-menu-responsive .primary-menu-menu ul.sub-menu { position: relative; } .primary-menu-responsive .primary-menu-menu > li { padding: 0; } /* Dropdown items */ .primary-menu-responsive .primary-menu-menu ul.sub-menu li { position: relative; } .primary-menu-responsive .primary-menu-menu ul.sub-menu li a { padding: 10px 30px; font-size: 14px; border-bottom: solid 1px rgba(0, 131, 255, 0.3); } .primary-menu-responsive .primary-menu-menu.primary-menu-indented > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { padding-left: 80px !important; } .primary-menu-responsive .primary-menu-menu.primary-menu-indented > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover > a { padding-left: 90px !important; } .primary-menu-responsive .primary-menu-menu ul.sub-menu li.menu-item-has-children .sub-menu a { padding-left: 40px; } .primary-menu-responsive .product-item-content .title { display: none; } /* Dropdown/megamenu indicators */ .primary-menu-responsive .primary-menu-menu li .indicator { width: 60px; height: 100%; position: absolute; right: 0; top: 0; font-size: 14px; text-align: center; line-height: 53px; border-left: solid 1px rgba(0, 131, 255, 0.3); } .primary-menu-responsive .primary-menu-menu li ul.sub-menu li .indicator { height: 100%; right: -5px; top: 0; font-size: 14px; line-height: 36px; transform: rotate(90deg); border-left: none; } .primary-menu-menu > li:hover > a .indicator, .primary-menu-menu > li:hover .indicator { color: #0083ff; } /* Megamenu */ .primary-menu-responsive .primary-menu-menu > li > .megamenu { width: 100% !important; left: 0 !important; position: static; border-top: none; box-shadow: none; } .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row [class*="col"], nav.primary-menu-responsive li.menu-item-has-mega-menu ul.mega-menu-row li.mega-menu-col { float: none; display: block; width: 100% !important; margin-left: 0; margin-top: 0; } .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row:first-child [class*="col"]:first-child, nav.primary-menu-responsive li.menu-item-has-mega-menu ul.mega-menu-row li.mega-menu-col:first-child { margin-top: 0; } .primary-menu-responsive .primary-menu-menu > li > .megamenu .megamenu-row { margin-top: 0; } .primary-menu-responsive .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a { font-size: 14px; } /* Search field */ .primary-menu-responsive .primary-menu-menu > li.search form { width: 100%; margin: 4px 0; padding: 10px 16px !important; } .primary-menu-responsive .primary-menu-menu > li.search form input[type="text"] { width: 100%; } /* Tabs */ .primary-menu-responsive .primary-menu-tabs-nav { width: 100%; } .primary-menu-responsive .primary-menu-tabs-content { width: 100%; } } /* CSS3 ANIMATIONS */ .zoom-in { -webkit-animation: zoomIn 400ms ease both; -moz-animation: zoomIn 400ms ease both; -o-animation: zoomIn 400ms ease both; animation: zoomIn 400ms ease both; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale(1.5); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoomIn { 0% { -moz-transform: scale(1.5); } 100% { -moz-transform: scale(1); } } @-o-keyframes zoomIn { 0% { opacity: 0; -o-transform: scale(1.5); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes zoomIn { 0% { transform: scale(1.5); } 100% { transform: scale(1); } } .zoom-out { -webkit-animation: zoomOut 400ms ease both; -moz-animation: zoomOut 400ms ease both; -o-animation: zoomOut 400ms ease both; animation: zoomOut 400ms ease both; } @-webkit-keyframes zoomOut { 0% { -webkit-transform: scale(0.6); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoomOut { 0% { -moz-transform: scale(0.6); } 100% { -moz-transform: scale(1); } } @-o-keyframes zoomOut { 0% { -o-transform: scale(0.6); } 100% { -o-transform: scale(1); } } @keyframes zoomOut { 0% { transform: scale(0.6); } 100% { transform: scale(1); } } .drop-up { -webkit-animation: drop-up 400ms ease both; -moz-animation: drop-up 400ms ease both; -o-animation: drop-up 400ms ease both; animation: drop-up 400ms ease both; } @-webkit-keyframes drop-up { 0% { -webkit-transform: translateY(100px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes drop-up { 0% { -moz-transform: translateY(100px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes drop-up { 0% { -o-transform: translateY(100px); } 100% { -o-transform: translateY(0); } } @keyframes drop-up { 0% { transform: translateY(100px); } 100% { transform: translateY(0); } } .drop-left { -webkit-animation: drop-left 400ms ease both; -moz-animation: drop-left 400ms ease both; -o-animation: drop-left 400ms ease both; animation: drop-left 400ms ease both; } @-webkit-keyframes drop-left { 0% { -webkit-transform: translateX(-100px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes drop-left { 0% { -moz-transform: translateX(-100px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes drop-left { 0% { -o-transform: translateX(-100px); } 100% { -o-transform: translateX(0); } } @keyframes drop-left { 0% { transform: translateX(-100px); } 100% { transform: translateX(0); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation: swing 400ms ease-out both; -moz-animation: swing 400ms ease-out both; -o-animation: swing 400ms ease-out both; animation: swing 400ms ease-out both; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .flip { -webkit-animation: flip 700ms ease both; -moz-animation: flip 700ms ease both; -o-animation: flip 700ms ease both; animation: flip 700ms ease both; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .roll-in { -webkit-animation: roll-in 400ms ease both; -moz-animation: roll-in 400ms ease both; -o-animation: roll-in 400ms ease both; animation: roll-in 400ms ease both; } @-webkit-keyframes roll-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-15deg); transform: translateX(-100%) rotate(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes roll-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-15deg); -ms-transform: translateX(-100%) rotate(-15deg); transform: translateX(-100%) rotate(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .stretch { -webkit-animation: stretch 500ms ease both; -moz-animation: stretch 500ms ease both; -o-animation: stretch 500ms ease both; animation: stretch 500ms ease both; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretch { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretch { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } @-o-keyframes stretch { 0% { -o-transform: scaleX(0.3); } 40% { -o-transform: scaleX(1.02); } 60% { -o-transform: scaleX(0.98); } 80% { -o-transform: scaleX(1.01); } 100% { -o-transform: scaleX(0.98); } 80% { -o-transform: scaleX(1.01); } 100% { -o-transform: scaleX(1); } } nav li.menu-item-has-mega-menu:hover { position: static; } nav li.menu-item-has-mega-menu ul.mega-menu-row, nav li.menu-item-has-mega-menu ul.mega-menu-row ul { position: static !important; margin: 0 !important; width: 100%; display: table !important; table-layout: fixed; padding: 0; float: none; left: 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; -webkit-transform: none !important; } .mega-menu-col { display: table-cell; width: 1px; } nav li.menu-item-has-mega-menu ul.mega-menu-row .mega-menu-col ul { display: block !important; width: 100%; } nav li.menu-item-has-mega-menu ul.mega-menu-row li { padding: 0 !important; } .product-item { padding: 35px 20px; min-height: 100%; transition: all .3s ease; } .product-item:hover { background-color: #ecf4fc; } .product-item:hover .square-colored:before { opacity: 1; } .product-item-thumb { position: relative; text-align: center; margin-bottom: 20px; } .product-item-thumb img { position: relative; z-index: 2; box-shadow: 30px 0 100px rgba(0, 0, 0, 0.2); display: block; margin: 0 auto; } .product-item-thumb .square-colored { position: absolute; left: 0; bottom: 0; } .square-colored { width: 100%; border-radius: 10px; height: 75%; } .square-colored:before { display: block; content: ''; position: absolute; width: 100%; height: 100%; opacity: 0; transition: all .3s ease; border-radius: 10px; } .product-item-content { text-align: center; } .product-item-content .title { margin-bottom: 30px; } .more-arrow { font-size: 14px; font-weight: 700; color: #6987ab; text-transform: uppercase; } .more-arrow > * { display: inline-block; vertical-align: middle; } .more-arrow:hover { color: #0083ff; } .more-arrow:hover .btn-next .utouch-icon { fill: #0083ff; } .more-arrow:hover .btn-next { margin-left: 5px; margin-right: -5px; } .more-arrow:hover .btn-next .icon-hover { opacity: 1; } .more-arrow .btn-next { opacity: 1; top: 3px; } .more-arrow .btn-next .utouch-icon { fill: #6987ab; width: 26px; height: 26px; } .more-arrow.white { color: #fff; fill: #fff; } .more-arrow.white .btn-next .utouch-icon { fill: #fff; } .more-arrow.white:hover { color: #fff; } .more-arrow.white:hover .btn-next .utouch-icon { fill: #fff; } .bg-product-blue { background-color: #007bef; } .bg-product-blue:before { box-shadow: 10px 0 25px rgba(0, 131, 255, 0.6); } .bg-product-brown { background-color: #5a3f5b; } .bg-product-brown:before { box-shadow: 10px 0 25px rgba(90, 63, 91, 0.6); } .bg-product-green { background-color: #3fbc85; } .bg-product-green:before { box-shadow: 10px 0 25px rgba(63, 188, 133, 0.6); } .bg-product-violet { background-color: #af23e0; } .bg-product-violet:before { box-shadow: 10px 0 25px rgba(187, 38, 240, 0.6); } .bg-product-red { background-color: #d80873; } .bg-product-red:before { box-shadow: 10px 0 25px rgba(231, 9, 123, 0.6); } .bg-product-grey { background-color: #ecf5fe; } .bg-product-grey:before { box-shadow: 10px 0 25px rgba(236, 245, 254, 0.6); } .bg-product-blue-dark { background-color: #344399; } .bg-product-blue-dark:before { box-shadow: 10px 0 25px rgba(56, 72, 163, 0.6); } .bg-product-marrow { background-color: #373b5d; } .bg-product-marrow:before { box-shadow: 10px 0 25px rgba(55, 59, 93, 0.6); } .primary-menu--dark .primary-menu-menu ul.sub-menu, .primary-menu--dark .primary-menu-menu ul.sub-menu li ul.sub-menu, .primary-menu--dark .primary-menu-menu > li > .megamenu { background-color: #121921; } .primary-menu--dark .primary-menu-menu ul.sub-menu li:before, .primary-menu--dark .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:before { background-color: #212c38; } .primary-menu--dark .primary-menu-menu ul.sub-menu li:hover:before, .primary-menu--dark .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:hover:before { background-color: #0083ff; } .primary-menu--dark .product-item:hover { background-color: #0f141a; } .primary-menu--dark .primary-menu-menu > li > .megamenu .megamenu-item-info .megamenu-item-info-title, .primary-menu--dark .primary-menu-menu > li > .sub-menu .megamenu-item-info .megamenu-item-info-title { color: #fff; } .primary-menu--dark .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a, .primary-menu--dark .primary-menu-menu ul.sub-menu li a { color: #839dbc; } .primary-menu--dark .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a:hover, .primary-menu--dark .primary-menu-menu ul.sub-menu li a:hover { color: #0083ff; } .primary-menu--dark .megamenu-item-info-text { color: #4b5d73; } .primary-menu--dark.primary-menu-responsive .primary-menu-menu { background-color: #121921; } .primary-menu--dark .product-item-content .title { color: #fff; } @media (max-width: 768px) { .more-arrow .btn-next { margin-left: 5px; margin-right: -5px; } .more-arrow .btn-next .icon-hover { opacity: 1; } } /*------------- #STUNNING-HEADER --------------*/ .crumina-stunning-header { position: relative; background-size: cover; } .stunning-header-title { display: inline-block; margin: 0; line-height: 1.3; } .category-link { text-transform: uppercase; font-size: 14px; margin-top: 0; } .stunning-header-content { position: relative; z-index: 15; padding: 80px 0; float: left; width: 100%; } .stunning-header-content > * + * { margin-top: 40px; } .stunning-header-content > * + *:last-child:not(.breadcrumbs-wrap) { margin-bottom: 40px; } .breadcrumbs { padding: 0; } .breadcrumbs-wrap > * + .breadcrumbs { margin-left: 10px; } .breadcrumbs-item { display: inline-block; margin-bottom: 0; } .breadcrumbs-item a { margin-right: 6px; } .breadcrumbs-item a:hover { color: #0083ff; } .breadcrumbs-item.active span { font-weight: 700; color: #0083ff; } .breadcrumbs-item .utouch-icon { margin-right: 6px; fill: #d1e8f6; height: 6px; width: 6px; } .breadcrumbs-item:last-child .utouch-icon { display: none; } .breadcrumbs--rounded { overflow: hidden; padding: 10px 30px; background-color: #fff; border-radius: 30px; box-shadow: 0 0 50px 0 rgba(137, 168, 199, 0.25); display: inline-block; } .breadcrumbs--bordered { border: solid 2px rgba(255, 255, 255, 0.1); border-radius: 30px; padding: 6px 30px; } .breadcrumbs--bordered .breadcrumbs-item a { color: #0083ff; } .breadcrumbs--bordered .breadcrumbs-item.active span { color: #fff; } .breadcrumbs--semitransparent .breadcrumbs-item a, .breadcrumbs--semitransparent .utouch-icon { font-size: 14px; opacity: .7; color: #fff; width: 14px; height: 14px; } .breadcrumbs--semitransparent .breadcrumbs-item a:hover { opacity: 1; } .breadcrumbs--semitransparent .breadcrumbs-item.active span { color: #fff; } .breadcrumbs-wrap { z-index: 19; } .breadcrumbs-wrap.with-border { padding: 10px 0; border-bottom: 1px solid #dbe3ec; margin-bottom: 60px; } .breadcrumbs-wrap + .crumina-heading { margin-top: 20px; } .stunning-header--breadcrumbs-bottom-left .breadcrumbs-wrap { position: absolute; left: 0; bottom: -25px; } .stunning-header--breadcrumbs-bottom-center .breadcrumbs-wrap { margin-bottom: 60px; margin-top: auto; } .crumina-stunning-header--small .stunning-header-content { padding: 30px 0; } .stunning-header--breadcrumbs-top .stunning-header-content { padding: 0; } .stunning-header--breadcrumbs-top .breadcrumbs-item a { font-size: 14px; } .stunning-header--content-center { display: flex; flex-direction: column; justify-content: center; } .stunning-header--content-left-bottom { display: flex; flex-direction: column; justify-content: flex-end; } .stunning-header--content-left-bottom .stunning-header-content { padding-bottom: 80px; max-width: 700px; } .stunning-header--content-padding100 .stunning-header-content { padding: 100px 0; } .stunning-header--min560 { min-height: 560px; } .stunning-header--min620 { min-height: 620px; } .stunning-header--min640 { min-height: 640px; } .icon-text-item .text { font-weight: 700; } .icon-text-item .utouch-icon { margin-right: 20px; font-size: 26px; height: 26px; width: 26px; } /*------------- #Any colors background --------------*/ .stunning-bg-clouds { background-image: url("../img/stunning-bg.jpg"); } .stunning-bg-1 { background-image: url("../img/stunning-bg1.jpg"); } .stunning-bg-2 { background-image: url("../img/stunning-bg2.jpg"); } .stunning-bg-3 { background-image: url("../img/stunning-bg3.jpg"); } .stunning-bg-4 { background-image: url("../img/stunning-bg4.jpg"); } .stunning-bg-5 { background-image: url("../img/stunning-bg5.jpg"); } .overlay--dark { background-color: rgba(18, 25, 33, 0.8); } .overlay--yellow { background-color: rgba(248, 145, 1, 0.5); } .overlay--red { background-color: rgba(255, 49, 51, 0.5); } .overlay--blue { background-color: rgba(0, 130, 215, 0.5); } .overlay--blue-dark { background-color: rgba(0, 131, 255, 0.8); } .overlay--green { background-color: rgba(1, 162, 160, 0.5); } .custom-color *:not(.btn):not(.breadcrumbs-item):not(.category-link):not(.breadcrumbs-custom) { color: inherit; fill: inherit !important; } .author-avatar { width: 60px; height: 60px; border-radius: 100%; overflow: hidden; margin-right: 15px; } .author-prof { font-weight: 700; } .author-name { margin: 0; line-height: 1; } .author-info { text-align: left; } /*================= Responsive Mode ============*/ @media (max-width: 1024px) { .stunning-header-content .inline-items > .inline-items + .inline-items { margin-left: 20px; } .stunning-header--content-inline .stunning-header-title { width: 50%; } } @media (max-width: 800px) { .stunning-header-content .inline-items .btn.f-right { float: none; margin-left: 0; } .stunning-header--content-inline .stunning-header-title { width: auto; } .stunning-header-content .inline-items > .inline-items { display: block; margin-bottom: 20px; } .stunning-header-content .inline-items > .inline-items + .inline-items { margin-left: 0; } .stunning-header-content { padding: 30px 0; } .stunning-header-title { display: block; } .stunning-header--breadcrumbs-bottom-left .breadcrumbs-wrap { position: relative; left: auto; bottom: auto; transform: none; } .breadcrumbs-wrap, .author-block, .icon-text-item { position: relative; } .breadcrumbs-wrap.inline-items > *, .author-block.inline-items > *, .icon-text-item.inline-items > * { display: inline-block; } .breadcrumbs-wrap.inline-items > * + *, .author-block.inline-items > * + *, .icon-text-item.inline-items > * + * { margin-top: auto; } .inline-items > * { display: block; } .inline-items > * + * { margin-top: 20px; } .stunning-header--content-padding100 .stunning-header-content { padding: 50px 0; } } @media (max-width: 640px) { .stunning-header--breadcrumbs-bottom-left .breadcrumbs-wrap { position: relative; left: auto; bottom: auto; margin-top: 20px; transform: none; } .stunning-header--breadcrumbs-bottom-left .breadcrumbs-wrap > * { display: block; margin: 0 auto; } .stunning-header--breadcrumbs-bottom-left .breadcrumbs-wrap > * + * { margin-top: 20px; } .stunning-header--content-center .stunning-header-content { padding-bottom: 80px; } .stunning-header--content-center .breadcrumbs-wrap { margin-top: 20px; } .stunning-header--content-center .breadcrumbs-wrap > * { display: block; margin: 0 auto; } .stunning-header--content-center .breadcrumbs-wrap > * + * { margin-top: 20px; } } /*------------- #TOP-BAR --------------*/ .top-bar { background-color: #fff; padding: 13px 0; font-size: 13px; color: #273f5b; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); position: relative; z-index: 30; transition: all .3s ease; } .top-bar.open { transform: translate(-50%, -3%); z-index: 9999; } .top-bar .top-bar-contact { float: left; } .top-bar .world { width: 30px; } .top-bar .nice-select { display: inline-block; vertical-align: middle; padding: 0 20px 0 0; background-color: transparent; font-size: 13px; margin-bottom: 0; color: #0083ff; width: auto; min-width: 110px; box-shadow: none; position: unset; } .top-bar .nice-select .option { padding-left: 0; padding-right: 0; font-size: 12px; } .top-bar .nice-select:after { height: 6px; width: 6px; margin-top: -4px; } .top-bar .nice-select:focus { box-shadow: none; background-color: transparent; } .top-bar .contact-item { padding: 0 30px; position: relative; margin-bottom: 0; display: inline-block; vertical-align: bottom; } .top-bar .contact-item .utouch-icon { height: 15px; width: 15px; fill: #6987ab; margin-right: 15px; position: relative; top: 2px; } .top-bar .contact-item .world { display: inline-block; vertical-align: middle; width: 30px; height: 25px; top: auto; } .top-bar .contact-item.language-switcher { padding-left: 0; padding-right: 10px; margin-right: 50px; } .top-bar .contact-item.language-switcher:after { display: none; } .top-bar .contact-item:last-child { padding-right: 0; } .top-bar .contact-item:last-child:after { display: none; } .top-bar .contact-item:after { content: '.'; display: block; position: absolute; right: 0; bottom: 0; font-size: 50px; line-height: 1; color: #4b5d73; } .top-bar a:hover { color: #0083ff; } .top-bar span { color: #6987ab; } .top-bar .follow_us { float: right; top: 4px; position: relative; } .top-bar .socials { display: inline-block; margin: 0 0 0 10px; } .top-bar .socials img { width: 16px; height: auto; } .top-bar .socials a { border: none; } .top-bar .socials .social__item { margin-left: 10px; } .top-bar-close { position: absolute; right: 10px; top: 15px; display: none; border: none; } .top-bar-close .utouch-icon { fill: #6987ab; width: 15px; height: 15px; } .top-bar-close .utouch-icon:hover { fill: #0083ff; } .top-bar-dark { background-color: #151414; color: #5f7288; } .top-bar-dark a { color: #5f7288; } .top-bar-dark .contact-item .utouch-icon { fill: #5f7288; } .top-bar-dark .nice-select .list { background-color: #151414; border: none; box-shadow: 0 5px 40px rgba(255, 255, 255, 0.3); color: #5f7288; } .top-bar-dark .nice-select .option.selected.focus { background-color: transparent; } .top-bar-dark .nice-select .option.selected.focus:hover { background-color: #424444; } .top-bar-dark .nice-select::after { border-bottom: 2px solid #5f7288; border-right: 2px solid #5f7288; } .top-bar-dark .nice-select .option:hover { background-color: #424444; } .top-bar-link { display: none; visibility: hidden; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); border-radius: 0 0 10px 10px; background-color: #ecf5fe; text-align: center; padding: 0 16px; z-index: 50; box-shadow: 10px 0 30px 0 rgba(0, 131, 255, 0.4); border: 1px solid #dbe3ec; } .top-bar-link .utouch-icon { height: 15px; width: 15px; fill: #6987ab; transform: rotate(180deg); transition: all .3s ease; } .top-bar-link:hover .utouch-icon { fill: #0083ff; } /*================= Responsive Mode ============*/ @media (max-width: 1200px) { .top-bar > .container { min-width: 100%; padding-right: 15px; padding-left: 15px; } .top-bar .contact-item:first-child { margin-right: 0; } } @media (max-width: 1024px) { .top-bar { width: 320px; transform: translate(-50%, -103%); position: absolute; left: 50%; border-radius: 0 0 10px 10px; padding: 40px 0 30px; text-align: center; box-shadow: 10px 0 30px 0 rgba(0, 131, 255, 0.4); } .top-bar > .container { min-width: unset; width: auto; } .top-bar .top-bar-contact { float: none; } .top-bar .nice-select { float: none; min-width: 160px; } .top-bar .contact-item { padding: 0; margin-bottom: 15px; float: none; display: block; } .top-bar .contact-item:first-child { padding: 0; } .top-bar .contact-item:after { display: none; } .top-bar .follow_us { float: none; } .top-bar-close { display: block; } } /*------------- #FOOTER --------------*/ .footer { background-image: url("../img/clouds.png"); background-color: #121921; padding: 120px 0 0; position: relative; box-shadow: 10px 0 30px 0 rgba(18, 25, 33, 0.4); } .footer .widget-title { color: #fff; margin-bottom: 30px; } .footer .w-contacts .btn { margin: 30px 0; } .footer.js-fixed-footer { width: 100%; bottom: 0; left: 0; right: 0; position: fixed; z-index: 1; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1); -moz-transition-timing-function: cubic-bezier(0, 0, 0, 1); transition-timing-function: cubic-bezier(0, 0, 0, 1); } @media (max-width: 768px) { .footer.js-fixed-footer { position: relative; } } .sub-footer { background-color: #fff; padding: 35px 0; text-align: center; position: relative; margin-top: 120px; } .sub-footer span { font-size: 14px; margin-bottom: 1px; color: #6987ab; display: block; } .sub-footer a { color: #4b5d73; } .sub-footer a:hover { color: #0083ff; } .sub-footer .sub-footer__link { color: #0083ff; font-weight: 700; } .content-wrapper { position: relative; z-index: 2; background-color: #fff; -webkit-margin-bottom-collapse: separate; } #page-courses { background: var(--Black-100, #000); } #page-courses .category-link { max-width: 624px; color: var(--White, #FFF); text-align: center; font-family: "Proxima Nova" !important; font-size: 70px !important; font-style: normal !important; font-weight: 600 !important; line-height: normal !important; margin: 0 auto; } .padding-zero{ padding: 0; } .block-footer-height { position: relative; dth: 100%; } @media (max-width: 768px) { .block-footer-height { display: none; } } /*------------- #PAGE404 --------------*/ .page404 { display: flex; min-height: 100vh; } .page404 .col-8 { width: 12.5%; overflow: hidden; display: flex; flex-direction: column; justify-content: center; } .page404 .error { font-size: 50px; color: #fff; transform: rotate(-90deg); text-transform: uppercase; } .page404 .number { font-size: 300px; color: #fff; margin-left: -50px; font-weight: 900; } .page404 .sub-footer { position: absolute; bottom: 40px; left: 50%; transform: translate(-50%, 0); background-color: transparent; padding: 0; width: 95%; } .page404 .sub-footer span { color: #fff; } .page404 .sub-footer .sub-footer__link { color: #fff; } .page404 .sub-footer a { color: #fff; } .page404 .site-logo { position: absolute; top: 40px; left: 50%; transform: translate(-50%, 0); } .logo--center { text-align: center; color: #fff; } .logo--center img { float: none; margin-right: 0; } .logo--center .logo-title { color: inherit; } .logo--center .logo-text { float: none; } .page404-content { position: absolute; bottom: 20%; left: 50%; transform: translate(-50%, 0); text-align: center; width: 95%; } .page404-content > * { color: #fff; line-height: 1; } .page404-content .title { font-size: 42px; margin-bottom: 20px; } .page404-content .sub-title { font-size: 22px; } .page404-content a { text-decoration: underline; } /*================= Responsive Mode ============*/ @media (max-width: 1024px) { .page404 .number { font-size: 150px; margin-left: -20px; } .page404 .error { font-size: 40px; } .page404-content .title { display: none; } .page404 .sub-footer { bottom: 10px; } } @media (max-width: 640px) { .page404 .number { font-size: 100px; margin-left: -10px; } .page404 .error { font-size: 20px; } } @media (max-width: 460px) { .page404 .number { font-size: 80px; } } /*------------- #MAGNIFIC-POPUP --------------*/ :focus { outline: 0; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; cursor: pointer; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * Simple fade transition, */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } /* ====== Zoom effect ====== */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /*/ Effect 2: Move Up /*/ #items-grid > div.animate { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } @-webkit-keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /*------------- #BLOCKS --------------*/ /*------------- #VARIABLES --------------*/ /*------------- #HEADING --------------*/ .crumina-heading { position: relative; z-index: 5; margin-bottom: 30px; } .crumina-heading > *:last-child { margin-bottom: 0; } .crumina-heading > *:first-child { margin-top: 0; } .crumina-heading + * { margin-top: 25px; } .heading-title { margin-bottom: 30px; line-height: 1.3em; } .heading-text { margin-top: 20px; font-weight: 400; line-height: 1.75; } .heading-text.small { font-size: 14px; } .heading-sup-title { opacity: .7; margin-bottom: 25px; text-transform: uppercase; font-size: 16px; } /*================= Responsive Mode ============*/ @media (max-width: 980px) { .heading-text { font-size: 20px; } } @media (max-width: 570px) { .heading-text { font-size: 16px; } } /*------------- #styled_selects --------------*/ .nice-select { -webkit-tap-highlight-color: transparent; padding: 20px 40px 20px 20px; border-color: transparent; transition: all .3s ease; font-size: 16px; margin-bottom: 30px; border-radius: 50px; position: relative; background-color: #dbe3ec; color: #ccc; } .nice-select:focus { background-color: #fff; box-shadow: 17px 0 60px #d3dcdc; } .nice-select.focus-white:focus { background-color: #fff; -webkit-box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, 0.3); box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, 0.3); } .nice-select:after { border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; content: ''; display: block; height: 10px; margin-top: -6px; pointer-events: none; position: absolute; right: 30px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out; width: 10px; } .nice-select.open:after { transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; transform: scale(1) translateY(0); } .nice-select .list { background-color: #fff; border-radius: 10px; border: 1px solid #dbe3ec; box-shadow: 25px 20px 20px -15px rgba(0, 0, 0, 0.3); box-sizing: border-box; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: calc(100% + 10px); left: 0; right: 0; transform-origin: 50% 0; transform: scale(0.75) translateY(-40px/2); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; margin-left: 0; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 38px; list-style: none; min-height: 38px; outline: none; padding-left: 40px; padding-right: 60px; text-align: center; transition: all 0.2s; margin: 0; font-size: 16px; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #dbe3ec; } .nice-select .option:hover { color: #0083ff; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; cursor: default; } .nice-select .option.disabled:hover { color: #4b5d73; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /*------------- #FORMS --------------*/ input, textarea, select, .nice-select { padding: 13px 40px; border: 1px solid transparent; transition: all .3s ease; font-size: 16px; color: #273f5b; margin-bottom: 20px; border-radius: 50px; background-color: #fff; box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15); width: 100%; outline: none; } input:focus, textarea:focus, select:focus, .nice-select:focus { -webkit-box-shadow: 5px 0 40px 0 rgba(0, 88, 171, 0.25); box-shadow: 5px 0 40px 0 rgba(0, 88, 171, 0.25); color: #0083ff; } ::-webkit-input-placeholder { color: #839dbc; } ::-moz-placeholder { color: #839dbc; } /* Firefox 19+ */ :-moz-placeholder { color: #839dbc; } /* Firefox 18- */ :-ms-input-placeholder { color: #839dbc; } textarea { min-height: 200px; border-radius: 30px; } .with-icon { position: relative; } .with-icon input, .with-icon textarea, .with-icon select { padding-left: 70px; } .with-icon input:focus + .utouch-icon, .with-icon textarea:focus + .utouch-icon, .with-icon select:focus + .utouch-icon { fill: #0083ff; } .with-icon .utouch-icon { position: absolute; left: 20px; top: 18px; height: 16px; fill: #6987ab; border-right: 1px solid #dbe3ec; padding-right: 17px; z-index: 1; transition: all .3s ease; } .with-icon.icon-right input, .with-icon.icon-right textarea, .with-icon.icon-right select { padding-left: 40px; padding-right: 70px; } .with-icon.icon-right .utouch-icon { left: auto; right: 20px; padding-right: 0; border-right: none; } .form-inline { position: relative; } .form-inline input { padding: 17px 200px 18px 40px; margin-bottom: 0; box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15) !important; } .form-inline .btn { position: absolute; right: 5px; top: 5px; } .items-with-border input, .items-with-border textarea, .items-with-border select, .items-with-border .nice-select { border: 2px solid #d9e4ef; background-color: transparent; box-shadow: none; } .items-with-border input:focus, .items-with-border textarea:focus, .items-with-border select:focus, .items-with-border .nice-select:focus { box-shadow: 5px 0 30px 0 rgba(18, 25, 33, 0.1); color: #0083ff; border-color: transparent; } .contact-form .btn { margin-top: 5px; } /*================= Responsive Mode ============*/ @media (max-width: 768px) { .form-inline .btn { position: relative; right: auto; top: auto; margin-top: 20px; } .form-inline input { padding-right: 40px; } } /*------------- #ALERTS --------------*/ .alert { border-radius: 30px; box-shadow: 9px 9px 9px 0 rgba(47, 44, 44, 0.2); border: none; margin: 15px 0; font-size: 16px; padding: 20px; color: rgba(255, 255, 255, 0.9); } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible .close { position: relative; top: -0.75rem; right: -1.25rem; padding: 0.75rem 1.25rem; color: inherit; } .alert-success { background-color: #3cb878; } .alert-success hr { border-top-color: #b3f3b4; } .alert-success .alert-link { color: #b3f3b4; } .alert-info { background-color: #0083ff; } .alert-info hr { border-top-color: #b7fff2; } .alert-info .alert-link { color: #b7fff2; } .alert-warning { background-color: #fcb03b; } .alert-warning hr { border-top-color: #ffe4b4; } .alert-warning .alert-link { color: #ffe4b4; } .alert-danger { background-color: #ff3133; } .alert-danger hr { border-top-color: #ffbcba; } .alert-danger .alert-link { color: #ffbcba; } /*------------- #BUTTONS --------------*/ .btn { cursor: pointer; display: inline-block; text-decoration: none; padding: 18px 50px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 900; border-radius: 50px; position: relative; transition: all .3s ease; text-align: center; line-height: 1; } .btn--with-icon { text-transform: none; text-align: left; fill: #fff; } .btn--with-icon > * { display: inline-block; vertical-align: middle; } .btn--with-icon .utouch-icon { margin-right: 14px; font-size: 26px; height: 26px; } .btn--with-icon .text { overflow: hidden; } .btn--with-icon span { display: block; } .btn--with-icon .sup-title { font-size: 10px; opacity: .7; } .btn--with-icon .title { font-size: 16px; } .btn-small { padding: 14px 28px; font-size: 12px; } .btn-x-small { padding: 8px 20px; font-size: 12px; } .btn-x-small .utouch-icon { height: 20px; width: 20px; } .btn--large { padding: 23px 50px; } .btn-more { margin: 40px auto; text-align: center; } .btn-border { border: 2px solid; background-color: transparent; } .btn-border.btn { padding: 16px 50px; } .btn-border.btn-small { padding: 12px 26px; } .btn-border.btn--large { padding: 21px 50px; } .btn-border.btn--with-shadow:after { box-shadow: 5px 0 15px 0 rgba(0, 131, 255, 0.3); } .btn--icon-right .utouch-icon { float: right; margin-right: 0; margin-left: 4px; font-size: 26px; height: 26px; } .btn--icon-right .text { overflow: hidden; margin-top: 8px; } .btn--round { border-radius: 100%; padding: 0; width: 40px; height: 40px; line-height: 42px; fill: #fff; position: relative; } .btn--round .utouch-icon { height: 13px; width: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*------------- #Color-scheme for buttons --------------*/ div:hover > .btn-reverse-bg-green { background-color: #61b131; color: #fff; } div:hover > .btn-reverse-bg-green .utouch-icon { fill: #fff; } .c-white { color: #fff; } .c-black { color: #121921; } .c-primary { color: #0083ff; fill: #0083ff; } .c-secondary { color: #273f5b; fill: #273f5b; } .c-gray { color: #738CAA; fill: #738CAA; } .c-green { color: #01a23c; fill: #01a23c; } .c-orange { color: #EF6517; fill: #EF6517; } .c-orange-light { color: #F89101; fill: #F89101; } .c-red { color: #ff3133; fill: #ff3133; } .c-yellow { color: #FECF39; fill: #FECF39; } .c-lime { color: #9FC31A; fill: #9FC31A; } .c-breez { color: #00ffff; } .c-lime-light { color: #00ff00; fill: #00ff00; } .c-peach { color: #f4b3a9; fill: #f4b3a9; } .c-semitransparent-white { color: rgba(255, 255, 255, 0.5); } .bg-blue { background-color: #0082d7; } .bg-rose { background-color: #e81d51; } .bg-violet { background-color: #bb26f0; } .bg-black { background-color: #121921; } .bg-courses { background: var(--Black-100, #000); } .bg-yellow { background-color: #FECF39; } .bg-blue-light { background-color: #98d5ff; } .bg-blue-lighteen { background-color: #ecf5fe; } .bg-orange { background-color: #EF6517; } .bg-orange-light { background-color: #F89101; } .bg-red { background-color: #ff3133; } .bg-green { background-color: #01a23c; } .bg-pamaranch { background-color: #f18d01; } .btn--with-shadow:after { content: ""; display: block; width: 100%; height: 100%; border-radius: inherit; left: 0; top: 0; position: absolute; transition: all .3s ease; opacity: 0; } .btn--with-shadow:hover:after { opacity: 1; } .btn--transparent { background-color: transparent; color: #6987ab; fill: #6987ab; } .btn--primary { background-color: #0083ff; } .btn--primary.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(0, 131, 255, 0.5); } .btn--secondary { background-color: #273f5b; } .btn--secondary.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(39, 63, 91, 0.5); } .btn--green { background-color: #01a23c; } .btn--green.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(1, 162, 60, 0.5); } .btn--green-light { background-color: #61b131; } .btn--green-light.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(97, 177, 49, 0.5); } .btn--black { background-color: #121921; } .btn--black.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(18, 25, 33, 0.5); } .btn--orange { background-color: #EF6517; } .btn--orange.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(239, 101, 23, 0.5); } .btn--orange-light { background-color: #F89101; } .btn--orange-light.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(248, 145, 1, 0.5); } .btn--red { background-color: #ff3133; } .btn--red.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(255, 49, 51, 0.5); } .btn--grey { background-color: #738CAA; } .btn--grey.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(115, 140, 170, 0.5); } .btn--grey-light { background-color: #ecf4fc; color: #6987ab; } .btn--grey-light .utouch-icon { fill: #6987ab; } .btn--grey-light.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(236, 244, 252, 0.5); } .btn--yellow { background-color: #FECF39; } .btn--yellow.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(254, 207, 57, 0.5); } .btn--lime { background-color: #9FC31A; } .btn--lime.btn--with-shadow:after { box-shadow: 10px 0 30px 0 rgba(159, 195, 26, 0.5); } .btn-market { background-color: #121921; text-transform: none; text-align: left; fill: #fff; padding: 13px 26px; } .btn-market .utouch-icon { margin-right: 5px; height: 26px; width: 26px; } .btn-market > * { display: inline-block; vertical-align: middle; } .btn-market .text { overflow: hidden; } .btn-market span { display: block; } .btn-market .sup-title { font-size: 10px; opacity: .7; } .btn-market .title { font-size: 16px; } .btn-market:after { box-shadow: 10px 0 15px 0 rgba(18, 25, 33, 0.3); } /*------------- #Button back-to-top --------------*/ .back-to-top { position: absolute; z-index: 20; width: 60px; height: 60px; line-height: 77px; display: block; fill: #fff; stroke: inherit; transition: all .3s ease; top: -30px; left: 50%; transform: translate(-50%, 0); cursor: pointer; box-shadow: 10px 0 30px 0 rgba(0, 130, 215, 0.4); border-radius: 100%; background-color: #0083ff; text-align: center; } .back-to-top.hidden { opacity: 0; } .back-to-top .utouch-icon { fill: #fff; height: 28px; width: 28px; } /*================= Responsive Mode ============*/ @media (max-width: 1024px) { .btn + .btn { margin-left: 0; margin-top: 15px; } } @media (max-width: 768px) { .btn { padding: 15px 35px; font-size: 13px; } .btn--round { padding: 0; } .btn-small { padding: 14px 25px; } } @media (max-width: 460px) { .btn { font-size: 10px; } } /*------------- #SLIDERS --------------*/ .main-slider { position: relative; cursor: pointer; background-color: #ecf5fe; } .main-slider .swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: auto; background-size: cover; background-repeat: no-repeat; } .main-slider .slider-content { margin: 0 auto 65px; } @media (max-width: 980px) { .main-slider .slider-content { padding: 20px 5px; } } .main-slider .slider-content .slider-content-title { margin-bottom: 10px; line-height: 1.3; } .main-slider .slider-content .slider-content-text { margin-bottom: 25px; line-height: 1.45; font-weight: 400; } .main-slider .slider-content.align-both .slider-content-title { margin-bottom: 23px; line-height: 1.2; } .main-slider .slider-content.align-both .slider-content-text { margin-bottom: 33px; line-height: 1.55; } .main-slider .main-slider-bg-dark .slider-content .slider-content-title { color: #fff; } .main-slider .main-slider-bg-dark .slider-content .slider-content-text { color: #fff; opacity: 1; } .main-slider .main-slider-bg-dark .with-decoration .first-decoration, .main-slider .main-slider-bg-dark .with-decoration .second-decoration { fill: #fff; } .main-slider.navigation-center-both-sides .btn-prev { left: 0; } .main-slider.navigation-center-both-sides .btn-next { right: 0; } @media (max-width: 768px) { .main-slider .table-cell { float: none; display: block; } } .main-slider .slider-thumb { overflow: hidden; padding: 0 15px; } @media (max-width: 768px) { .main-slider .slider-thumb { height: auto; overflow: visible; } } .main-slider .main-slider-btn-wrap .btn + .btn { margin-left: 20px; } @media (max-width: 980px) { .main-slider .main-slider-btn-wrap .btn + .btn { margin-left: 0; margin-top: 20px; } } @media (max-width: 320px) { .main-slider .main-slider-btn-wrap .btn + .btn { margin-top: 20px; } } .main-slider.main-slider-bg-dark .slider-content .slider-content-title { color: #fff; } .main-slider.main-slider-bg-dark .slider-content .slider-content-text { color: #fff; } .main-slider .thumb-left { direction: rtl; } .main-slider .thumb-left .slider-content { direction: ltr; } .main-slider .thumb-right { direction: ltr; } @media (max-width: 768px) { .main-slider .table { width: 100%; } } @media (max-width: 768px) { .main-slider .container > .row.table-cell { display: block; } } @media (max-width: 570px) { .main-slider .container > .row.table-cell { float: none; } } .main-slider.main-slider-bg-photo-wrap { height: 100vh; } .main-slider > .container > .table { margin: 0 -15px 0 -15px; height: 100%; } @media (max-width: 980px) { .main-slider > .container > .table { padding-top: 40px; } } @media (max-width: 640px) { .main-slider > .container > .table { margin: 0 auto; } } .main-slider.no-labels { padding-bottom: 0; } .with-decoration { position: relative; padding: 0 40px; } .with-decoration .first-decoration, .with-decoration .second-decoration { display: block; position: absolute; top: 50%; width: 65px; max-height: 100%; fill: inherit; } .with-decoration .first-decoration { left: 0; transform: translate(0, -50%) rotate(180deg); } .with-decoration .second-decoration { right: 0; transform: translate(0, -50%); } .main-slider-bg-light .with-decoration .first-decoration, .main-slider-bg-light .with-decoration .second-decoration { fill: #273f5b; } .background-contain { background-size: contain; background-repeat: no-repeat; } .background-cover { background-size: cover; } .bg-1 { background-image: url("../img/clouds1.png"); } .bg-2 { background-image: url("../img/clouds2.png"); } .bg-3 { background-image: url("../img/clouds3.png"); } .bg-4 { background-image: url("../img/clouds4.png"); } .bg-5 { background-image: url("../img/clouds5.png"); } .bg-6 { background-image: url("../img/clouds6.png"); } .bg-7 { background-image: url("../img/clouds7.png"); } .bg-8 { background-image: url("../img/clouds11.png"); } .bg-9 { background-image: url("../img/clouds13.png"); } .bg-10 { background-image: url("../img/clouds14.png"); } .bg-11 { background-image: url("../img/clouds15.png"); } .bg-12 { background-image: url("../img/clouds16.png"); } .bg-13 { background-image: url("../img/clouds17.png"); } .bg-14 { background-image: url("../img/clouds18.png"); } .bg-15 { background-image: url("../img/clouds19.png"); } .bg-16 { background-image: url("../img/clouds20.png"); } .bg-17 { background-image: url("../img/clouds21.png"); } .bg-18 { background-image: url("../img/clouds22.png"); } .bg-19 { background-image: url("../img/clouds24.png"); } .bg-20 { background-image: url("../img/clouds25.png"); } .bg-rounded1 { background-image: url("../img/bg-rounded1.png"); } .bg-rounded2 { background-image: url("../img/bg-rounded2.png"); } .bg-rounded3 { background-image: url("../img/bg-rounded3.png"); } .bg-rounded4 { background-image: url("../img/bg-rounded4.png"); } /*------------- #Slider Faqs --------------*/ .slider-faqs-thumb { position: relative; text-align: center; background-image: url("../img/faqs-cloud.png"); background-repeat: no-repeat; background-size: contain; } .slider-faqs-thumb .utouch-icon { height: 240px; width: 240px; } .slider-faqs-title { text-transform: uppercase; margin-bottom: 35px; letter-spacing: .2em; } .slider-slides { margin-bottom: 75px; z-index: 999; padding: 10px 0; } .slides-item { display: inline-block; position: relative; margin-right: 40px; width: 60px; height: 60px; line-height: 60px; color: #fff; text-align: center; font-size: 30px; font-weight: 700; background-color: #0083ff; opacity: .3; transition: all .3s ease; border-radius: 100%; cursor: pointer; } .slides-item.slide-active { opacity: 1; box-shadow: 10px 0 10px 0 rgba(0, 131, 255, 0.2); } .slides-item:last-child { margin-right: 0; } .with-thumbs { text-align: center; margin: 40px 0; } .with-thumbs .slides-item { margin-right: 10px; line-height: 1; overflow: hidden; background-color: transparent; } .slider-slides--vertical-line .slides-item { opacity: 1; background-color: transparent; font-size: 18px; color: #849dbd; } .slider-slides--vertical-line .slides-item:first-child { margin-left: 40px; } .slider-slides--vertical-line .slides-item.slide-active { box-shadow: none; top: 20px; } .slider-slides--vertical-line .slides-item.slide-active .round:before { opacity: 1; height: 60px; } .slider-slides--vertical-line .slides-item.slide-active .round.primary { background-color: #0083ff; } .slider-slides--vertical-line .slides-item.slide-active .round.orange { background-color: #F89101; } .slider-slides--vertical-line .slides-item.slide-active .round.red { background-color: #ff3133; } .slider-slides--vertical-line .round { display: inline-block; width: 6px; height: 6px; border-radius: 100%; background-color: #a1b7d2; margin-right: 15px; position: relative; } .slider-slides--vertical-line .round:before { content: ''; display: block; position: absolute; width: 4px; height: 0; border-radius: 0 0 5px 5px; top: -70px; left: 1px; opacity: 0; transition: all .3s ease; } .slider-slides--vertical-line .round.primary:before { background-color: #0083ff; } .slider-slides--vertical-line .round.orange:before { background-color: #F89101; } .slider-slides--vertical-line .round.red:before { background-color: #ff3133; } .cloud-center { background-repeat: no-repeat; background-position: 50% 50%; } .play-with-title { display: flex; align-items: center; } .play-with-title .video-control { margin-right: 15px; } .video-control { padding: 15px; } .video-control img { box-shadow: 10px 0 30px 0 rgba(215, 20, 58, 0.4); border-radius: 20px; } .play-title { font-size: 20px; } .btn-slider-wrap { display: inline-block; z-index: 99; } .navigation-bottom { padding-bottom: 70px; } .navigation-left-bottom { position: absolute; left: 13%; bottom: 50px; } .navigation-center-bottom { position: absolute; left: 50%; bottom: 10px; transform: translate(-50%, 0); } .navigation-top-right { position: absolute; right: 3%; top: 0; } .swiper-container.top-navigation { padding-top: 70px; top: -70px; } .crumina-module-slider .swiper-container { z-index: 5; } .navigation-center-both-sides .btn-prev, .navigation-center-both-sides .btn-next { top: 50%; transform: translate(0, -50%); position: absolute; } .navigation-center-both-sides .btn-prev { left: 60px; } .navigation-center-both-sides .btn-next { right: 60px; } .navigation-top-both-sides .btn-prev, .navigation-top-both-sides .btn-next { top: 0; position: absolute; } .navigation-top-both-sides .btn-prev { left: 10%; } .navigation-top-both-sides .btn-next { right: 10%; } .btn-prev, .btn-next { transition: all .3s ease; stroke: inherit; opacity: .4; cursor: pointer; display: inline-block; position: relative; z-index: 10; } .btn-prev:after, .btn-next:after { content: ''; display: block; height: 100%; width: 15px; position: absolute; top: 0; } .btn-prev .utouch-icon, .btn-next .utouch-icon { color: #0083ff; fill: #0083ff; transition: all .3s ease; width: 36px; height: 36px; } .btn-prev .icon-hover, .btn-next .icon-hover { opacity: 0; position: absolute; } .btn-prev:hover, .btn-next:hover { opacity: 1; } .btn-prev:hover .icon-hover, .btn-next:hover .icon-hover { opacity: 1; } .btn-prev .icon-hover { left: 0; } .btn-next .icon-hover { right: 0; } .btn-next:hover { margin-left: 5px; margin-right: -5px; } .btn-prev:hover { margin-left: -5px; margin-right: 5px; } .btn-prev.with-bg, .btn-next.with-bg { opacity: .4; background-color: #0083ff; } .btn-prev.with-bg .utouch-icon, .btn-next.with-bg .utouch-icon { fill: #fff; } .btn-prev.with-bg.rounded, .btn-next.with-bg.rounded { border-radius: 30px; } .btn-prev.with-bg.round, .btn-next.with-bg.round { width: 80px; height: 80px; padding: 0; border-radius: 100%; } .btn-prev.with-bg.round .utouch-icon, .btn-next.with-bg.round .utouch-icon { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .btn-prev.with-bg.bg-black, .btn-next.with-bg.bg-black { background-color: #121921; } .btn-prev.with-bg.bg-black:hover, .btn-next.with-bg.bg-black:hover { background-color: #0083ff; } .btn-prev.with-bg { border-radius: 0 30px 30px 0; padding: 7px 0 0 15px; } .btn-prev.with-bg .icon-hover { left: 16px; } .btn-prev.with-bg:hover { margin-left: 0; margin-right: 0; padding: 7px 15px 0 15px; opacity: 1; } .btn-prev.with-bg.rounded:hover { padding: 7px 20px 0 15px; } .btn-next.with-bg { border-radius: 30px 0 0 30px; padding: 7px 15px 0 0; } .btn-next.with-bg .icon-hover { right: 16px; } .btn-next.with-bg:hover { margin-left: 0; margin-right: 0; padding: 7px 15px 0 15px; opacity: 1; } .btn-next.with-bg.rounded:hover { padding: 7px 15px 0 20px; } .btn-next:after { left: -15px; } .btn-prev:after { right: -15px; } .btn-prev.btn--style, .btn-next.btn--style { padding: 7px 40px; border-radius: 30px; background-color: #ecf5fe; opacity: 1; text-transform: uppercase; color: #6987ab; font-weight: 700; } .btn-prev.btn--style span, .btn-next.btn--style span { display: inline-block; vertical-align: middle; } .btn-prev.btn--style .utouch-icon, .btn-next.btn--style .utouch-icon { fill: #6987ab; display: inline-block; vertical-align: middle; } .btn-prev.btn--style .icon-hover, .btn-next.btn--style .icon-hover { right: auto; left: auto; } .btn-prev.btn--style:hover, .btn-next.btn--style:hover { color: #0083ff; background-color: #fff; box-shadow: 10px 0 50px rgba(0, 131, 255, 0.15); } .btn-prev.btn--style:hover .utouch-icon, .btn-next.btn--style:hover .utouch-icon { fill: #0083ff; } .crumina-module-slider { position: relative; } .slider-tabs-vertical-line .swiper-slide { padding: 120px 0; background-size: contain; margin-bottom: 125px; } .slider-tabs-vertical-line .slider-slides { position: absolute; bottom: 35px; width: 100%; margin-bottom: 0; text-align: center; } .slider-tabs-vertical-thumb { margin-bottom: -310px; } .slider-slides--round-text .slides-item { display: block; margin-right: 0; width: auto; height: auto; line-height: 1.4; text-align: left; font-weight: 400; background-color: transparent; border-radius: 0; opacity: 1; font-size: unset; padding-bottom: 30px; margin-bottom: 10px; } .slider-slides--round-text .slides-item.slide-active .number { border-color: #fff; box-shadow: 0 0 30px rgba(255, 255, 255, 0.3); } .slider-slides--round-text .slides-item:after { content: ''; display: block; width: 4px; background-color: #0069cc; border-radius: 5px; position: absolute; bottom: 0; top: 70px; left: 28px; } .slider-slides--round-text .number { font-size: 30px; font-weight: 700; float: left; margin-right: 35px; height: 60px; width: 60px; border-radius: 100%; border: 4px solid #0069cc; color: #fff; text-align: center; line-height: 60px; } .slider-slides--round-text .crumina-heading { overflow: hidden; margin-bottom: 0; } .screenshots-item-bottom .swiper-wrapper { align-items: flex-end; } .slider--full-width .swiper-container { padding-top: 20px; max-width: 1400px; } .screenshots-slider-style1 .swiper-slide { transform: scale(0.5); opacity: .5; transition: all .3s ease; } .screenshots-slider-style1 .swiper-slide .screenshot-item img { box-shadow: none; } .screenshots-slider-style1 .swiper-slide.swiper-slide-active { transform: scale(1); opacity: 1; } .screenshots-slider-style1 .swiper-slide.swiper-slide-active .screenshot-item img { box-shadow: 15px 0 20px rgba(72, 9, 94, 0.4); } .screenshots-slider-style1 .swiper-slide.swiper-slide-prev, .screenshots-slider-style1 .swiper-slide.swiper-slide-next { transform: scale(0.7); opacity: .8; } .screenshots-slider-style2 .swiper-slide { opacity: .5; } .screenshots-slider-style2 .swiper-slide .screenshot-item img { box-shadow: none; } .screenshots-slider-style2 .swiper-slide.swiper-slide-active { opacity: 1; } .screenshots-slider-style2 .swiper-slide.swiper-slide-active .screenshot-item img { box-shadow: 30px 0 30px rgba(0, 0, 0, 0.3); } .screenshots-slider-style2.navigation-center-both-sides .btn-prev { opacity: 1; left: 0; } .screenshots-slider-style2.navigation-center-both-sides .btn-next { opacity: 1; right: 0; } .screenshot-item img { width: 100%; } .slider-with-device { position: relative; padding-bottom: 100px; } .slider-with-device .swiper-container { background: url("../img/smartphone2.png") 50% 0 no-repeat; background-size: contain; padding: 80px 0; } .slider-with-device .swiper-slide { opacity: .5; transition: all .3s ease; transform: scale(0.7); } .slider-with-device .swiper-slide .screenshot-item img { box-shadow: none; } .slider-with-device .swiper-slide.swiper-slide-active { transform: scale(0.9); opacity: 1; } .slider-with-device .swiper-slide.swiper-slide-active .screenshot-item img { box-shadow: 30px 0 30px rgba(0, 0, 0, 0.3); } .slider--full-width-3items .swiper-slide { width: 1140px; padding-right: 60px; max-width: 100%; opacity: .2; } .slider--full-width-3items .swiper-slide.swiper-slide-active { opacity: 1; } .slider-3-items .swiper-slide { opacity: .9; } .slider-3-items .swiper-slide img { border-radius: 20px; overflow: hidden; display: block; min-width: 100%; } .slider-3-items .swiper-slide.swiper-slide-active { opacity: 1; } /*================= Responsive Mode ============*/ @media (max-width: 1024px) { .slider-with-device .swiper-container { padding: 40px 0; } } @media (max-width: 800px) { .slider-tabs-vertical-thumb { margin-bottom: 0; } .navigation-center-both-sides .btn-next { right: 5px; } .navigation-center-both-sides .btn-prev { left: 5px; } } @media (max-width: 768px) { .slides-item { margin-right: 20px; width: 30px; height: 30px; line-height: 30px; font-size: 20px; } .slider-with-device .swiper-container { padding: 60px 0; } } @media (max-width: 640px) { .swiper-container.top-navigation { top: auto; } .btn-prev.btn--style, .btn-next.btn--style { display: block; margin-bottom: 20px; } } @media (max-width: 480px) { .slider-with-device .swiper-slide { padding: 40px; } } @media (max-width: 460px) { .slides-item { margin-right: 15px; width: 25px; height: 25px; line-height: 25px; font-size: 16px; } .slider-slides--vertical-line .slides-item:first-child { margin-left: 0; } } /*------------- #INFO-BOX --------------*/ .info-boxes .crumina-info-box { margin-bottom: 30px; } .crumina-info-box .info-box-content { overflow: hidden; position: relative; transition: all .3s ease; } .crumina-info-box .info-box-image { margin-right: 30px; margin-bottom: 10px; overflow: hidden; transition: all .3s ease; } .info-box--standard .utouch-icon { height: 32px; width: 32px; margin-right: 25px; fill: #0083ff; color: #0083ff; } .info-box--standard .info-box-image { margin-bottom: 20px; margin-right: 0; } .info-box--standard .icon-big { margin-right: 40px; height: 75px; width: 75px; } .info-box--standard .icon-small { height: 40px; width: 40px; margin-right: 20px; } .info-box--standard-hover { text-align: center; } .info-box--standard-hover .info-box-image { margin: 0 auto 25px; border-radius: 0; position: relative; } .info-box--standard-hover .cloud { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .info-box--standard-hover .info-box-image .utouch-icon { height: 70px; width: 70px; } .info-box--standard-hover .info-box-title { display: block; margin-bottom: 15px; } .info-box--standard-hover .info-box-text { margin-bottom: 40px; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } .info-box--standard-hover:hover .info-box-title { color: #0083ff; } .info-box--standard-hover:hover .btn-next { opacity: 1; } .info-box--standard-hover:hover .btn-next .icon-hover { opacity: 1; } .info-box--standard-round { text-align: left; position: relative; z-index: 10; } .info-box--standard-round .info-box-title { margin-bottom: 17px; } .info-box--standard-round .info-box-image { float: left; width: 100px; height: 100px; line-height: 140px; background-color: #fff; box-shadow: 20px 0 60px 0 rgba(0, 0, 0, 0.1); border-radius: 100%; position: relative; } .info-box--standard-round .utouch-icon { height: 50px; width: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .info-box--standard-round.icon-right { text-align: right; } .info-box--standard-round.icon-right .info-box-image { float: right; margin-right: 0; margin-left: 30px; } .negative-margin-right150 { margin-right: -150px; } .negative-margin-left150 { margin-left: -150px; } .particular-image { display: block; margin: -100px auto 50px; } .info-box--numbers .order-number { color: #0083ff; margin-bottom: 20px; } .info-box--numbers .info-box-title { font-size: 28px; margin-bottom: 20px; } .info-box--time-line { text-align: center; margin-top: 20px; } .info-box--time-line .info-box-image { width: 100px; height: 100px; line-height: 135px; border-radius: 100%; text-align: center; margin: 0 auto 15px; } .info-box--time-line .info-box-image.bg-primary-color { box-shadow: 10px 0 30px 0 rgba(0, 131, 255, 0.4); } .info-box--time-line .info-box-image.bg-orange { box-shadow: 10px 0 30px 0 rgba(248, 145, 1, 0.4); } .info-box--time-line .info-box-image.bg-red { box-shadow: 10px 0 30px 0 rgba(255, 49, 51, 0.4); } .info-box--time-line .info-box-image.bg-green { box-shadow: 10px 0 30px 0 rgba(1, 162, 60, 0.4); } .info-box--time-line .utouch-icon { fill: #fff; height: 40px; width: 40px; } .info-box--time-line .time-line-arrow { fill: #0083ff; } .info-box--time-line .timeline-year { margin-bottom: 17px; } .info-box--time-line .info-box-title { margin-bottom: 15px; display: block; } .time-line-arrow { position: absolute; top: 50px; right: -25px; fill: #0083ff; opacity: .3; } .info-box--classic .utouch-icon { height: 60px; width: 60px; } .info-box--classic .info-box-image { float: left; margin: 20px 40px 0 0; } .info-box--classic .info-box-content { overflow: hidden; } .info-box--classic .info-box-title { margin-bottom: 17px; } .text-box .title { font-size: 16px; margin-bottom: 20px; } .text-box ul li { font-weight: 300; display: block; margin-bottom: 15px; line-height: 1; } .text-box + .text-box { margin-top: 50px; } /*================= Responsive Mode ============*/ @media (max-width: 1199px) { .display-flex.info-boxes { display: block; } .crumina-info-box.negative-margin-right150 { margin-right: 0; } .crumina-info-box.negative-margin-left150 { margin-left: 0; } .particular-image { margin: 0 auto 30px; } .particular-image + .btn { margin-bottom: 30px; } } @media (max-width: 768px) { .info-box--standard-hover .btn-next { opacity: 1; } .info-box--standard-hover .btn-next .icon-hover { opacity: 1; } .time-line-arrow { right: 0; } .info-box--standard-hover .info-box-image { margin: 0 auto 20px; } .info-box--standard-round .info-box-image { width: 70px; height: 70px; line-height: 100px; } .info-box--standard .icon-big { margin-right: 15px; } .info-box--classic .info-box-image { float: none; margin: 0; } } /*------------- #TESTIMONIAL --------------*/ .testimonials-wrap .crumina-testimonial-item { margin-bottom: 60px; } .crumina-testimonial-item { position: relative; } .crumina-testimonial-item .rait-stars { position: relative; z-index: 2; } .crumina-testimonial-item .author-name { display: block; margin: 0; color: #0083ff; } .crumina-testimonial-item .author-company { color: #63768d; display: block; } .crumina-testimonial-item .testimonial-text { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } .testimonial-img-author { border-radius: 100%; overflow: hidden; text-align: center; } .testimonial-item-author-top { text-align: center; padding-top: 20px; } .testimonial-item-author-top .author-info { text-align: center; } .testimonial-item-author-top .testimonial-text { font-size: 20px; margin-bottom: 70px; line-height: 1.3; } .testimonial-item-author-top .testimonial-img-author { width: 60px; height: 60px; line-height: 60px; margin: 0 auto 40px; box-shadow: 10px 0 30px 0 rgba(81, 116, 141, 0.4); } .testimonial-item-author-top .author-name { margin-bottom: 10px; } .testimonial-item-arrow { padding: 40px; background-color: #fff; border-radius: 10px; position: relative; box-shadow: 10px 0 10px 0 rgba(18, 25, 33, 0.1); margin-top: 15px; } .testimonial-item-arrow .testimonial-text { margin-bottom: 20px; } .testimonial-item-arrow .author-info-wrap { margin-bottom: 10px; } .testimonial-item-arrow .author-info-wrap > * { display: inline-block; vertical-align: middle; } .testimonial-item-arrow .testimonial-img-author { margin-right: 20px; margin-bottom: 15px; width: 60px; height: 60px; line-height: 60px; box-shadow: 10px 0 30px 0 rgba(81, 116, 141, 0.4); } .testimonial-item-author-left .testimonial-img-author { width: 160px; height: 160px; line-height: 310px; float: left; background-color: #edf6fc; margin-right: 40px; } .testimonial-item-author-left .author-name { margin-bottom: 25px; } .testimonial-item-author-left .testimonial-text { font-weight: 400; margin-bottom: 25px; } .testimonial-item-author-left .author-info-wrap { overflow: hidden; } .testimonial-item-quote-right { padding: 0 40px 40px; background-color: #fff; border-radius: 10px; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.1); overflow: visible; margin-top: 80px; } .testimonial-item-quote-right .testimonial-img-author { text-align: left; margin-bottom: -30px; top: -60px; position: relative; overflow: visible; } .testimonial-item-quote-right .testimonial-img-author img { border-radius: 100%; box-shadow: 10px 0 30px 0 rgba(18, 25, 33, 0.15); } .testimonial-item-quote-right .testimonial-img-author .share-product, .testimonial-item-quote-right .testimonial-img-author .social__item.main { top: auto; bottom: 0; right: auto; left: 10px; } .testimonial-item-quote-right .author-name { font-size: 22px; margin-bottom: 10px; color: inherit; } .testimonial-item-quote-right .author-name:hover { color: #0083ff; } .testimonial-item-quote-right .author-company { font-size: 14px; font-weight: 700; margin-bottom: 20px; } .testimonial-item-quote-right .testimonial-text { font-weight: 400; margin-bottom: 35px; } .testimonial-item-quote-right .quote { position: absolute; bottom: 20px; right: 40px; } .testimonial-item-quote-right .quote .utouch-icon { width: 60px; height: 60px; fill: #e6eff9; } .testimonial-item-quote-top { text-align: center; } .testimonial-item-quote-top .author-info { text-align: center; } .testimonial-item-quote-top .testimonial-text { font-size: 28px; margin-bottom: 35px; } .testimonial-item-quote-top .author-name { margin-bottom: 5px; } .testimonial-item-quote-top .quote .utouch-icon { width: 100px; height: 100px; fill: #e6eff9; } .rait-stars .utouch-icon { height: 13px; width: 13px; fill: #FECF39; } .rait-stars li { display: inline-block; } .rait-stars li + li { margin-left: 2px; } /*================= Responsive Mode ============*/ @media (max-width: 990px) { .testimonial-item-author-left .testimonial-img-author { float: none; margin-right: 0; margin-bottom: 20px; } } @media (max-width: 980px) { .testimonial-item-arrow { padding: 30px; } } @media (max-width: 460px) { .testimonial-item-quote-right { padding: 0 10px 40px; } .testimonial-item-author-top .testimonial-text { margin-bottom: 20px; } .testimonial-item-quote-top .testimonial-text { font-size: 20px; } } /*------------- #PAGINATION --------------*/ .swiper-pagination { position: absolute; transition: all .3s ease; align-items: center; z-index: 5; left: 50%; bottom: 10px; transform: translate(-50%, 0) !important; width: 90%; } .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; background-color: #a1b7d2; margin: auto 5px; border-radius: 50%; cursor: pointer; transition: all .3s ease; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; background-color: #0083ff; transition: all .3s ease; border-radius: 10px; } .swiper-pagination.top-right { left: auto; bottom: auto; right: 0; top: 0; transform: translate(0); } .swiper-pagination.bottom-left { left: 0; bottom: 0; transform: translate(0) !important; top: auto; } .swiper-pagination.right-bottom { right: 100px; bottom: -50px; top: auto; transform: translate(0); } .swiper-pagination.pagination-white .swiper-pagination-bullet { background-color: #fff; } .swiper-pagination.pagination-white .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0083ff; } .pagination-bottom { padding-bottom: 80px; } /*================= Responsive Mode ============*/ @media (max-width: 1024px) { .swiper-pagination.bottom-left { bottom: 20px; } } /*------------- #OUR-VIDEO --------------*/ .crumina-our-video { overflow: hidden; min-width: 100%; position: relative; text-align: center; } .crumina-our-video .cloud { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .crumina-our-video .hand { position: relative; margin: -100px auto 0; z-index: 19; display: block; } .video-thumb { position: relative; display: inline-block; width: 100%; } .video-thumb .video-control { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 10; } .video-thumb img { display: block; width: 100%; } .video-thumb.with-border-r { border-radius: 10px; overflow: hidden; } .with-border-r { border-radius: 10px; overflow: hidden; } .block-rounded-shadow .crumina-our-video { margin: 60px -60px; } .video-with-cloud .video-thumb { width: auto; } /*================= Responsive Mode ============*/ @media (max-width: 1199px) { .block-rounded-shadow { padding: 30px; } .block-rounded-shadow .crumina-our-video { margin: 60px -30px; } .video-thumb .video-control { width: 30%; } } /*------------- #CLIENTS --------------*/ .crumina-clients { padding: 95px 0; background-image: url("../img/clouds12.png"); } .clients-item { position: relative; min-height: 50px; display: flex; } .clients-item:hover img { opacity: 0; } .clients-item:hover .hover { opacity: 1; } .clients-item img { position: relative; transition: all .3s linear; transform-style: preserve-3d; } .clients-item img.hover { position: absolute; top: 0; left: 0; opacity: 0; z-index: 5; } .clients-item .clients-images { position: relative; display: block; margin: auto; } /*================= Responsive Mode ============*/ @media (max-width: 1200px) { .crumina-clients { padding: 40px 0; } .clients-item { margin-bottom: 20px; } } /*------------- #COUNTERS --------------*/ .counters { z-index: 2; overflow: hidden; position: relative; padding: 100px 0; display: flex; align-items: center; } .crumina-counter-item .counter-numbers { font-size: 46px; line-height: 1; font-weight: 700; margin-bottom: 20px; } .crumina-counter-item .counter-title { color: #fff; margin: 0; line-height: 1.1; font-weight: 700; } .crumina-counter-item .units { display: inline-block; } .counter-item-colored { text-align: center; } .counter-item-colored .counter-numbers { margin-bottom: 15px; } .counter-item-colored .counter-title { color: #273f5b; } /*================= Responsive Mode ============*/ @media (max-width: 1200px) { .counters { display: block; text-align: center; padding: 50px 0; } .crumina-counter-item { margin-bottom: 30px; } } @media (max-width: 768px) { .crumina-counter-item .counter-numbers { font-size: 30px; } } /*------------- #PRICING-TABLES --------------*/ .crumina-pricing-tables-item { position: relative; transition: all .3s ease; } .pricing-tables-item-standard .main-pricing-content { position: relative; width: calc(100% - 30px); background-color: #fff; box-shadow: 20px 0 60px 0 rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 60px; z-index: 5; transition: all .3s ease; } .pricing-tables-item-standard .rate { margin-bottom: 13px; margin-top: 0; } .pricing-tables-item-standard .price { font-size: 72px; } .pricing-tables-item-standard .pricing-title { color: #6987ab; margin-bottom: 30px; } .pricing-tables-item-standard .pricing-description { margin-bottom: 30px; } .pricing-tables-item-standard .sub-description { font-size: 14px; color: #566c86; margin-top: 27px; margin-bottom: 0; } .pricing-tables-item-standard:hover { margin-bottom: -30px; margin-top: -30px; } .pricing-tables-item-standard:hover .main-pricing-content { padding: 90px 60px; } .bg-pricing-content { position: absolute; width: calc(100% - 30px); height: calc(100% + 50px); right: 0; top: 30px; border-radius: 10px; text-align: center; } .bg-pricing-content .title { color: #fff; position: absolute; bottom: 20px; text-transform: uppercase; width: 100%; left: 0; } .position-item { color: #273f5b; font-weight: 700; font-size: 14px; margin-bottom: 18px; } .position-item.del { opacity: .6; text-decoration: line-through; } .pricing-line { height: 4px; border-radius: 5px; margin-bottom: 30px; } .pricing-tables--item-with-thumb { text-align: center; padding: 60px; border-radius: 10px; background-color: #fff; box-shadow: 20px 0 60px 0 rgba(0, 0, 0, 0.1); overflow: hidden; } .pricing-tables--item-with-thumb .icon-img { height: 100px; width: 100px; margin: 0 auto; z-index: 2; position: relative; } .pricing-tables--item-with-thumb .cloud { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pricing-tables--item-with-thumb .pricing-thumb { position: relative; margin-bottom: 25px; } .pricing-tables--item-with-thumb .pricing-title { display: block; font-size: 28px; } .pricing-tables--item-with-thumb .more-arrow { float: left; } .pricing-tables--item-with-thumb .rate { float: right; margin: 0; line-height: 1; } .pricing-tables--item-with-thumb .rate span { font-size: 36px; } .pricing-tables--item-with-thumb .pricing-description { margin-bottom: 35px; } .pricing-tables--item-with-thumb:hover { margin-bottom: -30px; margin-top: -30px; padding: 90px 60px; box-shadow: 20px 0 60px 0 rgba(0, 131, 255, 0.2); border-bottom: 5px solid #0083ff; } .pricing-tables--item-with-thumb:hover .pricing-title { color: #0083ff; } .pricing-tables-item-colored { padding: 60px 30px 90px; border-radius: 20px; text-align: center; } .pricing-tables-item-colored .rate { color: #fff; font-size: 48px; margin: 0 0 15px 0; } .pricing-tables-item-colored .rate span { font-size: 72px; } .pricing-tables-item-colored .period { color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: .3em; } .pricing-tables-item-colored .main-pricing-content { border-radius: 20px; background-color: #fff; padding: 50px 30px 80px; margin-top: 45px; position: relative; box-shadow: 20px 0 60px 0 rgba(0, 0, 0, 0.1); } .pricing-tables-item-colored .pricing-line { width: 70%; margin: 0 auto 35px; } .pricing-tables-item-colored .pricing-title { text-transform: uppercase; font-size: 30px; margin: 0 0 27px 0; } .pricing-tables-item-colored .btn { position: absolute; top: calc(100% - 25px); left: 50%; transform: translate(-50%, 0); white-space: nowrap; } .pricing-tables-item-colored .position-item { margin-bottom: 8px; } .pricing-tables-item-colored:hover { margin-bottom: -30px; margin-top: -30px; padding: 90px 30px 120px; } .pricing-tables-wrap { border-radius: 10px; float: left; background-color: #171e25; } .pricing-tables-wrap.bg-light { background-color: transparent; } .pricing-tables-item-solid { text-align: center; margin: 0 2px; min-height: 100%; padding: 60px 30px; display: flex; flex-direction: column; border-radius: 10px; z-index: 1; } .pricing-tables-item-solid .bg-layer { box-shadow: 20px 0 60px 0 rgba(0, 0, 0, 0.1); background-color: #121921; border-radius: 10px; z-index: -1; transition: all .3s ease; } .pricing-tables-item-solid .pricing-title { font-size: 30px; margin: 0 0 30px 0; transition: all .3s ease; } .pricing-tables-item-solid .btn { margin-top: auto; } .pricing-tables-item-solid .rate { color: #fff; font-size: 36px; margin: 0 0 10px 0; transition: all .3s ease; } .pricing-tables-item-solid .rate span { font-size: 60px; } .pricing-tables-item-solid .period { color: #fff; margin-bottom: 25px; transition: all .3s ease; } .pricing-tables-item-solid .position-item { margin-bottom: 7px; color: #4b5d73; transition: all .3s ease; } .pricing-tables-item-solid .pricing-tables-position { margin-bottom: 40px; } .pricing-tables-item-solid:hover { z-index: 1000; } .pricing-tables-item-solid:hover .bg-layer { background-color: #fff; transform: translate3d(0, 0, 0) scale(1.05); backface-visibility: hidden; } .pricing-tables-item-solid:hover .rate, .pricing-tables-item-solid:hover .period { color: #273f5b; } .pricing-tables-item-solid.bg-light .bg-layer { background-color: #fff; } .pricing-tables-item-solid.bg-light .rate, .pricing-tables-item-solid.bg-light .period { color: #273f5b; } .pricing-tables-item-solid.bg-light:hover .bg-layer { background-color: #121921; } .pricing-tables-item-solid.bg-light:hover .rate, .pricing-tables-item-solid.bg-light:hover .period { color: #fff; } /*================= Responsive Mode ============*/ @media (max-width: 1200px) { .pricing-wrap > * { margin-bottom: 120px; } } @media (max-width: 980px) { .pricing-tables-item-standard .price { font-size: 50px; } } .pricing-tables-wrap .no-padding { padding: 0 !important; } @media (max-width: 460px) { .pricing-tables-item-standard .main-pricing-content { padding: 60px 20px; } .pricing-tables-item-standard:hover .main-pricing-content { padding: 90px 20px; } .pricing-tables--item-with-thumb .more-arrow { float: none; margin-bottom: 10px; display: block; } .pricing-tables--item-with-thumb .rate { float: none; } .pricing-tables-item-colored .rate, .pricing-tables-item-solid .rate { font-size: 24px; } .pricing-tables-item-colored .pricing-title { font-size: 18px; } .pricing-tables-item-colored .rate span, .pricing-tables-item-solid .rate span { font-size: 30px; } } /*------------- #SUBSCRIBE-FORM --------------*/ .crumina-module-subscribe-form { padding: 120px 0; } .subscribe-form { position: relative; float: left; width: 100%; } .subscribe-main-content { background-color: #fff; border-radius: 10px; box-shadow: 20px 0 60px 0 rgba(0, 0, 0, 0.1); width: calc(100% - 60px); margin-left: 60px; float: left; z-index: 5; position: relative; padding: 70px 10px 100px 100px; } .subscribe-layer { position: absolute; width: calc(100% - 60px); height: 100%; left: 0; top: 60px; background-color: rgba(255, 255, 255, 0.3); border-radius: 10px; } .subscribe-img { position: absolute; right: -100px; top: 50%; transform: translate(0, -50%); z-index: -1; } /*================= Responsive Mode ============*/ @media (max-width: 1450px) { .subscribe-img { width: 40%; right: 0; } } @media (max-width: 1200px) { .subscribe-img { width: auto; position: relative; transform: none; top: auto; margin-bottom: 30px; } } @media (max-width: 768px) { .subscribe-main-content { padding: 50px 10px; margin-left: 20px; width: calc(100% - 40px); } .subscribe-layer { width: 100%; } } @media (max-width: 480px) { .subscribe-main-content { margin-left: 0; width: 100%; } } /*------------- #MODULE-IMG--------------*/ .crumina-module-img-bottom { display: flex; align-items: flex-end; } .img-bottom { display: inline-block; vertical-align: bottom; } /*================= Responsive Mode ============*/ @media (max-width: 1199px) { .crumina-module-img-bottom { flex-direction: column; align-items: flex-start; } } @media (max-width: 1024px) { .crumina-module-img-bottom { display: block; } } /*------------- #SOCIALS --------------*/ .socials { margin: 15px 0; } .socials li { display: inline-block; margin-right: 10px; } .socials li:last-child { margin-right: 0; } .socials .utouch-icon { height: 15px; width: 15px; fill: #6987ab; display: inline-block; vertical-align: middle; } .socials .utouch-icon:hover { fill: #0083ff; } .social__item { position: relative; } .socials--round .social__item { width: 32px; height: 32px; line-height: 26px; text-align: center; border-radius: 100%; border: 2px solid #d8e1ec; fill: #6987ab; display: block; background-color: transparent; } .socials--round .social__item:hover { border-color: transparent; box-shadow: 5px 0 10px 0 rgba(0, 131, 255, 0.3); } .socials--round .social__item:hover .utouch-icon { fill: #fff; } .socials--round .social__item:hover.rss { background-color: #f4b459; } .socials--round .social__item:hover.mail { background: #996DD1; } .socials--round .social__item:hover.pinterest { background: #cc2127; } .socials--round .social__item:hover.googlePlus { background: #dd4b39; } .socials--round .social__item:hover.facebook { background: #3b5998; } .socials--round .social__item:hover.twitter { background: #55acee; } .socials--round .utouch-icon { height: 15px; width: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .socials--colored .social__item { border-color: transparent; } .socials--colored .social__item.rss { background-color: #f4b459; } .socials--colored .social__item.mail { background: #996DD1; } .socials--colored .social__item.pinterest { background: #cc2127; } .socials--colored .social__item.googlePlus { background: #dd4b39; } .socials--colored .social__item.facebook { background: #3b5998; } .socials--colored .social__item.twitter { background: #55acee; } .socials--colored .social__item:hover { background-color: inherit; } .socials--colored .social__item .utouch-icon { fill: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*------------- #TEAMMEMBERS --------------*/ .teammembers-wrap .crumina-teammembers-item { margin-bottom: 80px; } .crumina-teammembers-item .teammembers-thumb { width: 260px; height: 260px; background-color: #edf6fc; border-radius: 100%; text-align: center; float: left; margin-right: 40px; position: relative; margin-bottom: 30px; } .crumina-teammembers-item .teammembers-thumb img { position: absolute; bottom: -30px; left: 50%; transform: translate(-50%, 0); } .crumina-teammembers-item .teammember-content { overflow: hidden; padding-top: 15px; } .crumina-teammembers-item .teammembers-item-prof { text-transform: uppercase; font-size: 14px; color: #6987ab; font-weight: 700; margin-bottom: 17px; } .crumina-teammembers-item .teammembers-item-name { margin-bottom: 20px; display: block; } .crumina-teammembers-item .teammembers-item-name:hover { color: #0083ff; } .crumina-teammembers-item p { margin-bottom: 30px; } .teammember-item--author-in-round .teammembers-thumb { width: 200px; height: 200px; } .teammember-item--author-in-round .teammembers-thumb img { position: relative; bottom: auto; left: auto; transform: none; border-radius: 100%; box-shadow: 10px 0 30px 0 rgba(18, 25, 33, 0.15); } .teammember-item--author-in-round .teammembers-thumb .btn { position: absolute; bottom: 10px; left: 10px; } .teammember-list > li { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dbe3ec; } .teammember-list > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .thumb--big .teammembers-thumb { width: 260px; height: 260px; } .teammember-item--author-round-top { text-align: center; } .teammember-item--author-round-top .teammembers-thumb { overflow: hidden; float: none; margin-right: 0; margin: 0 auto 30px; } .teammember-item--author-round-top .teammembers-thumb img { position: relative; bottom: auto; left: auto; transform: none; } .teammember-item--author-round-top .teammember-content { padding-top: 0; } /*================= Responsive Mode ============*/ @media (max-width: 1200px) { .crumina-teammembers-item .teammembers-thumb { float: none; margin-right: 0; } .teammember-item--author-in-round .teammembers-thumb { float: left; margin-right: 20px; } .teammember-item--author-round-top .teammembers-thumb { margin: 0 auto 30px; } } @media (max-width: 980px) { .teammember-item--author-in-round .teammembers-thumb { width: 100px; height: 100px; float: none; margin-right: 0; margin-bottom: 0; } .teammember-item--author-in-round .teammembers-thumb .btn { bottom: 0; left: 0; } } @media (max-width: 800px) { .thumb--big .teammembers-thumb { width: 100px; height: 100px; } .crumina-teammembers-item .teammembers-item-prof { font-size: 12px; } } /*------------- #PRODUCT-CASE--------------*/ .crumina-case-item { float: left; position: relative; padding: 30px 0 0; overflow: hidden; } .crumina-case-item .square-colored { position: absolute; bottom: 0; left: 0; z-index: -1; } .crumina-case-item:hover .square-colored:before { opacity: 1; } .crumina-case-item:hover .case-item__thumb { transform: perspective(50em) translateZ(0) translate(0%, 0%) rotateY(0deg) rotateX(0deg); } .crumina-case-item.bg-light .case-item-content .title { color: #273f5b; } .case-item__thumb { float: left; margin: 0 40px; box-shadow: 30px 0 25px 0 rgba(0, 0, 0, 0.2); transition: all .3s ease; transition-delay: 0s; position: relative; transform: perspective(50em) translateZ(0) translate(0%, 0%) rotateY(30deg) rotateX(20deg); } .case-item__thumb a { display: block; } .case-item__thumb img { display: inline-block; vertical-align: bottom; } .case-item-content { overflow: hidden; position: relative; padding: 85px 20px 30px 0; } .case-item-content .title { color: #fff; margin-bottom: 40px; line-height: 1.25; } .case-item-wrap .crumina-case-item { margin-bottom: 100px; } /*================= Responsive Mode ============*/ @media (max-width: 1200px) { .case-item__thumb { float: none; display: inline-block; } .case-item-content { padding: 30px; } } @media (max-width: 768px) { .case-item-wrap .crumina-case-item { margin-bottom: 30px; } } /*------------- #ZOOM IMAGE --------------*/ .crumina-zoom-image { position: relative; display: inline-block; } .crumina-zoom-image img { display: inline-block; } .crumina-zoom-image:hover .zoom-round-img { -webkit-transition: all 2.5s cubic-bezier(0.5, -0.01, 0, 1.005); -moz-transition: all 2.5s cubic-bezier(0.5, -0.01, 0, 1.005); -o-transition: all 2.5s cubic-bezier(0.5, -0.01, 0, 1.005); transition: all 2.5s cubic-bezier(0.5, -0.01, 0, 1.005); -webkit-transform: perspective(50em) translateZ(0) translateY(50%) rotateY(0deg) rotateX(3deg) scale(1); -moz-transform: perspective(50em) translateZ(0) translateY(50%) rotateY(0deg) rotateX(3deg) scale(1); -ms-transform: perspective(50em) translateZ(0) translateY(50%) rotateY(0deg) rotateX(3deg) scale(1); -o-transform: perspective(50em) translateZ(0) translateY(50%) rotateY(0deg) rotateX(3deg) scale(1); transform: perspective(50em) translateZ(0) translateY(50%) rotateY(0deg) rotateX(3deg) scale(1); } .zoom-round-img { position: absolute; top: 0; left: 0; transform: translate(0, 50%) scale(0.4) rotate(90deg); max-width: 100%; border-radius: 100%; border: 14px solid rgba(255, 255, 255, 0.1); box-shadow: 30px 0 30px rgba(0, 0, 0, 0.3); overflow: hidden; transition: all .3s ease; } /*------------- #ACCORDIONS --------------*/ .crumina-accordion { list-style: none; margin: 0; padding: 0; } .accordion-panel { position: relative; background-color: #ecf5fe; border-radius: 5px; margin-bottom: 10px; } .accordion-panel.active { background-color: #fff; border: 2px solid #0083ff; box-shadow: 5px 0 20px rgba(0, 131, 255, 0.3); } .accordion-panel.active .ovh { color: #0083ff; } .accordion-heading { display: table; padding: 11px 25px; font-size: 18px; transition: all .3s ease; } .accordion-heading span { display: table-cell; vertical-align: middle; } .accordion-heading span + span { width: 100%; } .accordion-heading .title { font-weight: 700; color: #273f5b; } .accordion-heading .icons { padding-right: 25px; transition: all .3s ease; opacity: 1; position: relative; top: -2px; } .accordion-heading .icons .utouch-icon { height: 10px; width: 10px; fill: #839bbd; } .accordion-heading .icons .active { opacity: 0; position: absolute; left: 0; transition: all .3s ease; top: 11px; } .crumina-accordion .panel-info { line-height: 1.3; padding: 10px 20px 30px 70px; margin-bottom: 5px; transition: all .3s ease; } .crumina-accordion .panel-info > * { float: none; } .crumina-accordion .panel-heading { margin-bottom: 5px; transition: all .3s ease; } .crumina-accordion .panel-heading.active { border-radius: 50px 50px 0 0; margin-bottom: 0; transition: all .3s ease; } .crumina-accordion .panel-heading.active .accordion-heading { transition: all .3s ease; } .crumina-accordion .panel-heading.active .accordion-heading i, .crumina-accordion .panel-heading.active .accordion-heading .utouch-icon { opacity: 0; } .crumina-accordion .panel-heading.active .accordion-heading i.active, .crumina-accordion .panel-heading.active .accordion-heading .utouch-icon.active { opacity: 1; fill: #0083ff; } .crumina-accordion .panel-heading.active a { padding-bottom: 0; } .accordion__title { font-size: 19px; font-weight: 400; } .accordion__content__a { display: inline-block !important; color: #2dafd6 !important; font-size: 15px; text-decoration: underline; } .accordion__module .after::after { right: 72%; top: 36%; width: 2%; } /*===================================================== Transition =======================================================*/ .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } /*================= Responsive Mode ============*/ @media (max-width: 768px) { .accordion-heading .title { line-height: 1; font-size: 13px; } .crumina-accordion .panel-info { font-size: 13px; } } /*------------- #BLOGS --------------*/ .post-thumb { position: relative; border-radius: 10px 10px 0 0; overflow: hidden; } .post-thumb img { border-radius: 10px 10px 0 0; display: block; width: 100%; } .post-thumb .video-control img { border-radius: 20px; } .post { border-radius: 10px; box-shadow: 10px 0 50px rgba(18, 25, 33, 0.1); transition: all .3s ease; margin-bottom: 60px; position: relative; } .post p { margin-bottom: 30px; } .post .overlay-standard { opacity: 0; } .post .link-image { position: absolute; top: 50%; left: 40%; transform: translate(0, -50%) scale(0); opacity: 0; z-index: 50; transition: all .6s ease; } .post .link-image .utouch-icon { height: 40px; width: 40px; fill: #fff; } .post .link-post { position: absolute; top: 50%; right: 40%; transform: translate(0, -50%) scale(0); opacity: 0; z-index: 50; transition: all .6s ease; } .post .link-post .utouch-icon { height: 40px; width: 40px; fill: #fff; } .post:hover { box-shadow: 10px 0 50px rgba(0, 131, 255, 0.2); } .post:hover .post__title { color: #0083ff; } .post:hover .overlay-standard { opacity: 1; } .post:hover .link-post, .post:hover .link-image { opacity: 1; transform: translate(0, -50%) scale(0.9); } .post:hover .link-post:hover, .post:hover .link-image:hover { transform: translate(0, -50%) scale(1); } .post.sticky:before { content: ''; background: url("../svg/icon252.svg") 50% 50% no-repeat; background-size: 60%; display: block; text-align: center; position: absolute; z-index: 5; top: 60px; right: 100%; height: 45px; width: 35px; background-color: #ff3133; padding: 10px; border-radius: 10px 0 0 10px; } .post.quote .post-thumb { padding: 100px; } @media (max-width: 1024px) { .post.quote .post-thumb { padding: 30px; } } .post.quote .testimonial-content { position: relative; } .post.quote .testimonial-img-author { float: left; margin-right: 30px; width: 60px; height: 60px; } .post.quote .author-company { font-weight: 700; } .post.quote .author-name { margin: 0; } .post.quote .text { font-size: 36px; color: #fff; line-height: 1.2; font-weight: 700; } @media (max-width: 570px) { .post.quote .text { font-size: 18px; } } .post.quote .quote { position: absolute; right: 0; bottom: 0; width: 100px; } @media (max-width: 360px) { .post.quote .quote { display: none; } } .post.video .overlay-standard { opacity: 1; } .post.video .video-control { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .post.link .post-thumb { padding: 95px 100px; } @media (max-width: 1024px) { .post.link .post-thumb { padding: 80px; } } @media (max-width: 570px) { .post.link .post-thumb { padding: 30px; } } .post.link .post-thumb .site-link { color: #FECF39; display: block; } .post.link .thumb-content-title { color: #fff; margin-bottom: 30px; display: block; font-size: 36px; } .post.link .thumb-content { position: relative; z-index: 50; } .post.link .thumb-content .post-link { height: 68px; width: 68px; display: block; position: absolute; right: 0; bottom: 0; } .post__content { padding: 60px; position: relative; } .post__content-info { overflow: hidden; } .post__date { float: left; margin-right: 60px; font-weight: 700; font-size: 14px; } .post__date time > * { display: block; line-height: 1; } .post__date .number { font-size: 50px; margin-bottom: 10px; color: #6987ab; } .post__date .month { margin-bottom: 7px; color: #273f5b; } .post__date .day { font-weight: 400; color: #7b9abf; } .post__title { margin-bottom: 15px; display: block; margin-top: 0; line-height: 1.1em; } .post-additional-info { color: #6987ab; } .post-additional-info > * { display: inline-block; } .post-additional-info > * + * { margin-left: 30px; } .post-additional-info a { color: #273f5b; font-weight: 700; } .post-additional-info a:hover { color: #0083ff; } .post-additional-info a span { color: #6987ab; } .post-additional-info .btn-next { float: right; opacity: 1; top: -5px; margin-right: 5px; } .post-additional-info .btn-next:hover { margin-right: 0; } .post-additional-info .btn-next:hover .icon-hover { opacity: 1; } .share-product { position: absolute; right: 60px; top: -20px; height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; visibility: hidden; padding-right: 50px; z-index: 999; cursor: pointer; } .share-product .socials { margin: 0; } .share-product .socials li { margin-right: 5px; } .share-product .socials li:last-child { margin-right: 0; } .share-product.open { visibility: visible; } .share-product.open .social__item.twitter { -webkit-transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); -webkit-transition-duration: 0.9s; transition-duration: 0.9s; } .share-product.open .social__item.facebook { -webkit-transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .share-product.open .social__item.facebook { -webkit-transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .share-product.open .social__item.googlePlus { -webkit-transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } .share-product.open .social__item.pinterest { -webkit-transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .share-product.open .social__item.mail { -webkit-transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .share-product .social__item { width: 40px; height: 40px; border-radius: 100%; display: inline-block; opacity: 0; text-align: center; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); overflow: hidden; position: relative; -webkit-transition: 0.85s; transition: 0.85s; } .share-product .social__item .utouch-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .share-product .social__item .utouch-icon { height: 16px; width: 16px; fill: #fff; } .social__item.main { opacity: 1; filter: alpha(opacity=100); padding: 0; z-index: 5; letter-spacing: -0.5px; position: absolute; cursor: pointer; right: 60px; top: -20px; -webkit-transition: 0.1s; transition: 0.1s; will-change: max-width, padding-right, opacity, text-indent; width: 40px; height: 40px; line-height: 48px; background-color: #fff; border-radius: 100%; box-shadow: 0 0 30px rgba(39, 63, 91, 0.2); text-align: center; } .social__item.main .utouch-icon, .social__item.main svg { height: 18px; width: 18px; color: #829dbc; fill: #829dbc; position: relative; } .social__item.main.item--small { width: 32px; height: 32px; line-height: 40px; } .share-product .social__item .utouch-icon { outline: 26px solid rgba(44, 42, 42, 0); outline-offset: -12px; -webkit-transition: 0.25s; transition: 0.25s; } .share-product .social__item:hover .utouch-icon { outline: 26px solid rgba(44, 42, 42, 0.2); fill: #fff; } .share-product .social__item.twitter { margin-left: 0; -webkit-transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); transition-timing-function: cubic-bezier(0.41, 1.26, 0.56, 0.99); -webkit-transform: translateX(160px) rotate(582deg); -ms-transform: translateX(160px) rotate(582deg); transform: translateX(160px) rotate(582deg); } .twitter { background: #55acee; } .share-product .social__item.facebook { -webkit-transform: translateX(120px) rotate(436deg); -ms-transform: translateX(120px) rotate(436deg); transform: translateX(120px) rotate(436deg); } .facebook { background: #3b5998; } .share-product .social__item.googlePlus { -webkit-transform: translateX(80px) rotate(290deg); -ms-transform: translateX(80px) rotate(290deg); transform: translateX(80px) rotate(290deg); } .googlePlus { background: #dd4b39; } .share-product .social__item.pinterest { -webkit-transform: translateX(40px) rotate(145deg); -ms-transform: translateX(40px) rotate(145deg); transform: translateX(40px) rotate(145deg); } .pinterest { background: #cc2127; } .share-product .social__item.mail { -webkit-transform: translateX(0) rotate(0deg); -ms-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } .mail { background: #996DD1; } .share-product:hover .social__item, .share-product.hover .social__item { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .rss { background-color: #f4b459; } .share-product--item-right { padding-left: 42px; padding-right: 0; height: 32px; } .share-product--item-right .social__item.main { right: auto; left: 0; width: 32px; height: 32px; } .share-product--item-right .social__item { height: 32px; width: 32px; } /*------------- #Post-standard-details --------------*/ .post-standard-details { margin-bottom: 0; border-radius: 10px 10px 0 0; } .post-standard-details .post-additional-info { margin-bottom: 25px; } .post-standard-details:hover .post__title { color: #273f5b; } .post-details-shared { padding: 55px 0 0; border-top: 2px solid #dbe3ec; } .block-rounded-shadow .post-details-shared { border-top: none; } .tags-inline li { display: inline-block; font-size: 14px; } .tags-inline li + li { margin-left: 5px; } .tags-inline li:first-child { font-weight: 700; color: #273f5b; } .tags-inline li a:hover { color: #0083ff; } .blog-details-author { padding: 55px 60px; box-shadow: 10px 0 50px rgba(18, 25, 33, 0.1) inset; border-radius: 0 0 10px 10px; position: relative; } .blog-details-author .author-name { color: #273f5b; margin-bottom: 15px; display: block; } .blog-details-author .img-author { float: left; margin-right: 40px; } .blog-details-author .img-author img { border-radius: 100%; box-shadow: 10px 0 30px rgba(18, 25, 33, 0.15) inset; } .blog-details-author:before { position: absolute; display: inline-block; content: ''; top: -15px; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid #eff0f0; left: 115px; } /* =WordPress Core -------------------------------------------------------------- */ .align-center, .aligncenter { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } img.aligncenter { display: block; margin: 20px auto; } .alignnone { margin: 5px 20px 20px 0; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 40px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 2px solid #dbe3ec; border-radius: 10px; padding: 15px; margin-bottom: 20px; background: #fff; text-align: center; } .wp-caption img { margin-bottom: 15px; } .wp-caption.wp-caption-text { font-size: 14px; margin-bottom: 0; } .wp-caption-text { font-size: 14px; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption p.wp-caption-text { font-size: 14px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /*================= Responsive Mode ============*/ @media (max-width: 768px) { .post-additional-info > * { display: block; } .post-additional-info > * + * { margin-top: 10px; margin-left: 0; } .post-additional-info .btn-next { margin-right: 0; float: left; } .post-additional-info .icon-hover { opacity: 1; } .post__content { padding: 25px; } .post__date { float: none; margin-right: 0; margin-bottom: 20px; } .post.link .post-thumb { padding: 30px; } .blog-details-author .img-author { float: none; margin-right: 0; margin-bottom: 20px; } .blog-details-author { padding: 20px; } } @media (max-width: 560px) { .post .link-image { left: 30%; } .post .link-post { right: 30%; } .social__item.main { right: 20px; } .share-product { right: 20px; } .post.link .thumb-content-title { font-size: 20px; } .post.sticky::before { top: 20px; height: 30px; width: 30px; } } /*------------- #NAVIGATION --------------*/ .navigation { margin: 20px 0; width: 100%; position: relative; } .page-numbers { position: relative; background-color: #eaf4fe; display: inline-block; margin: 0 12px 0 0; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #6987ab; font-size: 14px; border-radius: 100%; transition: all .3s ease; font-weight: 700; } .page-numbers:hover { background-color: #0083ff; color: #fff; box-shadow: 10px 0 50px rgba(0, 131, 255, 0.15); } .page-numbers.current { background-color: transparent; box-shadow: 10px 0 50px rgba(0, 131, 255, 0.15); color: #0083ff; } .page-numbers span { position: relative; } /*================= Responsive Mode ============*/ @media (max-width: 640px) { .page-numbers { width: 40px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 8px 0 0; } } @media (max-width: 460px) { .page-numbers { width: 25px; height: 25px; line-height: 25px; font-size: 12px; margin: 0 8px 0 0; } } /*------------- #EVENTS --------------*/ .event-item .img-author { width: 42px; height: 42px; border-radius: 100%; margin-right: 18px; float: left; overflow: hidden; } .event-item .author-name { color: #0083ff; font-size: 14px; margin-bottom: 0; } .event-item .event-title { display: block; margin-bottom: 15px; } .event-item .author-company { font-size: 14px; color: #6987ab; } /*------------- #PAGINATION-ARROW --------------*/ .pagination-arrow { padding: 50px 0; display: flex; justify-content: space-between; } .pagination-arrow span { display: block; } .btn-next-wrap { display: flex; align-items: center; } .btn-next-wrap .btn-next:hover { margin-left: 0; margin-right: 0; } .btn-next-wrap .btn-content { position: relative; text-align: right; margin-right: 35px; } .btn-next-wrap .btn-content .btn-content-title { text-transform: uppercase; font-size: 11px; transition: all .3s ease; font-weight: 700; } .btn-next-wrap .btn-content .btn-content-subtitle { font-size: 16px; margin-bottom: 0; color: #6987ab; transition: all .3s ease; font-weight: 700; } .btn-next-wrap:hover { margin-right: -2px; } .btn-next-wrap:hover .btn-content-subtitle { color: #0083ff; } .btn-next-wrap:hover .btn-next { opacity: 1; } .btn-next-wrap:hover .icon-hover { opacity: 1; } .btn-prev-wrap { display: flex; align-items: center; } .btn-prev-wrap .btn-prev { margin-right: 35px; } .btn-prev-wrap .btn-prev:hover { margin-left: 0; margin-right: 35px; } .btn-prev-wrap .btn-content { position: relative; } .btn-prev-wrap .btn-content .btn-content-title { text-transform: uppercase; font-size: 11px; transition: all .3s ease; font-weight: 700; } .btn-prev-wrap .btn-content .btn-content-subtitle { font-size: 16px; margin-bottom: 0; color: #6987ab; transition: all .3s ease; font-weight: 700; } .btn-prev-wrap:hover { margin-left: -2px; } .btn-prev-wrap:hover .btn-content-subtitle { color: #0083ff; } .btn-prev-wrap:hover .btn-prev { opacity: 1; } .btn-prev-wrap:hover .icon-hover { opacity: 1; } .list-post .utouch-icon { width: 32px; height: 32px; fill: #6987ab; } .list-post:hover .utouch-icon { fill: #0083ff; } /*================= Responsive Mode ============*/ @media (max-width: 980px) { .btn-next-wrap .btn-next { margin-left: 0; margin-right: 0; } .btn-prev-wrap .btn-prev { margin-left: 0; margin-right: auto; } .btn-prev-wrap .btn-prev:hover { margin-right: auto; } .btn-next-wrap .btn-content { display: none; } .btn-prev-wrap .btn-content { display: none; } } @media (max-width: 800px) { .pagination-arrow { padding: 30px 0 30px; } } /*------------- #COMMENTS --------------*/ .comments, .commentlist { overflow: hidden; float: none; box-shadow: 10px 0 50px rgba(18, 25, 33, 0.1); border-radius: 0 0 10px 10px; padding: 60px 60px 0 60px; } .comments ol li::before, .commentlist ol li::before { display: none; } .comments__list { list-style: none; margin: 0 0 73px 0; padding: 0; } .comments__item { padding-left: 0; margin-top: 30px; } .comments__item .children { margin: 30px 0 0 60px; list-style: none; padding: 0; } .comments__article { border-bottom: 1px solid #dbe3ec; padding-bottom: 20px; } .comments__article .comment-content { margin-top: 20px; } .comments__article .comments__header .comments__author { margin-right: 15px; color: #273f5b; font-style: normal; } .comments__article .comments__header .comments__author a { margin: 0; font-size: 16px; } .comments__article .comments__header .comments__author a:hover { color: #0083ff; } .comments__article .comments__header .comments__author .replied { font-size: 16px; color: #4b5d73; } .comments__article .comments__header .comments__time { position: relative; color: #5c80ac; font-size: 14px; display: block; } .comments__article .comments__avatar img { float: left; margin-right: 30px; width: 70px; height: 70px; border-radius: 100%; box-shadow: 10px 0 30px rgba(81, 116, 141, 0.2); } .comments__article .comments__body { overflow: hidden; } .comments__article .comments__body .reply { padding: 8px 14px; font-size: 13px; border: 2px solid #d6dfeb; border-radius: 50px; color: #839dbc; } .comments__article .comments__body .reply:hover { background-color: #0083ff; color: #fff; box-shadow: 0 0 5px rgba(0, 131, 255, 0.3); } ol.comments li:before, ol.commentlist li:before { display: none; } ol.comments li { padding-left: 0; } ol.comments { padding-left: 0; } .comments__item-review { margin-bottom: 40px; border-bottom: 2px solid #f1f3f3; } .comments__item-review .ratings { color: #ccc; } .comments__item-review .ratings .fa-star { color: #fcd846; } .comments__list-review { list-style: none; margin: 0 0 73px 0; padding: 0; } .comments__avatar-review { float: left; margin-right: 30px; } .comments__author-review { margin-right: 15px; font-size: 18px; color: #273f5b; font-style: normal; } .comments__author-review a { color: #273f5b; } .comments__header-review { margin-bottom: 15px; } .comments__header-review > a { position: relative; color: #ccc; font-size: 14px; } .leave-reply { background-color: #f5fafe; position: relative; padding: 60px; min-width: 100%; margin: 0 -60px; } .leave-reply:before { position: absolute; display: inline-block; content: ''; top: -15px; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid #f5fafe; left: 115px; } .submit-block { float: left; display: flex; align-items: center; } .submit-block .submit-block-text { font-size: 12px; color: #273f5b; } .submit-block .submit-block-text span { color: #4d6e96; } /*================= Responsive Mode ============*/ @media (max-width: 1199px) { .submit-block-text { margin-top: 15px; } } @media (max-width: 980px) { .comments__item .children { margin-left: 30px; padding-left: 0; } } @media (max-width: 800px) { .leave-reply { padding: 30px; margin: 0 -30px; } } @media (max-width: 768px) { .comments, .commentlist { padding: 20px 20px 0 20px; } .comments__article .comments__avatar img { float: none; margin-right: 0; margin-bottom: 15px; } .comments .d-flex--content-inline { display: block; } .comments .d-flex--content-inline * + * { margin-top: 10px; } } @media (max-width: 640px) { .submit-block { display: block; } } /*------------- #SCREENSHOTS --------------*/ .crumina-screenshots { display: flex; justify-content: space-between; margin: 80px 160px; align-items: center; } .crumina-screenshots .col-item { margin: 0 30px; flex: 1 1 auto; } .crumina-screenshots .col-item > div { border-radius: 10px; position: relative; box-shadow: 30px 0 100px rgba(0, 0, 0, 0.2); overflow: hidden; } .crumina-screenshots .col-item > div:hover .overlay-standard { opacity: 1; } .crumina-screenshots .col-item > div:hover .expand { opacity: 1; } .crumina-screenshots .col-item > div .expand { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .crumina-screenshots .col-item > div + div { margin-top: 60px; } .crumina-screenshots img { display: block; width: 100%; } .crumina-screenshots .overlay-standard { opacity: 0; } /*================= Responsive Mode ============*/ @media (max-width: 1200px) { .crumina-screenshots { margin: 40px 80px; } } @media (max-width: 768px) { .crumina-screenshots { display: block; margin: 20px 40px; text-align: center; } .col-item + .col-item { margin-top: 30px; } .crumina-screenshots .col-item > div { display: inline-block; } } /*------------- #SKILLS --------------*/ .skills-item { margin-bottom: 20px; } .skills-item-meter-active { position: absolute; height: 8px; display: inline-block; border-radius: 5px; bottom: 0; left: 0; transition: all .2s ease; } .skills-item-meter-active.skills-animate { animation: skills-animated 1.2s ease-out; } .skills-item-meter-active.skills-animate-opacity { animation: skills-animated-opacity .2s ease-out; } .skills-item-meter { padding: 0 5px; width: 100%; border-radius: 10px; background-color: rgba(220, 232, 246, 0.9); position: relative; height: 8px; } .skills-item-meter.bg-border-color { background-color: #dbe3ec; } .skills-item-title { font-weight: 700; color: #273f5b; } .skills-item-count { float: right; font-weight: 700; color: #6987ab; } .skills-item-info { margin-bottom: 5px; } @keyframes skills-animated { 0% { width: 0; } } @keyframes skills-animated-opacity { 100% { opacity: 1; } } /*------------- #CONFERENCE DETAILS --------------*/ .conference-details { margin-bottom: 80px; } .conference-details .tab-content { margin-bottom: 80px; } .conference-details-control { margin-bottom: 80px; } .tabs-with-line .tab-control { width: 20%; } .tabs-with-line .tab-control a { font-size: 18px; color: #6987ab; text-transform: none; } .tabs-with-line .tab-control a:after { background-color: #6987ab; opacity: 1; width: 40%; height: 4px; } .tabs-with-line .tab-control.active a::after { width: 100%; background: #0083ff; } .tabs-with-line .tab-control + .tab-control { margin-left: 40px; } .schedule-item { padding: 60px 40px; border-radius: 10px; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.1); margin-bottom: 40px; } .schedule-item .title { font-size: 30px; padding-bottom: 20px; border-bottom: 1px solid #dbe3ec; } .schedule-item .title span { font-size: 18px; font-weight: 400; } .list-events li + li { margin-top: 20px; } .list-events a { color: #0083ff; font-size: 14px; } .list-events .event-title { font-size: 16px; } .list-events.col-2 li { width: 49%; display: inline-block; } .list-events.col-2 li + li { padding-left: 25px; margin-top: 0; } /*================= Responsive Mode ============*/ @media (max-width: 980px) { .tabs-with-line .tab-control + .tab-control { margin-left: 10px; } .list-events.col-2 li { width: 100%; } .schedule-item { padding: 30px 15px; } } @media (max-width: 560px) { .tabs-with-line .tab-control a { font-size: 13px; } } @media (max-width: 460px) { .tabs-with-line .tab-control { display: block; margin-bottom: 15px; } .tabs-with-line .tab-control + .tab-control { margin-left: 0; } } /*------------- #COURSE-DETAILS --------------*/ .course-details { border-radius: 60px; box-shadow: 40px 0 100px 0 rgba(18, 25, 33, 0.07); overflow: hidden; background-color: #fff; } .course-details .post-details-shared { border-top: none; padding: 50px 0; width: 100%; overflow: hidden; } .course-details .tab-content { padding: 60px; } .course-details .curriculum-list { margin: 0 -60px; box-shadow: none; border-radius: 0; } .course-details-control { background-color: #ecf5fe; padding: 30px 60px 0 60px; } .course-details-control .tab-control a { text-transform: none; font-size: 18px; color: #6987ab; padding: 0 25px 25px 25px; } .course-details-control .tab-control a:after { height: 4px; border-radius: 3px 3px 0 0; } /*================= Responsive Mode ============*/ @media (max-width: 1024px) { .course-details-control { padding: 30px 20px 0 20px; } .course-details .tab-content { padding: 20px; } .course-details-control .tab-control a { padding: 0 10px 25px 10px; } } @media (max-width: 690px) { .course-details-control .tab-control a { font-size: 14px; } .course-details-control .tab-control { width: 45%; } .course-details-control .tab-control + .tab-control { margin-left: 0; margin-top: 15px; } } @media (max-width: 360px) { .course-details-control .tab-control a { font-size: 13px; padding: 0 5px 25px 5px; } } /*------------- #COURSE-FEATURES --------------*/ .course-features-list li { padding: 15px 0; } .course-features-list li + li { border-top: 1px solid #dbe3ec; } .course-features-list .utouch-icon { height: 15px; width: 15px; fill: #0083ff; margin-right: 15px; position: relative; top: 2px; } .course-features-list .feature-item { width: 50%; font-weight: 700; color: #273f5b; float: left; } .course-features-list .value { width: 50%; overflow: hidden; } /*================= Responsive Mode ============*/ @media (max-width: 480px) { .course-features-list li { padding: 10px 0; font-size: 14px; } .course-features-list .utouch-icon { margin-right: 5px; } } /*------------- #REVIEWS --------------*/ .reviews-thumb { width: 70px; height: 70px; border-radius: 100%; float: left; margin-right: 30px; box-shadow: 10px 0 30px 0 rgba(81, 116, 141, 0.2); overflow: hidden; } .reviews-content { overflow: hidden; padding-top: 10px; } .author-rait-wrap > * { display: inline-block; vertical-align: middle; margin: 0; } .author-rait-wrap > * + * { margin-left: 20px; } .reviews-item-name { color: #0083ff; } .crumina-reviews-item .title { font-size: 16px; margin-bottom: 17px; } .crumina-reviews-item .author-rait-wrap { margin-bottom: 20px; } .reviews-list > li { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dbe3ec; } .reviews-list > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /*================= Responsive Mode ============*/ @media (max-width: 560px) { .reviews-thumb { float: none; } } @media (max-width: 460px) { .reviews-item-name { display: block; } .rait-stars { margin-left: 0; } } /*------------- #RAITING-DETAILS --------------*/ .overall-rating { font-size: 90px; margin: 0; } .raiting-details { text-align: center; width: 90px; flex-shrink: 0; } .raiting-details .title { font-size: 16px; color: #ffff; margin: 0; } .raiting-details p { font-size: 14px; font-weight: 300; } .raiting-details .skills { text-align: left; margin-top: 60px; } /*================= Responsive Mode ============*/ @media (max-width: 560px) { .overall-rating { font-size: 50px; } } /*------------- #CURRICULUM LIST --------------*/ .curriculum-list { min-width: 100%; background-color: #fff; border-radius: 10px; box-shadow: 40px 0 100px 0 rgba(18, 25, 33, 0.07); } .curriculum-list .utouch-icon { width: 20px; height: 20px; margin-right: 30px; } .curriculum-list li { display: flex; justify-content: space-between; padding: 30px 60px; position: relative; transition: all .3s ease; cursor: pointer; border-bottom: 1px solid #dbe3ec; } .curriculum-list li:before { content: ''; display: block; height: 100%; width: 6px; background-color: #0083ff; left: 0; top: 0; position: absolute; opacity: 0; transition: all .3s ease; } .curriculum-list li:hover { background-color: #ecf5fe; } .curriculum-list li:hover:before { opacity: 1; } .curriculum-list li:hover .title { color: #0083ff; } .curriculum-list li:last-child { border-bottom: none; } .curriculum-list .title { font-size: 16px; margin-right: 30px; } .lection { display: flex; align-items: center; } .lection .utouch-icon { fill: #0083ff; } .lection-time { margin-left: auto; display: flex; align-items: center; } .lection-time .utouch-icon { fill: #6987ab; } /*================= Responsive Mode ============*/ @media (max-width: 1024px) { .lection-time { margin-left: 20px; } } @media (max-width: 560px) { .course-details .curriculum-list { margin: 0 -15px; } .curriculum-list li { padding: 15px; } .lection { flex-direction: column; align-items: flex-start; } .course-details .post-details-shared { padding: 15px 0; } } /*------------- #CURRICULUM-EVENT --------------*/ .curriculum-event { border-radius: 10px; box-shadow: 10px 0 10px 0 rgba(18, 25, 33, 0.2); border-bottom: 5px solid; overflow: hidden; } .curriculum-event .icon-text-item { color: #6987ab; margin-bottom: 20px; } .curriculum-event .icon-text-item .utouch-icon { fill: #98d5ff; } .curriculum-event .author-prof, .curriculum-event .author-name { color: #fff; } .curriculum-event.event-big .category-link { top: 60px; left: 60px; } .curriculum-event.event-big .curriculum-event-thumb .curriculum-event-content { bottom: 60px; left: 60px; right: 60px; padding: 0; } .curriculum-event.event-big .clock { margin-top: 50px; } .curriculum-event.event-big .curriculum-event-content { padding: 60px; } .curriculum-event-wrap .curriculum-event { margin-bottom: 40px; } .curriculum-event-thumb { position: relative; } .curriculum-event-thumb img { display: block; width: 100%; } .curriculum-event-thumb .category-link { font-weight: 700; font-size: 14px; text-transform: uppercase; position: absolute; top: 35px; left: 40px; z-index: 1; } .curriculum-event-thumb .curriculum-event-content { position: absolute; bottom: 40px; left: 40px; right: 40px; z-index: 1; transition: all .3s ease; padding: 0; } .curriculum-event-thumb .curriculum-event-content .title { color: #fff; margin-bottom: 10px; } .curriculum-event-thumb .curriculum-event-content .text { color: #fff; } .curriculum-event-thumb .curriculum-event-content .text.color.utouch-icon { color: #6987ab; } .curriculum-event-thumb .curriculum-event-content .clock .text { color: #98d5ff; font-weight: 700; font-size: 12px; text-transform: uppercase; } .curriculum-event-content { padding: 40px; } .curriculum-event-content .title { line-height: 1.3; display: block; } /*================= Responsive Mode ============*/ @media (max-width: 990px) { .curriculum-event-thumb .curriculum-event-content, .curriculum-event.event-big .curriculum-event-thumb .curriculum-event-content { bottom: 15px; left: 15px; width: 90%; } .curriculum-event-content, .curriculum-event.event-big .curriculum-event-content { padding: 20px; } .curriculum-event .category-link, .curriculum-event.event-big .category-link { top: 15px; left: 15px; } } @media (max-width: 380px) { .curriculum-event .clock { margin-top: 10px; } .curriculum-event .timer { font-size: 14px; } } /*------------- #TRIPPLE-IMAGE --------------*/ .crumina-tripple-image { text-align: center; position: relative; } .crumina-tripple-image img { display: block; position: relative; border-radius: 10px 10px 0 0; overflow: hidden; box-shadow: 30px 0 100px 0 rgba(0, 0, 0, 0.15); margin: 0 auto; z-index: 2; transition: all 1s ease-in-out; transition-delay: 0s; } .crumina-tripple-image img:first-child { position: absolute; bottom: 0; z-index: 3; left: 0; } .crumina-tripple-image img:last-child { position: absolute; right: 0; bottom: 0; z-index: 1; } .crumina-tripple-image:hover img:first-child { transform: perspective(50em) translateZ(0) rotateY(20deg) rotateX(1deg); } .crumina-tripple-image:hover img:last-child { transform: perspective(50em) translateZ(0) translate(0%, 0%) rotateY(-20deg) rotateX(-2deg); } .crumina-tripple-image:hover img:nth-child(2) { transform: perspective(50em) translateZ(0) translateY(0%) rotateY(0deg) rotateX(4deg); } /*================= Responsive Mode ============*/ @media (max-width: 860px) { .crumina-tripple-image img { max-width: 33%; } } /*------------- #SMARTPHONE-VIDEO --------------*/ .crumina-smartphone-video { background: url("../img/smartphone1.png") no-repeat; background-size: contain; text-align: center; margin-bottom: 60px; } .crumina-smartphone-video .video-thumb { overflow: hidden; padding: 40px 132px; } .crumina-smartphone-video .video-thumb img { border-radius: 20px; } /*================= Responsive Mode ============*/ @media (max-width: 980px) { .crumina-smartphone-video .video-thumb { padding: 30px 90px; } } @media (max-width: 600px) { .crumina-smartphone-video .video-thumb { padding: 15px 65px; } } @media (max-width: 420px) { .crumina-smartphone-video .video-thumb { padding: 15px 45px; } } /*------------- #SORTING --------------*/ .cat-list-bg-style { margin: 50px 0; padding: 0; list-style: none; } .cat-list-bg-style .cat-list__item { display: inline-block; margin: 0 5px; border-radius: 30px; overflow: hidden; } .cat-list-bg-style .cat-list__item a { font-size: 14px; text-transform: uppercase; transition: all .3s ease; padding: 6px 20px; display: block; color: #6987ab; font-weight: 700; } .cat-list-bg-style .cat-list__item a:hover { color: #fff; background-color: #0083ff; box-shadow: 10px 0 30px rgba(0, 131, 255, 0.3); } .cat-list-bg-style .cat-list__item.active { background-color: #0083ff; box-shadow: 10px 0 30px rgba(0, 131, 255, 0.3); } .cat-list-bg-style .cat-list__item.active a { color: #fff; box-shadow: 10px 0 30px rgba(0, 131, 255, 0.3); } .screenshots-item { position: relative; border-radius: 10px; overflow: hidden; transition: all .3s ease; box-shadow: 10px 0 50px rgba(0, 0, 0, 0.1); margin-bottom: 40px; float: left; width: 100%; } .screenshots-item img { width: 100%; display: block; } .screenshots-item .overlay-standard { opacity: 0; } .screenshots-item .expand { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .screenshots-item:hover { transform: scale(0.9); box-shadow: 10px 0 50px rgba(0, 131, 255, 0.5); } .screenshots-item:hover .overlay-standard { opacity: 1; } .screenshots-item:hover .expand { opacity: 1; } .screenshots-item.style-2 { border-radius: 0; margin-bottom: 0; } .screenshots-item.style-2:hover { transform: none; } .expand { text-align: center; color: #fff; font-size: 16px; font-weight: 700; } .expand .utouch-icon { width: 35px; height: 35px; fill: #fff; margin: 0 auto 10px; display: block; } /*------------- #CHOOSE --------------*/ .choose { font-size: 0; display: table; width: 100%; height: 340px; } .choose-item { width: 33.33%; color: #fff; display: table-cell; vertical-align: middle; position: relative; padding: 20px 20px 20px 120px; } .choose-item:after { display: block; position: absolute; z-index: 10; top: 0; right: -40px; content: ""; width: 0; height: 100%; border-style: solid; border-width: 170px 0 170px 40px; border-color: transparent; } .choose-item .title { text-transform: uppercase; font-size: 26px; letter-spacing: .2em; margin-bottom: 30px; color: #fff; } .choose-item .text { opacity: .5; transition: all .3s ease; } .choose-item .btn-next { margin-left: -25px; } .choose-item .btn-next .utouch-icon { fill: #fff; } .choose-item .btn-next:hover { margin-left: 5px; } .choose-item:hover .text { opacity: 1; } .choose-item:hover .btn-next { opacity: 1; } .choose-item.bg-primary-color:after { border-left-color: #0083ff; } .choose-item.bg-orange:after { border-left-color: #EF6517; } .choose-item.bg-red:after { border-left-color: #ff3133; } .choose-item:last-child:after { display: none; } /*================= Responsive Mode ============*/ @media (max-width: 1199px) { .choose-item { padding-left: 60px; } } @media (max-width: 860px) { .choose-item .title { letter-spacing: 0.02em; } .choose-item::after { display: none; } } @media (max-width: 768px) { .choose { display: block; height: auto; } .choose-item { width: 100%; display: block; padding: 20px 30px; } } @media (max-width: 600px) { .choose { display: block; height: auto; } .choose-item { display: block; width: 100%; padding: 20px 0 30px; } .choose-item:after { display: none; } } /*------------- #DOTTED-MAP --------------*/ .dotted-map { position: relative; } .dotted-map-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .dotted-map-content .title { font-size: 50px; margin-bottom: 20px; } .dotted-map-content .title span { font-size: 36px; } /*================= Responsive Mode ============*/ @media (max-width: 768px) { .dotted-map-content .title { font-size: 20px; margin-bottom: 10px; } .dotted-map-content .title span { font-size: 22px; } .dotted-map-content { width: 100%; } } @media (max-width: 420px) { .dotted-map-content { top: auto; position: relative; transform: translate(-50%, -100%); } } /*------------- #SEND-MESSAGE-POPUP --------------*/ .window-popup { opacity: 0; background-color: #66b5ff; position: fixed; top: 0; width: 100%; height: 100%; left: 0; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease, scale .4s ease; transition: opacity .3s ease, -webkit-transform .3s ease, scale .4s ease; -o-transition: opacity .3s ease, transform .3s ease, scale .4s ease; transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease, scale .4s ease; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 50; display : none; } .window-popup.open { opacity: 1; z-index: 999999; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); overflow: auto; background-color: #2196f3; display : block; } .js-message-popup.cd-nav-trigger { position: relative; z-index: auto; } .send-message-popup { width: 560px; max-width: calc(100% - 60px); padding: 60px; border-radius: 10px; text-align: center; position: relative; margin: 100px auto; background-color: #fff; box-shadow: 0px -15px 0px 0px rgba(69, 74, 79, 0.5), 15px -30px 0px 0px rgba(69, 74, 79, 0.5), 30px -45px 0px 0px rgba(69, 74, 79, 0.5), 45px -60px 0px 0px rgba(69, 74, 79, 0.5); } .send-message-popup .contact-form { margin-top: 40px; } body:before { content: ''; display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #1e242c; opacity: 0; transition: opacity .3s ease; z-index: -999; } body.overlay-enable { position: fixed; width: 100%; height: 100%; } body.overlay-enable:before { opacity: 1; z-index: 500; } .popup-close { border-radius: 0 0 0 30px; background-color: #131a22; width: 80px; height: 80px; text-align: center; line-height: 80px; position: fixed; right: 0; top: 0; z-index: 99999; transition: all .3s ease; } .popup-close .utouch-icon { width: 24px; height: 24px; fill: #6987ab; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .popup-close .utouch-icon:hover { fill: #0083ff; } .popup-close.popup-close-round { border-radius: 100%; right: auto; top: 0; display: block; margin: 50px auto; left: 50%; position: absolute; transform: translate(-50%, 0); } .search-popup { opacity: 0; position: fixed; top: 0; width: 100%; height: 100vh; left: 0; -webkit-transition: opacity .3s ease, -webkit-transform .3s ease, scale .3s ease, background-color .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease, scale .3s ease, background-color .3s ease; -o-transition: opacity .3s ease, transform .3s ease, scale .3s ease, background-color .3s ease; transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease, scale .3s ease, background-color .3s ease; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 50; background-color: #66b5ff; } .search-popup.open { opacity: 1; z-index: 999999; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .search-popup .search-standard .typeahead__list { margin-top: 0; } .search--white .popup-close { background-color: #eaeef3; } .search--white .search-standard .typeahead__list { background-color: #fff; } .search--white .search-standard .typeahead__container input:focus { color: #273f5b; } .search--white .search-standard .search-full-screen .search-standard input[type="search"]:focus { color: #273f5b; } .search--white .search-standard .typeahead__list > li { padding: 15px 60px; } .search--white .search-standard .typeahead__list > li:hover { background-color: #ecf5fe; } .search--white .search-standard .typeahead__list > li:hover > a { color: #273f5b; } .search--white.open { background: white; } .popup-gallery { height: 100vh; overflow: hidden; position: absolute; width: 100%; display: flex; flex-direction: column; justify-content: center; opacity: 0; } .popup-gallery.open { background: #1e242c; z-index: 999; opacity: 1; } /* .cd-nav-trigger { position: fixed; display: inline-block; } .cd-nav-trigger { z-index: 999; !* image replacement *! } .cd-nav-trigger .cd-icon { !* icon created in CSS *! position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: inline-block; width: 18px; height: 3px; background-color: #ffffff; z-index: 10; } .cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after { !* upper and lower lines of the menu icon *! position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #ffffff; !* Force Hardware Acceleration in WebKit *! -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; !* apply transition to transform property *! -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; } .cd-nav-trigger .cd-icon::before { -webkit-transform: translateY(-6px) rotate(0deg); -moz-transform: translateY(-6px) rotate(0deg); -ms-transform: translateY(-6px) rotate(0deg); -o-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg); } .cd-nav-trigger .cd-icon::after { -webkit-transform: translateY(6px) rotate(0deg); -moz-transform: translateY(6px) rotate(0deg); -ms-transform: translateY(6px) rotate(0deg); -o-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); } .cd-nav-trigger::before, .cd-nav-trigger::after { !* 2 rounded colored backgrounds for the menu icon *! position: absolute; top: 0; left: 0; border-radius: 50%; height: 100%; width: 100%; !* Force Hardware Acceleration in WebKit *! -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; } .cd-nav-trigger::before { background-color: #091d23; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .cd-nav-trigger::after { background-color: #ffb441; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .cd-nav-trigger.close-nav::before { !* user clicks on the .cd-nav-trigger element - 1st rounded background disappears *! -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .cd-nav-trigger.close-nav::after { !* user clicks on the .cd-nav-trigger element - 2nd rounded background appears *! -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .cd-nav-trigger.close-nav .cd-icon { !* user clicks on the .cd-nav-trigger element - transform the icon *! background-color: rgba(255, 255, 255, 0); } .cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after { background-color: white; } .cd-nav-trigger.close-nav .cd-icon::before { -webkit-transform: translateY(0) rotate(45deg); -moz-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); -o-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .cd-nav-trigger.close-nav .cd-icon::after { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } .cd-overlay-nav, .cd-overlay-content { !* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon *! position: fixed; top: 0; right: 0; height: 4px; width: 4px; -webkit-transform: translateX(-20px) translateY(20px); -moz-transform: translateX(-20px) translateY(20px); -ms-transform: translateX(-20px) translateY(20px); -o-transform: translateX(-20px) translateY(20px); transform: translateX(-20px) translateY(20px); } .cd-overlay-nav span, .cd-overlay-content span { display: inline-block; position: absolute; border-radius: 50%; !* Force Hardware Acceleration in WebKit *! -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden { !* background fades out at the end of the animation *! opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-overlay-nav { !* main rounded colored bg 1 *! z-index: 21; } .cd-overlay-nav span { background-color: rgba(30, 36, 44, 1); } .cd-overlay-content { !* main rounded colored bg 2 *! z-index: 9999; } .cd-overlay-content span { background-color: lighten($primary-color, 20%); z-index: 99; } */ /*================= Responsive Mode ============*/ @media (max-width: 768px) { .send-message-popup { padding: 30px; } .popup-close { width: 50px; height: 50px; line-height: 50px; border-radius: 0 0 0 15px; } .popup-close .icon { width: 16px; height: 16px; } } /*------------- #COUNTING-DOWN --------------*/ .counting-down { border-radius: 10px; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.1); overflow: hidden; } .counting-down > * { padding: 40px; } .counting-down .timer { font-size: 38px; } .counting-header { background-color: #d2e9f7; position: relative; } .counting-header .utouch-icon { fill: #B5CCE0; width: 150px; height: 150px; position: absolute; top: 25px; right: -75px; } .counting-header .clock { margin-top: 20px; } .counting-header .clock .text { text-transform: uppercase; } .counting-date { background-color: #ecf5fe; } .counting-date .utouch-icon { fill: #98d5ff; } .counting-date .text { color: #6987ab; } .counting-footer { background-color: #fff; } .counting-footer .author-prof { color: #273f5b; } .counting-footer .author-name { color: #6987ab; } .counting-footer .author-block { margin-bottom: 40px; } /*================= Responsive Mode ============*/ @media (max-width: 980px) { .counting-down .timer { font-size: 16px; } .counting-down > * { padding: 15px; } .counting-header .utouch-icon { max-height: 50%; } } /*------------- #SKEW-ROWS --------------*/ .section-bg-skew { position: relative; background-size: cover; } .section-bg-skew > .container { position: relative; z-index: 2; } .section-bg-skew:before, .section-bg-skew:after { content: ''; display: block; position: absolute; width: 100%; background-size: cover; left: 0; } .section-bg-skew:before { top: -1px; background-image: url("../svg/02-triangle.svg"); height: 170px; } .section-bg-skew:after { bottom: 0; background-image: url("../svg/01-triangle.svg"); height: 170px; } /*------------- #Rounded-ROWS --------------*/ .section-bg-rounded { position: relative; background-size: cover; } .section-bg-rounded > .container { position: relative; z-index: 2; } .section-bg-rounded:before, .section-bg-rounded:after { content: ''; display: block; position: absolute; width: 100%; background-size: cover; } .section-bg-rounded:before { top: 0; left: 0; } .section-bg-rounded:after { bottom: 0; left: 0; } .section-bg-rounded:first-of-type:before { display: none; } .section-bg-rounded:last-of-type:after { display: none; } .bg-rounded-style1:before { background-image: url("../svg/01-wave-rotate-180.svg"); height: 220px; } .bg-rounded-style1:after { background-image: url("../svg/01-wave.svg"); height: 220px; } .bg-rounded-style2:before { background-image: url("../svg/02-wave.svg"); height: 175px; } .bg-rounded-style2:after { background-image: url("../svg/03-wave.svg"); height: 130px; } .bg-rounded-style3:before { background-image: url("../svg/04-wave.svg"); height: 150px; } .bg-rounded-style3:after { background-image: url("../svg/05-wave.svg"); height: 150px; } .bg-rounded-style4:before { background-image: url("../svg/06-wave.svg"); height: 120px; } .bg-rounded-style4:after { background-image: url("../svg/06-wave-inverted.svg"); height: 120px; } .not-top-element:before { display: none; } .not-bottom-element:after { display: none; } /*================= Responsive Mode ============*/ @media (max-width: 800px) { .bg-skew > * { padding: 0 70px; } .bg-skew.medium-padding120 { padding: 60px 0; } .bg-skew.pt180 { padding-top: 90px; } .bg-skew.pt120 { padding-top: 60px; } .negative-margin-bottom80 { margin-bottom: auto; } body.skew-rows .bg-skew:last-of-type { margin-bottom: -40px; } } /*------------- #CRUMINA-DOUBLE-IMAGE --------------*/ .crumina-double-image { text-align: center; position: relative; } .crumina-double-image img { display: block; border-radius: 10px 10px 0 0; overflow: hidden; box-shadow: 30px 0 100px 0 rgba(0, 0, 0, 0.15); margin: 0 auto; z-index: 2; transition: all .5s ease-in-out; } .crumina-double-image img:first-child { position: relative; z-index: 2; transition-delay: 0.25s; transform: translateZ(0) translate(0%, 0%) rotateY(40deg) rotateX(0deg); } .crumina-double-image img:last-child { box-shadow: none; position: absolute; bottom: 0; max-height: 100%; z-index: 1; transition-delay: 0.25s; transform: translateZ(0) translate(0%, 0%) rotateY(0deg) rotateX(0deg); } .crumina-double-image:hover img:first-child { transform: perspective(50em) translateZ(0) translate(0%, 0%) rotateY(-20deg) rotateX(1deg); } .crumina-double-image:hover img:last-child { transform: perspective(50em) translateZ(0) translate(-20%, 0%) rotateY(0deg) rotateX(-2deg); } /*------------- #SWITCHER --------------*/ .tgl { position: relative; outline: 0; display: inline-block; cursor: pointer; user-select: none; margin: 0 0 5px 0; } .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn { box-sizing: border-box; } .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection { background: none; } .tgl span { position: relative; display: block; font-weight: normal; text-align: center; border-radius: 2em; padding: 1.15em 1em; box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(255, 255, 255, 0.7); transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out; } .tgl span:before { position: relative; display: block; line-height: 1.3em; padding: 0 0.2em; font-size: 14px; text-transform: uppercase; font-weight: 700; transition: all .3s ease; } .tgl span:after { position: absolute; display: block; content: ''; border-radius: 2em; width: 2.8em; height: 2.8em; top: 0.35em; margin-left: -1.45em; background: #FFFFFF; transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out; } .tgl input[type="checkbox"] { display: none !important; } .tgl input[type="checkbox"]:not(:checked) + span { background: #0083ff; color: #FFFFFF; padding-left: 3.7em; padding-right: 1.5em; box-shadow: 0 0 5px rgba(0, 131, 255, 0.3); } .tgl input[type="checkbox"]:not(:checked) + span:before { content: attr(data-off); color: #FFFFFF; } .tgl input[type="checkbox"]:not(:checked) + span:after { background: #FFFFFF; left: 1.7em; } .tgl input[type="checkbox"]:checked + span { background: #ff3133; color: #FFFFFF; padding-left: 1.5em; padding-right: 3.7em; box-shadow: 0 0 5px rgba(248, 48, 50, 0.3); } .tgl input[type="checkbox"]:checked + span:before { content: attr(data-on); } .tgl input[type="checkbox"]:checked + span:after { background: #FFFFFF; left: 100%; margin-left: -3.1em; } .tgl input[type="checkbox"]:disabled, .tgl input[type="checkbox"]:disabled + span, .tgl input[type="checkbox"]:read-only, .tgl input[type="checkbox"]:read-only + span { cursor: not-allowed; } .tgl-gray input[type="checkbox"]:not(:checked) + span { background: #e3e3e3; color: #999999; } .tgl-gray input[type="checkbox"]:not(:checked) + span:before { color: #999999; } .tgl-gray input[type="checkbox"]:not(:checked) + span:after { background: white; } .tgl-inline { display: inline-block !important; vertical-align: top; } .tgl-inline.tgl { font-size: 16px; } .tgl-inline.tgl span { min-width: 50px; } .tgl-inline.tgl span:before { line-height: 1.4em; padding-left: 0.4em; padding-right: 0.4em; } .tgl-inline-label { display: inline-block !important; vertical-align: top; line-height: 26px; } .tgl--text-both input[type="checkbox"]:checked + span::before { left: 140%; color: #ff3133; } .tgl--text-both input[type="checkbox"]:not(:checked) + span::before { left: -140%; color: #0083ff; } .tgl--text-both input[type="checkbox"]:not(:checked) + span, .tgl--text-both input[type="checkbox"]:checked + span { padding-left: .5em; padding-right: .5em; } .typeahead__container { padding-bottom: 10px; /** * Restore the font weight unset by the previous rule. */ /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ /** * Change the border, margin, and padding in all browsers (opinionated). */ /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ /** * Remove the default vertical scrollbar in IE. */ /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ /** * Correct the cursor style of increment and decrement buttons in Chrome. */ /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ } .typeahead__container optgroup { font-weight: bold; } .typeahead__container button, .typeahead__container input { /* 1 */ overflow: visible; } .typeahead__container button, .typeahead__container select { /* 1 */ text-transform: none; } .typeahead__container button, .typeahead__container html [type="button"], .typeahead__container [type="reset"], .typeahead__container [type="submit"] { -webkit-appearance: button; /* 2 */ } .typeahead__container button::-moz-focus-inner, .typeahead__container [type="button"]::-moz-focus-inner, .typeahead__container [type="reset"]::-moz-focus-inner, .typeahead__container [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } .typeahead__container button:-moz-focusring, .typeahead__container [type="button"]:-moz-focusring, .typeahead__container [type="reset"]:-moz-focusring, .typeahead__container [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } .typeahead__container fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } .typeahead__container legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } .typeahead__container textarea { overflow: auto; } .typeahead__container [type="checkbox"], .typeahead__container [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } .typeahead__container [type="number"]::-webkit-inner-spin-button, .typeahead__container [type="number"]::-webkit-outer-spin-button { height: auto; } .typeahead__container [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ margin-bottom: 0; box-shadow: none; border-bottom: 4px solid #5c6c7a; border-radius: 0; } .typeahead__container [type="search"]::-webkit-search-cancel-button, .typeahead__container [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .typeahead__container ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } .typeahead__container ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } .typeahead__container [type="submit"] { background-color: transparent; padding: 0; } .typeahead__container [type="submit"] .utouch-icon { width: 26px; height: 26px; fill: #6987ab; transform: rotateY(-180deg); } .typeahead__container .close { padding: 0; background-color: transparent; position: absolute; right: 0; top: 25px; cursor: pointer; z-index: 5; } .typeahead__container .close .utouch-icon { width: 20px; height: 20px; fill: #6987ab; } .typeahead__container input { font-size: 20px; } .typeahead__container input:focus { border-color: #0083ff; color: #fff; } .typeahead__container input:focus + .typeahead__button .utouch-icon { fill: #0083ff; } .typeahead__container { position: relative; } .typeahead__container * { box-sizing: border-box; outline: 0; } .typeahead__query { position: relative; z-index: 2; width: 100%; } .typeahead__filter { position: relative; } .typeahead__filter button { min-width: 100%; white-space: nowrap; } .typeahead__filter button:after { display: inline-block; margin-left: 4px; width: 0; height: 0; vertical-align: -2px; content: ""; border: 4px solid; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .typeahead__field { font-size: 0; position: relative; display: table; border-collapse: collapse; width: 100%; } .typeahead__field > * { display: table-cell; vertical-align: top; } .typeahead__button { position: absolute; left: 0; top: 20px; } .typeahead__field input { display: block; width: 100%; background: transparent; transition: all ease-in-out .15s; appearance: none; box-sizing: border-box; } .typeahead__field input[type="search"], .typeahead__field input[type="search"]::-webkit-search-cancel-button { appearance: none; } .typeahead__field input[type="search"]::-ms-clear { display: none; width: 0; height: 0; } .typeahead__container.hint .typeahead__field input { background: transparent; } .typeahead__container.hint .typeahead__field input:last-child, .typeahead__hint { background: #fff; } .typeahead__container button { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-color: #fff; } .typeahead__container input.disabled, .typeahead__container input[disabled], .typeahead__container button.disabled, .typeahead__container button[disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.65; box-shadow: none; background-color: #fff; } .typeahead__filter, .typeahead__button { z-index: 1; } .typeahead__filter button, .typeahead__button button { margin-left: -1px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .typeahead__filter:hover, .typeahead__filter:active, .typeahead__filter:focus, .typeahead__button:hover, .typeahead__button:active, .typeahead__button:focus { z-index: 1001; } .typeahead__filter:hover button:focus, .typeahead__filter:hover button:active, .typeahead__filter:active button:focus, .typeahead__filter:active button:active, .typeahead__filter:focus button:focus, .typeahead__filter:focus button:active, .typeahead__button:hover button:focus, .typeahead__button:hover button:active, .typeahead__button:active button:focus, .typeahead__button:active button:active, .typeahead__button:focus button:focus, .typeahead__button:focus button:active { z-index: 1001; } .typeahead__filter + .typeahead__button button { margin-left: -2px; } .typeahead__container.filter .typeahead__filter { z-index: 1001; } .typeahead__list, .typeahead__dropdown { position: absolute; top: 100%; left: 0; z-index: 1000; width: 100%; min-width: 160px; margin: 2px 0 0; list-style: none; text-align: left; background-clip: padding-box; } .typeahead__result.detached .typeahead__list { position: relative; z-index: 1041; top: initial; left: initial; } .typeahead__dropdown { right: 0; left: initial; z-index: 1001; } .typeahead__list > li { position: relative; padding: 10px 60px; border-radius: 5px; display: block; } .typeahead__list > li:hover { background-color: #232b32; } .typeahead__list > li:hover > a { color: #fff; } .typeahead__list > li:first-child { border-top: none; } .typeahead__list > li > a, .typeahead__dropdown > li > a { display: block; clear: both; color: #5c6c7a; text-decoration: none; } .typeahead__list.empty > li > a { cursor: default; } .typeahead__list.empty > li > a:hover, .typeahead__list.empty > li > a:focus, .typeahead__list.empty > li.active > a { background-color: transparent; } .typeahead__list > li.typeahead__group { font-weight: bold; } .typeahead__list > li.typeahead__group > a, .typeahead__list > li.typeahead__group > a:hover, .typeahead__list > li.typeahead__group > a:focus, .typeahead__list > li.typeahead__group.active > a { cursor: default; } .typeahead__container.result .typeahead__list, .typeahead__container.filter .typeahead__dropdown, .typeahead__container.hint .typeahead__hint, .typeahead__container.backdrop + .typeahead__backdrop { display: block !important; } .typeahead__container .typeahead__list, .typeahead__container .typeahead__dropdown, .typeahead__container .typeahead__hint, .typeahead__container + .typeahead__backdrop { display: none !important; } .typeahead__container.loading .typeahead__query:before, .typeahead__container.loading .typeahead__query:after { transition: all 0s linear, opacity 0.2s ease; position: absolute; z-index: 3; content: ''; top: 50%; right: .55em; box-sizing: border-box; border-radius: 500rem; border-style: solid; border-width: .1em; } .typeahead__container.loading .typeahead__query:before { border-color: rgba(0, 0, 0, 0.35); } .typeahead__container.loading .typeahead__query:after { animation: button-spin 0.6s linear; animation-iteration-count: infinite; border-color: #fff transparent transparent; box-shadow: 0 0 0 1px transparent; } @keyframes button-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*================= Responsive Mode ============*/ @media (max-width: 768px) { .typeahead__container input { font-size: 14px; } .typeahead__container [type="submit"] .utouch-icon { width: 16px; height: 16px; } .typeahead__container .close .utouch-icon { width: 16px; height: 16px; } .typeahead__container [type="search"] { padding-bottom: 10px; } .typeahead__container .close { top: 22px; } } /*------------- #POPUP-SEARCH --------------*/ .search-full-screen { width: 60%; top: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; } .search-full-screen .search-standard { opacity: 1; visibility: visible; max-width: 100%; box-shadow: none; position: relative; transform: none; right: auto; } .search-full-screen .search-standard input[type="search"] { background: transparent; outline-offset: -2px; margin-bottom: 0; box-shadow: none; border-bottom: 4px solid #5c6c7a; border-radius: 0; padding: 17px 50px; font-size: 20px; } .search-full-screen .search-standard input[type="search"]:focus { border-color: #0083ff; color: #fff; } .search-full-screen .search-standard input[type="search"]:focus + .form-icon .utouch-icon { fill: #0083ff; } .search-full-screen .search-standard .utouch-icon { width: 29px; height: 29px; } .search-full-screen .search-standard button[type="submit"] { left: 0; top: 17px; padding: 0; } .search-full-screen .search-standard .close { right: 0; } .search-standard { width: 100%; max-width: 700px; position: absolute; top: 50%; right: -20px; transform: translate(0, -50%); box-shadow: 0 0 20px 0 rgba(18, 25, 33, 0.1); border-radius: 10px; transition: opacity .35s ease; opacity: 0; visibility: hidden; } .search-standard input[type="search"] { border: none; background-color: #fff; font-size: 16px; padding: 17px 80px; border-radius: 10px; margin: 0; } .search-standard input[type="search"]:focus { color: #273f5b; } .search-standard .form-icon { position: absolute; } .search-standard .utouch-icon { height: 32px; width: 32px; } .search-standard button[type="submit"] { background: none; left: 20px; top: 17px; } .search-standard .utouch-icon-search { top: auto; } .search-standard .utouch-icon { transition: all .3s ease; height: 27px; width: 27px; padding: 2px; fill: #839dbc; transform: rotate(270deg); cursor: pointer; } .search-standard .close { right: 20px; top: 18px; } .search-standard .typeahead__container { padding-bottom: 0; } .search-standard .typeahead__list { background-color: #161d22; border-radius: 0 0 10px 10px; margin-top: -5px; padding: 15px 0; box-shadow: 0 15px 20px 0 rgba(18, 25, 33, 0.1); } .search-standard .typeahead__list > li { padding: 10px 30px; } .search-standard .typeahead__list > li:hover { background-color: #232B32; } .search-standard .typeahead__list > li:hover > a { color: #fff; } .search-standard.open { opacity: 1; visibility: visible; } .search--dark input[type="search"] { background-color: #1b232d; } .search--dark input[type="search"]:focus { color: #fff; } .search--dark input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */ color: #273f5b; opacity: 1; } .search--dark input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #273f5b; opacity: 1; } .search--dark input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #273f5b; opacity: 1; } .search--dark input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #273f5b; opacity: 1; } .search--dark.open { background-color: #1e242c; } /*================= Responsive Mode ============*/ @media (max-width: 1199px) { .search-standard { right: 0; } } @media (max-width: 940px) { .search-standard { top: 80%; right: 50%; transform: translate(50%, -100%); } } @media (max-width: 768px) { .search-full-screen { width: 90%; } .search-full-screen .search-standard input[type="search"] { font-size: 13px; padding-bottom: 10px; } .search-full-screen .search-standard .utouch-icon { width: 22px; height: 22px; } .popup-close .utouch-icon { width: 16px; height: 16px; } } /*------------- #WIDGETS --------------*/ /*------------- #VARIABLES --------------*/ /*------------- #W-INFO --------------*/ .w-info .logo-title, .w-info .logo-sub-title { display: inline-block; } .w-info .site-logo { margin-bottom: 30px; } .w-info p { margin-bottom: 40px; } .w-info .logo-title { margin-right: 20px; color: #0083ff; font-size: 45px; } .w-info .logo-sub-title { color: #a1b7d2; } .w-info .learn-more { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700; } .w-info .learn-more:hover { color: #0083ff; } .widget-title { margin-bottom: 20px; } /*================= Responsive Mode ============*/ @media (max-width: 640px) { .w-info .learn-more { font-size: 12px; } } /*------------- #W-LIST --------------*/ .w-list .list { margin-left: 0; } .w-list .list li { font-weight: 400; margin-bottom: .2em; } .w-list .list li > * { display: inline-block; vertical-align: middle; } .w-list .list li:hover .utouch-icon { opacity: 1; } .w-list .list li:hover a { color: #0083ff; margin-left: 8px; } .w-list .list li .utouch-icon { width: 16px; height: 16px; opacity: 0; margin-right: 0; margin-top: 2px; float: none; } .w-list .list li a { color: #4b5d73; margin-right: 8px; } /*------------- #W-FOLLOW --------------*/ .w-follow ul li { display: inline-block; margin-right: 10px; vertical-align: middle; line-height: 1; font-weight: 700; } .w-follow ul li a { display: inline-block; } .w-follow .utouch-icon { color: #6987ab; fill: #6987ab; height: 14px; width: 14px; } .w-follow .utouch-icon:hover { color: #0083ff; fill: #0083ff; } svg.utouch-icon { transition: all .3s ease; width: 32px; } /*------------- #W-CONTACTS --------------*/ .w-contacts .btn { margin: 20px 0; } .w-contacts .socials { margin-top: 25px; } .w-contacts #map { margin: 0 -40px 35px; } .w-contacts .info-wrap .info { display: block; } .w-contacts a.info:hover { color: #0083ff; } .contact-item { margin-bottom: 5px; } .contact-item .utouch-icon { height: 18px; width: 18px; color: #0083ff; fill: #0083ff; margin-right: 10px; } .contacts-text { font-size: 18px; font-weight: 700; margin-bottom: 35px; } .w-contacts--style2 .contact-item { margin-bottom: 15px; } .w-contacts--style2 .contact-item .utouch-icon { height: 44px; min-width: 44px; margin-right: 30px; } .w-contacts--style2 .info { font-weight: 700; color: #273f5b; } .w-contacts--style2 .info span { font-weight: 300; } #map { min-width: 100%; height: 220px; margin-bottom: 40px; } .sidebar .widget { padding: 20px 40px 40px; border-radius: 10px; box-shadow: 10px 0 50px rgba(18, 25, 33, 0.1); margin-bottom: 40px; } .map--rounded { border-radius: 10px; box-shadow: 30px 0 100px rgba(0, 0, 0, 0.2); position: relative; } .map--rounded #map { height: 360px; margin-bottom: 60px; } .location-details { width: 260px; padding: 40px; border-radius: 10px; background-color: #fff; box-shadow: 10px 0 50px rgba(18, 25, 33, 0.1); position: absolute; top: 50%; right: 10%; transform: translate(0, -50%); max-width: 100%; } .location-details .contacts-text { font-size: 16px; font-weight: 700; color: #273f5b; margin-bottom: 20px; } .location-details a:hover { color: #0083ff; } /*================= Responsive Mode ============*/ @media (max-width: 580px) { .location-details { right: 0; padding: 15px; } .sidebar .widget { padding: 20px; } .w-contacts #map { margin: 0 -20px 40px; } } @media (max-width: 420px) { .location-details { display: none; } } /*------------- #W-SEARCH --------------*/ .w-search input { border-radius: 10px; padding-left: 60px; } .w-search .utouch-icon { height: 24px; width: 42px; top: 13px; padding-right: 0; border-right: none; fill: #d0d9e4; left: 15px; } .w-search .with-icon .utouch-icon { right: 15px; } .widget.w-search { padding: 0; border-radius: 0; box-shadow: none; } /*------------- #W-ABOUT --------------*/ .w-about p { margin-bottom: 30px; } /*------------- #W.category-link --------------*/ .w-category .category-list { margin-top: 30px; } .w-category .category-list a { display: block; padding: 9px 0 0 30px; position: relative; font-size: 18px; } .w-category .category-list a:before { content: ''; display: block; height: 100%; width: 3px; background-color: #d6dfeb; left: 0; top: 0; position: absolute; transition: background-color .3s ease; } .w-category .category-list li:last-child a:before { border-radius: 0 0 3px 3px; } .w-category .category-list li:first-child a:before { border-radius: 3px 3px 0 0; } .w-category .category-list li:hover a { color: #0083ff; } .w-category .category-list li:hover a:before { background-color: #0083ff; } .w-category .category-list li:hover .cat-count { color: #fff; background-color: #0083ff; } .w-category .cat-count { font-size: 11px; font-weight: 700; color: #6987ab; background-color: #e6eff9; padding: 2px 10px; border-radius: 30px; line-height: 1; margin-left: 20px; transition: all .3s ease; position: relative; top: -2px; } /*================= Responsive Mode ============*/ @media (max-width: 768px) { .w-category .cat-count { margin-left: 10px; } .w-category .category-list a { font-size: 13px; } } /*------------- #W-TAGS --------------*/ .w-tags { overflow: hidden; } .w-tags .tags-list { margin-left: -10px; margin-bottom: -12px; float: left; } .w-tags .tags-list li { margin-left: 10px; margin-bottom: 12px; float: left; } .w-tags a { padding: 12px 14px; font-size: 13px; text-transform: uppercase; font-weight: 700; border: 2px solid #d6dfeb; border-radius: 50px; transition: all .3s ease; color: #6987ab; display: block; line-height: 1; } .w-tags a:hover { background-color: #0083ff; color: #fff; border-color: #0083ff; box-shadow: 10px 0 30px rgba(0, 131, 255, 0.3); } /*================= Responsive Mode ============*/ @media (max-width: 1024px) { .w-tags a { padding: 10px 20px; } } @media (max-width: 560px) { .w-tags a { font-size: 11px; } } /*------------- #W-POPULAR-PRODUCTS --------------*/ .w-popular-products .product-item-thumb img { box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2); } .w-popular-products .swiper-container { padding-bottom: 50px; } .w-popular-products .product-item { padding: 0; } .w-popular-products .product-item:hover { background: transparent; } .w-popular-products .square-colored::before { display: none; } .w-popular-products .product-item-thumb { margin-bottom: 40px; } /*------------- #W-LATEST-NEWS --------------*/ .latest-news-item { margin-bottom: 20px; } .latest-news-item header { display: flex; align-items: center; } .latest-news-item .post-thumb { width: 70px; height: 70px; border-radius: 100%; margin-right: 20px; float: left; flex: none; background-color: #ecf5fe; } .latest-news-item .post-thumb.post-formats img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 50%; max-height: 50%; } .latest-news-item .post-additional-info * + * { margin-left: 0; } .latest-news-item .post-additional-info { overflow: hidden; } .latest-news-item .post__title { margin-bottom: 0; font-size: 16px; } .latest-news-item .post__date { float: none; margin-right: 0; font-weight: 400; display: block; } .latest-news-control { margin-bottom: 35px; } .tab-control { display: inline-block; } .tab-control a { font-size: 14px; font-weight: 700; color: #4b5d73; text-transform: uppercase; padding-bottom: 10px; position: relative; display: block; } .tab-control a:after { content: ''; display: block; width: 0; height: 3px; border-radius: 3px; background-color: #0083ff; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .3s ease; } .tab-control + .tab-control { margin-left: 30px; } .tab-control.active a { color: #0083ff; } .tab-control.active a:after { opacity: 1; width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .tab-pane.active { display: block; } /*================= Responsive Mode ============*/ @media (max-width: 480px) { .tab-control { display: block; } .tab-control + .tab-control { margin-left: 0; margin-top: 10px; } } /*------------- #W-EVENTS --------------*/ .event-day { margin: 0 auto 40px; border-radius: 30px; background-color: #ecf5fe; padding: 11px 14px; line-height: 1; font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: center; color: #6987ab; display: table; } .w-events .event-item { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #dbe3ec; } .w-events .event-item:last-child { border-bottom: none; } /*------------- #W-LATEST-MEMBERS --------------*/ .members-list { margin: 35px 0; } .members-list a { width: 60px; height: 60px; border-radius: 100%; box-shadow: 10px 0 30px rgba(18, 25, 33, 0.15); overflow: hidden; display: block; } .members-list li { display: inline-block; margin-right: 8px; } .members-list li:last-child { margin-right: 0; } /*------------- #W-AUTHOR --------------*/ .w-author { margin-top: 60px; } .w-author .testimonial-img-author { width: 120px; height: 120px; margin-top: -100px; position: relative; overflow: visible; margin-bottom: 35px; } .w-author .testimonial-img-author img { border-radius: 100%; overflow: hidden; box-shadow: 10px 0 30px rgba(18, 25, 33, 0.15); } .w-author .testimonial-img-author .socials { position: absolute; left: 100%; bottom: 5px; margin: 0; width: 100%; } .w-author .testimonial-img-author .socials .social__item { margin-left: 10px; } .w-author .btn { margin-top: 10px; } .w-author .title { margin-bottom: 20px; display: block; } /*================= Responsive Mode ============*/ @media (max-width: 460px) { .w-author .testimonial-img-author .socials { position: relative; left: auto; } } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; 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: 999999; pointer-events: none; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } #toast-container > div:hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } #toast-container > div.rtl { padding: 15px 50px 15px 15px; } } .toast-message span { display: block; } .main-example { margin: 50px 0 0 0; } .main-example .countdown-container { height: 200px; } .main-example .time { border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); display: inline-block; text-align: center; position: relative; height: 120px; width: 18%; -webkit-perspective: 479px; -moz-perspective: 479px; -ms-perspective: 479px; -o-perspective: 479px; perspective: 479px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .main-example .count { background: linear-gradient(to top, rgb(27, 141, 88), rgb(37, 193, 121)); color: #f8f8f8; display: block; font-family: 'Oswald', sans-serif; font-size: 3.4em; line-height: 2.4em; overflow: hidden; position: absolute; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); top: 0; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: flat; -moz-transform-style: flat; -ms-transform-style: flat; -o-transform-style: flat; transform-style: flat; } .main-example span { color: #ffdf3e; } .main-example .count.top { border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.1); border-radius: 5px 5px 0 0; height: 50%; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .main-example .count.bottom { background-image: linear-gradient(rgba(255,255,255,0.1), transparent); background-image: linear-gradient(to top, rgb(68, 187, 132), rgb(24, 168, 102)) !important; background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent); background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent); background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent); border-top: 1px solid #000; border-bottom: 1px solid #000; border-radius: 0 0 5px 5px; line-height: 0; height: 50%; top: 50%; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .main-example .count.next { } .main-example .label { font-size: normal; margin-top: 5px; display: block; position: absolute; top: 130px; width: 100%; } /* Animation start */ .main-example .count.curr.top { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); z-index: 3; } .main-example .count.next.bottom { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); z-index: 2; } /* Animation end */ .main-example .flip .count.curr.top { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .main-example .flip .count.next.bottom { -webkit-transition: all 250ms ease-in-out 250ms; -moz-transition: all 250ms ease-in-out 250ms; -ms-transition: all 250ms ease-in-out 250ms; -o-transition: all 250ms ease-in-out 250ms; transition: all 250ms ease-in-out 250ms; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } @media screen and (max-width: 48em) { .main-example { width: 100%; } .main-example .countdown-container { height: 100px; } .main-example .time { height: 70px; width: 41px; } .main-example .count { font-size: 1.5em; line-height: 70px; } .main-example .label { font-size: 0.8em; top: 72px; } } :root { --button-1: #CD4852; --button-2: #426F6C; --button-3: #9D59C7; --button-white: #FFFFFF; --main-color: #9D59C7; --Blue: #1A5DDD; } p, h1, h2, h3, h4, h5, h6 { margin: 0; } .popup-close { display: flex; align-items: center; justify-content: center; } .popup-close img { width: 50%; } /*================= HEADER ============*/ .header { box-shadow: 15px 0 25px 0 rgba(0, 0, 0, 0) !important; } html, body { overflow-x: hidden; } .aovivobtn { background: #fff !important; color: #282828 !important; } .aovivobtn i { color: #f01919 !important; padding-right: 10px !important; } .aovivo { background: #fff; border-radius: 20px; } .aovivo a { color: #282828 !important; } .aovivo a i { color: #f01919 !important; } label.error { font-size: 12px; margin: 0 0 5px 0; color: #e52c2c; display: block; } .banner-main { min-height: 100vh; } .js-insc-documentomatricula { float: right; margin: -13px 0 20px 0; } .lote-clube-consulfarma .text-lote-title { font-size: 15px; line-height: 15px; } .btn-clube-lote { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; background: #ed3f96; border-radius: 50px; font-size: 16px; line-height: 17px; font-weight: 600; color: #fff; margin-bottom: 10px; margin-top: -60px; } .btn-clube-lote:hover { background: #dd167a; color: #fff; } .actions-plenaria { display: flex; flex-direction: column; gap: 10px; align-items: center; margin-left: 30px; } .actions-plenaria a { color: #fff; } #fixed-tag .titulo { font-size: 26px; color: white; text-align: center; margin: auto; position: relative; display: block; } #fixed-tag .sub { font-size: 17px; color: white; text-align: center; margin: auto; position: relative; display: block; } .header-spacer { height: 75px; } .header-lines-decoration span { width: 25% !important; } .space-curso-detalhe .button-compre-online { background: #70ccf6 !important; color: #000 !important; padding: 20px 20px !important; } } .course-features-list li + li { border-top: 1px solid #454856; } .space-curso-detalhe .btn-inscreva-se { background: #ffffff !important; color: #000 !important; } .space-curso-detalhe .button-compre-online:hover { background: #2b2b2b !important; color: #fff !important; } .course-details-info .name-ministrante { font-size: 20px; } .button-compre-online { background: #70CCF6; color: #fff !important; padding: 22px 45px !important; } .button-compre-online:hover { background: #70CCF6 !important; color: #000 !important; } .btn-item-oncart { color: #050819; font-size: 17px; background: #fff; border-radius: 100px; font-weight: 200; padding: 15px 20px; margin: 0 10px 0 0; } .link-reuniao { background: #70CCF6; color: #fff; border-radius: 30px; padding: 15px 30px; margin: 0 auto; margin: 30px auto; } .link-reuniao:hover { background: #3eb8e8; color: #fff; border-radius: 30px; padding: 15px 30px; margin: 0 auto; } .btn { border-radius: 50px; width: fit-content; font-size: 18px; color: #000; font-weight: 600; } .ministrante-list { display: flex; flex-wrap: wrap; } .ministrante-list.mobile { display: none; } .ministrante-list.desktop { display: flex; } .btn-blue { color: white; background: var(--button-1) 0% 0% no-repeat padding-box; border: 2px solid var(--button-1); border-radius: 31px; } .btn-blue:hover { background: #a2e2ff; color: #0A0C21; } .btn-pink { border-radius: 31px; font: normal normal 600 20px/24px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; background: var(--button-2) 0% 0% no-repeat padding-box; border: 2px solid var(--button-2); } .btn-pink:hover { background: #f883c3; color: #0A0C21; } .btn-verde { background: #70CCF6; } .primary-menu-menu ul.sub-menu li a { color: #1b1b1b; display: flex; display: -webkit-flex; align-items: center; padding: 10px 20px 11px 47px; font-weight: 600; } .primary-menu-menu ul.sub-menu li a img { width: 18px; margin-right: 10px; } .primary-menu-menu ul.sub-menu li:before, .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:before { left: 25px; } .button-destaque { background: #000 !important; color: #ffffff !important; padding: 22px 45px !important; max-width: 220px; } .button-destaque:hover { padding: 22px 33px !important; background: #70CCF6 !important; color: #fff !important; } .button-saibamais { background: #282828 !important; color: #fefefe !important; padding: 22px 45px !important; max-width: 220px; border: 2px solid #282828; } .button-saibamais:hover { color: #70CCF6 !important; } .button-compre-online2 { background: #ffffff !important; color: #000 !important; border: solid 4px #000; } .button-compre-online3 { color: #bdbdbd !important; border: solid 2px #bdbdbd !important; } .button-compre-online3:hover { padding: 22px 33px !important; color: #ffe03f !important; border: solid 2px #ffe03f !important; } .button-compre-online2:hover { background: #000 !important; color: #fff !important; } .header--menu-rounded .primary-menu-menu > li > .megamenu, .header--menu-rounded .primary-menu-menu ul.sub-menu { top: calc(100% - 0px); } .button-rota { padding: 22px 45px !important; background: #70CCF6 !important; color: #181818 !important; display: none !important; } .button-rota:hover { background: #262626 !important; color: #70CCF6 !important; } .site-logo img { width: 230px; } .padding-responsivo { position: relative; } .btn-back-cart { } .cor-principal { color: #282828 !important; } .bg-principal { background: #fff; } .bg-blue { background-color: #4b70de; } .bg-pink { background-color: #b7006a; } .bg-yellow { background-color: #ffe03f !important; } .bg-green { background-color: #000; } .bg-white { background: #ffffff 0% 0% no-repeat padding-box; position: relative; } .bg-pink { background-color: #ff4584; } .bg-black { background-color: white; } .header { padding-top: 0px !important; } .header .header-content-wrapper a.button-blue { background-color: #1A5DDD !important; font-family: "Proxima Nova"; color: #FFF !important; padding: 10px 21px 10px 21px; border-radius: 30px; border: 2px; text-transform: uppercase; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; margin-left: 16px; } .header--blue-lighteen { background-color: #212121; } .primary-menu-menu > li > a { position: relative !important; color: black !important; font-size: 16px; text-transform: uppercase; padding: 10px 12px !important; } .primary-menu-menu > li > a:hover { color: #fff; } .primary-menu-menu > li:hover > a, .primary-menu-menu > li:hover, .primary-menu-menu > li.current-menu-item a, .primary-menu-menu > li.current-menu-item { color: #e865ad; border-radius: 60px; } .sub-link { color: #040f23; font-size: 14px; padding-left: 47px; text-transform: uppercase; font-weight: 900; } .text-maior-congresso img { width: 712px; display: flex; display: -webkit-flex; margin-top: 6%; opacity: 0.7; } .color-stroke { stroke: #fff; } .color-stroke-two { stroke: #000; } .primary-menu-menu li .indicator { color: #000; position: relative; top: -3px; } .header--menu-rounded .primary-menu-menu > li { padding: 0 0; } .icon-user { color: #000; position: relative; top: -4px; margin-right: 11px !important; } .left-search { width: 80%; float: left; } .rigth-search { width: 20%; float: left; } button.btn-pesquisar-search { background: none !important; font-size: 20px; text-align: center; color: #fff !important; border-radius: 33px; font-weight: 500; text-transform: uppercase; display: block; border: 2px solid #fff; padding: 10px !important; margin: 16px 0 0 0; } .window-popup.open { background-color: #050819; background: #99F 0% 0% no-repeat padding-box; } .background-home { width: 100%; display: -ms-flexbox !important; display: flex !important; display: -webkit-flex; align-items: center; justify-content: flex-end; flex-direction: column; transition: 0.2s; position: relative; height: 100vh; } .background-home.slide1 { background: url(/Content/Site/Utouch/img/bg-congresso-2021.jpg); background-size: cover; background-position: center center; background-position-y: 30%; background-size: cover; } .background-home.slide2 { background: url(/Content/Site/Utouch/img/bg-feira-de-negocios.jpg); background-size: cover; background-position: center center; background-position-y: 0%; background-size: cover; align-items: center; padding-left: 200px; padding-right: 200px; justify-content: space-between; flex-direction: inherit; } .background-home.slide3 { background: url(/Content/Site/Utouch/img/bg-promocao.jpg); background-size: cover; background-position: center center; background-position-y: 0%; background-size: cover; align-items: flex-end; padding-left: 200px; padding-right: 200px; justify-content: space-between; flex-direction: inherit; } .background-home.slide3 img.title { position: absolute; top: 28%; left: 10%; width: 635px; } .background-home.slide3 h4 { color: #fff; font-weight: 200; display: block; font-size: 30px; width: 445px; } .background-home.slide3 h4 b { font-weight: 600; } .background-home.slide3 a { font-size: 17px; text-transform: uppercase; font-weight: 500; margin: 0; line-height: 23px; position: absolute; bottom: 45px; right: 47px; width: 410px; border-radius: 48px; } .background-home.slide2 h3 { color: #fff; font-weight: 100; text-transform: uppercase; font-size: 38px; text-align: left; width: 800px; } .background-home.slide2 .icons-feira { display: -ms-flexbox !important; display: flex !important; display: -webkit-flex; } .background-home.slide2 .icons-feira img { width: 100%; margin-left: -33px; } .background-home.slide2 .form-feira-home { width: 390px; } .form-feira-home .btn:hover { background: #52b1d6 !important; } .background-home.slide2 .form-feira-home h5 { color: #fff; font-weight: 200; text-transform: uppercase; text-align: center; } .form-feira form select { margin: 7px 0px; } .form-feira form button { margin-top: 12px; } .form-feira form input, .form-feira form select { color: #273f5b !important; } .icons-feira div:nth-child(even) { margin-top: 50px; } .bg-feira { background: url(/Content/Site/Utouch/img/bg-feira-de-negocios.jpg) center bottom; background-size: cover; width: 100%; height: 100vh; position: fixed; z-index: 1; } .faixa-promocao { height: 56px; background: url(/Content/Site/Utouch/img/bg-nova-faixa.jpg) center bottom; background-size: contain !important; background-repeat: no-repeat; margin-top: 0px; margin: 0 auto; margin-bottom: 25px; width: 98%; position: relative; border-radius: 4px; } .faixa-promocao:after { content: ''; position: absolute; left: 0; margin-left: auto; margin-right: auto; right: 0; bottom: -10px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #112933; clear: both; border-radius: 9px; } .bg-feira:after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); position: absolute; left: 0; top: 0; } .form-feira .conta-feira { font-size: 20px; color: #fff; text-align: center; font-weight: 600; margin-bottom: 20px; margin-top: 10px; } .form-feira .conta-feira a { color: #85dbfd; cursor: pointer; padding: 8px; } .form-feira h4 { color: #e865ad; font-weight: 900; font-size: 30px; line-height: 40px; margin-bottom: 0; text-transform: uppercase; } .background-home h1 { color: #fff; font-size: 29px; font-weight: 100; line-height: 40px; width: 485px; text-align: center; } /*.background-save { background-size: 100%; height: 100vh; width: 100%; display: flex; display: -webkit-flex; align-items: center; } .bg-save-imagem { background: url(/Content/Site/Utouch/img/background-congresso.jpg); height: 100vh; width: 100%; background-size: cover; position: absolute; top: 0; left: 0; opacity: 0.4; }*/ #carousel-home { margin-top: 5vh; } .background-home-position { background-position-y: 85%; transition: 0.4s; } .search-esconder { display: none !important; } #menu-carrinho { position: relative; } .number-cart { position: absolute; top: -19px; left: 12px; background: #1A5DDD; border-radius: 43px; color: #fff; font-size: 14px; line-height: 14px; font-weight: 700; height: 23px; width: 23px; display: flex; justify-content: center; align-items: center; } .icon-cart { position: relative; top: -1px; /* width: 20px; */ /* height: 17px; */ color: black; font-size: 22px; } .primary-menu-menu > li > a > i { font-size: 14px; color: #000; } .link { color: #e865ad; } .link:hover { opacity: 0.5; } .btn-mobile-full { width: auto; } .nav-add:hover .utouch-icon { fill: white; } .search-full-screen .search-standard input[type="search"] { border-bottom: 4px solid #fff; color: #fff; } .search-full-screen .search-standard input[type="search"]:focus { border-color: #fff; color: #fff; } .typeahead__container .close .utouch-icon { fill: #ffe03f; } .typeahead__container .close .utouch-icon:hover { fill: #0083ff; } .typeahead__container [type="submit"] .utouch-icon { fill: #fff; } #campo-busca::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff !important; } #campo-busca::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; } #campo-busca:-ms-input-placeholder { /* IE 10+ */ color: #fff !important; } #campo-busca:-moz-placeholder { /* Firefox 18- */ color: #fff !important; } textarea, select, .nice-select { color: #000; } .header--menu-rounded.header--blue-lighteen .primary-menu-menu > li > a:hover, .header--menu-rounded.header--blue-lighteen .primary-menu-menu > li.current-menu-item > a { background: transparent; } .primary-menu-menu ul.sub-menu li:hover > a, .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:hover a { color: #000 !important; } .primary-menu-menu ul.sub-menu, .primary-menu-menu ul.sub-menu li ul.sub-menu { border-radius: 0px; } .primary-menu-menu ul.sub-menu li:hover:before, .primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li:hover:before { background-color: #e865ad; } /*================= BODY ============*/ h1, .h1 { font-size: 70px; font-weight: 900; font-family: "Proxima Nova" !important; margin: .5em 0; line-height: 1em; } h2, .h2 { font-family: "Proxima Nova" !important; font-size: 41px; color: #4a4a4a; } h3, .h3 { font-family: "Proxima Nova" !important; font-size: 28px; margin: .2em 0; color: #4a4a4a; } h4, .h4 { font-family: "Proxima Nova" !important; color: #4a4a4a; } h5, .h5 { font-family: "Proxima Nova" !important; color: #4a4a4a; margin: .3em 0; } h6, .h6 { font-size: 16px; line-height: 25px; font-weight: 400; font-family: "Proxima Nova" !important; color: #212121; font-weight: 300; } .patrocinador-bronze { background: #fff; padding: 8px; border-radius: 12px; } .patrocinador-bronze .col-lg-3 { width: 20%; } .crumina-counter-item .counter-title { text-align: center; color: #232323; } .margin-btn { margin: 15px 0px; } .bg-secondary-color { background: #000; padding: 71px 0px; z-index: 999; position: relative; opacity: 1; } #video-background { /* making the video fullscreen */ position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(images/torre.jpg) no-repeat; background-size: cover; opacity: 0.5; } .space-title { margin-top: 26vh; } .btn:hover { opacity: 0.8; } .container-content-main { margin: 150px 0 100px 0; } .content-wrapper { overflow: hidden; position: relative; } .clock-pc { font-size: 23px; color: #70CCF6; display: block; background: rgba(12, 47, 77, 0.76); text-align: center; font-weight: 300; text-transform: uppercase; padding: 2px 14px; display: inline-block; } .areas-abordadas-congressos { padding-bottom: 100px; } .areas-abordadas-congressos h3 { margin: 0px; margin-left: 0px; color: #000; font-size: 28px; } .agradecimento h2 { color: #ff5f4f; text-align: center; } .agradecimento p { margin-top: 30px !important; color: #fff; width: 70%; margin: 0 auto; text-align: center; font-size: 20px; } .img-farmacia { background: url('/Content/Site/Utouch/img/farmacia.jpg'); } .img-farmacia:hover { border-bottom: solid 11px #ED6D63; } .img-cosmetologia { background: url('/Content/Site/Utouch/img/cosmetologia.jpg'); } .img-cosmetologia:hover { border-bottom: solid 11px #B23168; } .img-nutricao { background: url('/Content/Site/Utouch/img/nutricao.jpg'); } .img-nutricao:hover { border-bottom: solid 11px #EF7D4D; } .img-veterinaria { background: url(/Content/Site/Utouch/img/veterinaria.jpg); } .img-veterinaria:hover { border-bottom: solid 11px #2ece8b; } .img-medicina { background: url(/Content/Site/Utouch/img/medicina.jpg); } .img-medicina:hover { border-bottom: solid 11px #208DBF; } .img-gestao { background: url(/Content/Site/Utouch/img/gestao.jpg); } .img-gestao:hover { border-bottom: solid 11px #7D5E9A; } .img-area-todos { background: url(/Content/Site/Utouch/img/area-todos.jpg); } .img-area-todos:hover { border-bottom: solid 11px #1f1f1f; } .bg-atendimento-home { background: url(/Content/Site/Utouch/img/bg-vendas.jpg); width: 100%; height: 100%; background-size: cover; display: flex; display: -webkit-flex; justify-content: center; align-items: flex-end; position: relative; } .bg-atendimento-home div { width: 100%; padding: 0px 43px; } .img-tag { width: 360px; top: 0px; left: 0px; position: absolute; } .tag-inedito { color: var(--Blue, #1A5DDD); text-align: center; font-family: "Proxima Nova"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 20px; /* 153.846% */ display: flex; width: fit-content; border-radius: 4px; background: #D1DFF8; padding: 0px 4px; } .tags-container { display: flex; flex-wrap: wrap; gap: 12px; } .tags-wrapper { padding-bottom: 72px; } .tag-badge { display: flex; min-width: 313px; height: 72px; padding: 0 16px; justify-content: center; align-items: center; border-radius: 8px; border: 2px solid var(--Black-80, #4D4D4D); background: var(--Black-90, #1A1A1A); color: var(--White, #FFF); font-family: "Proxima Nova"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; /* 122.222% */ gap: 12px; } .tag-badge:hover { border-color: white; } .filtros-wrapper { display: flex; padding: 16px 0; justify-content: space-between; align-items: center; align-self: stretch; } .filtros-wrapper h3 { color: var(--White, #FFF); font-family: "Proxima Nova"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px; /* 111.111% */ text-transform: uppercase; } .despigmente:after { position: absolute; content: ' '; width: 100%; left: 0px; height: 100%; bottom: 0px; background: linear-gradient(180deg, rgba(23, 23, 23, 0) 46%, rgb(252, 52, 103, 0.85) 100%); } .nutricao:after { position: absolute; content: ' '; width: 100%; left: 0px; height: 100%; bottom: 0px; background: linear-gradient(180deg, rgba(23, 23, 23, 0) 46%, rgb(221, 93, 26, 0.85) 100%); } .atendimento:after { position: absolute; content: ' '; width: 100%; left: 0px; height: 100%; bottom: 0px; background: linear-gradient(180deg, rgba(23, 23, 23, 0) 46%, rgba(141, 64, 167, 0.85) 100%); } .formulas:after { position: absolute; content: ' '; width: 100%; left: 0px; height: 100%; bottom: 0px; background: linear-gradient(180deg, rgba(23, 23, 23, 0) 46%, rgb(64, 155, 191) 100%); } .carousel-simposio { width: 300px !important; margin-top: 30px; } .carousel-simposio .item img { border-radius: 50%; } .texto-legal { padding: 12px; color: #9e9e9e; } .section-simposios { padding-top: 70px; } .section-simposios .col-lg-6.col-md-6.col-xs-12 { padding: 10px; } .simposio-farmacia::after { content: ' '; width: 600px; background: url(/Content/Site/Utouch/img/bg-simposio4.png); background-size: 70%; background-position-x: 100%; background-position-y: 0px; background-repeat: no-repeat; z-index: 2; position: absolute; top: 66px; right: 0px; height: 86vh; } .simposio-farmacia::before { position: absolute; content: ' '; width: 100%; left: 0px; height: 100%; bottom: 0px; background: linear-gradient(168deg, rgba(23, 23, 23, 0) 46%, rgba(252, 52, 103, 0.7) 130%); } .simposio-medico::after { content: ' '; width: 600px; background: url(/Content/Site/Utouch/img/bg-simposio1.png); background-size: 70%; background-position-x: 100%; background-position-y: 0px; background-repeat: no-repeat; z-index: 2; position: absolute; top: 66px; right: 0px; height: 86vh; } .simposio-medico::before { position: absolute; content: ' '; width: 100%; left: 0px; height: 100%; bottom: 0px; background: linear-gradient(168deg, rgba(23, 23, 23, 0) 46%, rgb(64, 155, 191) 130%); } .simposio-atendimento::after { content: ' '; width: 600px; background: url(/Content/Site/Utouch/img/bg-simposio2.png); background-size: 100%; background-repeat: no-repeat; z-index: 2; position: absolute; top: 66px; right: 0; margin-left: auto; margin-right: 0; height: 86vh; } .simposio-atendimento::before { position: absolute; content: ' '; width: 100%; left: 0px; height: 100%; bottom: 0px; background: linear-gradient(168deg, rgba(23, 23, 23, 0) 46%, rgba(141, 64, 167, 0.85) 130%); } .simposio-nutricao::after { content: ' '; width: 380px; background: url(/Content/Site/Utouch/img/bg-simposio3.png); background-size: 100%; background-repeat: no-repeat; z-index: 2; position: absolute; top: 54px; right: 0; margin-left: auto; margin-right: 0; height: 86vh; } .simposio-nutricao::before { position: absolute; content: ' '; width: 100%; left: 0px; height: 100%; bottom: 0px; background: linear-gradient(168deg, rgba(23, 23, 23, 0) 46%, rgba(221, 93, 26, 0.85) 130%); } .ministrantes-simposio { width: 800px !important; margin-top: 40px; } .ministrantes-simposio .ministrante { margin-right: 20px; text-align: center; } .ministrantes-simposio img { border-radius: 50%; overflow: hidden; } .ministrantes-simposio .ministrante h5 { font-size: 17px; font-weight: 400; } .img-tag2 { display: none; } .tag-area { position: relative; border-bottom: solid 1px #ffbdb6; } .img-areas { width: 100%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; margin-bottom: 18px; padding: 6px 20px 6px 10px; border-radius: 31px; background: #000; } .img-areas:hover { background: #70CCF6; } .img-areas:hover h3 { color: #212121; } .img-areas h3 { font-size: 18px; font-weight: 500; } .img-areas-1 h3 { color: #ff5858; } .img-areas-2 h3 { color: #FF7AC5; } .img-areas-3 h3 { color: #FFD37B; } .img-areas-4 h3 { color: #53DBA8; } .img-areas-5 h3 { color: #7598DF; } .img-areas-6 h3 { color: #BF6AFF; } .img-areas:hover { filter: grayscale(0%); transition: 0.2s; } .img-areas img { width: 25px !important; margin-right: 7px; } .box-feira .carousel-areas { position: relative; z-index: 2; margin-right: -40px; margin-top: 20px; height: 40px; width: calc(100% + 40px); } .logo-home { width: 435px !important; } .footer-banner-home { display: -ms-flexbox !important; display: flex !important; display: -webkit-flex; padding-top: 30px; padding-bottom: 30px; justify-content: space-between; align-items: center; width: 100%; padding: 30px; position: relative; z-index: 2; } .h1-space { display: -ms-flexbox !important; display: flex !important; display: -webkit-flex; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 1275px; text-align: center; align-items: center; justify-content: space-between; } .compre-agora-banner { font-size: 20px; text-align: center; color: #030e22 !important; border-radius: 33px; font-weight: 900; text-transform: uppercase; } .sucesso { text-align: center; width: 100%; padding: 1% 13%; } body { font-family: "Proxima Nova"; color: #101010; /* background-color: #212121 !important; */ } a { color: #70ccf6; } .box-menu-conta a { color: #263270; } .date-title { font-size: 35px; font-weight: 800; color: #70CCF6; text-align: left; } .date-title span { font-weight: 800; margin-right: 35px; color: #e865ad; font-size: 27px; } .negrito { font-weight: 900; } #hellopreloader { display: none; position: fixed; z-index: 99999999; top: 0; left: 0; width: 100%; height: 100%; min-width: 100%; background: #99F 0% 0% no-repeat padding-box; } #hellopreloader > div { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0%; margin-top: auto; margin-bottom: auto; bottom: 0; top: 0; width: 150px; height: 150px; } .preloader { width: 100px; height: 100px; border-radius: 100%; position: relative; margin: 0 auto; } #loader-4 span { display: inline-block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; margin: 35px 5px; opacity: 0; } #loader-4 span:nth-child(1) { animation: opacitychange 1s ease-in-out infinite; } #loader-4 span:nth-child(2) { animation: opacitychange 1s ease-in-out 0.33s infinite; } #loader-4 span:nth-child(3) { animation: opacitychange 1s ease-in-out 0.66s infinite; } @keyframes opacitychange { 0%, 100% { opacity: 0; } 60% { opacity: 1; } } .event-title { font-size: 72px; line-height: 61px; position: relative; padding: 1px 21px; font-family: 'Roboto', sans-serif; font-weight: 100; text-align: left; margin: 0px 103px; } .contagem-home { padding: 9px 13px; background: url(/Content/Site/Utouch/img/popup-contagem.jpg); width: 600px; height: 500px; margin: 0 auto; border-radius: 28px; margin-top: 12px; display: flex; display: -webkit-flex; align-items: center; } .video-de-fundo { position: absolute; left: -9%; top: -2%; z-index: -2; width: 120%; height: 1286px; opacity: 0.3; } .video-de-fundo2 { position: absolute; left: 0%; top: 0%; z-index: -2; width: 100%; height: 100%; opacity: 0.3; } .comprar-simposio a { width: 400px; font-size: 35px; padding: 23px; margin: 0px 17px; } .comprar-simposio a.btn-saibamais-meeting { width: 400px; font-size: 35px; padding: 23px; margin: 0px 17px; background: #7ebfda; color: #fff; } .tabela-desconto { display: flex !important; display: -webkit-flex; height: auto !important; align-items: center; justify-content: center; padding: 9px !important; border-radius: 9px; } .tabela-desconto span.tabela-assessoria { color: #000 !important; margin-right: 31px; text-align: right; } .tabela-desconto span.desconto-assessoria { font-size: 110px; margin: 0px; line-height: 103px; } .tabela-desconto span.desc-assessoria { color: #000 !important; margin-left: 20px; line-height: 35px; text-align: left; text-align: center; padding: 0px; } .coluna-atendimento { height: auto !important; margin: 40px 0px !important; border-radius: 12px !important; color: #fff; } .tag-vagas { background: #212121; display: table; position: absolute; height: 157px; padding: 12px; color: #f44336; font-weight: 600; font-size: 31px; text-align: center; line-height: 27px; width: 146px; bottom: -1px; display: flex; display: -webkit-flex; justify-content: center; align-items: flex-end; padding-bottom: 42px; } .increva-se-opcoes a { margin-right: 9px; border: solid; padding: 7px 13px; margin-top: 11px; display: inline-block; width: fit-content; border-radius: 4px; } .c-yellow { color: #ffe03f !important; } .text-right { text-align: right; } .text-left { text-align: left; } .bg-primary-color { background-color: #000; } .bg-green2 { background-color: #000 !important; padding: 40px; } .bg-ministrantes { position: absolute; width: 1132px; left: 30px; top: 30px; } .section-ministrantes { position: relative; padding-top: 0px; padding-bottom: 100px; } .course-details .name-ministrante { color: var(--Black-100, #000); font-family: "Proxima Nova"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; /* 114.286% */ } .professor-home { margin-top: 80px; } .course-details .name-profissao { padding: 5px 0px; font: normal normal 600 14px/17px Proxima Nova; text-align: left; font: normal normal 12px/15px Proxima Nova; letter-spacing: 0px; color: #263270; border: 1px solid #A2AAD3; border-radius: 14px; padding: 4px 10px; } .course-details-info { display: flex; justify-content: center; align-items: center; width: 336px; flex-shrink: 0; } .icon-ministrantes { display: none; color: #4b70de; } .icon-ministrantes:hover { color: #c125b5; } .sobrenome-menor { font-size: 27px; } .name-menor { font-size: 26px; } .space-profissao { background-color: #ffe03f; padding: 6px 17px; } .box-ministrante { background-color: #fff; margin: 0px 0px 0px; overflow: hidden; margin-top: 22px; transition: all 0.3s; background: #FFFFFF 0% 0% no-repeat padding-box; border-bottom: 0px; position: relative; border-radius: 20px; max-height: 260px; /* padding: 50%; */ background-size: contain; background-position: center top; filter: brightness(0.9); } .tag-professor-inedito { position: absolute; width: 100%; bottom: 8px; } .box-ministrante .read-more-ministrante { position: absolute; left: 25%; bottom: 8%; visibility: hidden; transition: ease-in-out all .4s; background: transparent; color: transparent !important; border-color: transparent; } .professor-home .box-ministrante { background-color: #fff; margin: 0px 0px 0px; overflow: hidden; transition: ease-in-out all .4s; } .box-ministrante:hover .read-more-ministrante { visibility: visible; transition: ease-in-out all .4s; background: #000; color: #fff !important; border-color: #000; } .foto-ministrante:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.9; transition: ease-in-out all .4s; } .title-area { margin-bottom: 9px; text-transform: uppercase; font: normal normal bold 36px/43px Proxima Nova; letter-spacing: 0px; color: #242021; } .lista-ministrantes { display: flex; flex-wrap: wrap; gap: 16px; width: 100%; } .lista-ministrantes .box-ministrante { width: 40px !important; height: 40px !important; min-width: 40px !important; border-radius: 50% !important; margin-bottom: 0; margin-top: 0; border: unset; } .lista-ministrantes .js-ministrante { display: flex; align-items: center; float: left; } .lista-ministrantes .sobrenome-menor { font-size: 25px; line-height: 20px; } .lista-ministrantes .space-ministrante { height: auto; display: flex; justify-content: flex-start; align-items: center; width: 160px; flex-shrink: 0; gap: 8px; } .space-area { text-align: center; padding: 20px; } .img-expositores { width: 100%; max-width: 169px; display: flex; align-items: center; justify-content: center; margin: unset; } .expositores-page .img-expositores { margin: 20px 10px; position: relative; } .img-expositores.expositor-inedito { padding: 34px 10px 10px 10px; border: 1px solid #e6ebf6; background: url('../img/tag-fornecedor-inedito.svg') left top; background-size: 100% 18px; background-repeat: no-repeat; } .space-area-expositor { text-align: center; padding: 45px; background: #fff; border-radius: 22px; margin: 43px 3px; height: auto; display: flex; display: -webkit-flex; overflow: hidden; } .expositores-home { padding-top: 80px; background: #050819; padding-bottom: 80px; } .expositores-home .networking { border: solid 2px rgba(112, 204, 246, 0.26); } .expositores-home .networking .btn:last-child { margin-top: 22px; } .expositores-home h3, .local-sp h3 { color: #fff; font-weight: 900; font-size: 32px; text-transform: uppercase; } .expositores-home .col-lg-6 { height: 600px; } .bg-expositores-home { background: url('/Content/Site/Utouch/img/bg-networking.jpg'); height: 100%; background-size: cover; width: 85%; margin: auto auto; } .expositores-home .space-area { display: flex; display: -webkit-flex; align-items: center; justify-content: center; padding: 0 100px; height: 100%; text-align: left; } .expositores-home .space-area p { font-size: 18px; margin-top: 12px; color: #949494; font-weight: 400; } .local-sp { padding-bottom: 80px; background: #050819; padding: 50px 0 50px 0; } .local-sp .col-lg-6 { height: 600px; border-radius: 100px 0 100px 0; overflow: hidden; } .bg-local-sp { background: url('/Content/Site/Utouch/img/holiday-inn-sao-paulo-4040734456-crop.jpg'); height: 85%; background-size: cover; width: 85%; border-radius: 9px; margin: auto auto; margin-top: 50px; } .bg-local-sp2 { background: url('/Content/Site/Utouch/img/img-sp2.jpg'); width: 100%; height: 100%; background-size: cover; } .bg-local-anhembi { background: url('/Content/Site/Utouch/img/img-anhembi.jpg'); width: 100%; height: 100%; background-size: cover; } .visite-feira { width: 100%; height: 40px; background: #4cadd4; padding: 6px; text-align: center; color: #fff; font-size: 17px; font-weight: 500; } .local-sp .space-area { display: flex; display: -webkit-flex; align-items: center; justify-content: center; padding: 0 19%; height: 100%; text-align: left; background: #fff; } .local-sp h4 { margin-bottom: 6px; } .local-sp h3 { color: #282828 !important; } .img-patrocinador-oficial { width: 453px; } .swiper-pagination .swiper-pagination-bullet { background-color: #e865ad; } .space-area2 { text-align: center; padding: 85px; } .btn-white { background-color: #fff !important; color: #000 !important; } .btn-white:hover { background-color: #4b4b4c !important; color: #fff !important; } .btn-yellow { background-color: #ffe03f !important; color: #4b70de !important; } .btn-yellow:hover { background-color: #4b70de !important; color: #ffe03f !important; } .btn-color { color: white !important; background: #9D59C7 0% 0% no-repeat padding-box; border: 2px solid #9D59C7; border-radius: 31px; } .btn-color:hover { background-color: #000; color: #70CCF6; } .btn-black { background-color: #212121 !important; color: #fff !important; /* padding: 22px 45px !important; */ } .btn-black:hover { background: #000 !important; color: #70CCF6 !important; } .btn-black-shadow { background-color: #212121 !important; color: #ffe03f !important; padding: 22px 37px !important; box-shadow: 0px 2px 44px 0 rgba(255, 224, 63, 0.77); } .btn-black-shadow:hover { background: #ffe03f !important; color: #212121 !important; } .search--dark.open { overflow-x: hidden; background-color: #9999FF; overflow-y: auto; } .valor-parcelas { font-size: 20px; font-weight: 400; margin-bottom: 0px; margin-top: 12px; border-bottom: solid 2px #ccc; padding-bottom: 6px; width: fit-content; } .valor-parcelas span { font-size: 14px; font-weight: 400; line-height: 9px; color: #000; } .valor-parcelas span.parcela { font-size: 34px; font-weight: 700; } .valor-parcelas span.n-parcela { display: block; line-height: 25px; background: #000; width: fit-content; padding: 0px 6px; color: #fff; margin-bottom: 9px; border-radius: 7px; } .popup-ministrante { padding: 5% 12%; } .space-popup-ministrante { padding: 0px 1px; } .space-descri-popup { /* margin-top: 12px; */ } .name-popup, .professor-modal { font-family: Proxima Nova; font-size: 38px; font-weight: 700; line-height: 37px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: white; } .descri-popup { padding: 0px 62px; } .popup-close .utouch-icon { fill: #000; } .popup-close { background-color: #fff; } .mini-curriculo { font-size: 16px; line-height: 1em; font-weight: 300; color: #7c93a5; font-family: 'Roboto', sans-serif; } .space-curriculo { font: normal normal normal 18px/22px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; } .space-curriculo * { color: #fff !important; font-size: 20px !important; font-weight: 400 !important; line-height: 26px !important; font-family: 'Proxima Nova'; } pagina-inscricao-2026 { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 74px 0 120px; background-color: #fff; } .pagina-inscricao-2026 .container { padding: 74px 0 150px; display: flex; justify-content: center; align-items: center; } .pagina-inscricao-2026 .subtitle-page { color: #242021; text-align: center; /* Body/Body lg */ font-family: "Proxima Nova"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; margin-bottom: 32px; } .pagina-inscricao-2026 h2 { color: #242021; text-align: center; font-family: "Proxima Nova"; font-size: 50.3px; font-style: normal; font-weight: 700; line-height: 62px; margin-bottom: 20px; white-space: nowrap; } .pagina-inscricao-2026 .descricao { text-align: center; margin-bottom: 24px; color: #555; font-size: 14px; } .pagina-inscricao-2026 form { display: flex; flex-direction: column; gap: 12px; } .pagina-inscricao-2026 input[type="text"]::placeholder, .pagina-inscricao-2026 input[type="number"]::placeholder, .pagina-inscricao-2026 input[type="email"]::placeholder { color: #000; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; font-weight: 400; } .pagina-inscricao-2026 input[type="text"], .pagina-inscricao-2026 input[type="number"], .pagina-inscricao-2026 input[type="email"] { border-radius: 6px; border: 1px solid #CACACA; background: #FFF; padding: 16px 23px; max-width: 100%; } .pagina-inscricao-2026 .group-input { gap: 16px; display: flex; flex-direction: column; } .pagina-inscricao-2026 .checkboxes { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; } .pagina-inscricao-2026 .checkboxes label { font-size: 13px; color: #333; } .pagina-inscricao-2026 [type="checkbox"]:not(:checked), .pagina-inscricao-2026 [type="checkbox"]:checked { position: unset; left: unset; width: fit-content; } .pagina-inscricao-2026 .politicas-comunicacoes * { color: #242021; /* Body/Body sm */ font-family: "Proxima Nova"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .pagina-inscricao-2026 .politicas-comunicacoes { gap: 16px; margin: 24px 0; display: flex; flex-direction: column; } .pagina-inscricao-2026 .politicas-comunicacoes label { display: flex; flex-direction: row; gap: 16px; align-items: center; } .pagina-inscricao-2026 .politica { font-size: 12px; color: #555; } .pagina-inscricao-2026 .politica a { text-decoration: underline; } .section-valores { padding-top: 100px; padding-bottom: 100px; background: #000; position: relative; } .valores-atendimento span.centavos { display: inline !important; color: #000 !important; font-size: 12px !important; position: relative !important; top: -6px !important; } .video-responsivo { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .responsivo-item { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .event-title2 { font-size: 81px; line-height: 70px; color: #ffe03f; position: relative; display: inline-block; padding: 6px 32px; font-family: 'Roboto', sans-serif; font-weight: 100; text-align: left; border-left: solid 17px #ffe03f; border-radius: 0px; margin: 0px 107px; } .imagem-ocongresso { background-position-x: 50%; background-position-y: 50%; overflow: hidden; height: auto; background-image: url(/Content/Site/Utouch/img/o-congresso.jpg); height: 485px; max-width: 92%; z-index: 2; margin: auto; position: relative; top: 39px; } .imagem-ocongresso2 { background-position-x: 39%; background-position-y: 16%; overflow: hidden; height: auto; background-image: url(/Content/Site/Utouch/img/historia1.jpg); height: 715px; } .imagem-ocongresso3 { background-position-x: 39%; background-position-y: 16%; overflow: hidden; height: auto; background-image: url(/Content/Site/Utouch/img/historia2.jpg); height: 650px; } .space-ocongresso { padding: 90px 0px; background: #151515; } .space-tabela { background: #fff; padding-bottom: 110px; } .box-ocongresso { background: #232323; padding: 8% 0%; } .text-midia { font: normal normal 300 20px/26px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; text-align: center } .space-depoimento { padding: 3px 15%; display: flex; display: -webkit-flex; margin-bottom: 13px; } .aspas-depoimento { font-family: 'Fira Mono', monospace; font-size: 127px; color: #000; position: absolute; left: 4px; top: -5px; } .aspas-depoimento2 { font-family: 'Fira Mono', monospace; font-size: 127px; color: #000; position: absolute; right: 4px; top: -5px; } .btn-prev .utouch-icon, .btn-next .utouch-icon { color: #000 !important; fill: #000 !important; } .img-depoimento { width: 100%; padding: 0% 39%; margin-top: 18px; margin-bottom: 40px; } .navgation-center { text-align: center; padding: 0% 20%; } .div-email { padding: 4px; position: absolute; bottom: 0px; width: 100%; } .background-email { background-image: url(/Content/Site/Utouch/img/background-vip.jpg); padding: 0px; } .background-desconto { position: fixed; width: 100%; top: 0px; box-shadow: 3px 4px 44px 0 rgba(0, 0, 0, 0.6); text-align: center; z-index: 998; } .background-desconto2 { position: fixed; width: 100%; bottom: 0px; box-shadow: 3px 4px 44px 0 rgba(0, 0, 0, 0.6); text-align: center; z-index: 998; } .title-desconto { font-weight: 300; font-size: 26px; padding: 11px 0px; } .course-features-list li { width: 50%; padding: 8px 0; float: left; } .course-features-list { margin-bottom: 5px; display: inline-block; } .title-desconto2 { font-weight: 300; font-size: 21px; padding: 11px 0px; } .info-desconto { font-size: 14px; line-height: 18px; text-align: left; padding: 16px 0px; color: #fff; } .info-desconto2 { font-size: 14px; line-height: 18px; text-align: left; padding: 10px 0px; color: #fff; } .coluna-desc.desconto { color: #70CCF6; } .coluna-desc.anfarmag { color: #e865ad; } .coluna-desc { padding: 35px 28px; margin: 0px 1px; height: 220px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; background: #050819; } .box-ingresso-plen { border-radius: 12px; z-index: 9; position: relative; } h2#passaporte-plenaria { color: #FFF; font-family: "Proxima Nova"; font-size: 38px; font-style: normal; font-weight: 700; line-height: normal; } #head-passaporte { margin-top: 50px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; } .beneficios h3 span#selo-vip { background: #1A1A1A; color: #C285E0; padding: 2px 8px; border-radius: 5px; font-size: 24px; line-height: 24px; font-weight: 700; text-transform: uppercase; text-align: center; } .plenaria.hinutrition .beneficios h3 span#selo-vip { color: #F9C57C; } .box-ingresso-plen .plenaria { border: 2px solid #C285E0; display: flex; align-items: center; justify-content: space-between; padding: 24px 32px; border-radius: 10px; margin: 10px 0; } .box-ingresso-plen .plenaria.hinutrition { border: 2px solid #F49918; background: #F9C57C !important; } .box-ingresso-plen .plenaria.hof { border-radius: 10px; border: 2px solid var(--Violet-20, #66F); background: var(--Violet, #99F); } .box-ingresso-plen .plenaria h3 { color: #1A1A1A; font-weight: 700; font-size: 24px; line-height: 24px; } .box-ingresso-plen .plenaria .infos li { color: #1A1A1A; font-weight: 400; font-size: 15px; margin: 8px 0; line-height: 16px; } .box-ingresso-plen .plenaria .infos li i { color: #9933CC; margin-right: 5px; } .box-ingresso-plen .plenaria.hinutrition .infos li i { color: #F49918 !important; } .box-ingresso-plen .plenaria.hof .infos li i { color: var(--Violet-20, #66F); } .box-ingresso-plen .infos button { font-size: 16px; line-height: 26px; font-weight: 700; text-align: center; max-width: fit-content; } .box-ingresso-plen .plenaria .infos.mobile { display: none; } .box-ingresso-plen .plenaria .infos { display: flex; flex-direction: row; align-items: center; justify-content: center; } .box-ingresso-plen .plenaria.saude { background: var(--Pink-20, #CF66FF); } .box-ingresso-plen .plenaria .beneficios p { margin: 20px 0 0 0; font-size: 16px; line-height: 16px; font-weight: 400px; } .box-ingresso-plen .plenaria .beneficios li:not(.li-infos) { font-size: 14px; color: #000; font-weight: 500; padding: 0px 10px; margin: 5px 0; border-radius: 2px; background: #FFFFFF4D; } .coluna-plenaria { border-radius: 12px; border: solid 6px #8151ac; padding: 22px 23px; margin: 15px 1px; height: AUTO; width: 100%; background: #F7CE3E; background: linear-gradient(to right, #F7CE3E 0%, #D35A4F 28%, #9D59C7 50%, #34718C 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .coluna-plenaria:hover { border: solid 6px #F7CE3E; color: #000; } .coluna-plenaria .desc-box-plenaria { font-size: 22px; line-height: normal; background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; text-transform: uppercase; } .align-tabela-center { display: flex; display: -webkit-flex; justify-content: center; z-index: 3; background-color: #000; position: relative; } #evento .box-plenaria { background-image: url(/Content/Site/Utouch/img/bg-plenaria.jpg); background-size: cover; background-position: center; border-radius: 12px; padding: 30px; height: 245px; width: 100%; margin-top: 40px; position: relative; } #evento .box-plenaria::after { content: ""; background: transparent linear-gradient(90deg, #F7CE3E 0%, #E18848 10%, #D35A4F 18%, #CD4852 22%, #9D59C7 55%, #895DBC 59%, #57699F 69%, #34718C 76%, #397081 80%, #426F6C 85%) 0% 0% no-repeat padding-box; height: 19px; width: 100%; bottom: 0; position: absolute; left: 0; border-radius: 0 0 12px 12px; } #evento .box-plenaria .wraper-text h3 { color: #242021; } .pading-tabela { padding: 4px; } .cart-mobile { display: none; } .professor-home li { margin-bottom: 20px; } .texto-legal { padding: 2% 0% 0% 0%; color: #9e9e9e; } .text-tabela { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.32); /* background: #282828; */ color: #fff; text-align: center; height: 50px; } .text-tabela-desconto { padding: 8px 0px; border-bottom: solid 1px #c2cdf5; color: #000; font-weight: 700; } .corpo-tabela { color: #e7ff81; font-weight: 400; font-size: 18px; } .destaque-tabela .corpo-tabela { color: #000 !important; /* background: #3a3a3a; */ font-weight: 600; } .destaque-tabela .text-tabela { border-bottom: 1px solid rgba(255, 255, 255, 0.32); } input:focus, textarea:focus, select:focus, .nice-select:focus { color: #000; box-shadow: 0 0 0px 2px #525252; border-color: transparent; } .alerta-vagas { position: absolute; left: 20px; top: 40%; width: 136px; } li.text-tabela-cursos:first-child { } li.text-tabela-cursos { color: #fff; font-weight: 400; padding: 10px 30px; font-size: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.32); /* background: #282828; */ text-align: left; display: flex; height: 50px; } li.text-tabela-cursos img { margin-right: 10px; max-width: 19px; } .data-tabela { background: #000000; padding: 10px 10px; color: #70CCF6; font-size: 18px; margin: 0px; font-weight: 400; background: transparent; font: normal normal normal 22px/22px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; text-align: center; white-space: nowrap; } .curso-tabela { padding: 10px 20px; margin: 0px; border-radius: 9px 0px 0px 0px; text-align: left; font: normal normal bold 22px/22px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; /* background: transparent; */ position: relative; } .mini-preco { font-size: 10px; color: #fff; position: relative; top: -3px; margin-right: 3px; } .text-lote-title { font-size: 25px; line-height: 33px; font-weight: 700; color: #000; text-align: center; margin-top: 0px; /* margin-bottom: 12px; */ font: normal normal bold 20px/30px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; } .tabela-plenaria { font-size: 32px; line-height: 40px; font-weight: 700; color: #ffe03f; text-transform: uppercase; } .box-farmacia-desconto { background: #e4eaff; display: inline-block; width: 100%; height: 220px; padding: 18px; } .tabela-assessoria-anfarmag, .tabela-assessoria, .box-farmacia-desconto .text-lote-title { font-size: 19px; line-height: 33px; font-weight: 500; } .desconto-assessoria { font-size: 75px; line-height: 85px; font-weight: 700; } .text-carrinho-curso { font-size: 70px; line-height: 72px; font-weight: 800; } .desc-assessoria { font-size: 16px; display: inherit; line-height: 23px; font-weight: 400; } .destaque-tabela { padding: 0px; margin-top: 0px; border-radius: 0px; border: solid 3px #ffffff; } .lote-encerrado { opacity: 1; } .destaque-cor { color: #ffe03f; background: #39353c; } .imagem-saopaulo { background-position-x: 35%; background-position-y: 16%; overflow: hidden; height: 690px; } .detalhe-saopaulo { height: 690px; background: #000; padding: 9% 10%; } .yellow { color: #ffe03f !important; } .red { color: #ff4e5d !important; } .black { color: #000 !important; } .white { color: #fff !important; } .blue { color: #4b70de !important; } .pink { color: #e865ad !important; } .green { color: #000 !important; } .w-follow .utouch-icon { color: #ffe03f; fill: #ffe03f; } .icon-social { color: #70CCF6; font-size: 19px; padding: 11px 3px; } .icon-social:hover { color: #e865ad; } .rode-logo { text-align: center; padding: 26px; } .rode-logo img { width: 100%; } .logo-text { margin-bottom: 20px; padding: 16px; } .nav-add li .utouch-icon { fill: black !important; width: 28px; } .sub-footer { background-color: #050819; padding: 12px 0; text-align: center; position: relative; margin-top: 20px; border-top: solid 1px #1f3b48; } .footer .realizacao { display: flex; display: -webkit-flex; } .contact-item { margin-bottom: 5px; color: #8e8e8e !important; } .contact-item a { color: #8e8e8e !important; } .sub-footer span { font-size: 12px; color: #70ccf6; } .sub-footer a { color: #ff65b1 !important; font-size: 13px; } .footer-info p { color: white; margin-top: 19px; margin-bottom: 0; padding: 0px 20px; } .black-area { background: black; color: white; display: flex; flex-direction: column; gap: 64px; padding: 40px 20px !important; } .black-area #expositores .owl-carousel { border-top: unset !important; border-bottom: unset !important; margin-top: unset !important; padding: unset !important; } .black-area .owl-nav { top: calc(47% - 38px); } .black-area .owl-nav .owl-prev { left: -10px !important; font-size: 56px !important; position: absolute; } .black-area .owl-nav .owl-next { right: -10px !important; font-size: 56px !important; position: absolute; } .black-area .carousel-section .title { font-family: Proxima Nova; font-size: 38px; font-style: normal; font-weight: 600; line-height: normal; color: white; margin-bottom: 16px; } .black-area .carousel.with-shadow { position: relative; } .black-area .carousel.with-shadow::after { position: absolute; top: 0; bottom: 0; right: -40px; content: ""; width: 100px; background: linear-gradient(270deg, #000 20%, rgb(0 0 0 / 1%) 100%) !important; } /* Home - Carousel com nav button */ .black-area .carousel.with-nav-button { position: relative; } .black-area .carousel.with-nav-button .owl-nav button:not(.owl-next) { display: none; } .black-area .carousel.with-nav-button .owl-nav .owl-next { border: 1px solid white; width: 46px; height: 44px; border-radius: 80%; font-size: 30px; position: absolute; right: 0; } .black-area .carousel.with-nav-button .owl-nav .owl-next span { padding: 0; position: absolute; bottom: -5%; right: 38%; } /*Home - Cards vitrine home */ .black-area .carousel .card-box { background: white; display: flex; padding: 16px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; aspect-ratio: 130/73; border-radius: 32px; border: 4px solid rgba(0, 0, 0, 0.20); overflow: hidden; } .black-area .carousel .card-thumb { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; border-radius: 8px; overflow: hidden; } .black-area .carousel .card-highlight { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; border-radius: 16px; overflow: hidden; position: relative; transition: ease-in-out all .3s; } .black-area .carousel .card-highlight .infos { display: none; color: white !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 32px; background: linear-gradient(360deg, #000 30%, rgb(0 0 0 / 1%) 100%); box-shadow: inset 0 0 0 4px rgb(255 255 255 / 50%); border-radius: 16px; } .black-area .carousel .card-highlight .infos .btn-close { display: none; } .black-area .carousel .card-highlight .infos .top-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: auto; margin-top: -10px; } .black-area .carousel .card-highlight .infos .top-wrapper .numero-curso { color: var(--White, #fff); font-size: 11px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .card-course-home { cursor: pointer; } .black-area .card-course-home .infos .numero-curso span { font-size: 24px; font-style: normal; font-weight: 600; } .black-area .carousel .card-highlight:hover .infos { position: absolute; bottom: 0; left: 0; right: 0; display: block; z-index: 3; display: flex; flex-direction: column; } .black-area .card-course-home.card-highlight:hover .infos { display: flex; height: 100%; flex-direction: column; } .black-area .card-course-home.card-highlight .infos .cta { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; margin: 16px 0; } .black-area .card-course-home.card-highlight .infos .more-info { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 12px; } .black-area .card-course-home.card-highlight .infos .more-info .button.btn-outlined { border-radius: 30px; border: 2px solid var(--White, #FFF); padding: 6px 14px; justify-content: center; align-items: center; gap: 6px; color: var(--White, #FFF); text-align: center; font-family: "Proxima Nova"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 20px; /* 153.846% */ text-transform: uppercase; } .black-area .card-course-home.card-highlight .infos .more-info > div { display: flex; flex-direction: row; gap: 8px; align-items: center; flex-wrap: wrap; } .black-area .card-course-home.card-highlight .infos .more-info > div p b { color: var(--White, #FFF); text-align: center; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; font-weight: 700; } .black-area .card-course-home.card-highlight .infos .more-info > div p { color: var(--Black-60, #B3B3B3); text-align: center; font-family: "Proxima Nova"; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; white-space: nowrap; margin-bottom: 0; } .black-area .card-course-home.card-highlight .infos .more-info span { display: flex; padding: 4px 6px; justify-content: center; align-items: center; gap: 10px; background: var(--Black-80, #4D4D4D); height: fit-content; color: var(--Black-50, #E6E6E6); font-family: "Proxima Nova"; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.32px; white-space: nowrap; } .black-area .card-course-home.card-highlight .infos h6 { color: var(--White, #FFF); font-family: "Proxima Nova"; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 8px; /*elipsis 3 linhas*/ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .black-area .card-course-home.card-highlight .infos > p { color: var(--Black-60, #B3B3B3); text-overflow: ellipsis; font-family: "Proxima Nova"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 18px; /*elipsis 3 linhas*/ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 0; } /*HOME - container categorias dos cursos */ .black-area .categorias { margin: 32px 0; } .black-area .categorias .title { font-family: "Proxima Nova"; font-size: 38px; font-style: normal; font-weight: 600; line-height: normal; color: white; margin-bottom: 16px; } .black-area .categorias .wrapper-categorias { display: grid; grid-template-columns: repeat(4, 1fr); /* 4 colunas fixas no desktop */ gap: 12px; } .black-area .categorias .wrapper-categorias span { display: flex; padding: 12px; justify-content: center; align-items: center; gap: 12px; border-radius: 8px; border: 2px solid var(--Black-80, #4D4D4D); background: var(--Black-90, #1A1A1A); color: var(--White, #FFF); font-family: "Proxima Nova"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; transition: ease-in-out all .3s; cursor: pointer; } .black-area .categorias .wrapper-categorias span:hover { border-color: #B3B3B3; } .form-inline input { margin-bottom: 21px !important; } .subscribe-main-content { background-color: #ffffff; border-radius: 10px; box-shadow: 20px 0 60px 0 rgba(0, 0, 0, 0.1); width: calc(100% - 60px); margin-left: 60px; float: left; z-index: 5; position: relative; padding: 52px 1px 56px 54px; } input { margin: 7px 0px; } .bg-primary-color { background-color: #2d2d2d; } .footer { background-color: #050819; background-image: none; z-index: 7; box-shadow: none; padding: 60px 0 0; border-top: solid #242631; } .footer .widget-title { color: #fff; font-size: 16px; text-transform: uppercase; } input:invalid, textarea:invalid { border: 1px solid #cacaca; } .with-icon input, .with-icon textarea, .with-icon select { padding-left: 20px; font-size: 15px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #263270; border-radius: 6px; } input, textarea, select, .nice-select { border-radius: 6px; box-shadow: none; border: 1px solid #cacaca; padding: 10px 22px; font-size: 17px; } textarea, select, .nice-select { color: #000; font-weight: 900; } .footer .w-contacts .btn { margin: 8px 0; } .footer .w-contacts i { font-size: 21px; color: #e865ad; margin-right: 10px; } .primary-menu-menu > li > .megamenu { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; width: 600px; border-radius: 24px; } .institucional-img { width: 100%; height: 580px; background-image: url(/Content/Site/Utouch/img/bg-inovacao.jpg); background-position-y: 50%; background-size: cover; position: relative; text-align: center; padding: 70px; } .institucional-img h3 { font-size: 45px; line-height: 48px; font-weight: 900; color: #fff; width: 715px; text-transform: uppercase; margin: 0 auto; } .institucional-img p { font-size: 18px; text-align: center; color: #b9b9b9; width: 355px; font-weight: 300; margin: 0 auto; margin-top: 10px; } .institucional-img img { position: absolute; bottom: 0px; right: 0; left: 0; margin: 0 auto; width: 100%; } .box-feira { width: 100%; height: 394px; border: solid 2px rgba(112, 204, 246, 0.26); position: relative; display: flex; display: -webkit-flex; align-items: flex-end; flex-direction: column; justify-content: center; padding: 30px 70px; overflow: hidden; text-align: center; margin-bottom: 60px; } .box-feira h3 { color: #fff; font-weight: 900; font-size: 30px; text-align: center; margin: 0 auto; text-transform: uppercase; width: 330px; } .box-feira.bg-box-3 h4.areas-itens { font-size: 16px; font-weight: 500; margin: 0; width: 100%; } .detalhe-ocongresso .bg-box-3 h4 { width: 84%; } .box-feira.bg-box-3 { align-items: center; padding: 20px; } .box-feira h4 { font-size: 17px; margin-top: 12px; text-align: center; color: #b9b9b9; width: 355px; font-weight: 300; } .item-minist { /* margin-bottom: 35px; */ display: inline-block; width: 100%; } .author-name .btn { } .box-feira .feira-1 { position: absolute; left: 21px; bottom: 20px; width: 128px; } .box-feira .feira-2 { position: absolute; right: 16px; bottom: 18px; width: 157px; } .box-feira a { color: #0A0C21; font-weight: 900; font-size: 16px; background: #e865ad; } .bg-box-1 { background: url(/Content/Site/Utouch/img/bg-home-feira2.jpg); background-size: cover; } .bg-box-2 { background: url(/Content/Site/Utouch/img/bg-home-cursos.jpg); background-size: cover; background-position: center; } .btn-vertical { z-index: 99999; transform: rotate(90deg); transform-origin: left top 0; position: absolute; left: 70px; top: 4%; font-size: 20px; color: #000; text-transform: uppercase; border: solid 2px; padding: 16px 21px; border-radius: 37px; font-weight: 500; } .btn-comprar { font-size: 21px; color: #15382f; text-transform: uppercase; padding: 20px 57px; border-radius: 37px; font-weight: 600; text-align: center; background: #ffe03f !important; } .btn-comprar:hover { background: #000 !important; } .nav-add { padding-left: 15px !important; /* padding-right: 9px; */ display: flex; align-items: center; } .box-contagem { padding: 0px 98px; margin: 61px 0px; } .stunning-header--min620 { min-height: 620px; } .space-curso-detalhe { margin-top: 165px; } .video-curso-detalhe { width: 100%; height: 308px; } .img-detalhes { width: 300px; margin-top: -21px; display: flex; display: -webkit-flex; } .logos-realizacao { margin-bottom: 110px; display: inline-flex; } .logo-single { width: 260px; margin: 20px 34px; } .owl-nav { position: absolute !important; top: 47%; width: 98%; z-index: 4; margin: 0 auto; } #banner-home .owl-nav .owl-prev, #banner-home .owl-nav .owl-next, #banner-home .owl-dot { font-family: "FontAwesome"; } #banner-home .owl-nav .owl-prev:before { content: "\f104"; font-family: "FontAwesome"; color: #fff; font-size: 35px; } #banner-home .owl-nav .owl-next:after { content: "\f105"; font-family: "FontAwesome"; color: #fff; font-size: 35px; } #banner-home .owl-nav button.owl-prev { position: absolute; left: 36px; } #banner-home .owl-nav button.owl-next { position: absolute; right: 36px; } .box-logo-realizacao { background: #fff; border-radius: 12px; padding: 12px; margin: 18px 12px; } .btn-detalhe-compra { margin-top: 19px; } .name-curso-detalhe { position: absolute; top: 35%; left: 89%; } .title-curso-detalhes { font-size: 40px; font-weight: 900; font-family: 'Roboto', sans-serif; margin: .5em 0; line-height: 1em; } .space-curso-detalhe .title-curso-detalhes { font-size: 32px; font-weight: 500; line-height: 36px; } .space-curso-detalhe .preco-curso { border-top: 3px solid #3c3c3c; } .background-detalhe-1 { background: url(/Content/Site/Utouch/img/bg-detalhes.jpg); background-size: cover; } .subtitle-curso-detalhes { font-size: 23px; font-weight: 200; font-family: 'Roboto', sans-serif; margin: .5em 0; line-height: 27px; width: 76%; } .foto-ministrante-detalhes { border-radius: 50%; } .space-ministrante-detalhes { text-align: right; } /*================= CURSOS ============*/ .tab-control { width: 22%; } .tab-control.active a { color: #fff !important; } .course-details-control { background-color: #000; padding: 30px 4px 0 4px; text-align: center; } .plenaria { /* background-color: #4b70de; */ /* color: #4b70de; */ } .titulo-curso { color: var(--Black-100, #000); font-family: "Proxima Nova"; font-size: 22px; font-style: normal; font-weight: 600; line-height: 24px; /* 109.091% */ } h4.sutitulo-curso { margin: 0 0 10px 0; color: #263270; font: normal normal bold 26px/36px Proxima Nova; line-height: 30px; letter-spacing: 0px; color: #242021; text-transform: uppercase; margin: 0 0 0 0; } .space-curso { border-bottom: solid 6px #cecece; padding: 0px 0px 82px 0px; margin: 35px 0px 113px 0px; position: relative; } .icon-cursos { color: #3366FF; margin-right: 5px; position: relative; top: 2px; font-size: 14px; } .icon-cursos-info { font-size: 46px !important; margin-right: 0px !important; margin-bottom: 17px; } .bloco-info-curso { text-align: center; background: #fff; width: 100%; padding: 25px; box-shadow: #d4d4d4 3px 4px 8px; margin-bottom: 25px; } .overall-rating { font-size: 60px; color: #050819; margin: 0; padding: 0; line-height: 60px; } .medium-padding120 { padding: 90px 0; } .medium-padding80 { padding: 50px 0; } /*================= COSMETOLOGIA ============*/ .title-cosmetologia { color: #ff4ea8 !important; } .box-cosmetologia { background: #ff4ea8 !important; margin: 0px; } .name-cosmetologia { /* color: #fff !important; */ } .name-cosmetologia:hover { /* color: #0083ff !important; */ } /*================= NUTRIÇÃO ============*/ .title-nutricao { color: #ff7c1f !important; } .box-nutricao { background: #ff7c1f !important; margin: 0px; } .name-nutricao { color: #ffe03f !important; } .name-nutricao:hover { color: #0083ff !important; } /*================= MEDICINA ============*/ .title-medicina { color: #2196F3 !important; } .box-medicina { background: #2196F3 !important; margin: 0px; } .name-medicina { color: #ffe03f !important; } .name-medicina:hover { color: #c125b5 !important; } /*================= GESTÃO E MARKETING ============*/ .title-marketing { color: #b655f3 !important; } .box-marketing { background: #b655f3 !important; margin: 0px; } .name-marketing { color: #ffe03f !important; } .name-marketing:hover { color: #0083ff !important; } /*================= VETERINÁRIO ============*/ .title-veterinaria { color: #7cc347 !important; } .box-veterinaria { background: #7cc347 !important; margin: 0px; } .name-veterinaria { color: #ffe03f !important; } .name-veterinaria:hover { color: #c125b5 !important; } /*================= FARMÁCIA MAGISTRAL ============*/ .title-farmacia { color: #3dcccc !important; } .box-farmacia { background: #3dcccc !important; margin: 0px; } .name-farmacia { color: #ffe03f !important; } .name-farmacia:hover { color: #c125b5 !important; } /*================= SIMPÓSIO ============*/ .title-simposio { color: #ffe03f !important; } .box-simposio { background: #ffe03f !important; margin: 0px; } .name-simposio { color: #0083ff !important; } .name-simposio:hover { color: #c125b5 !important; } /*================= GRATUITO ============*/ .title-gratuito { color: #738294 !important; } .box-gratuito { background: #738294 !important; margin: 0px; } .name-gratuito { color: #ffe03f !important; } .name-gratuito:hover { color: #c125b5 !important; } /*================= GRATUITO ============*/ .foto-curso { border-radius: 0px; } .raiting-details p { font-size: 19px; line-height: 21px; margin: 0; font-weight: 500; color: #050819; } .raiting-details .title { color: #050819; } .descricao-curso { font-size: 14px; } .curso-plenaria { background-color: #292929 !important; border-radius: 23px 23px 0px 0px; } .product-item { padding: 35px 50px; } .box-hospedagem-item { background: #f4f5f6; padding: 25px; border-radius: 12px; margin-bottom: 46px; } .agencia-event img { width: 170px; margin: 0 auto; } .curso-plenaria:hover { background-color: #4b70de !important; } .curso-plenaria2 { background-color: #fff !important; border-radius: 0px 0px 23px 23px; } .curso-plenaria2:hover { background-color: #ffdf3e !important; } .stunning-bg-5 { background-image: url('/Content/Site/Utouch/img/cursos-plenario.jpg'); } .stunning-bg-6 { background-image: url('/Content/Site/Utouch/img/evento.jpg'); } .stunning-bg-7 { background-image: url('/Content/Site/Utouch/img/feira.jpg'); } .stunning-bg-8 { background-image: url('/Content/Site/Utouch/img/hospedagem.jpg'); } .stunning-bg-9 { background-image: url('/Content/Site/Utouch/img/imprensa.jpg'); } .stunning-bg-10 { background-image: url('/Content/Site/Utouch/img/ministrantes.jpg'); } .stunning-header--min640 { min-height: auto !important; } .stunning-header-content > * + *:last-child:not(.breadcrumbs-wrap) { margin-bottom: 0; } .overlay--green { background-color: rgba(52, 38, 86, 0.19); } .course-details-control .tab-control a { color: #c13d30; font-size: 25px; line-height: 27px; } .course-details-control .tab-control a:hover { color: #212121; } .course-details .tab-content { padding: 30px; } .tab-control a:after { background-color: #212121; } .tab-control2 { display: inline-block; width: 22%; } .tab-control2 a { font-weight: 700; color: #2e3a77; text-transform: none; padding-bottom: 10px; position: relative; display: block; font-size: 25px; line-height: 59px; } .tab-control2 a:hover { color: #ffe03f; } .tab-control2 a:after { content: ''; display: block; width: 0; height: 3px; border-radius: 3px; background-color: #CF66FF; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .3s ease; } .tab-control2 + .tab-control2 { margin-left: 30px; } .tab-control2.active a:after { opacity: 1; width: 100%; } .course-details-control2 { padding: 30px 4px 0 4px; text-align: center; background: var(--gradient, linear-gradient(90deg, #D9D5EB 0.13%, #CDD2EE 10.12%, #BACCF3 20.11%, #94C0FF 30.09%, #94BAFF 40.08%, #99F 50.07%, #A099FF 60.05%, #B599FF 70.04%, #CD93FC 80.03%, #5970E7 90.01%, #1A5DDD 100%)); } .course-details-control2 .tab-control2 a { text-transform: none; padding: 0 25px 25px 25px; color: #242021; font-size: 25px; line-height: 27px; display: block; } .course-details-control2 .tab-control2 a:after { height: 4px; border-radius: 3px 3px 0 0; } .course-details { margin-bottom: 66px !important; border-radius: 0; background-color: #050819; } .space-botao-cursos { .curso-item-destaque margin-bottom: 0; } .space-botao { margin: 80px 0px 4px 0px; } .btn-inscreva-se { background-color: #4b70de; color: #ffe03f; } .btn-inscreva-se:hover { background-color: #ffe03f; color: #4b70de; } .btn-fila-espera { background-color: #ffe03f; color: #4b70de; } .btn-encerrada { background-color: #f93b55; color: #ffe03f; } .nice-select .option { text-align: left !important; } .nice-select.open .list { max-height: 351px; overflow: auto; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #ffe03f; } .category-link { text-transform: unset; text-align: center; font: normal normal bold 52px/62px Proxima Nova !important; font-size: calc(40px + (52 - 40) * ((100vw - 500px) / (1600 - 500))); letter-spacing: 0px; color: #263270; margin-bottom: 19px; } .title-plenaria { font-size: 52px; line-height: 52px; color: #E5D0F2; position: relative; display: inline-block; font-weight: 800; font-family: 'Roboto', sans-serif; } .title-curso-plenario { color: #fff; font-size: 39px; } .box-curso-plenario { text-align: center; background: #212121; padding: 43px 0px; border-radius: 12px; margin: 0px 0px 32px 0px; } .plenario-minutos { font-size: 25px !important; } .contagem { width: 100%; } .classificacao { color: #909090; font-size: 17px; display: none; margin-right: 6px; } .content-atendimento { font-size: 18px; margin-bottom: 12px; } h1.title-atendimento { margin-bottom: 30px; color: #fff !important; text-align: left; margin-top: 0px; font-weight: 300; line-height: 66px; width: 75%; font-size: 63px; } .header-atendimento h5 { font-weight: 200; font-size: 20px; margin-top: 11px; } .header-atendimento h3 { font-weight: 500; line-height: 29px; font-size: 24px; margin: 0 auto; text-align: left; } .header-atendimento h4 { color: #ccc !important; font-weight: 300; line-height: 25px; font-size: 16px; width: 660px; margin-top: 12px !important; text-align: left; } .btn-atendimento { font-size: 24px; margin-top: 42px; } .content-pilares { font-size: 28px; margin-bottom: 23px; } .content-pilares span { display: block; font-size: 23px; background: #3f3e45; padding: 2px 12px; margin-bottom: 14px; color: #fff; border-radius: 26px; padding: 5px 26px; } .content-pilares h3 { margin-bottom: 22px; } .section-atendimento-magistral h3.title-page { margin-top: 43px; color: #000; } .section-grade-estetica { padding-bottom: 50px; padding-top: 100px; } .seminario-ministrantes { padding-top: 50px } .box-minist { text-align: center; min-height: 470px; } .box-minist img { width: 70%; border-radius: 50%; margin: 0 auto; margin-bottom: 30px; border: solid 6px #f7f7f7; box-shadow: -6px -4px 0px 0px #ff75c3, 6px 5px 0px 0px #ffd2ec; } .box-minist h3 { margin-bottom: 0px; } .box-minist span { display: block; margin-bottom: 12px; } .box-minist button { font-size: 14px; padding: 9px 15px; margin-top: 5px; } .box-minist button i { margin-left: 12px; position: relative; top: -4px; } .box-minist p { font-size: 13px; line-height: 17px; color: #8c8c8c; margin-top: 12px; background: #fff; position: absolute; z-index: 2; padding: 14px; } .table-estetica tr td span { color: #FF51B4 !important; } .esconder { display: block; } .historia-bloco1 { height: 265px; padding: 18% 5%; } .historia-bloco2 { padding: 18% 5%; height: 500px; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #70ccf6 } .overlay--blue-dark { background-color: rgba(255, 110, 96, 0.37); } .coluna-seja-expositor { border-radius: 0px; height: auto; padding: 3% 5%; border: solid 12px #4b4b4c; margin: 0px 14px; } .feira-descricao { margin-bottom: 55px; } .box-entrada-feria { padding: 12% 16%; background: #000; margin: 4% 11%; color: #ffffff; border-radius: 12px; } .expositores-completo .col-lg-12 { min-height: 87px; } .box-hospedagem { padding: 3% 5%; background: #000; margin: 30% 11% 0% 11%; color: #ffe03f; border-radius: 12px; text-align: center; } .box-hospedagem img { margin: 0 auto; } .box-imprensa { padding: 12% 8%; background: #70CCF6; margin: 4% 11%; color: #000; border-radius: 12px; font-weight: 500; word-break: break-word; } .medium-padding { padding: 80px 0; } .reviews-content { margin-bottom: 26px; } .reviews-content p, .reviews-content span, .reviews-content { text-align: left; font: normal normal 300 16px/22px Proxima Nova; letter-spacing: 0px; color: #263270; } .btn-cursos-professor { margin: 5% 0%; } .btn-passaporte { position: fixed; right: 0%; top: 39%; width: 119px; z-index: 999; transition: all 0.2s; } .btn-passaporte:hover { width: 125px; } .send-message-popup { box-shadow: none; border: solid 4px #000; } .send-message-popup-sucesso { width: 560px; max-width: calc(100% - 60px); padding: 60px; border-radius: 10px; text-align: center; position: relative; margin: 100px auto; background-color: #fff; box-shadow: 0px -15px 0px 0px rgb(0 0 0 / 68%), 15px -30px 0px 0px rgb(0 0 0 / 68%), 30px -45px 0px 0px rgb(0 0 0 / 68%); } .video-professor { width: 100%; height: 411px; } .title-imprensa { font-size: 70px; } .header--blue-lighteen { background-color: transparent; } .header-transparent { background-color: #050819; background: #263270 0% 0% no-repeat padding-box; } .text-center { text-align: center; } .padding-tabela { padding: 0px; } .personaliza-sem-carousel .item { width: 16.66666667%; float: left; position: relative; min-height: 1px; padding-right: 20px; padding-left: 20px; height: 260px; } .tabela-hospedagem { border: 1px solid rgb(102, 102, 102); padding: 8px; line-height: 1.42857; vertical-align: top; font-size: 16px; color: rgb(255, 224, 63); } .tabela-hospedagem-th { border: 1px solid rgb(255, 153, 144); padding: 8px; line-height: 1.42857; vertical-align: top; background: transparent; font-size: 16px; } .selo-novidade { position: absolute; width: 161px; left: 0px; } .selo-novidade2 { position: absolute; width: 161px; left: 0px; } .menu-conta { font-size: 17px; margin: 12px 0px; font-weight: 400; border-bottom: solid 2px #e8e8e8; padding: 7px 0px; } .box-menu-conta { padding: 26px 38px; background: #fff; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.09); margin-top: 2px; border-radius: 12px; height: auto; margin-bottom: 30px; } .title-pedidos { font-size: 16px; font-weight: 300; } .text-pedidos { font-size: 16px; font-weight: 500; } .text-pedidos-destaque { font-size: 30px; line-height: 25px; font-weight: 900; } .box-item { background: #ececec; padding: 20px 27px; border-radius: 12px; margin: 21px 0px; overflow: auto; } .btn-detalhes { color: #000 !important; border: solid 4px #000; padding: 18px 35px; } .btn-detalhes:hover { color: #70CCF6 !important; border: solid 4px #70CCF6 !important; } .space-cursos-detalhes { border-bottom: solid 4px #cecece; padding: 0px 0px 50px 0px; margin: 24px 0px 27px 0px; } .popup-promocoes .stunning-header-content { /* padding-bottom: 0px !important; */ } .stunning-header-content h3.h1 { font: normal normal normal 22px/26px Proxima Nova; letter-spacing: 0px; color: #242021 !important; text-align: center; margin: 0; } .logo-arena { background: #19222f; padding: 18px; border-radius: 7px; width: 207px; margin-bottom: 19px; } .imagem-minha-conta { position: relative; top: 33px; width: 109px; left: 0%; } .esconder-bloco { display: none; } .padding-menu { padding-right: 18px; padding-left: 18px; } .preco-curso { font-size: 21px; border-top: 3px solid #dbe3ec; padding: 11px 0px; font-weight: 800; width: 100%; margin-top: 20px; } .box-page-plenaria { border-radius: 10px; box-shadow: 8px 1px 100px 0 rgba(11, 19, 29, 0.46); overflow: hidden; padding: 24px 21px; min-height: 317px; } .text-plenaria { font-size: 16px !important; font-weight: 400 !important; color: #fff; } .descri-plenaria { font-size: 13px; font-weight: 400; width: 80%; color: #969696; } .text-home-plenaria { font-size: 22px; text-align: right; margin-right: 36px; font-weight: 300; } .cursos-desconto { text-align: center; } .cursos-desconto img { margin: 0 auto; width: 215px; } .save-texto { padding: 0% 10%; } .save-texto img { width: 100%; opacity: 0.5; transition: 0.2s; } .save-texto img:hover { width: 96%; opacity: 0.7; } .save-the-date { padding: 13px 0px; position: absolute; right: 20px; width: 105px; } .tag-lancamento { padding: 0px; font-size: 16px; font-weight: 600; line-height: 15px; font-family: 'Roboto', sans-serif; text-transform: uppercase; text-align: center; } .clock-form { display: table; font-family: 'Roboto', sans-serif; width: 316px; margin: 2px 0px; text-align: center; width: 100%; } .clock-form .dias-que-faltam { color: #fff !important; text-transform: initial; font-weight: 800; text-align: center; font-family: 'Roboto Slab', serif; } .clock-form .dias-format { color: #000 !important; font-weight: 800; text-transform: uppercase; display: block; font-family: 'Roboto Slab', serif; text-align: center; } .clock-form .dias-format-text { font-weight: 800; font-size: 89px; line-height: 89px; display: block; margin-left: 7px; } .box-diamante { background: #fff; padding: 35px; width: 370px; margin: 0 auto; border-radius: 9px; } .box-diamante h4 { line-height: 35px; color: #000; } .box-diamante h5 { color: #000; } .box-diamante img { width: 185px; margin: 70px auto; } .btn-download-programacao { padding: 15px 30px; background: #242127; color: #ffffff; font-weight: 600; margin: 0 0 40px 0; float: right; border-radius: 6px; } .btn-download-programacao i { color: #000; } .btn-download-programacao:hover { background: #242127; color: #fff; } .col-lg-1.pading-tabela.lote-encerrado { position: relative; } .col-lg-1.pading-tabela.lote-encerrado::before { content: ""; display: block; height: 90%; position: absolute; top: 56px; left: 0; width: 100%; background: url(/Content/Site/Utouch/img/encerrado.png) center center; background-size: cover; z-index: 7; } .lote-encerrado-geral::before { content: ""; display: block; height: 90%; position: absolute; top: 56px; left: 0; width: 100%; background: url(/Content/Site/Utouch/img/encerrado.png) center center; background-size: cover; z-index: 7; } /* The Modal*/ .modal { display: none; position: fixed; z-index: 1; padding-top: 119px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); z-index: 999999; } .modal-content { background-color: #fefefe; margin: auto; padding: 3% 5%; border: 1px solid #888; width: 80%; height: 60vh; overflow: auto; } .ministrantes-atendimento { width: 910px; position: absolute; bottom: 0; left: 22%; right: 22%; margin: 0 auto; } .header-atendimento { padding-top: 100px; height: 100vh; position: relative; background: #171717; display: flex; display: -webkit-flex; align-items: center; } .color-farmacia { color: #FF51B4 !important } .bg-farmacia { background: #FF51B4 !important; } .color-medico { color: #65FFEA !important } .bg-medico { background: #65FFEA !important; } .color-atendimento { color: #D158F5 !important } .bg-atendimento { background: #D158F5 !important; } .color-nutricao { color: #dd5d1a !important; } .bg-nutricao { background: #E7FF81 !important; } .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .btn-policitas { background-color: #848484 !important; color: #ffffff !important; margin-bottom: 65px; } .btn-policitas:hover { background-color: #4c4c4c; } .btn-faq { width: 100%; text-align: left; color: #616161; text-transform: inherit; padding: 24px 46px; font-size: 21px; line-height: 27px; font-weight: 500; background: #fff; margin-top: 24px; border-radius: 0px; border: solid 2px #ffc8c2; } .space-faq { padding: 12px 27px; color: #000; } .title-faq { padding: 23px 12px; border-top: solid #d9d9d9; margin-bottom: -8px; margin-top: 61px; } .box-faq { background: #000; padding: 22px; box-shadow: #cccccc75 6px 7px 18px; border-radius: 12px; width: 90%; } .list-faq li { list-style: none; border-bottom: solid #f35849 2px; line-height: 43px; font-size: 16px; font-weight: 400; } .list-faq li a { color: #fff; } .list-faq li a:hover { color: #ffcdcd; } .menu-faq { position: absolute; } .menu-faq-flutuante { position: fixed; bottom: 6vh; } .margin-top { margin-top: 102px; } .bloco-itens { text-align: center; margin-bottom: 23px; min-height: 325px; } .bloco-itens img { width: 112px; margin: 0 auto; margin-bottom: 15px; } .bloco-itens h3 { color: #000; font-size: 30px; margin-bottom: 9px; margin-top: 0px; font-weight: 400; } .bloco-itens p { width: 80%; margin: 0 auto; color: #8c8b94; } .table-gestao tr td { background: #282828; padding: 9px; color: #dbdbdb; border: 2px solid #212121 !important; font-weight: 300; } .table-gestao tr td span { font-size: 19px; font-weight: 400; color: #fff; display: inherit; line-height: 20px; } .grade-simposio-medico tr td span { color: #65FFEA !important } .grade-simposio-atendimento tr td span { color: #D158F5 !important } .grade-simposio-nutricao tr td span { color: #dd5d1a !important } .grade-simposio-farmacia tr td span { color: #FF51B4 !important } .tabela-gestao-page img { width: 260px; margin-top: 12px; border-radius: 50%; border: solid 3px #777; } .box-valores { background: #f1f3f9; padding: 16px; text-align: center; min-height: 245px; border-radius: 9px; } .coluna-atendimento .box-valores { min-height: 167px !important; background: #000; } .contact-item .utouch-icon { color: #e865ad; fill: #e865ad; } .coluna-atendimento .valores-atendimento, .coluna-atendimento .valores-atendimento span { color: #fff !important; } .valores-atendimento span { display: block; margin-top: 9px; margin-bottom: 12px; font-weight: 400; text-align: center; font-size: 28px; } .valores-atendimento { font-size: 21px; margin-top: 15px; } .title-curso-gestao { font-weight: 300; font-size: 20px; color: #fff !important; border-color: #fff !important; } .overlay-antendimento { width: 100%; height: 506px; background-image: linear-gradient(0deg, #21212100 18%, rgba(33, 33, 33, 0.4392156862745098) 51%); position: absolute; top: 0; left: 0px; } .header-atendimento .col-lg-6 { position: relative; z-index: 4; } .img-simposio-atendimento { width: 330px; margin: 0 auto; margin-top: 73px !important; filter: brightness(160%); } .tabela-gestao-page tr th { background: #000000; border: solid 2px #282828; color: #fff; line-height: 50px; font-weight: 400; font-size: 18px; padding-left: 20px; } .tabele-gestao th td { border: 10px solid #fff; } .tabela-gestao-page { margin-bottom: 0px; border-radius: 9px; overflow: hidden; } .vendas-encerradas { border: solid 6px; padding: 12px; color: #ff6b6b; font-weight: 800; display: block; text-align: center; text-transform: uppercase; box-shadow: #000000a6 8px 7px 20px 2px; font-size: 38px; } .box-cabify { background: #865bf4; padding: 36px 46px; font-size: 21px; line-height: 26px; font-weight: 600; color: #fff; margin-bottom: 76px; } .box-cabify-body { padding: 47px 30px; color: #fafafa; font-size: 18px; border-top: solid 3px #9d77ff; margin-top: 38px; font-weight: 300; } .codigo-destaque { text-align: center; padding: 18px 12px; background: #ffffff; color: #865bf4; font-size: 28px; font-weight: 900; border-radius: 4px; text-transform: uppercase; box-shadow: inset #dacdfe 4px 4px 3px; } .box-destaque-descri { text-align: center; background: #7548e8; padding: 25px; margin-top: 11px; } .codigo-text { position: relative; font-size: 12px; top: 28px; left: 12px; color: #737373; } .destaque-desconto { font-size: 34px; font-weight: 900; padding: 4px 34%; border: solid 4px #865bf4; line-height: 86px; box-shadow: #6137ca70 5px 5px 6px; border-radius: 6px; } .termos { font-size: 14px; text-align: center; padding: 3px; margin-top: 6px; border-radius: 4px; color: #c5afff; } .footer-cabify { font-size: 14px; font-weight: 300; text-align: center; margin-top: 52px; border-top: solid 3px #9d77ff; padding-top: 16px; } .box-institucional { border-radius: 9px; height: 394px; padding: 0; display: block; position: relative; overflow: hidden; background-image: url(/Content/Site/Utouch/img/bg-banners-home.jpg); background-position-y: 50%; } .box-institucional iframe { width: 100%; height: 100%; } .box-institucional img { position: absolute; right: 1px; width: 432px; bottom: -64px; z-index: 3; } .box-institucional a { padding: 15px 34px; font-size: 18px; position: relative; z-index: 3; } .detalhe-ocongresso { height: auto; padding-top: 80px; padding-bottom: 60px; align-content: center; justify-content: center; background: #050819; } .detalhe-ocongresso h6 { color: #fff; width: 368px; font-size: 17px; font-weight: 300; } .detalhe-ocongresso2 { /* height: 650px; */ display: flex; display: -webkit-flex; justify-content: center; align-items: center; padding: 70px 0px 0px; } .course-features-list .feature-item { width: 165px; font: normal normal bold 15px/18px Proxima Nova; letter-spacing: 0px; color: #3366FF; text-transform: uppercase; } .cursto-cart-number { align-items: center; justify-content: center; flex-direction: column; display: -webkit-flex; background-color: #ff962d; padding: 5px; min-height: 100px; background: #E50070 0% 0% no-repeat padding-box; } #page-courses { position: relative; } #page-courses .overall-rating { color: var(--Black-100, #000); text-align: center; font-family: "Proxima Nova"; font-size: 38px; font-style: normal; font-weight: 600; line-height: normal; } #page-courses .raiting-details p { color: var(--Black-70, #808080); text-align: center; font-family: "Proxima Nova"; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.32px; } .valores-meeting { margin-bottom: 100px; } .valores-meeting .align-tabela-center { margin-top: 0px; } .descricao-meeting h3 { margin-bottom: 90px !important; } .descricao-meeting h4 { color: #FF51B4; font-weight: 500; margin-bottom: 40px; font-size: 32px; } .descricao-meeting h5 { font-size: 22px; margin-top: 50px; } .descricao-meeting .img-descri-meeting1 { width: 100%; height: 190px; background-size: cover !important; background: url(/Content/Site/Utouch/img/img1-meeting.jpg); border-radius: 9px; background-position: center; } .descricao-meeting .img-descri-meeting2 { width: 100%; height: 190px; background-size: cover !important; background: url(/Content/Site/Utouch/img/img2-meeting.jpg); background-position: center; border-radius: 9px; margin-bottom: 31px; } .text-tabela .tag-assessoria { display: none; } .clock-pc .dias-time { margin-left: 10px; } .stands-feira { position: relative; padding-top: 100px; background: #061627; } .stands-feira:after { content: ''; width: 100%; height: 90%; background: #0f243c; position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; } .stands-feira .container-fluid { position: relative; z-index: 2; padding: 0; } .stands-feira .stand-item { margin-bottom: 70px; cursor: pointer; position: relative; } .stands-feira .stand-item .logo-empresa { width: 160px; border-radius: 8px; overflow: hidden; padding: 10px; background: #fff; top: -58px; animation: shadow-pulse 1s infinite; transition: 0.1s all; z-index: 5; margin-left: auto; margin-right: auto; position: absolute; right: 0; left: 0; } .stands-feira .stand-item:hover .logo-empresa { top: -66px; } .stands-feira .stand-item .logo-empresa img { width: 100%; max-height: 213px; } .stands-feira .stand-item img.mini-stand { width: 90%; margin-right: auto; } .stands-feira .stand-item img.mini-stand:hover { filter: brightness(1.05); } .stand-individual { text-align: center; position: relative; overflow: hidden; } .stand-individual .area-stand { position: relative; margin: 0 auto; } .stand-individual .area-stand, .stand-individual img { width: 1250px; height: 750px; max-width: 1250px; max-height: 750px; } .navegacao-stand { display: none; } .efeito-stand { animation: pulse 1.5s infinite; transition: 0.1s all; cursor: pointer; } @keyframes pulse { 0% { box-shadow: 0 0 0 0px rgba(53, 53, 53, 0.23); } 100% { box-shadow: 0 0 10px 25px rgba(103, 103, 103, 0.00); } } .efeito-stand:hover { background: rgba(255, 255, 255, 0.3); } .area-stand .click-logo { position: absolute; width: 276px; height: 76px; top: 125px; left: 485px; background-repeat: no-repeat; } .area-stand .totem-1 { position: absolute; width: 102px; height: 258px; bottom: 131px; left: 143px; background-repeat: no-repeat; background-size: cover; } .area-stand .totem-2 { position: absolute; width: 101px; height: 258px; bottom: 131px; right: 143px; background-repeat: no-repeat; background-size: cover; } .area-stand .banner1 { position: absolute; width: 108px; height: 134px; bottom: 153px; left: 281px; background-repeat: no-repeat; background-size: cover; } .area-stand .banner2 { position: absolute; width: 105px; height: 134px; bottom: 153px; right: 281px; background-repeat: no-repeat; background-size: cover; } .area-stand .download-materiais { position: absolute; width: 166px; height: 28px; bottom: 133px; right: 542px; border-radius: 1px; background-repeat: no-repeat; } .area-stand .video { position: absolute; width: 114px; height: 60px; bottom: 300px; right: 567px; background-repeat: no-repeat; } .area-stand .contato { position: absolute; width: 38px; height: 30px; bottom: 248px; right: 585px; border-radius: 5px; background-repeat: no-repeat; } .area-stand .whatsapp { position: absolute; width: 35px; height: 35px; bottom: 246px; right: 629px; border-radius: 50%; background-repeat: no-repeat; } .area-stand .revisteiro1 { position: absolute; width: 53px; height: 36px; bottom: 253px; right: 760px; background-repeat: no-repeat; background-size: cover; } .capa-revisteiro1 { position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } .area-stand .revisteiro2 { position: absolute; width: 53px; height: 36px; bottom: 216px; right: 760px; background-repeat: no-repeat; background-size: cover; } .area-stand .revisteiro3 { position: absolute; width: 53px; height: 36px; bottom: 179px; right: 760px; background-repeat: no-repeat; background-size: cover; } .area-stand .totem-video { position: absolute; width: 59px; height: 98px; bottom: 220px; right: 413px; background-repeat: no-repeat; } .area-stand .video2 { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 100%, 31% 100%, 28% 47%, 0% 46%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 100%, 31% 100%, 28% 47%, 0% 46%); position: absolute; width: 103px; height: 52px; bottom: 302px; right: 698px; background-repeat: no-repeat; } .area-stand .video3 { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 37%, 62% 43%, 62% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 37%, 62% 43%, 62% 100%, 0% 100%); position: absolute; width: 103px; height: 52px; bottom: 302px; left: 698px; background-repeat: no-repeat; } .pulse2 { animation: pulse2 2s infinite; cursor: pointer; } .background-stand { text-align: center; padding: 40px 20px; padding-bottom: 0; position: relative; background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 39%, rgba(218,218,218,0.6166841736694677) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 39%, rgba(218,218,218,0.6166841736694677) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 39%, rgba(218,218,218,0.6166841736694677) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dadada",GradientType=1); } .background-stand h2 { color: #fff; margin: 0; font-weight: 300; font-size: 40px; } .background-stand h2 span { font-weight: 600; } .background-stand .voltar-stand { position: absolute; z-index: 4; left: 23%; bottom: -50px; padding: 10px 18px; font-size: 13px; } .pulse2:hover { animation: none; background: rgba(255, 255, 255, 0.3); } @-webkit-keyframes pulse2 { 0% { background: rgba(255, 255, 255, 0); } 50% { background: rgba(255, 255, 255, 0.5); } 100% { background: rgba(255, 255, 255, 0); } } @keyframes pulse2 { 0% { background: rgba(255, 255, 255, 0); } 50% { background: rgba(255, 255, 255, 0.5); } 100% { background: rgba(255, 255, 255, 0); } } .search-stands { padding-top: 10px; padding-bottom: 10px; } .search-stands .mt-filtrar { background: #efefef; color: #70CCF6; margin-top: 5px; padding: 15px 20px; width: calc(50% - 10px); } .search-stands .btn + .btn { margin-left: 10px; } .search-stands label { color: #70CCF6; } .search-stands .mt-filtrar:hover { background: #70CCF6; color: #fff; } .search-stands h3 { margin-top: 6px; color: #70CCF6; } .search-stands .form-control { margin-bottom: 0; margin: 0; } .search-stands .input { margin: 0; } .feira-online { padding-top: 55px; min-height: 100vh; background-size: cover !important; } .feira-online .stunning-header-content { position: relative; z-index: 5; } .feira-online h1 { color: #fff; font-weight: 900; font-size: 28px; line-height: 40px; margin-top: 95px; } .crumina-stunning-header.feira-online h2 { font-size: 32px; color: #70CCF6 !important; font-weight: 300; margin-top: 0; } .feira-online h3 { font-size: 17px; margin-top: 12px; color: #b9b9b9; font-weight: 300; line-height: 25px; } .feira-online .form-feira { z-index: 3; position: relative; width: 500px; margin: 0 auto; margin-top: 45px; } .feira-online .form-feira h5 { text-align: center; color: #fff; text-transform: uppercase; font-weight: 300; } .feira-online .form-feira .btn-facebook { margin: 0 auto; display: block; margin-bottom: 30px; } .feira-presencial h3 { } .feira-presencial h4 { position: relative; z-index: 2; text-align: center; color: #e865ad; margin-bottom: 40px; } .feira-presencial p { position: relative; z-index: 2; color: #bcbcc3; font-size: 14px; margin-top: 10px; } .feira-presencial iframe { width: 100%; height: 455px; position: relative; z-index: 2; } .feira-section1, .feira-section2 { padding-top: 50px; padding-bottom: 50px; position: relative; } .feira-cliente-logado { position: relative; z-index: 2; width: 75%; margin: 0 auto; margin-top: 15vh; text-align: center; } .feira-cliente-logado h4 { color: #fff; text-align: center; } .feira-cliente-logado .btn-visitar-feira { font-size: 25px; padding: 18px 50px; } .feira-cliente-logado .btn-visitar-feira i { margin-left: 5px; } .feira-section1:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: rgba(1, 5, 10, 0.48); z-index: 1; } .pontuacao { padding-top: 40px; padding-bottom: 100px; background: #131e23; } .pontuacao .box { width: 100%; background: #e6eef1; border-radius: 20px; padding: 30px; margin: 0 auto; margin-bottom: 30px; } .pontuacao .form-group { width: 500px; margin: 0 auto; display: block; margin-bottom: 60px; text-align: center; position: relative; } .pontuacao .form-group i { position: absolute; top: 19px; right: 22px; color: #828688; } .pontuacao .img-pontuacao { width: 178px; margin: 0 auto; } .pontuacao h1 { text-align: center; color: #70CCF6; font-size: 50px; } .pontuacao p { width: 100%; margin: 0 auto; margin-bottom: 20px; text-align: center; } .pontuacao .box h3 { margin-bottom: 20px; } .pontuacao .box.duvidas p { display: block; margin-bottom: 30px; } .pontuacao .box.duvidas a { line-height: 25px; margin: 0 auto; display: block; } .pontuacao .box.duvidas ul { display: block; width: 100%; margin: 0 auto; margin-bottom: 30px; background: #fff; padding: 16px; border-radius: 6px; } .pontuacao .box.duvidas ul li span { font-size: 15px; } .pontuacao .box.duvidas .lembrete { width: 100%; background: #ff963c; padding: 12px; color: #fff; margin-bottom: 55px; border-radius: 5px; } .pontuacao .box.duvidas .lembrete img { width: 90px; margin: 0 auto; margin-bottom: 8px; } .pontuacao li { display: -ms-flexbox !important; display: flex !important; display: -webkit-flex; justify-content: space-between; align-items: center; border-bottom: solid 1px #bacad0; padding-top: 5px; padding-bottom: 5px; } .pontuacao li .left { display: flex !important; display: -webkit-flex; justify-content: space-between; align-items: center; } .pontuacao li .right { } .pontuacao li .left .avatar { width: 35px; height: 35px; border-radius: 50%; background-size: cover !important; background: #ccc; background: url(/Content/Site/Utouch/img/avatar-cadastro.jpg); background-size: cover; } .pontuacao li .left h4 { font-size: 18px; margin-left: 10px; font-weight: 600; } .pontuacao li .right h5 { font-size: 18px; font-weight: 600; background: #fff6b2; padding: 2px 8px; border-radius: 23px; } .pontuacao li .right h5 span { font-size: 15px; font-weight: 500; } .como-acessar { position: relative; z-index: 2; padding-bottom: 100px; padding-top: 100px; } .como-acessar h4 { font-weight: 700; width: 175px; margin-left: auto; margin-right: auto; padding: 5px; border-radius: 0px; font-size: 20px; margin-bottom: 9px; z-index: 3; position: relative; text-align: center; text-transform: uppercase; color: #000; } .como-acessar h4.n1 { background: #70ccf6; } .como-acessar h4.n2 { background: #afe23d; } .como-acessar h4.n3 { background: #e865ad; } .como-acessar h3 { color: #fff; } .como-acessar p { text-align: center; color: #b9b9b9; font-size: 18px; line-height: 27px; font-weight: 300; padding: 20px; height: 220px; display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 100%; margin-right: auto; margin-left: auto; margin-top: -30px; background: #050819; border: solid 2px rgba(112, 204, 246, 0.26); } .funcionalidades { position: relative; z-index: 2; padding-top: 100px; padding-bottom: 100px; } .funcionalidades { color: #fff; } .funcionalidades .grid-funcionalidades { display: -ms-flexbox !important; display: flex !important; display: -webkit-flex; } .funcionalidades .box-funcionalidades { padding: 20px; margin: 8px; width: 20%; background: #050819; border: solid 2px rgba(112, 204, 246, 0.26); } .funcionalidades .box-funcionalidades h4 { text-transform: uppercase; font-size: 20px; line-height: 24px; color: #000102; min-height: 110px; width: calc(100% + 40px); background: #e865ad; padding: 15px; margin-left: -20px; margin-top: -20px; font-weight: 800; margin-bottom: 20px; } .funcionalidades .box-funcionalidades p { margin-bottom: 0; color: #fff; font-size: 15px; line-height: 25px; font-weight: 300; } .feira-section1 h3, .feira-section2 h3, .como-acessar h3, .funcionalidades h3 { color: #fff; font-weight: 900; font-size: 24px; line-height: 33px; text-align: center; text-transform: uppercase; margin-bottom: 40px; } .funcionalidades img { margin-bottom: 40px; } .funcionalidades h3 { color: #fff; text-align: right; } .feira-section1 h3 { color: #fff; position: relative; z-index: 2; margin-bottom: 40px; } .icon-feira { text-align: center; z-index: 2; position: relative; margin-bottom: 30px; } .agradecimento-telegram { text-align: center; } .agradecimento-telegram p { max-width: 435px; margin: 0 auto; font-weight: 500; font-size: 19px; margin-bottom: 12px; } .agradecimento-telegram .btn-telegram { } .agradecimento-telegram .btn-telegram img { } .agradecimento-telegram .btns-telgram { display: -ms-flexbox !important; display: flex !important; display: -webkit-flex; justify-content: center; } .agradecimento-telegram .btns-telgram a { margin: 0px 6px; } .agradecimento-telegram h5 { font-size: 20px; margin-top: 22px; } .box-telegram { background: rgba(0, 0, 0, 0.82); color: #66c2e6; padding: 11px 10px; width: 673px; border-radius: 6px; display: block; margin: 0 auto; margin-top: 40px; margin-bottom: 55px; text-align: center; position: relative; z-index: 2; box-shadow: 0px 12px 20px 0px rgba(64, 155, 191, 0.25); } .icon-feira img { width: 80px; margin: 0 auto; } .icon-feira h4 { color: #fff; font-size: 20px; font-weight: 300; } .feira-section2 .icon-feira h4 { color: #70CCF6; font-size: 22px; font-weight: 300; } #carousel-stands.owl-drag .owl-item:nth-child(even) { margin-top: 155px; } #carousel-stands .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); padding-top: 100px; } #carousel-stands .owl-nav { top: -81px; } #carousel-stands .owl-nav .owl-prev, #carousel-stands .owl-nav .owl-next { font-family: "FontAwesome"; } #carousel-stands .owl-nav .owl-prev:before { content: "\f104"; font-family: "FontAwesome"; color: #fff; font-size: 35px; } #carousel-stands .owl-nav .owl-next:after { content: "\f105"; font-family: "FontAwesome"; color: #fff; font-size: 35px; } #carousel-stands .owl-nav button.owl-prev { position: absolute; left: 36px; } #carousel-stands .owl-nav button.owl-next { position: absolute; right: 36px; } #carousel-stands .owl-dots .owl-dot:after { content: "\F111"; font-family: "FontAwesome"; color: #304b69; font-size: 12px; margin: 0px 7px; } #carousel-stands .owl-dots .owl-dot.active:after { color: #dfe3ea; } #carousel-stands .owl-dots { position: absolute; top: -66px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; } .stand-gameficado { position: absolute; top: 8px; z-index: 9; right: 0px; } .stand-gameficado img { width: 80px; } .stand-individual .area-stand a.placa-innovation-zone img:hover { opacity: 0.8; } .stand-individual .area-stand a.placa-innovation-zone img { width: 114px; height: auto; position: absolute; bottom: 72px; left: -66px; } .pontuacao-lista { max-height: 1320px; overflow: auto; } .ranking { position: relative; z-index: 2; text-align: center; } .ranking h4 { font-size: 25px; margin-top: 60px; } .encontre-moeda-img:after { content: ' '; background: url(/Content/Site/Utouch/img/selo-gameficacao.png) center center no-repeat; background-size: cover; width: 58px; height: 58px; display: inline-block; position: relative; top: 12px; } .vagas-esgotadas { color: #ffffff !important; background: #F44336 !important; border-color: #F44336 !important; width: 100%; font-weight: 700; font-size: 25px; border-radius: 0px; padding: 14px; box-shadow: 2px 2px 0px #c1c1c1; z-index: 6; display: block; text-align: center; } .read-more-ministrante { text-align: center; display: inline-block; background: transparent; border: 2px solid black; border-radius: 31px; width: 136px; height: 42px; font: normal normal 600 16px/19px Proxima Nova !important; letter-spacing: 0px; color: black !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; margin-top: 10px; } .read-more-ministrante:hover { background: black; color: white !important; border-color: black; } .politica-rodape { color: #ffffff !important; text-decoration: underline; } .politica-rodape:hover { color: #000 !important; } .space-midia { background: #fff; padding-top: 80px; padding-bottom: 80px; text-align: center; } .space-block-midia { padding: 0; margin-bottom: 28px; } .namidia-content { background: #fff; padding: 0px 25px; height: 100%; text-align: center; border-right: 0px; } .depoimento-content { background: #fff; padding: 0px 25px; height: 100% !important; text-align: center; } .depoimento-content h2, .namidia-content h2 { text-align: center; font-size: 27px; margin: 32px 0px; color: #050819; margin-bottom: 9px; font-weight: 900; text-transform: uppercase; } img-namidia { margin: 0 auto; } .namidia-content img, .depoimento-content img { margin: 0 auto; height: auto !important; } .namidia-content .aspas-depoimento, .namidia-content .aspas-depoimento2 { color: #ffe03f; } .explain-question { color: #ffe03f; } .nome-depoimento { } .form-endereco-section { position: relative; } .form-endereco-load { background: rgba(37, 193, 121, 0.28) url(/Content/Site/Utouch/svg/preload.svg) center center no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; display: none; } .inscricoes-curso, .inscricoes-passaporte { padding: 45px 0 45px 0; border-bottom: 3px dashed #d0d0d0; } .error-field { border: 3px dashed #f00; } .dispNoneWithoutImportant { display: none; } .load-parcelas { background: #c0c0c0 url('/Content/Site/Utouch/svg/preload.svg') center center no-repeat !important; background-size: 30px; } .account-inscritos-curso { margin: 30px 0 0 0; display: none; } .btn-visualizar-inscritos { margin: 30px 0 0 0; } .account-inscritos-curso .title-vaga { font-size: 16px !important; } .account-inscritos-curso [type="checkbox"]:disabled + label { color: #5c5c5c; } .desc-assessoria-infosmall { font-size: 13px; font-weight: 300; line-height: 20px; color: #e2e2e2; margin-top: 13px; } .box-info-ingresso { font-size: 17px; line-height: 30px; font-weight: 700; padding: 7px 19px; border: 4px solid #4b70de; background: #ffffff; display: block; color: #4b70de; margin: 20px 0 0 0; border-radius: 8px; box-shadow: 7px 9px 44px 0 rgba(101, 101, 101, 0.21); width: 99%; text-align: center; } .padding-box-vip { padding: 24px 32px !important; } .active100 { width: 100% !important; } .explain-desconto { color: #fff !important; } .popUP { position: fixed; width: 100%; height: 100%; z-index: 99999; background: rgba(48, 48, 48, 0.7); display: table; top: 0px; left: 0px; } .popUP .popUP-container { display: table-row; text-align: center; } .popUP .popUP-container .popUP-container-inner { display: table-cell; vertical-align: middle; max-width: 100%; } .popUP .popUP-container-inner .popUP-imagem { margin: 10px auto 0 auto; width: 550px; max-height: 550px; max-width: 90%; } .popUP .popUP-container-inner .decoration-times { display: inline-table; background: rgba(255, 255, 255, 0.83); padding: 4px 7px; border-radius: 50px; } .popUP .popUP-container-inner .decoration-times i { display: block; font-size: 20px; color: #000000; cursor: pointer; } .fa.info-status-pedido { color: #4b70de !important; } .promocao-lancamento { background: #e33737; text-align: center; color: #fff; border-radius: 10px; } .promocao-lancamento i { color: #fff !important; margin: -10px 0 0 0; } .promocao-lancamento:before { margin: -10px 0 0 0 !important; } .promocao-lancamento span { margin: 10px !important; } .hiden { visibility: hidden !important; } .saiba-mais-plenaria { margin: 0 0 10px 0; } .main-banner { min-height: 100vh; } .compre-online-square { background-color: #ffe03f; border: none; box-shadow: 1px 1px 12px 2px #000; max-width: 365px; border-radius: 10px; margin: 0 auto; height: auto; cursor: pointer; } .compre-online-square > .desconto-assessoria { font-size: 85px; } .compre-online-square > .tabela-assessoria { color: #000; } .compre-online-square > .desc-assessoria { color: #000; /*font-weight: bold;*/ /*text-transform: uppercase;*/ } .selecao-tipo-ingresso { text-align: left; } .btn-close-tipo-ingresso { background-color: transparent; position: fixed; right: 10px; top: 10px; color: #fff; cursor: pointer; font-size: 25px; } .js-popup-inicial { background: rgba(33, 150, 243, 0.9) !important; padding: 200px 0 0 0; } .js-popup-inicial h3 { font-size: 50px; color: #fff; text-transform: uppercase; padding: 0; text-align: right; } .curso-item-destaque { margin: 0; border-bottom: 1px solid var(--Black-60, #B3B3B3); background: var(--White, #FFF); border-left: 10px solid #FF3545; padding: 16px 12px 16px 16px; display: flex; justify-content: space-between; } .curso-item-destaque .padding-zero { display: flex; align-items: center; justify-content: flex-start; flex-grow: 1; gap: 16px; } .curso-item-destaque:nth-child(2n) { } .curso-item-destaque:nth-child(2n+1) { } .material-item { font-size: 18px; background: #ffe03f; display: block; border-radius: 38px; color: #4b70de; padding: 20px 40px; margin: 0 0 20px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); font-weight: 500; position: relative; } .material-item i { font-size: 40px; position: absolute; left: -20px; top: -20px; border-radius: 100px; background: #4b70de; padding: 10px; color: #fff; } .material-item:hover { color: #4b70de; } .logo-organizacao-academica { max-width: 300px; height: auto; margin: 50px auto 80px auto; } .valores-h3-atendimento { text-align: center; margin-bottom: 30px; } .preco-por-vaga { font-size: 12px; font-weight: 400; font-style: italic; } .dispNone { display: none !important; } .dispNoneSimple { display: none; } .fieldset-cupom,, .fieldset-anfarmag { border-color: #fff; } .fieldset-cupom legend, .fieldset-anfarmag legend { color: #fff; font: normal normal normal 16px/19px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; padding: 0px 11px; } .fieldset-cupom small, .fieldset-anfarmag small { color: #fff; font-size: 11px; line-height: 14px; } .fieldset-cupom small, .fieldset-anfarmag label { color: #fff; } .curso-detalhe-descricao { padding-bottom: 60px; text-align: justify; } .patrocinadores { padding: 50px 0; background: #fff; } .img-patrocinador-center { margin: 0 auto; } .patrocinador-platinum { margin: 40px 0px; } .patrocinador-platinum h5 { color: #000; } .patrocinador-bronze { display: flex; display: -webkit-flex; align-items: center; } .patrocinador-bronze h5 { text-align: center; color: #fff; } .patrocinador-bronze img { margin: 5px 0 0 0; width: 20%; } .footer-patrocinador-diamante { margin: 25px 5px 0 5px; background: #fff; border-radius: 9px; padding: 15px; width: 100%; } .footer-patrocinador-diamante h5 { font-size: 14px; color: #212121; margin: 0 0 10px 0; text-align: center; } .footer-patrocinador-diamante img { width: 100px; margin: 0 auto; } .novo-lote-simposio { background: #000; color: #fff; margin: 0; padding: 25px 0 10px 0; } .novo-lote-simposio h3 { color: #212121; } .crumina-stunning-header::after { content: ''; position: absolute; width: 100%; height: 100%; /* background: rgba(0, 0, 0, 0.58); */ top: 0; left: 0; } .btn-filtrar-cursos { gap: 8px; } #btn-fechar-filtros { cursor: pointer; border: 1px solid black; border-radius: 100%; padding: 10px; width: fit-content; display: flex; } #filter-section .pesquisa-filtros form { width: 100%; padding: 0; display: flex; flex-direction: row; } #filter-section .pesquisa-filtros { margin-top: 12px; align-items: center; padding: 0; border-radius: 6px; border: 1px solid #A2AAD3; background: #FFF; overflow: hidden; } #filter-section .pesquisa-filtros button { background: #fff; padding: 8px; width: 45px; height: 50px; display: flex; align-items: center; cursor: pointer; transition: ease-in-out all .3s; } #filter-section .pesquisa-filtros input { border: none; } #filter-section { background: #f2f4f9; padding: 20px; border: 1px solid #A2AAD3; opacity: 1; position: fixed; width: 320px; top: 0; bottom: 0; right: -320px; z-index: 50 !important; overflow-y: auto; } #filter-section.show { animation: slideIn .6s ease forwards; } #filter-section.hide { border: 1px solid red; animation: slideOut .6s ease forwards; } @keyframes slideIn { from { right: -320px; /* começa fora */ } to { right: 0; /* entra totalmente */ } } @keyframes slideOut { from { right: 0; } to { right: -320px; } } #filter-section .filter-widget { margin: 20px 0 40px 0; } #filter-section .filter-widget ul { overflow: auto; max-height: 260px; } #filter-section h2 { margin-top: 0; margin-bottom: 0px; text-align: left; font: normal normal bold 22px/26px Proxima Nova; letter-spacing: 0px; color: #263270; text-transform: uppercase; } #filter-section a { font: normal normal normal 16px/30px Proxima Nova; letter-spacing: 0px; color: #263270; } #filter-section a:hover { color: #5d606c; } .filter-title { margin-bottom: 7px; text-align: left; font: normal normal bold 18px/26px Proxima Nova; letter-spacing: 0px; color: #3366FF; text-transform: uppercase; opacity: 1; border-bottom: 1px solid #A2AAD3; padding-bottom: 10px; margin-bottom: 10px; } .course-details-sectiontitle .list-cursos-title { background: #70CCF6; margin: 0; padding: 10px; text-align: center; font-weight: 800; color: #050819; text-transform: uppercase; font-size: 20px; } .filter-link.filter-link-active { color: #e50070 !important; font-weight: 600 !important; } .filter-link .filter-link-remove { display: none; } .filter-link.filter-link-active .filter-link-remove { display: inline; font-weight: 600; } .full-width { width: 100%; } .whats-fixed { max-height: 80px; max-width: 80px; position: fixed; z-index: 9999; bottom: 22%; right: 10px; } .blocker { background: rgba(18, 25, 33, 0.64); z-index: 88; } .window-popup.contatos-coronavirus-popup.open { background: rgba(64, 155, 191, 0.7); } .clock-mobile { display: none; } .my-btn-whatsapp { background-color: #56B31A; border: none; margin-top: 10px; } .my-btn-whatsapp:hover { background-color: #3b7e0f !important } .my-btn-whatsapp .fa-whatsapp.fab { margin-right: 10px; } .btn-whatsapp-contato { color: #fff; margin: 15px 0 0px 0; background: var(--button-3) 0% 0% no-repeat padding-box; border: 2px solid var(--button-3); border-radius: 31px; } .btn-whatsapp-contato:hover { background: #1bb554 !important; color: #fff; } .btn-whatsapp-curso { background: #25d366; color: #050819; } .btn-whatsapp-curso:hover { background: #1bb554 !important; color: #050819; } .mt-filtrar { margin-top: 30px; } .stands-flex { display: flex; display: -webkit-flex; flex-wrap: wrap; } .stand-visitado { position: absolute; right: 59%; top: 58%; z-index: 10; } .stand-visitado img { width: 35px; } .content-wrapper-stand { background: url('/Content/Site/Utouch/img/bg-estrelas.jpg'); background-size: cover; } .info-stand { background: rgba(255, 255, 255, 0.8); width: auto; border-radius: 30px 0 0 30px; color: #000; padding: 20px; position: absolute; right: 0px; } .info-stand p { font-size: 12px; margin: 0px; } .owl-carousel-stands .owl-stage-outer { padding: 70px 0 0 0; margin: 0 100px; } .owl-carousel-stands .owl-nav { position: absolute !important; } .owl-carousel-stands .owl-nav .owl-prev { position: absolute !important; bottom: 0px; left: 20px; color: #fff !important; font-size: 50px !important; } .owl-carousel-stands .owl-nav .owl-next { position: absolute !important; bottom: 0px; right: 20px; color: #fff !important; font-size: 50px !important; } .align-feira-title-flex { display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: center; justify-content: center; } .align-feira-title-flex iframe { position: relative; z-index: 10; } .youtube-feira { width: 100%; height: 300px; border-radius: 20px; } .stunning-header-content h4 { margin-bottom: 0px !important; } .owl-carousel-stands .owl-stage-outer { padding: 70px 0 0 0; margin: 0 100px; } .owl-carousel-anuncios .owl-stage-outer { padding: 0 0 0 0; margin: 0 100px; } .owl-carousel-anuncios .owl-nav { position: absolute !important; } .owl-carousel-anuncios .owl-nav .owl-prev { position: absolute !important; bottom: 0px; left: 20px; color: #fff !important; font-size: 50px !important; } .owl-carousel-anuncios .owl-nav .owl-next { position: absolute !important; bottom: 0px; right: 20px; color: #fff !important; font-size: 50px !important; } .youtube-anuncio { width: 100%; height: 300px; } .anuncios-stands { padding: 20px 0; background: #70CCF6; position: relative; } .anuncios-stands h3 { text-align: center; color: #fff; max-width: 500px; margin: 0 auto 10px auto; } .clientelogadoposicao { background: rgba(102, 206, 72, 0.46); } .encontre-moeda { display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: center; width: 100%; margin-bottom: 50px; } .encontre-moeda img { width: 80px; } .stands-carousel-visita .stand-item .stand-gameficado { } .stands-carousel-visita .stand-item .stand-gameficado img { width: 80px; } .stands-carousel-visita .stand-item .stand-visitado { right: 59%; top: 58%; } .stands-carousel-visita .stand-item .stand-visitado img { width: 40px; } .inline-items { display: none; } .course-features-list .value { overflow: hidden; font: normal normal normal 16px/19px Proxima Nova; letter-spacing: 0px; color: black; } .btn-filter-collapse { /* background: #f2f4f9; */ display: flex !important; flex-direction: column !important; display: -webkit-flex; display: -webkit-box; display: -moz-box; -ms-flex: 1; flex: 1; justify-content: space-between; } .btn-filter-collapse i { font-size: 30px; display: none; } #collapsefilter { } #precongresso span.aviso { background-image: url(../2025/Assets/bg-footer.webp); background-position: center; color: #000; text-transform: uppercase; padding: 8px 12px; margin: 0 auto !important; font-weight: bold; } #precongresso #eventos-wrapper .items { /* margin-top: 60px; */ } #precongresso #eventos-wrapper { /* min-height: 1000px; */ padding-bottom: 90px; } #precongresso #eventos-wrapper .container { border-top: 2px solid #bababa; /* padding-top: 20px; */ } #precongresso #eventos-wrapper .col-content { display: flex; flex-direction: column; align-items: center; justify-content: center; } #precongresso #eventos-wrapper .item { display: flex; flex-direction: row; justify-content: center; margin: 50px 0; padding-bottom: 40px; border-bottom: 2px solid #bababa; } #precongresso #eventos-wrapper .item img { width: 500px; max-width: 100%; } #precongresso #eventos-wrapper .item .main { padding: 0 25px; display: flex; flex-direction: column; } #precongresso #eventos-wrapper .item .main h3 { font-size: 28px; font-weight: 700; line-height: 28px; color: #242021; } #precongresso #eventos-wrapper .item .main a { background: #1A1A1A; color: #fff; border-radius: 30px; padding: 15px 17px; text-transform: uppercase; font-weight: bold; margin-top: 20px; width: fit-content; } #precongresso #eventos-wrapper .item .infos { padding: 0 20px; display: flex; flex-direction: column; justify-content: center; } #precongresso #eventos-wrapper .item .infos > div { display: flex; flex-direction: column; justify-content: center; } #precongresso #eventos-wrapper .item .infos small { color: #9933CC; font-size: 16px; font-weight: bold; text-align: left; width: 100%; } #precongresso #eventos-wrapper .item .infos p { color: #000; font-size: 16px; margin: 0; } #precongresso #eventos-wrapper .item .infos .data p { font-size: 32px; font-weight: 600; border-bottom: 2px solid #bababa; margin-bottom: 10px; } .lgpd-desc { margin: 30px 0 0 0; text-align: justify; font: normal normal 300 14px/22px Proxima Nova; letter-spacing: 0px; color: #263270; } .lgpd-desc a { color: #050819; font-weight: 500; } .comunicacao-email { display: block; margin: 0 0 20px 0; text-align: left; } .comunicacao-email-checkout { display: block; text-align: left; margin: 0 !important; } .comunicacao-email [type="checkbox"]:not(:checked), .comunicacao-email [type="checkbox"]:checked { display: inline !important; position: relative !important; left: 0 !important; width: 20px; } .comunicacao-email label { font-size: 13px; } .lgpd-privacidade-acordo p { font-size: 11px; display: block; text-align: left; font: normal normal 300 14px/26px Proxima Nova !important; letter-spacing: 0px; color: #263270; } .lgpd-privacidade-acordo a { color: #22546b; } .sobrenome-ministrante { font-size: 24px; line-height: 28px; font-weight: 500; color: #fff; } #fixed-tag { position: sticky; bottom: 0; width: 100%; background-color: #0b2743; z-index: 9999; padding: 20px; } .diretodocongresso { margin-bottom: 50px; } .expoarea img { max-width: 100%; max-height: 120px; margin: 0 auto; } .btn-inscreva-se-feira { display: table; padding: 7px 20px; margin: 30px auto 60px auto; background: transparent; border: 2px solid #000; border-radius: 31px; font: normal normal 600 20px/24px Proxima Nova; letter-spacing: 0px; color: #000 !important; } .btn-inscreva-se-feira:hover { background: #000; color: #fff !important; } .subitle-local-evento { font-size: 20px; } .box-feira-dia { display: inline-grid !important; height: 215px; } .box-feira-dia h3 { font-size: 18px; } .box-feira-dia h4 { font-size: 14px; color: #cecece; font-weight: 500; } .nenhum-cursonomomento { color: #fff; font-size: 18px; } .btn-download-materialcurso { margin: 10px 0 0 0; } .header-alerta-geral { padding: 10px; text-align: center; background: #e865ad; font-weight: 600; display: none; } .headertop0 { top: 0px; } .ministrantes p { font: normal normal normal 22px/26px Proxima Nova; letter-spacing: 0px; color: #263270; } #ministrante .space-ministrante, .space-descri-popup { background-position: top right; background-repeat: no-repeat; border: 0px; padding: 12px 0px; } .contato h5 { font: normal normal bold 20px/26px Proxima Nova; letter-spacing: 0px; color: #242021; } .contato p { font: normal normal 300 20px/26px Proxima Nova; letter-spacing: 0px; color: #263270; } .space-popup-ministrante .name-profissao { } .crumina-stunning-header .btn { margin: auto; display: block; margin-top: 20px; background: #22AD87 0% 0% no-repeat padding-box; border: 2px solid #22AD87; border-radius: 31px; color: white; } .wraper-evento { max-width: 996px; width: 100%; /* padding: 0px 30px; */ } .background-historia p { font: normal normal 300 20px/26px Proxima Nova; letter-spacing: 0px; color: #242021 !important; } #video-ultimo-evento h2 { font: normal normal bold 52px/62px Proxima Nova; letter-spacing: 0px; color: #242021 !important; } .video-evento-passado iframe { width: 100%; } .background-historia { padding-bottom: 0 !important; } #swiper-unique-id-0 { margin-top: 112px; } .btn-back-cart { position: relative !important; top: unset !important; left: unset !important; font: normal normal normal 16px/19px Proxima Nova; letter-spacing: 0px; color: #263270 !important; display: flex; align-items: center; } .box-curso-car h5 { font: normal normal normal 20px/24px Proxima Nova; letter-spacing: 0px; } .wraper-title h1 { font: normal normal bold 38px/46px Proxima Nova; letter-spacing: 0px; color: #242021; margin: 0; } .bg-overlay { background: #242021 0% 0% no-repeat padding-box; max-height: 419px; height: 100%; z-index: 0; position: absolute; top: 0; width: 100%; } .contato .padding-left60-desktop { /* text-align: center; */ } .tag { background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 16px; padding: 0px 21px; display: flex; color: #263270; align-items: center; margin-top: 11px; } #sobre img.icon { top: -56px; position: relative; } .tagclassificacao { display: flex; background: #fff; border-radius: 20px; padding: 4px 16px 4px 3px; color: #263270; font-weight: 600; font-size: 18px; align-items: center; } /* ===== Scrollbar CSS ===== */ /* Firefox */ #depoimentos .navgation-center { width: 100%; padding: 20px 0 0 0; color: #fff; } #depoimentos .btn-prev .utouch-icon, #depoimentos .btn-next .utouch-icon { color: #fff !important; fill: #fff !important; } #getting-started * { font-weight: 600 !important; } .icon-classificacao { width: 15px; margin-right: 8px; } .container-apoio { height: 550px; background: url('https://www.congresso.consulfarma.com/content/site/Utouch/img/img-banner-ciencia.jpg') left top; background-repeat: no-repeat; } .noupper { text-transform: capitalize !important; } .dpNone { display: none !important; } .agenciaturismo-item { padding: 10px; /* background: #1d2966; */ border-radius: 5px; text-align: center; font-size: 14px; margin: 0 0 10px 0; } .agenciaturismo-item ul { margin: 10px 0 0 0; } .agenciaturismo-item li { text-align: left; font-size: 14px; margin: 0 0 10px 0; margin: 0; padding: 0; line-height: 22px; } .nenhumcursodisponivel { font-size: 20px; margin: 0 0 0 0; } .resultkeyword { font: normal normal bold 22px/26px Proxima Nova; font-size: 20px; padding: 30px 0 30px 30px; } .resultkeywordnone { font: normal normal bold 22px/26px Proxima Nova; font-size: 20px; padding: 30px 0 30px 30px; } a.link-esquecisenha { color: #242021; } .lineoverlay { height: auto; width: 1371px; position: absolute; background: transparent linear-gradient(90deg, #F7CE3E 0%, #E18848 10%, #D35A4F 18%, #CD4852 22%, #9D59C7 55%, #895DBC 59%, #57699F 69%, #34718C 76%, #397081 80%, #426F6C 85%) 0% 0% no-repeat padding-box; z-index: -1; height: auto; top: 0px; left: 0; max-width: 200vw; height: auto; } #topo-home .wraper { max-width: 80%; width: 1200px; margin: auto; height: auto; z-index: 2; position: relative; } .professor-home .box-ministrante::after { height: 11px; } #topo-home video { width: 100vw; height: 100vh; object-fit: cover; position: absolute; left: 0; right: 0; top: 51px; bottom: 0; z-index: 0; } #topo-home { background-image: url('/Content/Site/Utouch/img/bg-home-pb.jpg'); background-position: center; background-size: cover; } /* PAGINA EVENTO */ #render { border-top: 1px solid #000; } .wraper-evento p { color: #101010; font-family: "Proxima Nova"; font-size: 17px; font-style: normal; font-weight: 400; line-height: 27.2px; /* 160% */ letter-spacing: 0.32px; } .bg-evento-congresso img { width: 100%; } .btn-blue.evento { border-radius: 30px; background: var(--Blue, #1A5DDD); border: 2px solid #1A5DDD; opacity: 1; color: white; display: block; margin: auto; margin-top: 67px; } .crumina-heading { margin-bottom: 56px; } #cta { opacity: 0.8; background: url() lightgray 50% / cover no-repeat; } #cta h2 { color: var(--Black-100, #000); font-family: "Proxima Nova"; font-size: 38px; font-style: normal; font-weight: 600; line-height: normal; } /* PLENARIA */ .background-plenaria { width: 100%; background: url("../2025/Assets/bg-plenaria.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; } #plenaria .category-link { color: var(--White, #FFF); text-align: center; } #plenaria .plenaria-content { background: var(--Black-100, #000); } #plenaria .stunning-header-content { height: 30vh; } #plenaria .box-ingresso-plen .plenaria h3 { font-family: "Proxima Nova"; font-style: normal; line-height: normal; } #plenaria .box-ingresso-plen .plenaria .infos li { font-family: "Proxima Nova"; font-size: 16px; font-style: normal; } #plenaria .box-ingresso-plen .infos button { background: black !important; } #plenariaPesquisa { width: 50%; margin: 0 auto; } #plenariaPesquisa input { background-color: transparent; margin: 48px auto; } #plenariaPesquisa input::placeholder { color: white !important; } #searchCurso::placeholder { color: white; font-style: italic; } #searchCurso { color: white; font-style: italic; } #searchCurso::-webkit-input-placeholder { color: white; font-style: italic; } #searchCurso::-moz-placeholder { color: white; font-style: italic; } #searchCurso:-ms-input-placeholder { color: white; font-style: italic; } #searchCurso::-ms-input-placeholder { color: white; font-style: italic; } /* TOP 2026 - CURSO DETALHES */ .curso-detalhes .curso-video iframe { max-width: 100% !important; } .curso-detalhes .owl-carousel .owl-nav { display: flex; width: 32px; height: 32px; padding: 6px 14px; justify-content: center; align-items: center; gap: 6px; flex-shrink: 0; } .curso-detalhes .item .img-background { width: 100%; height: 290px; display: block; border-radius: 20px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%), url() lightgray 50% / cover no-repeat; background-repeat: no-repeat; background-size: cover; } .curso-detalhes { font-family: "Proxima Nova" !important; display: flex; align-items: center; flex-direction: column; justify-content: space-between; background-color: #000; color: #fff; padding: 60px 0; } .curso-detalhes .curso-info { flex: 1; max-width: 600px; } .curso-detalhes .curso-numero { position: relative; padding-left: 24px; margin-bottom: 24px; } .curso-detalhes .curso-numero::before { content: " "; width: 12px; background: var(--view-tema-cor, lightgray); height: 100%; position: absolute; left: 0px; } .curso-detalhes .curso-numero span { color: #fff; font-size: 14px; font-style: normal; font-weight: 700; } .curso-detalhes .curso-numero h2 { font-size: 52px; font-style: normal; font-weight: 600; margin-bottom: -8px; margin-top: 0px; color: #fff; } .curso-detalhes .curso-numero p { color: #e6e6e6; font-size: 14px; font-style: normal; font-weight: 400; margin: 0; } .curso-detalhes .badge { display: inline-block; background-color: #D1DFF8; padding: 4px 10px; border-radius: 6px; margin: 32px 0 8px; color: var(--Blue, #1A5DDD); font-size: 13px; font-style: normal; font-weight: 700; } .curso-detalhes h1 { font-size: 38px; font-style: normal; font-weight: 600; color: var(--White, #FFF); line-height: normal; } .curso-detalhes .descricao { margin: 16px 0 32px; overflow: hidden; color: var(--Black-60, #B3B3B3); text-overflow: ellipsis; /* Headings/Heading 5 */ font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .curso-detalhes .botoes { display: flex; gap: 12px; } .curso-detalhes .curso-video iframe { border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.4); } .curso-detalhes.ministrantes-section { background-color: #fff; color: #000; padding: 0; } .curso-detalhes.ministrantes-section .texto .wrapper-formatter { color: #000 !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .curso-detalhes.ministrantes-section .container .wrapper-row .col { padding: 0 !important; } .curso-detalhes.ministrantes-section .container .wrapper-row { display: flex; justify-content: space-between; align-items: flex-start; padding: 80px 0; } .curso-detalhes.ministrantes-section .dados { display: flex; align-items: center; width: 100%; border-bottom: 1px solid #ddd; padding: 24px 0; } .curso-detalhes.ministrantes-section .dados .container:after { content: none; } .curso-detalhes.ministrantes-section .dados .container::before { content: ""; display: none; } .curso-detalhes.ministrantes-section .dados .container { display: flex; gap: 32px; flex-wrap: wrap; align-items: center; } .curso-detalhes.ministrantes-section .dados strong { font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; color: #000; width: 100%; text-align: start; } .curso-detalhes.ministrantes-section .dados span { color: var(--Black-70, #808080); text-align: start; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; white-space: nowrap; } .curso-detalhes.ministrantes-section .dados .tag { display: flex; padding: 6px 9px 6px 6px; justify-content: center; align-items: center; gap: 8px; color: var(--Black-90, #1A1A1A); text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; border-radius: 16px; background: #E8E8E8; } .curso-detalhes.ministrantes-section .texto * { color: var(--Black-100, #000) !important; } .curso-detalhes.ministrantes-section .col-no-padding { padding: 0; } .curso-detalhes.ministrantes-section .texto .titulo-bloco { font-size: 16px; font-style: normal; font-weight: 700; } .curso-detalhes.ministrantes-section .ministrantes { text-align: center; max-width: 100%; } .curso-detalhes.ministrantes-section .ministrantes h4 { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 24px; color: var(--Black, #000); text-align: start; } .curso-detalhes.ministrantes-section .ministrantes-carousel .item { text-align: center; } .curso-detalhes.ministrantes-section .ministrantes-carousel .item img { max-height: 292px; align-self: stretch; aspect-ratio: 1/1; border-radius: 20px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%)lightgray 50% / cover no-repeat; } .curso-detalhes.ministrantes-section .ministrantes-carousel .item img { width: 100%; border-radius: 12px; margin-bottom: 12px; } .curso-detalhes.ministrantes-section .ministrantes-carousel .item h5 { /* Headings/Heading 4 */ font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; margin-top: 24px; color: var(--Black, #000); } .curso-detalhes.ministrantes-section .ministrantes-carousel .item p { /* Body/Body md */ font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; /* 125% */ color: var(--Black-70, #808080); } /* Ajuste do Owl Carousel (caso precise centralizar as setas ou espaçamento) */ .owl-carousel.nav-outlined-black .owl-nav { position: absolute; top: 33%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); } .owl-carousel.nav-outlined-black .owl-nav button span { font-size: 22px; color: black; font-weight: 700; } .owl-carousel.nav-outlined-black .owl-nav button { background: none; border: 2px solid black !important; display: flex; width: 32px; height: 32px; justify-content: center; align-items: center; gap: 6px; flex-shrink: 0; border-radius: 100%; } .owl-carousel.nav-outlined-black .owl-nav button.owl-prev { margin-left: -20px; } .owl-carousel.nav-outlined-black .owl-nav button.owl-next { margin-right: -20px; } /* 2026 - CURSO DETALHES */ /*================= RESPONSIVO ============*/ @media (max-width: 1680px) { .stands-feira .stand-item img.mini-stand { max-height: 180px; } .expositores-home .space-area { padding: 0 30px; } } @media (min-width: 1680px) { .content-wrapper.home .container { width: 1550px; } } @media (max-width: 1600px) { .stands-feira .stand-item img.mini-stand { max-height: 170px; } } @media (max-width: 1500px) { .event-title { margin: 0px 115px; } .raiting-details p { font-size: 17px; } .simposio-nutricao::after { width: 325px; top: 32px; } .site-logo img { width: 164px; padding: 5px 10px; } .ministrantes-simposio { width: 600px; margin-top: 25px; } .ministrantes-simposio .ministrante h5 { font-size: 16px; } .header-atendimento h4 { font-size: 15px; } .simposio-farmacia::after { background-size: 76%; } h1.title-atendimento { line-height: 60px; } .primary-menu-menu > li > a { padding: 16px 10px !important; font-size: 14px; } h1.title-atendimento { font-size: 50px; } .bg-atendimento-home div { padding: 0px 28px; } .header-atendimento h3 { width: 100%; } .header-atendimento h3 { margin-top: 35px !important; } .header-atendimento h4 { margin-top: 6px !important; } header-atendimento h1, .h1 { font-size: 56px; } .img-simposio-atendimento { margin-top: 33px !important; } .ministrantes-atendimento { width: 832px; position: absolute; bottom: 0; left: 22%; right: 22%; margin: 0 auto; } .text-maior-congresso { width: 600px; margin-top: 9%; } .box-institucional img { right: -6px; width: 404px; } .text-maior-congresso { width: 640px; } .box-faq { padding: 18px; width: 95%; } .list-faq li { line-height: 41px; } .text-carrinho-curso { font-size: 61px; } .space-depoimento { padding: 2px 15%; } .medium-padding180 { padding: 120px 0; } } @media (min-width: 1440px) { #plenaria .stunning-header-content { min-height: 40vh; } } @media (max-width:1440px) { .stands-feira .stand-item img.mini-stand { max-height: 146px; } #apoio .grid { right: -34px !important; top: 28px; } #filter-section a { font-size: 14px; } .course-details-info { padding-left: 0; } .btn { padding: 12px 30px; } .space-botao-cursos .btn { font-size: 13px; padding: 12px 30px; } .institucional-img h3 { font-size: 33px; line-height: 40px; } .expositores-home .space-area p { font-size: 17px; } .expositores-home h3, .local-sp h3 { font-size: 28px; } .institucional-img { height: 500px; } .logo-home { width: 345px !important; } .clock-pc { font-size: 19px; } .primary-menu-menu > li > a { font-size: 14px; } .background-home h1 { font-size: 22px; line-height: 34px; width: 375px; } .box-feira, .box-institucional { height: 340px; } .box-feira h3 { font-size: 26px; width: 305px; } .h1-space { max-width: 1100px; } .date-title span { font-size: 24px; } .header-spacer { height: 67px; } .background-home.slide3 { padding-left: 100px; } .background-home.slide2 { padding-left: 100px; padding-right: 100px; } .background-home.slide2 .icons-feira img { width: 100%; margin-left: -60px; } .background-home.slide2 .form-feira-home { width: 290px; } } @media (max-width: 1366px) { .lote-clube-consulfarma .text-lote-title { font-size: 13px; line-height: 15px; } #apoio .grid { right: -100px !important; top: 28px; } #filter-section h2 { font-size: 16px; } .filter-title { font-size: 14px; } #filter-section a { font-size: 14px; } .course-details-info .name-ministrante { font-size: 16px; } .lista-ministrantes .name-profissao { font-size: 13px; } .course-features-list .value { font-size: 13px; } .reviews-content p, .reviews-content span, .reviews-content { font-size: 13px !important; } .depoimento-content h2, .namidia-content h2 { font-size: 20px; } .agencia-event img { margin-bottom: 45px; } .send-message-popup { padding: 30px; } .expositores-home .col-lg-6 { height: 440px; } .como-acessar p, .funcionalidades .box-funcionalidades p { font-size: 15px; line-height: 22px; } .icon-feira h4, .feira-section2 .icon-feira h4 { font-size: 16px; } .btn { font-size: 13px; padding: 13px 20px; } .agencia-event img { width: 145px; } .primary-menu-menu ul.sub-menu li a { font-size: 14px; } .corpo-tabela { font-size: 16px; } .form-feira h4 { font-size: 23px; line-height: 26px; } .form-feira .conta-feira { font-size: 16px; margin-top: 7px; } .feira-online h1 { font-size: 25px; line-height: 34px; margin-top: 120px; } .expositores-home h3, .local-sp h3 { font-size: 22px; } .stunning-header-content h3.h1 { font: normal normal normal 22px/26px Proxima Nova !important; letter-spacing: 0px; text-align: center; } #hellopreloader > div { width: 270px; height: 136px; max-width: 80%; } #loader-4 span { width: 6px; height: 6px; } .footer .widget-title { font-size: 14px; } .stunning-header--min640 { min-height: auto; } input, textarea, select, .nice-select { padding: 6px 22px; font-size: 15px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #263270; border-radius: 6px; } .box-feira a { font-size: 14px; } .title-area { font-size: 22px; } .name-ministrante { font-size: 25px; line-height: 30px; } .name-profissao { font-size: 13px; } .primary-menu-menu > li > a { font-size: 14px; } .detalhe-ocongresso h4 { width: 290px; font-size: 15px; } .desc-assessoria { font-size: 14px; } .box-feira { padding: 25px; } .coluna-desc { padding: 20px; height: 210px; } .box-farmacia-desconto { height: 210px; } .box-feira, .box-institucional { height: 275px; } .desconto-assessoria { font-size: 60px; line-height: 74px; } .date-title span { font-size: 22px; } .clock-pc { font-size: 17px; } .box-feira h3 { font-size: 20px; width: 290px; } .background-home h1 { font-size: 20px; line-height: 30px; width: 340px; } .logo-home { width: 310px !important; } .h1-space { max-width: 950px; } .visite-feira { height: 35px; font-size: 16px; } .encontre-moeda-img:after { width: 45px; height: 45px; top: 9px; } .pontuacao .box.duvidas a { line-height: 22px; margin: 0 auto; display: block; font-size: 15px; padding: 10px 22px; } .stand-gameficado img { width: 70px; } .stand-individual .area-stand a.placa-innovation-zone img { bottom: 58px; left: -25px; width: 110px; } .ranking h4 { font-size: 21px; margin-top: 10px; margin-bottom: 24px; } .background-home.slide3 h4 { font-size: 23px; width: 340px; } .background-home.slide3 a { bottom: 45px; right: 47px; width: 305px; border-radius: 48px; padding: 13px 16px 16px 13px; } .background-home.slide3 { padding-left: 70px; } .background-home.slide3 img.title { position: absolute; top: 28%; left: 5%; width: 549px; } .img-expositores { max-height: 150px; height: 150px; } .feira-online .form-feira { width: 440px; } .feira-online form .btn { padding: 12px 12px; margin-top: 7px; } .icon-feira h4, .feira-section2 .icon-feira h4 { font-size: 15px; } .feira-online input, .feira-online select { font-weight: 500; padding: 8px 10px; font-size: 15px; } .feira-online .form-feira h5 { font-size: 18px; } .crumina-stunning-header.feira-online h2 { font-size: 25px; } .form-feira-home .btn { padding: 13px 50px; font-size: 16px; margin-top: 5px; } #banner-home .owl-nav .owl-prev:before { font-size: 24px; } #banner-home .owl-nav .owl-next:after { font-size: 24px; } .background-home.slide2 h3 { font-size: 30px; width: 600px; } .background-home.slide2 .form-feira-home h5 { font-size: 19px; } .search-stands .mt-filtrar { font-size: 16px; } .background-home.slide2 .form-feira-home input { padding: 9px 10px; font-size: 15px; } .search-stands h3 { margin-top: 12px; font-size: 26px; } .background-stand .voltar-stand { left: 12%; } .background-stand h2 { font-size: 35px; } .stands-feira .stand-item .logo-empresa { width: 153px; padding: 9px; top: -70px; left: 33px; margin-left: auto; margin-right: auto; right: 0; } .stands-feira .stand-item { margin-bottom: 88px; cursor: pointer; } .stands-feira .stand-item img.mini-stand { max-height: 168px; } .button-compre-online, .button-saibamais { padding: 14px 24px !important; font-size: 17px; } .box-feira .feira-1 { width: 113px; } .box-feira .feira-2 { width: 140px; } .data-tabela, .curso-tabela { font-size: 16px; } .header-atendimento { height: auto; padding-top: 130px; padding-bottom: 130px; } .simposio-farmacia::after { background-size: 57%; } li.text-tabela-cursos { padding-left: 20px !important; } .tabela-assessoria-anfarmag, .tabela-assessoria, .box-farmacia-desconto .text-lote-title { font-size: 21px; line-height: 27px; } .text-tabela, li.text-tabela-cursos { font-size: 18px; padding: 10px 10px; } .primary-menu-menu > li > a { padding: 16px 6px !important; } .professor-home { margin-top: 0px; } .rick { margin-top: 51px; } .text-maior-congresso img { margin-top: 19%; } h1.title-atendimento { margin-bottom: 25px !important; } .header-atendimento h3 { margin-top: 22px !important; font-size: 21px; } .img-simposio-atendimento { width: 279px; } .ministrantes-atendimento { width: 770px; left: 19%; right: 22%; } header-atendimento h1, .h1 { font-size: 45px; } .save-texto { padding: 0% 15%; } .local-sp h4 { margin-bottom: 6px; font-size: 23px; } .text-maior-congresso { width: 600px; margin-top: 9%; } .box-institucional img { width: 335px; } .text-lote-title { } .btn-vertical { left: 67px; font-size: 16px; } .text-carrinho-curso { font-size: 63px; } } @media (max-width: 1280px) { .btn-clube-lote { font-size: 14px; line-height: 14px; } .img-simposio-atendimento { width: 240px; } .lote-clube-consulfarma .text-lote-title { font-size: 12px; line-height: 15px; } #apoio .grid { right: -70px !important; top: 28px; } .stand-individual .area-stand a.placa-innovation-zone img { bottom: 44px; left: 5px; width: 119px; } .search-stands .mt-filtrar { padding: 15px 16px; } .search-stands h3 { margin-top: 11px; font-size: 25px; } .stands-feira .stand-item img.mini-stand { max-height: 155px; } .name-menor { font-size: 22px; } .lista-ministrantes .name-profissao { font-size: 12px; } h1.title-atendimento { width: 50%; line-height: 59px; } .simposio-farmacia::after { top: 37px; } .site-logo img { width: 200px; padding: 0px 2px; } .expositores-home .col-lg-6, .local-sp .col-lg-6 { height: 500px; } .data-tabela { padding: 10px 9px; } .header--menu-rounded .primary-menu-menu > li { padding: 0px; } .primary-menu-menu > li > a { padding: 16px 8px !important; } h1.title-atendimento { font-size: 44px; } .rick { margin-top: 10vh !important; } .rick img { width: 85% !important; margin: 0 auto; } } @media (max-width: 1200px) { .curso-detalhes .item .img-background { height: 400px; } .curso-detalhes.ministrantes-section .wrapper-row { flex-direction: column; padding: 56px 0 !important; } .black-area .card-course-home.card-highlight .infos .more-info { gap: 16px; } .black-area .carousel .card-highlight .infos .btn-close { display: block; color: var(--White, #fff); width: fit-content; font-weight: 600; font-size: 18px; background: var(--Black, #000); border-radius: 100%; padding: 6px 15px; cursor: pointer; z-index: 5; } .icon-cart { margin-right: 27px; margin-top: -2px; } #topo-home .wraper { /* margin: auto !important; */ } .course-details-control { padding: 16px 13px 0 13px; } .img-simposio-atendimento { width: 240px; } .number-cart { } .text-home-plenaria { margin-right: 0px; font-size: 18px; } .space-ministrante-detalhes { text-align: left; } .course-details-control2 { padding: 16px 13px 0 13px; } .tab-control + .tab-control { margin-left: 15px; } .tab-control2 + .tab-control2 { margin-left: 15px; } .detalhe-saopaulo { height: auto; } .crumina-counter-item .counter-numbers { font-size: 67px; } .event-title { margin: 4% 24%; } .video-de-fundo { left: 0%; top: -2%; z-index: -2; width: 3000px; height: 2000px; opacity: 0.3; } .classificacao { display: none; width: 100%; line-height: 20px; margin-bottom: 13px; font-size: 15px; font-size: 15px; color: #ffb3b3; } .destaque-tabela .classificacao { color: #808080; } .destaque-tabela .text-lote-title { font-size: 24px; } .esconder { display: none; } .coluna-seja-expositor { padding: 3% 5%; margin: 63px 14px; } .box-hospedagem, .box-entrada-feria, box-imprensa { padding: 7% 16%; margin: 0% 17% 9% 17%; text-align: left; } .medium-padding { padding: 53px 0 17px 0px; } .btn-passaporte { position: fixed; right: 0%; top: 65%; width: 125px; z-index: 999; } .btn-passaporte:hover { width: 127px; } .course-details-control2 .tab-control2 a { padding: 0 5px 25px 5px; } .course-details-control2 .tab-control a { padding: 0 5px 25px 5px; } .space-curriculo { height: auto; } .descri-popup { padding: 0px 0px; margin: 0px 0px 19px; } .popup-ministrante { padding: 5% 0%; margin-top: 44px; } .foto-ministrante-popup { width: 100%; } .video-professor { width: 100%; height: 327px; } .compre-online-square > .desconto-assessoria { font-size: 65px !important; } .text-lote-title { padding: 6px 0px; } .padding-tabela { padding: 0px 20px; } .primary-menu-menu > li > a { padding: 18px 5px !important; } .primary-menu-menu > li > a { font-size: 14px; } .img-depoimento { width: 100%; padding: 0% 36%; margin-top: 0px; margin-bottom: 0px; } .sala-hi-nutrition { padding: 65px 13px; background-image: url(/Content/Site/Utouch/img/sala-hi-nutrition.jpg); background-size: 131%; background-position-y: 35%; background-repeat: no-repeat; background-color: #1a1a1a; overflow: hidden; height: 262px; margin: 0px; } .detalhe-ocongresso { padding: 50px 30px; } .text-midia { font-size: 19px; } .img-depoimento { padding: 0% 39%; } .space-depoimento { padding: 10px 14%; display: flex; display: -webkit-flex; margin-bottom: 13px; } .div-email { position: inherit; } .imagem-minha-conta { position: relative; top: 33px; width: 109px; left: 63%; } .desc-assessoria-infosmall { line-height: 19px !important; } .box-info-ingresso { text-align: left; } .descri-plenaria { width: 100%; } .background-desconto { position: inherit; } .info-desconto { text-align: center; } .space-img-detalhes { margin-top: 37px; margin-bottom: 25px; } .foto-ministrante-detalhes { width: 253px; } .bloco-info-curso { min-height: 212px; } .list-faq li { line-height: 36px; } .text-carrinho-curso { font-size: 47px; } h1.title-atendimento { font-size: 58px; } .img-simposio-atendimento { width: 240px; float: right; } .primary-menu-menu > li > a { font-size: 12px; } .nav-add { padding-left: 0px !important; padding-right: 0px; } .primary-menu > ul { margin: 0px 0px 0px 2px; } .primary-menu-menu > li > a > i { margin: 0 0px 0 0; } } /* MOBILE - MEDIA QUERY */ @media (max-width: 945px) { .curso-detalhes .container { width: 100%; } .curso-detalhes .badge { margin-top: 8px; } .curso-detalhes .descricao { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* Define o número de linhas */ -webkit-box-orient: vertical; } .curso-detalhes .botoes { flex-direction: column; } .curso-detalhes .curso-video iframe { margin-top: 40px; } .curso-detalhes.ministrantes-section .ministrantes { margin-top: 40px; } .curso-detalhes.ministrantes-section .ministrantes-carousel .item * { text-align: start; } .curso-detalhes.ministrantes-section .dados .container { gap: 15px; } .curso-detalhes .curso-numero h2 { margin-bottom: -5px; } /*Variações de tamanho de botões*/ .button.btn-md { /*btn-md passa a ter as mesmas proporções do btn-sm no mobile*/ padding: 6px 14px; gap: 6px; } .headerbar .wrapper b { font-size: 16px !important; font-style: normal; font-weight: 700; line-height: 18px; } #contador-lote span.number { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .headerbar { flex-direction: column; align-items: center; } .headerbar #contador-lote { margin-right: 0px; } .headerbar .wrapper { margin-bottom: 16px; } .ministrante-list.mobile { display: flex; } .ministrante-list.desktop { display: none; } .whats-fixed { bottom: 15%; } #topo-home { background-image: url('/Content/Site/Utouch/img/bg-home-pb-mobile.jpg'); background-position: center; background-size: cover; min-height: 100vh; } .clock-form { text-align: center; } .save-the-date { display: block; } .save-texto { padding: 0px; } .personaliza-sem-carousel .item { width: 24.666667%; } .space-area-expositor { padding: 33px; } .sala:nth-child(2n+1), .sala:nth-child(2n+2), .sala:nth-child(2n+3), .sala:nth-child(2n+4), .sala:nth-child(2n+5) { background-size: 186%; padding: 47px 13px; height: 286px; } .btn-faq { font-size: 16px !important; } .box-ingresso-plen .plenaria { flex-direction: column; } .box-ingresso-plen .plenaria h3 { line-height: 30px; font-size: 25px; text-align: center !important; } .box-ingresso-plen .plenaria .infos { flex-direction: column; width: 100%; } .box-ingresso-plen .plenaria .infos button { margin: 10px auto 0; } .box-ingresso-plen .plenaria .infos ul { margin: 20px 0 0 0; } .box-ingresso-plen .plenaria .infos.mobile { display: flex; } .box-ingresso-plen .plenaria .infos { display: flex; align-items: start; max-width: 320px; } .box-ingresso-plen .plenaria.vip .infos:not(.mobile) ul { display: none; } } @media (min-width: 800px) and (max-width: 1199px) { .space-ministrante span { font-size: 34px; } } @media (min-width: 1200px) { .ministrante-responsivo2 { display: none !important; } } @media (max-width: 800px) { .black-area { gap: 40px; } .black-area .categorias .wrapper-categorias span { display: flex; padding: 12px; justify-content: start; align-items: center; font-size: 16px; } .carousel-section { width: calc(100% + 20px); } .card-course-home.card-highlight .infos { padding: 24px !important; background: linear-gradient(360deg, #000 60%, rgb(0 0 0 / 1%) 140%) !important; } .black-area .carousel.with-shadow::after { content: none; z-index: 0; } .black-area .categorias .title { font-size: 24px; font-weight: 600; } .black-area .carousel-section .title { font-size: 24px; font-weight: 600; margin-bottom: 8px; } .black-area .carousel-section.destaques .owl-nav { display: none; } .black-area .categorias .wrapper-categorias { display: flex; flex-wrap: wrap; gap: 12px; } .black-area .categorias .wrapper-categorias span { font-size: 16px; max-height: 42px; } .wraper-evento { margin-top: 40px; } .ministrante-responsivo2 { display: none !important; } .crumina-counter-item { margin-bottom: 40px; margin-top: 40px; } .space-area-expositor { } .bloco-info-curso { margin-bottom: 35px; } .menu-faq { display: none; } } @media (min-width: 945px) and (max-width: 1250px) { .primary-menu > ul { margin: 0px 0px 0px 8px; } .ministrantes-atendimento { width: 675px; left: 12%; right: 22%; } .img-simposio-atendimento { margin-top: 27px !important; } .course-details-control2 .tab-control2 a { padding: 0 10px 25px 10px; } .personaliza-sem-carousel .item { width: 32.666667%; } .video-evento-passado iframe { width: 100%; height: 430px; } } @media (max-width: 1024px) { #topo-home .wraper { width: 100%; max-width: 100%; background: transparent; padding: 0; margin-top: 44px; } body { font-size: 15px; } .header-atendimento { height: auto; } .course-details-info { width: 100%; } #filter-section a { font-size: 16px; line-height: 38px; } .course-features-list li { width: 100%; } .box-farmacia-desconto { height: auto; margin-bottom: 30px; } .stands-carousel-visita .stand-item .stand-gameficado { } .stands-carousel-visita .stand-item .stand-gameficado img { width: 40px !important; } .stands-carousel-visita .stand-item .stand-visitado { right: 59%; top: 58%; } .stands-carousel-visita .stand-item .stand-visitado img { width: 30px !important; } .background-home.slide3 a { bottom: 45px; right: 47px; width: 276px; border-radius: 48px; padding: 13px 18px 18px 13px; font-size: 14px; } .img-expositores { max-height: 120px; height: 120px; } .alerta-vagas { position: absolute; left: 20px; top: 19%; width: 105px; z-index: 5; } .stands-feira .stand-item .logo-empresa { width: 70%; top: -70px; left: 11px; margin-left: auto; margin-right: auto; right: 0; } .search-stands .container-fluid { padding-right: 10px; padding-left: 10px; } .search-stands .mt-filtrar { margin-top: 2px; font-size: 15px; } .background-stand .voltar-stand { left: 2%; } .stand-individual .area-stand { margin-left: -125px; } .box-feira .carousel-areas { margin-right: -25px; width: calc(100% + 25px); } .box-feira .feira-1 { width: 96px; } .box-feira .feira-2 { width: 119px; } .box-minist { min-height: 400px; } .valores-meeting .esconder { display: block !important; } .curso-tabela { } .box-institucional { height: 370px; margin-bottom: 20px; } .box-diamante { width: 100%; } .box-institucional img { width: 442px; right: 23px; bottom: -33px; } .cursos-desconto img { margin: 0 auto; width: 206px; } .ministrantes-atendimento { width: 675px; margin: 0 auto; position: inherit; } .padding-menu { padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 787px) { .black-area .carousel.with-nav-button .owl-nav .owl-next { display: none; } .rodape-sem-agencia { display: flex; align-content: center; flex-wrap: wrap; justify-content: center; } footer .col-lg-3 { margin: 24px 0 0 0 !important; text-align: left; } footer .btn-color { margin: 0 auto !important; } img.img-fluid.crf { max-width: 80px !important; } footer .copy { margin-top: 32px; } .logo-orl { max-width: 180px; } .stands-carousel-visita .stand-item .stand-gameficado { right: 20px !important; } .stands-carousel-visita .stand-item .stand-gameficado img { width: 50px !important; } .stands-carousel-visita .stand-item .stand-visitado { right: 60% !important; top: 58%; } .stands-carousel-visita .stand-item .stand-visitado img { width: 20px !important; } .detalhe-ocongresso { padding: 80px 0px; display: block; } .js-popup-inicial { padding: 100px 0 0 0 !important; } .js-popup-inicial h3 { font-size: 30px !important; text-align: left !important; } } @media (min-width: 980px) { #collapsefilter { display: block; height: inherit !important; } } @media (max-width: 768px) { .pagina-inscricao-2026 { padding: 50px 25px !important; } .pagina-inscricao-2026 h2 { white-space: unset !important; font-size: 38px !important; font-style: normal !important; font-weight: 600 !important; line-height: normal !important; } #precongresso #eventos-wrapper .item { display: flex; flex-direction: column; } #precongresso #eventos-wrapper .item img { margin-bottom: 16px; } .cronometro-label { min-width: 116px; } .headerbar #contador-lote { margin: 0 !important; } .actions-course-detail { display: flex; flex-wrap: wrap; } .actions-course-detail a { width: 100%; font-size: 12px !important; } #topo-home .wraper { width: 100%; max-width: 100%; } h1, .h1 { font-size: 65px; } .lote-clube-consulfarma .text-lote-title { font-size: 12px; line-height: 15px; } .aovivo { background: #fff; border-radius: 0; } .aovivo a { color: #282828 !important; } .aovivo a i { color: #f01919 !important; padding-right: 10px !important; } .container-apoio { height: 400px !important; background: url('https://www.congresso.consulfarma.com/content/site/Utouch/img/img-banner-ciencia.jpg') left top; background-repeat: no-repeat; background-size: contain !important; } .name-profissao { padding: 8px 0px; text-align: center; } .ministrante-title-home { display: flex; align-items: start !important; } #apoio .grid { top: 274px !important; right: 0px !important; } h3.titulo-curso { font-size: 20px; margin: 0 0 5px 0; min-width: 100%; } h4.sutitulo-curso { margin: 0 0 10px 0; color: #263270; font-size: 14px; text-transform: uppercase !important; } .js-insc-documentomatricula { float: none !important; margin: 20px 0 20px 0; } .videoinnercurso { height: 300px !important; max-height: 300px !important; } #filter-section h2 { margin-bottom: 0; } .left-search { width: 100%; float: left; } .rigth-search { width: 100%; float: left; } button.btn-pesquisar-search { background: none !important; font-size: 20px; text-align: center; color: #030e22 !important; border-radius: 33px; font-weight: 900; text-transform: uppercase; display: block; border: 2px solid #000; padding: 10px !important; margin: 16px 0 0 0; width: 100%; } .primary-menu-responsive .primary-menu-menu li .indicator { width: 100%; text-align: right; padding-right: 20px; margin: 0; } .btn-filter-collapse i { display: block; } .feira-online { padding-top: 120px; } .funcionalidades .box-funcionalidades h4 { font-size: 16px; line-height: 24px; width: calc(100% + 20px); padding: 12px; margin-left: -10px; margin-top: -10px; margin-bottom: 10px; } .funcionalidades .box-funcionalidades { padding: 10px; margin: 5px; width: 18.6%; float: left; } .stand-individual .area-stand a.placa-innovation-zone img { bottom: 32px; left: 25px; width: 61px; } .institucional-img { height: 430px; padding: 35px; } .institucional-img h3 { width: 100%; } .h1-space { max-width: 950px; flex-direction: column; justify-content: flex-start; padding-top: 20vh; } .footer-banner-home { padding: 15px; } .background-home h1 { font-size: 26px; line-height: 30px; width: 445px; margin-top: 50px; } .pontuacao { padding-top: 145px; } .area-stand .click-logo { position: absolute; width: 183px; height: 49px; top: 83px; left: 313px; background-repeat: no-repeat; } .ranking { margin-bottom: 50px; } .background-feira { padding-top: 100px; background-size: cover !important; } .background-stand { padding: 70px 20px; } .owl-stage-outer { margin: 0 !important; } .stand-individual { margin: 180px 0 0 0; } .youtube-feira { height: 300px !important; } .info-stand { background: rgba(255, 255, 255, 0.9) !important; width: auto !important; border-radius: 30px 0 0 30px !important; padding: 20px 5px 20px 30px !important; margin-top: 20px; } .funcionalidades .grid-funcionalidades { display: block !important; } .funcionalidades .box-funcionalidades { width: calc(50% - 16px); float: left; } .alerta-vagas { top: 2%; width: 105px; } .feira-online .form-feira { width: 100%; } .background-home.slide2 .form-feira-home { margin-top: 30px; } .background-home.slide2 h3 { font-size: 30px; width: 100%; text-align: center; } .background-home.slide2 .icons-feira img { margin-left: 0; } .background-home.slide2 { flex-direction: column; justify-content: flex-start; padding-top: 175px; padding-left: 70px; padding-right: 70px; } .stands-feira .col-lg-3.col-md-4.col-sm-4 { } .area-stand .totem-1 { width: 66px; height: 169px; bottom: 86px; left: 94px; background-size: cover; } .area-stand .totem-2 { width: 66px; height: 169px; bottom: 86px; right: 94px; background-size: cover; } .area-stand .banner1 { width: 71px; height: 89px; bottom: 100px; left: 184px; background-size: cover; } .area-stand .banner2 { width: 71px; height: 89px; bottom: 100px; right: 184px; background-size: cover; } .area-stand .download-materiais { width: 109px; height: 18px; bottom: 86px; right: 355px; } .area-stand .video { width: 75px; height: 39px; bottom: 197px; right: 372px; } .area-stand .contato { width: 26px; height: 20px; bottom: 162px; right: 383px; border-radius: 3px; } .area-stand .whatsapp { width: 23px; height: 23px; bottom: 161px; right: 413px; } .area-stand .totem-video { width: 39px; height: 66px; bottom: 142px; right: 272px; } .area-stand .revisteiro1 { width: 32px; height: 23px; bottom: 167px; right: 501px; background-size: cover; } .area-stand .revisteiro2 { width: 32px; height: 23px; bottom: 142px; right: 501px; background-size: cover; } .area-stand .revisteiro3 { width: 32px; height: 23px; bottom: 117px; right: 501px; background-size: cover; } .area-stand .video2 { width: 27px; height: 29px; bottom: 137px; right: 504px; } .area-stand .video3 { width: 67px; height: 33px; bottom: 199px; left: 458px; } .stand-individual .area-stand { margin-left: -22px; } .stand-individual .area-stand, .stand-individual img { width: 820px; height: 492px; max-width: 820px; max-height: 492px; } .stands-feira .stand-item .logo-empresa { left: 0; right: 0; width: 170px; } .stands-feira:after { width: 65%; height: 100%; background: #13263c; margin-left: auto; margin-right: auto; } .stands-feira { background: #061627; } .stands-feira .stand-item img.mini-stand { width: 85%; max-height: 256px; } .clock-pc, .date-title { font-size: 21px; } .box-feira { margin-bottom: 20px; } .valores-meeting .esconder { display: block !important; } .comprar-simposio a { margin: 20px 0px; } .header--menu-rounded .primary-menu-menu > li > a { padding: 19px 12px !important; font-size: 19px; font-weight: 500; border-bottom: solid 1px rgba(97, 97, 97, 0.3) !important; } .ministrantes-simposio { width: 700px !important; } .tabela-desconto span.desc-assessoria { line-height: 22px; text-align: left; } .valores-atendimento span { font-size: 21px; } .header-atendimento { padding-top: 160px; padding-bottom: 80px; } .bloco-itens h3 { font-size: 23px; } .header-atendimento h5 { ; font-size: 18px; } h1.title-atendimento { font-size: 55px; margin-bottom: 50px !important; } .simposio-farmacia::after, .simposio-atendimento::after, .simposio-nutricao::after, .simposio-medico::after { top: -29px; width: 277px; } .simposio-atendimento::after { top: 17px; width: 322px; } .simposio-medico::after { top: 29px; width: 315px; } .simposio-farmacia::after { top: 37px; width: 399px; } .course-details { margin-top: 30px; } .expositores-home .col-lg-6, .local-sp .col-lg-6 { height: 400px; border-radius: 0px; border: 0; } .space-tabela { padding-bottom: 60px; } .expositores-home { padding-top: 0; } .local-sp { padding-bottom: 0px; background: #fff; } .section-simposios { padding-bottom: 0px; } .space-botao { margin: 40px 0px 4px 0px; } .header { padding-top: 13px !important; padding-bottom: 13px; position: fixed; } .box-institucional img { right: -19px; } .number-cart { top: 21px; left: 15px; padding: 1px; } .patrocinador-bronze { width: 90%; margin: 0 auto; } .video-evento-passado iframe { width: 100%; height: 430px; } .esconder-link { display: none !important; } .showhide .mob-menu--title { color: white; } .search-esconder { display: block !important; } .cart-mobile { display: block; font-size: 27px; /* margin: 0px 17px; */ position: relative; } .primary-menu-menu > li:hover > a .indicator, .primary-menu-menu > li:hover .indicator { color: #ffffff; } .menu-icon-wrapper svg path { stroke: #70ccf6; stroke-width: 30px; stroke-linecap: round; fill: transparent; } .popup-close .utouch-icon { width: 25px; height: 25px; } .btn { padding: 13px 25px; font-size: 15px; } .tab-control + .tab-control { margin-left: 0px; } .js-open-search-popup { margin-left: 5px; } .tab-control2 + .tab-control2 { margin-left: 0px; } .course-details-control .tab-control { width: 100%; } .course-details-control2 .tab-control2 { width: 100%; } .space-curso { margin: 35px 0px 39px 0px; } .course-details-control .tab-control a { padding: 20px 10px 20px 10px; } .course-details-control2 .tab-control2 a { padding: 20px 10px 20px 10px; } .space-botao-cursos { margin: 10px 0px; } .primary-menu-responsive .primary-menu-menu > li > a { border-bottom: none; } .primary-menu-responsive .primary-menu-menu li .indicator { border-left: solid 1px rgba(146, 146, 146, 0.3); } .primary-menu-responsive .primary-menu-menu > li:first-child > a { border-top: none; } .primary-menu-responsive .primary-menu-menu ul.sub-menu li a { padding: 16px 30px; } .event-title2 { margin: 0px 50px; } .no-padding { padding: 0 0px !important; } .imagem-ocongresso { height: 587px; background-position-x: 12%; background-position-y: 15%; } .space-depoimento { padding: 29px 13px; } .text-midia { font-size: 17px; } .aspas-depoimento2 { font-size: 90px; position: absolute; left: 74%; top: -36px; } .aspas-depoimento { font-size: 90px; position: absolute; left: 0%; top: -36px; } .video-de-fundo { width: 2508px; height: 2288px; left: 0%; top: -3%; } .event-title { margin: 7% 20%; } .imagem-ocongresso3 { background-position-x: 84%; background-position-y: 14%; } .stunning-bg-6 { background-position-x: 33%; } .stunning-bg-7 { background-position-x: 90%; } .stunning-bg-10 { background-image: url(/Content/Site/Utouch/img/ministrantes.jpg); background-position-x: 65%; } .sobrenome-menor { font-size: 36px; } .btn-passaporte { top: 70%; width: 88px; } .btn-passaporte:hover { width: 90px; } .rode-logo { padding: 0% 18% 15% 18%; } .padding-rodape { padding: 0% 14%; } .course-details-control .tab-control + .tab-control { margin-top: 0px; } .header .site-logo { margin-bottom: 0px; } .popup-ministrante { padding: 5% 10%; } .video-professor { width: 100%; height: 235px; } .title-imprensa { font-size: 63px; } .content-wrapper { margin-top: 0px; } .button-destaque { max-width: 100%; } .button-compre-online { max-width: 100%; } .space-area-expositor { padding: 7px; } .personaliza-sem-carousel .item { width: 33.33333333%; float: left; } .personaliza-sem-carousel { padding: 24px; } .box-hospedagem, .box-entrada-feria, box-imprensa { padding: 7% 16%; margin: 0% 10% 9% 10%; } .btn-cursos-professor { margin: 8% 0% 0% 0%; } .icon-ministrantes { display: initial; } .button-rota { display: block !important; padding: 23px !important; } .selo-novidade { width: 120px; left: -7px; } .selo-novidade2 { width: 120px; left: -7px; } .space-block-midia { padding: 0% 7%; margin-bottom: 28px; margin-top: 46px; } .primary-menu-responsive .primary-menu-menu.scrollable { max-height: 90vh !important; } .box-menu-conta { padding: 13px 19px; } .btn-vertical { padding: 18px 25px; font-size: 17px; top: 2.8%; } .btn-item-oncart { margin: 20px 0 31px 0; } .clock-form { margin-top: 3px; } article, aside, details, figcaption, figure, footer, main, menu, nav, section, summary { display: inherit; } .text-carrinho-curso { font-size: 79px; line-height: 87px; } .codigo-destaque { padding: 25px 12px; } .codigo-text { top: 25px; } .destaque-desconto { padding: 0px 30%; } .box-diamante { width: auto; } .novo-lote-simposio h3 { font-size: 22px; } .align-tabela-center { display: flex; display: -webkit-flex; width: calc(100% + 39px); overflow: hidden; overflow-x: scroll; justify-content: flex-start; padding-top: 70px; margin-top: -70px; } .align-tabela-center .lotes { min-width: 90px !important; } .valores-tabela { min-width: 320px; } .stand-visitado { position: absolute; right: 61% !important; top: 56% !important; z-index: 10; } .stand-visitado img { width: 25px !important; } .stand-gameficado { position: absolute; right: 0 !important; right: 10% !important; z-index: 10; } .stand-gameficado img { width: 50px !important; } .diretodocongresso { margin-bottom: 0 !important; } .title-namidiaadjustmob { margin-bottom: -30px !important; } #fixed-tag .titulo { font-size: 16px; } #fixed-tag .sub { font-size: 15px; } .expositores-page .wraper-expositores { display: flex; justify-content: space-between; } .expositores-page .img-expositores { max-width: 49%; margin: 0; } .expositores-page .img-expositores img { width: 100%; height: auto; } .nav-add li .utouch-icon-search { width: 24px !important; top: 0px; position: relative; margin-left: 0; } .cart-mobile { margin-right: 10px; } .cart-mobile .fa-shopping-cart { font-size: 20px; margin: 0; } #courses-list { display: flex; flex-direction: column; gap: 16px; } .curso-title-wrapper { order: 1; width: 100%; } .raiting-details { order: 2; } .course-features-list { width: fit-content; justify-content: flex-start; } .course-details-info .name-ministrante { font-size: 12px; white-space: nowrap; } .lista-ministrantes .box-ministrante { width: 32px !important; height: 32px !important; min-width: 32px !important; } .lista-ministrantes .space-ministrante { width: auto; } .curso-item-destaque .padding-zero { justify-content: space-around; } } @media (max-width: 570px) { .curso-detalhes .curso-numero h2 { margin-bottom: 0px; } h1, .h1 { font-size: 37px; } h2, .h2 { font-size: 26px; line-height: 32px; } .sub-link { display: none; } .tag-inedito { font-size: 14px; } .box-feira.bg-box-3 { height: auto; } .box-feira.bg-box-3 h4.areas-itens { font-size: 14px; } #filter-section h2 { font-size: 14px; } .overall-rating { font-size: 41px; line-height: 56px; } .depoimento-content h2, .namidia-content h2 { font-size: 16px; } #filter-section { padding: 12px; } .cursto-cart-number { padding: 10px; min-height: inherit; margin-top: 20px; width: 100%; } .stunning-header-content h3.h1 { font-size: 20px; max-width: 100%; line-height: 25px; } .feira-online h1 { font-size: 18px; line-height: 27px; margin-top: 0; } .logo-home { width: 220px !important; } .name-ministrante { font-size: 27px; line-height: 27px; } .name-profissao { margin-top: 10px; font-size: 13px; } .feira-online h3 { line-height: 22px; font-size: 15px; } .box-feira { background-position-x: -108px !important; } .expositores-home .space-area p { font-size: 15px; line-height: 22px; } .coluna-desc { margin-bottom: 20px; } .bg-expositores-home { margin-top: 25px; } .date-title span { font-size: 17px; margin: 0; color: #fff; } .box-feira { padding: 15px; } .detalhe-ocongresso h4 { width: 100%; font-size: 14px; } .box-feira h3 { font-size: 17px; padding-top: 15px; width: 100%; } .detalhe-ocongresso h4 { width: 100%; font-size: 15px; } .header-spacer { height: 74px; display: block; } .visite-feira { height: 32px; font-size: 14px; } .btn { padding: 13px 25px; font-size: 14px; } .pontuacao-lista { max-height: 415px; overflow: auto; margin-bottom: 40px; } .background-feira { min-height: initial; padding-top: 10px; } .ranking h4 { font-size: 18px !important; margin-top: 15px !important; } .pontuacao .img-pontuacao { width: 120px; } .pontuacao h1 { font-size: 35px; } .pontuacao .form-group section { padding-right: 45px !important; padding: 11px; font-size: 16px; } .pontuacao li .left .avatar { width: 30px; height: 30px; min-width: 30px; } .pontuacao li .right h5 { font-size: 16px; margin-left: 10px; } .pontuacao li .right h5 span { font-size: 13px; } .pontuacao .form-group { margin-bottom: 25px; } .pontuacao li .left h4 { font-size: 15px; } .pontuacao p { font-size: 15px; } .pontuacao .form-group { width: 100%; } .pontuacao .box { width: 100%; padding: 20px; } .pontuacao p { width: 100%; } .background-home.slide3 h4 { font-size: 18px; width: 185px; } .background-home.slide3 { padding-left: 15px; padding-right: 15px; padding-top: 105px; flex-direction: column; align-items: flex-start; justify-content: center; } .background-home.slide3 img.title { position: relative; top: 0; left: 0; width: 260px; } .background-home.slide3 a { bottom: 0; right: 0; width: 100%; border-radius: 48px; padding: 12px 12px; font-size: 14px; position: relative; } .faixa-promocao { background: url(/Content/Site/Utouch/img/bg-nova-faixa-mobile.jpg) center bottom; height: 45px; } .como-acessar { padding-top: 30px; padding-bottom: 0px; } .funcionalidades { padding-top: 0; } .funcionalidades .box-funcionalidades { padding: 10px; width: 100%; float: left; margin: 0; margin-bottom: 20px; } .feira-section1 h3, .feira-section2 h3, .como-acessar h3, .funcionalidades h3 { font-size: 17px; line-height: 23px; } .funcionalidades img { margin-bottom: 25px; margin-top: -30px; } .background-expositores .space-area { padding: 0; } .btn-inscreva-se-feira { font-size: 13px !important; padding: 15px 5px; } .alerta-vagas { top: 37px; width: 70px; } .feira-online .stunning-header-content { padding-bottom: 45px !important; margin-top: 0px !important; } .form-feira h4 { font-size: 20px; } .form-feira .conta-feira { font-size: 15px; } .box-telegram { margin-bottom: 30px; width: 100%; text-align: left; font-size: 14px; } #banner-home .owl-nav button.owl-prev { left: 17px; } .agradecimento-telegram p { font-size: 17px; } .icon-feira h4, .feira-section2 .icon-feira h4 { font-size: 15px; } .feira-section1 h3, .feira-section2 h3 { font-size: 17px !important; margin-bottom: 40px; } .funcionalidades .box-funcionalidades h4 { min-height: inherit; } .feira-online { background-position: center !important; } .feira-online .form-feira { margin-top: 15px; } .icon-feira img { width: 65px; } .stunning-header-content h3.h1 { font-size: 20px; line-height: 26px; } .background-home.slide2 .icons-feira { display: none !important; } .background-home.slide2 { padding-top: 26px; padding-left: 26px; padding-right: 26px; } .background-home.slide2 .form-feira-home input { padding: 6px 10px; font-size: 14px; } #banner-home .owl-nav button.owl-next { right: 17px; } .form-feira-home .btn { padding: 13px 35px; font-size: 14px; margin-top: 8px; } .background-home.slide2 .form-feira-home h5 { font-size: 15px; } #banner-home .owl-nav { top: 9%; } .background-home.slide2 h3 { font-size: 15px; line-height: 20px; width: 100%; } .icons-feira div { width: 33%; float: left; } .icons-feira div:nth-child(even) { margin-top: 0; } .icons-feira div:nth-child(4n) { margin-left: 16.5%; } .search-stands .mt-filtrar { margin-top: 2px; font-size: 13px; padding: 11px 16px; margin-bottom: 7px; } .search-stands .form-control { margin-bottom: 12px !important; padding: 6px 12px; height: 40px; font-size: 15px; } .search-stands h3 { margin-top: 0px; font-size: 20px; text-align: center; margin-bottom: 13px; } .background-stand .voltar-stand { left: 10px; bottom: -34px; font-size: 11px; padding: 7px 12px; } .stands-feira .stand-item .logo-empresa { width: 132px; padding: 5px; } .background-stand h2 { font-size: 21px; } .background-stand { padding: 21px 10px; padding-bottom: 0; } .navegacao-stand { position: relative; width: 100%; background: #fff; height: 50px; text-align: center; align-items: center; justify-content: center; display: -ms-flexbox !important; display: flex !important; display: -webkit-flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ -ms-flex: 1; /* IE 10 */ flex: 1; z-index: 9999; padding-top: 16px; } .navegacao-stand p { position: absolute; top: 7px; font-size: 12px; color: #70CCF6; } .navegacao-stand span { width: 105px; background: #70CCF6; height: 4px; display: block; border-radius: 12px; margin: 0 12px; } .navegacao-stand i { color: #70CCF6; font-size: 16px; } .stands-feira .stand-item img.mini-stand { width: 85%; max-height: 125px; } .valores-tabela { } .align-tabela-center { width: calc(100% + 20px); } .box-feira h3 { font-size: 17px; padding-top: 15px; } .stand-individual { overflow: auto; } #evento .box-plenaria .wraper-text h3 { color: #242021; font-size: 40px; line-height: 45px; } #evento .box-plenaria { margin-bottom: 42px; } .background-home h1 { font-size: 15px; line-height: 22px; width: 100%; padding: 0 11px; margin-bottom: 10px; font-weight: 300; margin-top: 35px; } .clock-pc, .date-title { font-size: 14px; } .box-minist { min-height: 320px; } .footer-banner-home { flex-direction: column; } .footer-banner-home { padding: 10px; flex-direction: column; } .date-title { margin-left: 0 !important; text-align: center; font-size: 22px; } .box-feira .feira-1 { width: 89px; left: 14px; } .box-feira .feira-2 { width: 109px; right: 7px; } .box-minist button { font-size: 12px; padding: 6px 16px; } .box-minist button i { margin-left: 3px; } .text-tabela .tag-assessoria { color: #D158F5 !important; margin-left: 12px; font-size: 12px; display: inline-block; } .descricao-meeting h4 { font-size: 25px; } .descricao-meeting .img-descri-meeting1 { display: none; } .descricao-meeting h3 { margin-bottom: 60px !important; } .valores-meeting { margin-bottom: 30px; } .valores-meeting .data-tabela { padding: 20px 6px; } .institucional-curso, .box-feira { height: 260px; } .valores-meeting .esconder { display: none !important; } .padding-menu { padding-top: 5px; padding-bottom: 0px; } .simposio-nutricao::after { width: 166px !important; top: 26px !important; } .simposio-farmacia::after { top: 8px; width: 399px; } .simposio-atendimento::after { top: 17px; width: 277px; } .simposio-medico::after { top: 29px; width: 290px; } .primary-menu-responsive .primary-menu-menu > li > a { padding: 17px 15px !important; font-weight: 600; font-size: 14px; } .bloco-itens h3 { font-size: 17px; } .bloco-itens p { width: 100%; font-size: 14px; margin: 0 auto; color: #8c8b94; } .ministrantes-simposio { width: 320px !important; } .tabela-desconto span.tabela-assessoria { text-align: center; } .agradecimento h2 { color: #ff5f4f; text-align: center; line-height: 43px; font-size: 34px; margin-top: 100px; } .agradecimento p { margin-top: 30px !important; color: #fff; width: 100%; margin: 0 auto; text-align: center; font-size: 20px; } .patrocinador-bronze { display: block !important; align-items: center; width: 100%; } .encerrado h3 { font-size: 44px !important; line-height: 49px !important; padding: 12px !important; margin-top: 91px; } .encerrado span { font-size: 37px !important; line-height: 39px !important; } .encerrado p { font-size: 21px !important; line-height: 28px !important; margin-top: 18px !important; } .patrocinador-bronze img { margin: 5px 0 0 0; width: 50% !important; float: left !important; padding: 12px !important; } .contagem-home { width: 80%; height: 380px; } h1.title-atendimento { font-size: 40px; line-height: 44px; margin-top: 35px; z-index: 8; position: relative; width: 90%; } .comprar-simposio a, .comprar-simposio a.btn-saibamais-meeting { width: 100%; font-size: 24px; margin: 12px 0; } .bg-atendimento-home div { position: relative; } .space-curso-detalhe .button-compre-online { margin-bottom: 12px; } .space-curso-detalhe .title-curso-detalhes { font-size: 28px; line-height: 31px; } .img-tag2 { width: 198px; top: -1px; left: -17px; position: absolute; display: block; } .img-tag { display: none; } .bg-atendimento-home div { padding: 0px 4px; } .bg-atendimento-home { height: 140px; } .overlay-antendimento { height: 100%; background-image: linear-gradient(0deg, #c2565630 18%, rgba(12, 9, 9, 0.4392156862745098) 51%); } .img-simposio-atendimento { width: 207px; } .header-atendimento .btn { padding: 12px 26px; font-size: 14px; line-height: 25px; } .header-atendimento h3 { font-size: 19px; line-height: 26px; width: 100%; text-align: left; } .bloco-itens img { width: 86px; margin: 0 auto; } .box-valores { min-height: auto; padding: 10px; } .valores-atendimento span { margin-top: 0px; } .tabela-desconto { display: block !important; } .tabela-desconto span.desc-assessoria { text-align: center; } .bloco-itens { margin-bottom: 30px; } .header-atendimento h4 { width: 100%; text-align: left !important; } .img-simposio-atendimento { width: 200px; float: inherit; } .cursos-desconto { margin-bottom: 23px; } .cursos-desconto img { margin: 0 auto; width: 168px; } .stunning-header--content-center.popup-promocoes { display: block !important; } .content-pilares span { font-size: 20px; } .tabela-gestao-page { margin-bottom: 10px; } .section-atendimento-magistral .container, header-atendimento .container { padding-right: 10px; padding-left: 10px; margin-right: 0px; margin-left: 0px; } .table-gestao tr td span { font-size: 15px; } .save-texto img { opacity: 0.7; } .clock-form { width: 100%; } .desconto-assessoria, .desconto-assessoria-anfarmag { font-size: 66px; line-height: 100px; } h2, .h2 { font-size: 28px; } h3, .h3 { font-size: 22px; } .titulo-curso { line-height: 32px; } .cart-mobile { /* margin-right: 15px; */ } .medium-padding180 { padding: 60px 0; } .expositores-home .col-lg-6, .local-sp .col-lg-6 { height: auto; } .bg-local-sp, .bg-expositores-home, .bg-local-sp2, .bg-local-anhembi { height: 212px !important; } .col-xs-12 + .col-xs-12 { margin-top: 0px; } .expositores-home { padding-top: 30px; padding-top: 30px; } .bg-local-sp { margin-top: 0px; } .course-features-list .value { width: 100%; padding-top: 0px; padding-left: 28px; font-weight: 400; } .video-evento-passado iframe { width: 100%; height: 203px; } .number-curso { float: initial; margin: inherit; margin-bottom: 28px !important; } .site-logo img { width: 125px; padding: 0; margin-right: 0px; } .space-area-expositor { padding: 0px 53px; margin: 0px; } .expositores-completo { padding: 0px !important; } .btn-visualizar-inscritos { width: 100%; } .course-features-list .feature-item { width: 100%; padding: 8px 30px; } .primary-menu-responsive .primary-menu-menu ul.sub-menu li a { border-bottom: solid 1px rgba(134, 134, 134, 0.3); padding: 10px 30px; } .detalhe-ocongresso2 { height: auto; display: block; padding: 32px; } .primary-menu-menu ul.sub-menu li a img { width: 20px; } .medium-padding120 { padding: 40px 0; } .medium-padding80 { padding: 20px 0; } .header--menu-rounded .primary-menu-menu > li { border-bottom: solid 1px #505050; } .space-botao-cursos { margin: 30px 0px 22px 0px; z-index: 88; } .space-botao-cursos a { width: 100%; } .text-tabela, li.text-tabela-cursos { font-size: 14px; } .destaque-tabela .text-lote-title { font-size: 20px; } .text-lote-title { padding: 6px 0px; font-size: 20px; margin-bottom: 0px; } .primary-menu-menu > li > a { padding: 18px 11px !important; } .header--menu-rounded .primary-menu-menu > li { padding: 0px; } .box-ministrante-detalhes { text-align: center; } .space-ministrante-detalhes { text-align: center; } .title-plenaria { font-size: 46px; line-height: 53px; } .nav-add { padding-right: 12px !important; padding-right: 0px; } .space-area { text-align: center; padding: 15px 26px; } .medium-padding180 { padding: 60px 0; } .space-area2 { padding: 20px; } .space-midia { background: #fff; padding-top: 90px; padding-bottom: 61px; } .event-title2 { font-size: 55px; line-height: 56px; padding: 6px 20px; margin: 0px 0px; } .desc-assessoria { font-size: 16px; line-height: 15px; } .img-areas h3 { font-size: 16px; } .section-simposios { padding-top: 15px; } .detalhe-ocongresso { padding: 50px 0; } .name-ministrante { font-size: 20px; line-height: 24px; } .name-menor { font-size: 20px; line-height: 20px; } .institucional-img { height: 315px; } .lista-ministrantes .sobrenome-menor { font-size: 20px; } .title-area { font-size: 18px; line-height: 21px; } .institucional-img h3 { font-size: 23px; line-height: 31px; } .institucional-img p { width: 100%; font-size: 15px; } .tabela-assessoria-anfarmag, .tabela-assessoria, .box-farmacia-desconto .text-lote-title { font-size: 18px; } .aspas-depoimento2 { left: 87%; } .video-de-fundo { width: 2000px; height: 783px; left: -195%; top: -1%; } .vendas-encerradas { font-size: 32px; margin-top: 16px; line-height: 35px; } .event-title { margin: 3% 0% 0% 0%; } .btn-mobile-full { width: 100%; } .desconto-assessoria, .desconto-assessoria-anfarmag { font-size: 65px; line-height: 90px; } .texto-legal { padding: 29px 0px 0px 0px; color: #9e9e9e; font-size: 14px; } .coluna-seja-expositor { padding: 6% 10%; margin: 1px 2px 40px 3px; } .box-entrada-feria, box-imprensa { padding: 12% 14%; margin: -12% 0% 18% 0%; } .box-hospedagem { padding: 5% 7%; margin: 0% 0% 6% 0%; } .sobrenome-menor { font-size: 36px; } .padding-rodape { padding: 0% 0%; } .header .header-content-wrapper { display: flex; display: -webkit-flex; } input, textarea, select, .nice-select { margin-bottom: 4px; } .crumina-counter-item { margin-bottom: 11px; margin-top: 11px; } .classificacao { font-size: 15px; } .margin-zero { margin: 0px !important; } .imagem-ocongresso, .imagem-ocongresso2, .imagem-ocongresso3 { height: 381px; } .descri-popup { padding: 0px 0px; margin: 29px 0px; } .popup-ministrante { padding: 5% 6%; margin: 58px 0px; } .video-professor { width: 100%; height: 177px; } .imagem-saopaulo { height: 559px; } .title-imprensa { font-size: 45px; } .container { padding-right: 25px; padding-left: 25px; margin-right: 0px; margin-left: 0px; } .container-fluid { padding-right: 20px; padding-left: 20px; } .box-institucional img { right: -19px; width: 200px; bottom: -17px; } .box-institucional a { font-size: 14px; padding: 12px 12px; } .detalhe-ocongresso h6 { width: 90%; font-size: 16px; } .box-institucional { height: auto; padding: 0; width: 100%; } .box-institucional iframe { width: 100%; height: 200px; } .header { padding-top: 0 !important; padding-bottom: 0; } .sala:nth-child(2n+1), .sala:nth-child(2n+2), .sala:nth-child(2n+3), .sala:nth-child(2n+4) { padding: 23px 13px; height: 177px; } .background-feira { background-position-x: 448px; } .background-evento { background-position-x: 71%; } .background-turismo { background-position-x: 64%; } .background-imprensa { background-position-x: 17%; } .background-valores { background-position-x: 8%; } .background-planta { background-position-x: 25%; } .background-ministrantes { background-position-x: 59%; } .stunning-header-content { margin-top: 40px; } .stunning-header--min640 { min-height: 520px; } .header .site-logo { display: initial; } .send-message-popup-sucesso { padding: 34px; } .sucesso { text-align: center; width: 100%; padding: 1% 0%; } .box-curso-plenario { padding: 13px 0px; margin: 0px 0px 4px 0px; } .personaliza-sem-carousel .item { width: 49.333333%; padding-right: 0px; padding-left: 1px; height: 300px; } .personaliza-sem-carousel { padding: 8px; } .tabela-hospedagem-th { font-size: 12px; } .tabela-hospedagem { font-size: 12px; } .btn-passaporte { top: 81%; width: 79px; display: initial; } .btn-esconder { display: none; } .btn-passaporte:hover { width: 72px; } .selo-novidade { width: 107px; left: -7px; top: 1687px; z-index: 999; } .selo-novidade2 { top: 93px; } .product-item { padding: 20px 19px; } .descricao-curso { font-size: 12px; line-height: 18px; } .img-depoimento { width: 100%; padding: 0% 30%; margin-top: 0px; margin-bottom: 20px; } .space-block-midia { padding: 0% 4%; } .send-message-popup { margin: 68px auto !important; padding: 22px; } .box-menu-conta { padding: 15px 19px; } .box-item { padding: 15px 13px; } .title-pedidos, .btn-detalhes { margin-top: 10px; } .imagem-minha-conta { position: relative; top: 22px; width: 100px; left: 57%; } .btn-vertical { padding: 10px 24px; font-size: 16px; line-height: 21px; left: 50px; top: 3%; } .btn-comprar { font-size: 16px !important; } .btn-item-oncart { padding: 20px 30px; margin: 20px 0 0 0; } .backgrpund-plenariavip { background-size: 232% !important; } .text-home-plenaria { margin-right: 0px; font-size: 16px; text-align: left; } .title-desconto { font-weight: 300; font-size: 22px; line-height: 26px; padding: 11px 0px; } .info-desconto { font-size: 13px; line-height: 18px; text-align: center; padding: 16px 10px; color: #ffffff; margin-top: -15px; } .box-contagem { padding: 0px 0px; margin: 26px 0px; } .col-lg-1.pading-tabela.lote-encerrado::before { height: 92%; top: 50px; } .space-curso-detalhe { padding-bottom: 0px !important; } .img-detalhes { width: 210px; position: relative; left: 36%; z-index: 666; margin-top: 36px; } .title-curso-detalhes { font-size: 25px; line-height: 30px; } .subtitle-curso-detalhes { font-size: 19px; line-height: 27px; width: 100%; } .foto-ministrante-detalhes { width: 211px; } .bloco-info-curso { margin-bottom: 5px; } .bloco-info-curso { min-height: 163px; } .tabela-gestao-page tr th { font-size: 12px; } .table-gestao tr td { padding: 9px 7px; font-size: 15px; font-weight: 400; } .title-curso-gestao { font-size: 15px; } .logos-realizacao { display: block; } .logo-single { width: 210px; margin: 10px 5px; } .text-carrinho-curso { font-size: 41px; line-height: 38px; font-weight: 800; color: #ffe03f; } .tabela-plenaria { font-size: 25px; line-height: 24px; font-weight: 700; color: #ffe03f; text-transform: uppercase; } .box-cabify { padding: 29px 20px; } .box-cabify-body { padding: 26px 0px; margin-top: 13px; } .destaque-desconto { padding: 0px 7%; } .codigo-destaque { padding: 25px 7px; font-size: 21px; } .box-destaque-descri { font-size: 16px; } .space-curso { padding: 0px 0px 12px 0px; } .space-curso { margin: 2px 0px 39px 0px; } .reviews-content p, .reviews-content span, .reviews-content { font-size: 13px !important; } .course-details .tab-content { padding: 20px 0px; } .raiting-details p { font-size: 15px; line-height: 21px; text-align: center; width: 100%; } .titulo-curso { line-height: 25px; font-size: 17px; } .raiting-details .title { font-size: 16px; margin-left: 0px; } .space-curriculo * { color: #000; font-size: 17px; line-height: 22px; text-align: left !important; } .course-details-control .tab-control a { padding: 10px 2px; font-size: 20px; } .box-hospedagem-item { padding: 14px; } .box-hospedagem-item p { font-size: 14px; } .button-saibamais { width: 100%; } .box-minist img { width: 90%; } .name-ministrante { font-size: 24px; line-height: 28px; font-weight: 500; color: #fff; } .button-compre-online { margin-top: 0 !important; } .button-compre-online, .button-saibamais { width: 100% !important; display: block; margin-right: 0; margin-left: 0 !important; max-width: inherit; } .feira-cliente-logado { margin-top: 12px; text-align: center; margin-bottom: 75px; width: 100%; } .feira-cliente-logado h4 { font-size: 26px; } .feira-cliente-logado .btn-visitar-feira { font-size: 20px; } .stand-gameficado { top: 5px !important; } .vagas-esgotadas { width: 148%; font-size: 25px; padding: 14px; box-shadow: 2px 2px 0px #c1c1c1; z-index: 6; display: block; text-align: center; transform: rotate(-15deg); left: -75px; position: absolute; top: 20%; font-size: 19px; } .vagas-esgotadas:after { display: none; } .course-details-info .name-ministrante { font-size: 15px; } .space-curriculo * { font-size: 20px !important; font-weight: 400 !important; !importan; !importa; !import; !impor; !impo; !im; !i; !; line-height: 26px !important; !importan; !importa; !import; !importn; !import; !impor; !impo; !imp; !im; !i; !; } .name-popup { font-size: 39px; line-height: 37px; text-align: center; } .space-curriculo { margin-top: 0px; } } @media (max-width: 375px) { .headerbar .wrapper { flex-direction: column; } .headerbar .wrapper b br { display: none; } .personaliza-sem-carousel .item { height: 220px; } .background-home.slide2 h3 { width: 90%; margin-left: auto; margin-right: auto; } .form-feira-home .btn { padding: 11px 35px; font-size: 14px; margin-top: 4px; } .stands-feira .stand-item img.mini-stand { width: 89%; max-height: 120px; } .date-title { line-height: 25px; } .box-feira .feira-1 { width: 76px; left: 14px; } .box-feira .feira-2 { width: 91px; right: 7px; } .table-gestao tr td span { font-size: 14px; } .bloco-itens p { line-height: 19px; font-size: 13px; } .encerrado h3 { font-size: 41px !important; line-height: 46px !important; border: solid 7px #ff5f4f !important; padding: 12px !important; margin-top: 91px !important; } .encerrado span { font-size: 32px !important; line-height: 36px !important; margin-top: 20px; } .header-atendimento h3 { font-size: 14px; } .header-atendimento h3 { font-size: 14px; } .header-atendimento h4 { font-size: 14px; } .header-atendimento h4 { font-size: 16px; } .box-cabify { padding: 25px 13px; } .codigo-destaque { font-size: 19px; } .content-atendimento { font-size: 16px; margin-bottom: 12px; } } @media (max-width: 360px) { h1, .h1 { font-size: 33px; } h1.title-atendimento { font-size: 37px; } .raiting-details p { font-size: 15px; line-height: 18px; display: table; margin: 0 auto; text-align: center; } h3, .h3 { font-size: 20px; } .name-profissao { font-size: 13px; } .course-details-control { padding: 2px 13px 0 13px; } .course-details .tab-content { padding: 10px 10px; } .img-detalhes { left: 57%; margin-top: 32px; } .btn-detalhe-compra { position: inherit; } .course-features-list .value { width: 100%; overflow: hidden; } .space-img-detalhes { padding: 0px 13%; } .btn { font-size: 13px; } .title-plenaria { font-size: 45px; line-height: 49px; } .text-home-plenaria { margin-left: 12%; font-size: 15px; text-align: left; } .space-area { text-align: center; padding: 21px; } .sobrenome-ministrante { font-size: 30px; } .box-cabify { padding: 25px 2px; } .space-area2 { padding: 19px; } .event-title2 { font-size: 48px; line-height: 46px; padding: 6px 0px 6px 18px; margin: 0px 25px; border-left: solid 10px #ffe03f; } .aspas-depoimento2 { left: 81%; } .crumina-counter-item .counter-numbers { font-size: 53px; } .tabela-assessoria { font-size: 17px; line-height: 22px; } .tabela-assessoria-anfarmag { font-size: 17px; line-height: 22px; } .desconto-assessoria, .desconto-assessoria-anfarmag { font-size: 76px; line-height: 83px; } .box-entrada-feria, .box-imprensa { padding: 12% 16%; margin: -23% 0% 21% 0%; } .medium-padding { padding: 38px 0 18px 0px; } .coluna-seja-expositor { padding: 7% 9%; margin: 45px 2px; } .sala-satelite { padding: 113px 0px; } .popup-ministrante { padding: 5% 0%; } .title-imprensa { font-size: 30px; } .selo-novidade { width: 107px; left: -7px; top: 1641px; z-index: 999; } .selo-novidade2 { width: 97px; top: 209px; } .imagem-minha-conta { position: relative; top: 22px; width: 100px; left: 52%; } .backgrpund-plenariavip { background-size: 345% !important; } .codigo-destaque { font-size: 17px; } .destaque-desconto { padding: 0px 3%; } .namidia-content { border-right: 0px; } } @media (max-width: 320px) { .lista-ministrantes .name-profissao { width: 155px; } .stunning-header-content h3.h1 { font-size: 17px; line-height: 26px; } h2, .h2 { font-size: 24px; line-height: 32px; } .background-home.slide3 { padding-top: 62px; } .faixa-promocao { height: 41px; } .background-home.slide2 .form-feira-home { margin-top: 14px; } .header-content-wrapper { padding: 6px 0; } .agradecimento-telegram h5 { font-size: 17px; } .agradecimento-telegram .btns-telgram a { margin: 0px 6px; width: 126px; } .padding-menu { padding-top: 0px; } .background-home.slide2 .form-feira-home h5 { font-size: 13px; } .background-home.slide2 .form-feira-home input { padding: 5px 10px; font-size: 13px; } .site-logo img { width: 120px; } .background-home.slide2 .form-feira-home { width: 230px; } .background-home.slide2 h3 { font-size: 14px; line-height: 15px; width: 95%; } .search-stands .mt-filtrar { padding: 11px 11px; } .stands-feira .stand-item img.mini-stand { width: 100%; max-height: 112px; } .date-title { ; font-size: 19px; } .box-institucional a { font-size: 13px; padding: 12px 12px; } #grade { padding: 0px; } .comprar-simposio a, .comprar-simposio a.btn-saibamais-meeting { font-size: 18px; } .ministrantes-simposio { width: 270px !important; } .encerrado h3 { font-size: 32px !important; line-height: 37px !important; margin-top: 145px !important; } .encerrado span { font-size: 26px !important; line-height: 31px !important; margin-top: 20px; } .encerrado p { font-size: 19px !important; line-height: 25px !important; margin-top: 18px !important; } .scroll-mobile { overflow: auto; } .space-btn-inscreva-se { height: 96px; } .tag-lancamento { width: 95%; } .return-popup.open { background: #000; } .contact-item .utouch-icon { color: #ffffff; fill: #ffffff; } #return-title { font-size: 30px; } } /*NEW 2024*/ :root { --button-primary: #1A5DDD; --button-secondary: #DF99FF; --title-size: 52px; --subtitle-size: 38px; --text-size: 24px; --small-text-size: 18px; } button { transition: ease-in-out all .3s; } .button-black { padding: 10px 21px 10px 21px; border-radius: 30px; border: 2px; border-color: black; background-color: black; color: white; } .button-white { padding: 10px 21px; border-radius: 30px; border: 2px solid black; background-color: white; color: black !important; font-weight: 700; text-transform: uppercase; display: flex; width: intrinsic; /* Safari/WebKit uses a non-standard name */ width: -moz-max-content; /* Firefox/Gecko */ width: -webkit-max-content; /* Chrome */ } .button-black:hover { border-color: #1A1A1A; background-color: #1A1A1A; color: white; } .button-border.black-border { border-color: #000; background-color: transparent; color: #000; } .button-border.black-border:hover { border-color: #000; background-color: #000; color: #fff !important; } .button-border.white-border, .button-border { border: 2px solid white; background-color: transparent; color: white; } .headerbar { color: white; background-color: #F12020; padding: 12px 22px; display: flex; justify-content: center; width: 100%; } .headerbar .wrapper { display: flex; align-items: center; } .headerbar .wrapper b { font-size: 20px; font-style: normal; font-weight: 700; line-height: 18px; } .headerbar #contador-lote { display: flex; align-items: center; margin: 0 40px; } .headerbar #contador-lote .number { display: flex; flex-direction: column; align-items: center; } .headerbar span.number { display: block; color: var(--White, #FFF); font-family: "Proxima Nova"; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; } .headerbar span.number b { color: var(--White, #FFF); text-align: center; font-family: "Proxima Nova"; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; padding: 0 9px; } .headerbar a { font-size: 13px !important; line-height: 18px; display: flex; align-items: center; margin-bottom: 0; font-weight: 700; } .headerbar img { margin-right: 10px; } a#menu-icon-trigger { color: black; } #home-top { padding: 80px 0px; display: flex; position: relative; align-items: center; background: black; } #home-top .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; } #home-top .hero-bg video { width: 100%; height: 100%; object-fit: cover; } #home-top .col-lg-5 { display: flex; flex-direction: column; justify-content: space-between; } #home-top .data { font-size: 15px; flex-direction: column; color: black; margin-bottom: 32px; } #home-top .data b { font-size: var(--text-size); } #home-top .container img { max-width: 278px; margin: 0px auto 56px; width: 100%; } #home-top .wraper-text { display: flex; flex-direction: column; align-items: start; z-index: 3; } #home-top .wraper-text button { width: 100%; max-width: 278px; } #home-top .wraper-links { display: flex; justify-content: space-between; margin-top: 115px; max-width: 414px; margin: 115px auto 0px; gap: 32px; } #home-top .wraper-links a { border-bottom: 2px solid #1A1A1A; color: black; padding: 0px 18px 10px; font-size: 14px; font-weight: 700; line-height: 26px; letter-spacing: 0em; text-align: center; text-transform: uppercase; } footer .btn-color { border-color: var(--Blue); background-color: var(--Blue) !important; } @media(max-width:600px) { .headerbar .wrapper b { margin-bottom: 15px; /*white-space:nowrap;*/ } #home-top { background-image: unset; padding-top: 0px; } #home-top .wraper-links { flex-direction: column; max-width: 200px; margin: 50px auto; } #home-top .wraper-links a:not(:last-of-type) { margin-bottom: 24px; } #home-top .container img { margin: 56px auto; } footer .wraper-buttons { align-items: center; } .tag-badge { display: flex; min-width: 136px; height: 48px; padding: 12px; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; } .tag-badge img { width: 18px; } #page-courses .category-link { font-size: 38px !important; min-width: 325px; } .stunning-header-content { min-width: 325px; } .course-details { background-color: transparent; } .curso-item-destaque { border-radius: 8px; flex-direction: column; gap: 8px !important; } .btn-detalhes-curso { font-size: 14px; padding: 8px 18px; } .lista-ministrantes { flex-wrap: nowrap; overflow: auto; padding: 8px 0; border-bottom: 1px solid #E6E6E6; } /* Em mobile, mostra o estado hover por padrão ou usa :active */ .btn-detalhes-curso:active { background: #000; color: white; border-color: #000; } } #expositores .button-border { border-color: black; color: black; padding: 10px 21px; border-radius: 30px; font-weight: 700; text-transform: uppercase; font-family: Proxima Nova; font-size: 16px; font-weight: 700; line-height: 26px; letter-spacing: 0em; text-align: center; display: block; margin-top: 32px; margin-left: auto; max-width: 287px; } .btn-primary { background-color: var(--button-primary) !important; border-color: var(--button-primary) !important; border: 2px solid white; } .btn-secondary { background-color: var(--button-secondary); border-color: var(--button-secondary) !important; } #cursos h2 { // styleName: Headings/Heading 1; font-family: Proxima Nova; font-size: 70px; font-weight: 600; line-height: 70px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #1a1a1a; margin-top: 0; } ul.wraper-data { display: flex; gap: 40px; /* margin: 64px 0px; */ margin-top: 16px; } .wraper-data li span { font-family: Proxima Nova; font-size: 16px; font-weight: 700; line-height: 16px; letter-spacing: 0em; text-align: left; display: block; margin-bottom: 8px; color: #1A1A1A; } #cursos .wraper-data h3 { // styleName: Headings/Heading 3; font-family: Proxima Nova; font-size: 38px; font-weight: 600; line-height: 38px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #9999FF; margin-bottom: 18px; } #cursos h3 { font-family: Proxima Nova; font-size: 16px; font-weight: 700; line-height: 16px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #808080; } #cursos .categorias .wraper a { border: 1px solid #000000; font-family: Proxima Nova; font-size: 16px; font-weight: 500; line-height: 19px; letter-spacing: 0em; padding: 13px; display: flex; border-radius: 8px; align-items: center; gap: 10px; color: #1A1A1A; flex-direction: row; white-space: nowrap; } #cursos .categorias .wraper { display: flex; gap: 19px; margin-top: 32px; margin-bottom: 50px; justify-content: start; flex-wrap: wrap; } #cursos .plenaria { margin: 64px 0px; min-height: 225px; background: #1A1A1A; background-image: url('/Content/Site/Utouch/2024/assets/bg-plenaria.png'); background-position: center right; display: block; background-repeat: no-repeat; border-radius: 10px; } #cursos .plenaria .title { } #cursos .plenaria .wraper-text { display: flex; max-width: 100%; height: 225px; position: relative; padding: 35px 20px; gap: 32px; } #cursos .plenaria h3 { font-family: Proxima Nova; font-size: 38px; font-weight: 800; line-height: 38px; letter-spacing: 0em; text-align: left; color: #FFFFFF !important; margin-bottom: 23px; margin-top: 0; } #cursos .plenaria p { font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; color: #FFFFFF; } #feira .wraper-text p { font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; } #feira .wraper-text { max-width: 400px; margin-left: auto; } #feira img.img-fluid { width: 100%; margin-top: 120px; } #maior .button-border, #feira a.btn.button-border { border-color: #1A5DDD; background: #1A5DDD; display: block; margin-top: 32px; } #maior .wraper-buttons { display: flex; flex-direction: column; gap: 18px; margin-bottom: 84px; } #maior h2 { styleName: Headings/Heading 2; font-family: Proxima Nova; font-size: 52px; line-height: 60.94px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #1A1A1A; margin-top: 0; max-width: 65%; } #maior h3 { font-family: Proxima Nova; font-size: 24px; font-weight: 800; line-height: 24px; letter-spacing: 0em; text-align: left; color: #000000; margin-bottom: 24px; margin-top: 0; } header a.js-open-modal.button-black { font-family: Proxima Nova; font-size: 15px; font-weight: 700; line-height: 26px; letter-spacing: 0em; text-align: center; text-transform: uppercase; } #maior .wraper { max-width: 405px; margin-left: auto; } #cursos a.button-white { background-color: transparent; } #local h3 { font-family: Proxima Nova; font-size: 52px; font-weight: 600; line-height: 52px; text-align: left; color: rgba(26, 26, 26, 1); } section#cta { padding: 90px 0px; } .wraper-fixed a { font-size: 39px; border-radius: 50%; background-color: green; width: 66px; aspect-ratio: 1; height: 66px; display: flex; align-items: center; justify-content: center; color: white; } img.bar.desk.img-fluid { width: 100%; } .retire-certificado { gap: 16px; padding: 12px; display: flex; align-content: center; justify-content: center; align-items: center; gap: 16px; background: #4b70de; } .retire-certificado b { color: #fff; } /* ============================================ CURSO HOVER CARD - Design Final ============================================ */ .curso-hover-card { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; display: block; width: 420px; max-width: 90vw; background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.3); opacity: 1; transform: none; } .curso-hover-card * { box-sizing: border-box; } .close-hover-curso-mobile { float: right; font-size: 24px; cursor: pointer; display: none; } /* ============================================ BADGE DO NÚMERO DO CURSO ============================================ */ .curso-hover-card .numero-curso { position: absolute; top: 16px; left: 16px; z-index: 10; /* Layout */ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 52px; height: 52px; margin: 0; padding: 8px; /* Visual */ background: transparent; backdrop-filter: blur(10px); border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Tipografia */ font-size: 9px; font-weight: 700; letter-spacing: 0.5px; color: white; text-transform: uppercase; line-height: 1; } .curso-hover-card .numero-curso br { display: none; } .curso-hover-card .numero-curso span { display: block; font-size: 24px; font-weight: 800; color: white; margin-top: 2px; line-height: 1; } .curso-hover-data { display: flex; gap: 8px; } .curso-hover-data-dia { color: var(--White, #FFF); text-align: center; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .curso-hover-data-hora { color: var(--Black-60, #B3B3B3); text-align: center; font-family: "Proxima Nova"; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } /* ============================================ BOTÃO FECHAR (canto superior direito) ============================================ */ .curso-hover-card .btn-close-hover { position: absolute; top: 16px; right: 16px; z-index: 10; /* Reset */ margin: 0; padding: 0; border: none; background: none; cursor: pointer; outline: none; /* Layout */ display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; /* Visual */ background: transparent; backdrop-filter: blur(10px); border-radius: 50%; color: white; font-size: 16px; font-weight: 700; transition: all 0.2s ease; } .curso-hover-card .btn-close-hover:hover { background: rgba(0, 0, 0, 0.7); transform: rotate(90deg) scale(1.1); } /* ============================================ ESTRUTURA INTERNA ============================================ */ .curso-hover-card .curso-hover-content { display: flex; flex-direction: column; position: relative; border-radius: 16px; border: 1px solid var(--Black-80, #4D4D4D); box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.80); } /* ============================================ VÍDEO / IMAGEM ============================================ */ .curso-hover-card .curso-hover-video { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; overflow: hidden; } .curso-hover-card .curso-hover-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .curso-hover-card .curso-hover-video .curso-hover-image { width: 100%; height: 100%; object-fit: cover; display: block; } /* ============================================ INFO CONTAINER ============================================ */ .curso-hover-card .curso-hover-info { background: transparent; } /* Remove o header padrão, usamos position absolute */ .curso-hover-card .curso-hover-header { display: none; } /* ============================================ TÍTULO DO CURSO ============================================ */ .curso-hover-card .curso-hover-title { display: block; margin: 16px 0; padding: 0 12px; overflow: hidden; color: var(--White, #FFF); text-overflow: ellipsis; font-family: "Proxima Nova"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; /* 114.286% */ } /* ============================================ DESCRIÇÃO (removida no design) ============================================ */ .curso-hover-card .curso-hover-description { display: none; } /* ============================================ PROFESSORES ============================================ */ .curso-hover-card .curso-hover-professores-container { display: flex; flex-wrap: nowrap; overflow: auto; align-items: center; gap: 10px; margin: 0 0 18px 0; padding: 8px 12px; background: none; border: none; } .curso-hover-card .curso-hover-professores-container .curso-hover-professores-item { height: auto; display: flex; justify-content: flex-start; align-items: center; width: fit-content; flex-shrink: 0; gap: 8px; } .curso-hover-card .curso-hover-professores strong { display: none; /* Remove o label "Professores:" */ } .curso-hover-card .curso-hover-professores span { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; color: var(--Black-60, #B3B3B3); font-family: "Proxima Nova"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; /* 114.286% */ } /* Se você tiver imagens dos professores, estilize assim: */ .curso-hover-card .curso-hover-professores img { width: 32px; height: 32px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.2); object-fit: cover; } /* ============================================ CTAs (Botões de Ação) ============================================ */ .curso-hover-card .curso-hover-cta { display: flex; gap: 10px; margin: 0 0 18px 0; padding: 0px 12px; } .curso-hover-card .curso-hover-cta .button { /* Reset */ margin: 0; border: none; background: none; font: inherit; text-decoration: none; /* Layout */ flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 18px; /* Tipografia */ color: var(--Black-100, #000); text-align: center; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; /* 162.5% */ text-transform: uppercase; /* Visual */ border-radius: 50px; /* Pills */ cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } /* Botão COMPRAR (outline branco) */ .curso-hover-card .curso-hover-cta .button.light, .curso-hover-card .curso-hover-cta .button:first-child { background: transparent; color: #fff; border: 2px solid rgba(255, 255, 255, 0.3); } .curso-hover-card .curso-hover-cta .button.light:hover, .curso-hover-card .curso-hover-cta .button:first-child:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.6); transform: translateY(-2px); } /* Botão WhatsApp (verde limão) */ .curso-hover-card .curso-hover-cta .button.whatsapp, .curso-hover-card .curso-hover-cta .button:last-child { color: #000; border: 1px solid black; border-radius: 30px; background: #61D366; white-space: nowrap; } .curso-hover-card .curso-hover-cta .button.whatsapp:hover, .curso-hover-card .curso-hover-cta .button:last-child:hover { background: #8fe234; border-color: #8fe234; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(126, 211, 33, 0.4); } .curso-hover-card .curso-hover-cta .button svg { width: 16px; height: 16px; } /* Se o SVG for preto, inverte para branco no botão verde */ .curso-hover-card .curso-hover-cta .button.whatsapp svg path { fill: currentColor; } /* ============================================ FOOTER (Horário + Botão) ============================================ */ .curso-hover-card .curso-hover-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid var(--Black-80, #4D4D4D) } .curso-hover-card .curso-hover-schedule { flex: 1; } .curso-hover-card .curso-hover-schedule p { display: block; margin: 0 0 6px 0; padding: 0; font-size: 13px; font-weight: 500; color: #fff; line-height: 1.3; } .curso-hover-card .curso-hover-schedule p b { font-weight: 700; } .curso-hover-card .curso-hover-schedule span { display: inline-block; margin: 0; padding: 6px 12px; color: var(--Black-50, #E6E6E6); font-family: "Proxima Nova"; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.32px; background: rgba(255, 255, 255, 0.15); border-radius: 6px; backdrop-filter: blur(10px); } /* Botão + (Ver Detalhes) */ .curso-hover-card .curso-hover-footer .button { /* Reset */ margin: 0; padding: 6px 18px 10px 18px !important; background: none; font: inherit; text-decoration: none; border: none; /* Layout */ flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; /* Visual */ background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); border: 1px solid white; border-radius: 50%; color: #fff; font-size: 22px; line-height: 22px; font-weight: 400; cursor: pointer; transition: all 0.2s ease; } /* Remove o texto "VER DETALHES", mantém apenas o "+" */ .curso-hover-card .curso-hover-footer .button { text-indent: -9999px; overflow: hidden; } .curso-hover-card .curso-hover-footer .button::before { content: '+'; position: absolute; text-indent: 0; font-size: 24px; } .curso-hover-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; font-size: 14px; font-weight: 600; } /* ============================================ CONTAINER GLOBAL - ANIMAÇÕES ============================================ */ #curso-hover-container { position: relative; z-index: 10000; pointer-events: none; } #curso-hover-container > div { pointer-events: auto; opacity: 0; transform: scale(0.95); transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1); } #curso-hover-container > div.is-visible { opacity: 1; transform: scale(1); } /* ============================================ FORÇA STACKING CONTEXT ============================================ */ .black-area { position: relative; z-index: auto; } .black-area .carousel-section { position: relative; z-index: 2; /* Menor que o tooltip */ } #curso-hover-container { position: relative; z-index: 99999 !important; /* Sempre no topo */ } #curso-hover-container > div { position: fixed !important; /* Força fixed em vez de absolute */ z-index: 99999 !important; } /* Garante que owl-carousel não oculte o tooltip */ .owl-carousel { overflow: visible !important; } .card-course-home .owl-stage-outer { overflow: visible !important; } /* ============================================ RESPONSIVIDADE ============================================ */ /* ============================================ MOBILE - CENTRALIZADO ============================================ */ @media (max-width: 768px) { .close-hover-curso-mobile { display: inline; } .curso-hover-card .curso-hover-title { font-size: 16px; } .curso-hover-card .curso-hover-cta { flex-direction: column; } /* Container em mobile usa fixed */ #curso-hover-container > div { width: calc(100vw - 32px) !important; max-width: 420px; max-height: 90vh; overflow-y: auto; } /* Card em mobile */ .curso-hover-card { width: 100%; max-height: 90vh; } /* Overlay escuro no fundo */ #curso-hover-container::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; z-index: 9999; } #curso-hover-container:has(.is-visible)::before { opacity: 1; pointer-events: auto; } } @media (max-width: 768px) { } @media (max-width: 480px) { .curso-hover-card { width: calc(100vw - 24px); } .curso-hover-card .numero-curso { width: 48px; height: 48px; top: 12px; left: 12px; } .curso-hover-card .numero-curso span { font-size: 20px; } .curso-hover-card .btn-close-hover { width: 32px; height: 32px; top: 12px; right: 12px; } } /* ============================================ AJUSTES FINAIS ============================================ */ /* Se os professores vierem em formato de string separada por vírgula */ .curso-hover-card .curso-hover-professores span::before { content: ''; display: inline-block; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); margin-right: 8px; /* Aqui você pode adicionar imagens de background se tiver */ } .actions-course-detail .btn.btn-curso-action-default, .temaplenariatag { font-size: 14px !important } .temaplenariatag { border: 1px solid #fff; border-radius: 100px; display: inline-block !important; color: #fff !important; padding: 3px 10px; width: auto !important } .courses-loading { display: flex; width: 100%; align-items: center; justify-content: center; font-size: 24px; font-weight: 600; padding-bottom: 30px } .courses-loading img { width: 50px } .reduce-destaque-description { overflow: hidden; text-overflow: ellipsis; height: 54px; } .space-curso.curso-item-plenaria { margin: 30px 0 !important; padding: 0 !important } .space-curso.curso-item-plenaria .course-details-info { padding: 0 } .titlevalores { color: #fff; text-align: center; margin: 10px 0 90px } .apoio-clube { text-align: center } .apoio-clube img { width: 200px } .apoio-clube span { color: #fff; font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 20px; display: block } .btn-curso-action-default, .btn.btn-curso-action-default { border: 2px solid #000; color: #000 } .btn-curso-action-default:hover, .btn.btn-curso-action-default:hover { border: 2px solid #000; color: #fff; background: #000 } .actions-course-detail .btn.btn-curso-action-default, .actions-course-detail .btn.btn-curso-action-default:hover, .btn-curso-action-default, .btn-curso-action-default:hover { border: 2px solid #fff; color: #fff } .actions-course { display: flex; width: 100%; justify-content: space-between; gap: 10px } a.actionscurso { display: block; margin: 10px 0; font-size: 16px !important; line-height: 20px !important } .course-features-list .feature-item { color: #000 } .course-features-list { width: 100px; flex-shrink: 0; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; flex-direction: column; gap: 8px } .course-features-list .text-capitalize { color: var(--Black-100,#000); text-align: center; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; margin: 0 } .course-features-list .text-capitalize-data { color: var(--Black-70,grey); text-align: center; font-family: "Proxima Nova"; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; margin: 0 } .no-content { font-size: 18px; font-weight: 500; line-height: 26px; margin: 0 auto; width: 250px; text-align: center } #feira img.img-fluid { margin: 0 } .iconmodalclassificacao { width: 15px; margin-right: 10px } .vejamaisministrantes { margin: 80px 0 0 } .comochegarbuttonhome { margin: 0 !important } .rodape-sem-agencia { display: flex; align-content: center } .actions-page-sell { display: flex; align-items: center; justify-content: center; margin: 40px 0 0 } .h5ineditos { font: 22px/26px Proxima Nova !important; letter-spacing: 0; text-align: center } .btn-mobile-trigger, .overlay-title { font-weight: 700; text-transform: uppercase } .curso-item-destaque { position: relative; transition: .4s cubic-bezier(.4, 0, .2, 1); overflow: hidden; flex-grow: 1; gap: 16px } .curso-item-destaque::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg,#e5e7ea 0,#fff 24%); opacity: 0; transition: opacity .3s; pointer-events: none; z-index: -1 } .curso-item-destaque:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,.15) } .curso-item-destaque:hover::before { opacity: 1 } .btn-mobile-trigger { display: none; position: absolute; bottom: 15px; right: 15px; border-radius: 30px; border: 2px solid var(--Black-100,#000); background: 0 0; padding: 10px 21px; justify-content: center; align-items: center; gap: 8px; color: var(--Black-100,#000); text-align: center; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; line-height: 26px; cursor: pointer; z-index: 5; box-shadow: 0 4px 12px rgba(0,0,0,.1); transition: .3s cubic-bezier(.4, 0, .2, 1) } .btn-mobile-trigger i { font-size: 16px; margin-right: 4px } .btn-mobile-trigger:hover { background: #000; border-color: #000; color: #fff; transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,.4) } .btn-mobile-trigger:active { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,.3) } .btn-close-overlay { display: none; position: absolute; top: -40px; right: 0; background: rgba(0,0,0,.8); color: #fff; border: none; border-radius: 50%; width: 40px; height: 40px; font-size: 18px; z-index: 20; transition: .3s; align-items: center; justify-content: center; cursor: pointer } .btn-close-overlay:hover { background: #000; transform: rotate(90deg) } .curso-overlay-actions { position: absolute; top: 0; right: 0; bottom: 0; background: #fff; backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; transition: .4s cubic-bezier(.4, 0, .2, 1); z-index: 10 } .curso-item-destaque.overlay-active .curso-overlay-actions { display: flex; opacity: 1; visibility: visible } .curso-item-destaque.overlay-active .btn-close-overlay { display: flex } .curso-title-wrapper { max-width: 550px; } .overlay-content { text-align: center; padding: 30px; width: 100%; transform: translateY(20px); transition: transform .4s cubic-bezier(.4, 0, .2, 1) .1s; display: flex; justify-content: flex-end; align-items: center } .btn-detalhes-curso, .btn-overlay { transition: .3s cubic-bezier(.4, 0, .2, 1) } .curso-item-destaque.overlay-active .overlay-content, .curso-item-destaque:hover .overlay-content { transform: translateY(0) } .overlay-title { color: #fff; font-size: 18px; margin-bottom: 25px; letter-spacing: 1px; opacity: .9 } .overlay-buttons { display: flex; flex-direction: row; gap: 12px } .btn-overlay { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 8px 12px; border: none; border-radius: 50px; font-size: 12px; font-weight: 600; text-decoration: none; text-transform: uppercase; letter-spacing: .5px; cursor: pointer; position: relative; overflow: hidden } .btn-comprar-curso, .btn-detalhes-curso, .btn-whatsapp { border-radius: 30px; display: flex; padding: 8px 12px; gap: 4px; text-align: center; font-family: "Proxima Nova"; font-size: 12px; font-style: normal; font-weight: 700; line-height: 22px; text-transform: uppercase } .btn-overlay::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(255,255,255,.2); transform: translate(-50%,-50%); transition: width .6s,height .6s } .btn-comprar-curso:hover, .btn-detalhes-curso:hover, .btn-whatsapp:hover { transform: translateY(-3px); text-decoration: none } .btn-overlay:hover::before { width: 300px; height: 300px } .btn-overlay i { font-size: 14px; position: relative; z-index: 1 } .btn-overlay span, .btn-overlay:not(i) { position: relative; z-index: 1 } .btn-comprar-curso { justify-content: center; align-items: center; background: var(--Blue,#1a5ddd); color: var(--White,#fff) } .btn-comprar-curso:hover { opacity: .9; color: #fff } .btn-detalhes-curso, .btn-whatsapp, .btn-whatsapp:hover { color: var(--Black-100,#000) } .btn-comprar-curso.in-cart { background: linear-gradient(135deg,#4caf50 0,#45a049 100%); box-shadow: 0 4px 15px rgba(76,175,80,.4) } .btn-comprar-curso.in-cart:hover { background: linear-gradient(135deg,#45a049 0,#4caf50 100%); box-shadow: 0 6px 20px rgba(76,175,80,.6) } .btn-whatsapp { background: #61d366; justify-content: center; align-items: center } .btn-whatsapp:hover { opacity: .9 } .btn-detalhes-curso { border: 2px solid var(--Black-100,#000); background: 0 0; justify-content: center; align-items: center } .btn-detalhes-curso:hover { background: #000; border-color: #000; color: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.4) } .btn-overlay.disabled, .btn-overlay.disabled:hover { background: linear-gradient(135deg,#757575 0,#616161 100%) } .btn-overlay.disabled { color: rgba(255,255,255,.7); cursor: not-allowed; box-shadow: none } .btn-overlay.disabled:hover { transform: none } .overlay-buttons .btn-overlay:first-child { animation: .5s ease-out .1s backwards slideInUp } .overlay-buttons .btn-overlay:nth-child(2) { animation: .5s ease-out .2s backwards slideInUp } .overlay-buttons .btn-overlay:nth-child(3) { animation: .5s ease-out .3s backwards slideInUp } .btn-precongresso, .precongresso-tag { text-transform: uppercase; letter-spacing: 1px } .curso-item-destaque .titulo-curso a, .curso-item-destaque a.js-ministrante { position: relative; z-index: 5 } .curso-item-destaque .titulo-curso a:hover, .curso-item-destaque a.js-ministrante:hover { text-decoration: none; color: var(--Blue,#1a5ddd) } #precongresso { background: #000; color: #fff; display: flex; padding: 60px 10px 160px; flex-direction: column; justify-content: center; align-items: center } .precongresso-wrapper { display: flex; gap: 60px; align-items: center; justify-content: space-between } .precongresso-content { max-width: 600px } .precongresso-tag { display: inline-block; font-size: 14px; font-weight: 600; color: #ff6b35; margin-bottom: 20px } .precongresso-description p, .precongresso-title { color: var(--White,#fff); font-family: "Proxima Nova"; font-style: normal } .precongresso-title { font-size: 38px; font-weight: 600; line-height: normal } .precongresso-subtitle { margin-bottom: 32px; color: var(--Black-60,#b3b3b3); font-family: "Proxima Nova"; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal } .precongresso-description { font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.7); margin: 0 0 40px } .precongresso-description p { margin: 0 0 16px; font-size: 16px; font-weight: 400; line-height: 20px } .btn-precongresso { width: fit-content; display: flex; align-items: center; justify-content: center; padding: 10px 21px; border-radius: 30px; background: var(--Blue,#1a5ddd); color: #fff; gap: 8px; font-size: 14px; font-weight: 700; text-decoration: none; transition: .3s } .btn-precongresso:hover { background: #0052cc; transform: translateY(-2px); color: #fff; text-decoration: none; cursor: pointer } .precongresso-image { position: relative; max-width: 400px; max-height: 226px } .precongresso-image img { width: 100%; height: auto; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,.5); display: block } @keyframes slideInUp { from { opacity: 0; transform: translateY(30px) } to { opacity: 1; transform: translateY(0) } } @media(max-width:998px) { section #feira { padding: 0; text-align: center } .wraper-fixed a { background-color: green; height: 41px; display: flex; align-items: center; justify-content: center; color: #fff; width: 100%; border-radius: 0; text-align: center; font-size: 16px; gap: 20px } .course-features-list li:first-child, .course-features-list li:nth-child(2), .course-features-list li:nth-child(3), .course-features-list li:nth-child(4) { border: 1px solid #dbe3ec } .actions-course { display: flex; width: 100%; justify-content: space-between; gap: 0; flex-wrap: wrap } .tagclassificacao { font-size: 12px } } @media (max-width:992px) { .overlay-content { padding: 20px } .overlay-title { font-size: 16px; margin-bottom: 15px } .overlay-buttons { gap: 10px; flex-direction: column } .btn-comprar-curso, .btn-detalhes-curso, .btn-whatsapp { padding: 12px 20px; font-size: 14px; width: 100% } } @media (min-width:769px) { .curso-item-destaque:hover .curso-overlay-actions { display: flex; opacity: 1; visibility: visible } .btn-close-overlay { display: none !important } } @media (max-width:768px) { .reduce-destaque-description { overflow: hidden; text-overflow: ellipsis; height: 52px; } .btn-mobile-trigger { display: flex } .curso-item-destaque.overlay-active .btn-close-overlay { display: flex !important } .curso-item-destaque.overlay-active .btn-mobile-trigger, .overlay-title { display: none } .curso-overlay-actions { left: 0; background: 0 0; position: relative } .overlay-content { padding: 20px 0; justify-content: center } .overlay-buttons { flex-direction: column; gap: 8px; width: 100% } .btn-comprar-curso, .btn-detalhes-curso, .btn-whatsapp { padding: 12px 20px; font-size: 13px; width: 100% } .btn-overlay i { font-size: 16px } .curso-item-destaque::before { background: 0 0 } } @media (max-width:991px) { #precongresso { padding: 60px 0 } .precongresso-wrapper { gap: 40px } .precongresso-title { font-size: 40px } } @media (max-width:768px) { #precongresso { padding: 40px 0 } .precongresso-wrapper { gap: 40px; flex-direction: column-reverse; align-items: baseline } .precongresso-content { max-width: 100%; text-align: left } .precongresso-title { font-size: 32px; margin-bottom: 16px } .precongresso-subtitle { font-size: 16px } .precongresso-description { font-size: 14px } } @media (max-width:576px) { .btn-mobile-trigger { padding: 6px 14px; font-size: 14px; bottom: 10px; right: 10px } .btn-mobile-trigger i { font-size: 14px } .btn-comprar-curso, .btn-detalhes-curso, .btn-whatsapp { padding: 10px 16px; font-size: 12px; letter-spacing: .3px } .overlay-buttons { gap: 6px } .btn-close-overlay { width: 36px; height: 36px; font-size: 16px } } @media (max-width:480px) { .precongresso-title { font-size: 28px } .precongresso-tag { font-size: 12px } } .topo-carrinho { /* margin-top: 60px; */ /* padding: 73px 0 1px 0; */ } .titulo-curso-car { font-size: 17px; font-weight: 700; } .titulo-plenaria-car { font-size: 20px; font-weight: 700; color: #ffe03f; } .carrinho-bloco1 { display: flex; } .heading-sup-title { color: #6d6d6d; font-weight: 500; font-size: 15px; } .box-title-car { background-color: #242127; padding: 2px 33px; border-radius: 6px; margin-bottom: 11px; } .box-title-passaporte { background: #99F 0% 0% no-repeat padding-box !important; } .number-curso { margin-right: 25px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .btn-back-cart { position: absolute; top: -60px; left: 0px; color: #858585; } .box-curso-car { padding: 17px 18px; margin: 12px 0; min-height: 178px; height: auto; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #263270; display: flex; align-items: center; } .box-plenaria-car { background-color: #242127; padding: 17px 18px; margin: 18px 0; border-radius: 12px; min-height: 178px; height: auto; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.14); background-image: url(../img/sala-satelite.jpg); background-size: 89%; background-position-y: -57px; } .isVip { background-color: #242127; padding: 17px 18px; margin: 18px 0; border-radius: 12px; min-height: 178px; height: auto; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.14); background-image: url(../img/background-vip.jpg); background-size: 100%; background-position-y: 50%; } .feature-item-car { font-weight: 700; color: #9a9a9a; float: left; margin-right: 7px; font-size: 13px; line-height: 27px; } .total-item-destaque { font-size: 20px; font-weight: 400; margin-bottom: 0px; margin-top: 12px; padding-bottom: 6px; width: fit-content; } .total-item-destaque span { font-size: 14px; font-weight: 400; line-height: 9px; color: #9999ff; } .total-item-destaque span.parcela { font-size: 34px; font-weight: 700; } .total-item-destaque span.n-parcela { display: block; line-height: 25px; background: #9999ff; width: fit-content; padding: 0px 6px; color: #fff; margin-bottom: 12px; border-radius: 7px; margin-top: 12px; } .curso-features-list { display: grid; margin-top: 11px; margin-bottom: 18px; } .title-car-item { font-size: 81px; font-family: 'Roboto', sans-serif; letter-spacing: -5px; line-height: 0.6em; margin-top: 11px; font-weight: 700; } .title-car-plenaria { font-size: 45px; font-family: 'Roboto', sans-serif; letter-spacing: -3px; line-height: 42px; margin-top: 11px; font-weight: 700; color: #9999ff; } .icon-car { color: #0083ff; margin-right: 0px; position: relative; top: 8px; font-size: 19px; } .btn-cart-page { font-size: 25px; padding: 5px 7px; background: #fff; } .btn-cart-plenaria { font-size: 25px; padding: 5px 7px; background: #242127; } .title-plenaria-curso { font-size: 32px; letter-spacing: 1px; line-height: 40px; color: #fff !important; position: relative; padding: 0px 0px 0px 22px; font-weight: 100; border-left: solid 9px #828282; display: table-caption; margin-top: 17px; } .title-plenaria-curso2 { font-size: 36px; letter-spacing: 1px; line-height: 36px; color: #4a4a4a !important; position: relative; font-weight: 500; display: table-caption; margin-top: 11px; } .title-plenaria-curso3 { font-size: 25px; letter-spacing: 0px; line-height: 40px; color: #c7c7c7 !important; position: relative; padding: 0px 0px 0px 0px; font-weight: 100; margin-top: 17px; } .btn-close-curso { color: #484848; } .btn-close-curso:hover { color: #737373; } .close-iten { color: #25c179; } .close-iten:hover { color: #ffd800; } .btn-cart { padding: 18px 25px; width: 100% } .corpo-tabela-cart { color: #484848; font-weight: 700; font-size: 24px; } .categoria-curso { display: none; } .padding-form-card { padding: 0px; } .box-cart-info { background-color: #ffffff; border-radius: 12px; position: inherit; width: 367px; padding: 0px 0px; height: auto; } .quantidade-cart { text-align: center; padding: 8px 5px !important; border-radius: 14px !important; font-size: 19px; font-weight: 700; border: 4px solid #484848; box-shadow: none !important; } .input-cupom { width: 67%; float: left; } .box-cupom { padding: 21px; border-radius: 12px 12px 0 0; background: #242021 0% 0% no-repeat padding-box; } .space-btn-cupom { width: 33%; float: left; } .btn-cupom { margin: 16px 0 0 0 !important; padding: 18px 52px; } .btn-cupom:hover { color: #242127 !important; background: #9999ff !important; } .categoria-item { margin: 6px 0; font: normal normal normal 16px/19px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; } .total-item { font: normal normal bold 16px/19px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; margin: 6px 0; } .total-item-destaque { margin: 6px 0; font: normal normal bold 16px/19px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; } .btn-checkout { border-radius: 6px; padding: 23px 12px; font-size: 17px; background: #9d59c7 0% 0% no-repeat padding-box; border: 2px solid #9d59c7; border-radius: 31px; } .title-cupom { font-weight: 700; color: #989898; font-size: 16px; margin: 12px 0px; } .space-checkout { margin-top: 0px; padding: 21px; border-radius: 0 0 12px 12px; background: #242021 0% 0% no-repeat padding-box; } .space-total { margin-top: 0px; padding: 21px; background: #242021 0% 0% no-repeat padding-box; } .table-total { padding: 11px 0; border-bottom: solid 2px #4a4a4a; } #PassosCheckoutCarrinho { margin: 15px auto 2px auto; display: inline-block; padding: 10px; display: table; } #PassosCheckoutCarrinho li { float: left; padding: 10px 0; font-size: 11px; list-style: none; font-weight: bold; text-transform: uppercase; padding-right: 60px; opacity: 0.4; text-align: center; } #PassosCheckoutCarrinho li span { border: 6px solid #9999ff; margin: 0 auto; padding: 7px 20px; border-radius: 100%; background: #ffffff; color: #484848; font-size: 27px; display: block; height: 70px; width: 70px; margin: 0 auto; } #PassosCheckoutCarrinho .active { opacity: 1; } .inline-items-pagamento { margin-top: 9px; margin-bottom: 40px; } .text-passos { font-size: 10px; margin-top: 19px; text-align: center; letter-spacing: 0px; } .slider-slides { text-align: center; margin-bottom: 45px !important; } .btn-dados-cart1 { background-color: transparent; color: #000 !important; border: solid 4px #000; font-size: 16px; } .btn-dados-cart2 { background-color: transparent; color: #000 !important; border: solid 4px #000; font-size: 16px; } .btn-dados-cart1:hover, .btn-dados-cart2:hover { background-color: #9999ff !important; border-color: #9999ff; color: #fff !important; } .title-dados { text-align: center; font-weight: 900; font-size: 24px; margin-bottom: 19px; } .btn-facebook { background-color: #3b5998 !important; color: #fff !important; font-size: 17px; font-weight: 300; text-transform: inherit; } .btn-facebook:hover { background-color: #506fb1 !important; } .box-login { background-color: #ffffff; border-radius: 12px; padding: 10% 12%; height: auto; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.14); text-align: center; min-height: 543px; height: auto; } .padding-box-login { padding: 17% 12%; } .box-redefinir-senha { min-height: auto; height: auto; } .btn-voltar { background-color: #fb5b5b !important; color: #ffe03f !important; } .title-curso-terceiros { line-height: 35px; font-size: 23px; } .box-dados-terceiros { background-color: #ffffff; border-radius: 6px; padding: 6% 5%; height: auto; text-align: center; height: auto; margin: 7px 0px; min-height: 107px; border: solid 6px #9999ff; } .box-terceiros { border: solid 8px #fff; padding: 30px 39px; background: #fff; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.09); margin-top: 40px; border-radius: 12px; } .box-dados-pessoais { border: solid 8px #fff; padding: 30px 39px; background: #fff; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.09); margin-top: 2px; border-radius: 12px; } .title-vaga { text-align: left; font-weight: 900; font-size: 24px; margin-bottom: 0px; float: left; text-transform: uppercase; color: #636363; } .minha-vaga { text-align: left; font-weight: 900; font-size: 24px; margin-bottom: 0px; } .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } .align-left { text-align: left !important; } .box-dados-terceiros textarea, select, .nice-select { color: #b1b1b1; font-weight: 400; } /* Base for label styling */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 1.55em; cursor: pointer; font-weight: 600; font-size: 25px; margin-bottom: 16px; float: left; color: #242127; text-transform: initial; } /* checkbox aspect */ [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 4px; width: 1.25em; height: 1.25em; border: 3px solid #9999ff; background: #fff; border-radius: 20px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); } /* checked mark aspect */ [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: '✔'; position: absolute; top: 0; left: 0.200em; font-size: 1.4em; line-height: 0.8; color: #09ad7e; transition: all .2s; font-family: Helvetica, Arial, sans-serif; } /* checked mark aspect changes */ [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="checkbox"]:disabled:checked + label:after { color: #999; } [type="checkbox"]:disabled + label { color: #aaa; } /* hover style just for information */ label:hover:before { border: 2px solid #189e60 !important } .space-vaga { margin-bottom: 22px; } .margin-modal-title { margin-top: 15px; margin-bottom: 25px; } .btn-red { background-color: #ff5254 !important; color: #ffe03f !important; } .btn-red:hover { background-color: #ffe03f !important; color: #ff5254 !important; } .margin-top-14 { margin-top: 14px; } .esconder-mobile { display: initial; } .text { margin-bottom: 5px; margin-top: 18px; } .text-confirmacao { margin-top: 35px; } .box-confirmacao { padding: 33px 81px 64px 81px; background: #fff; box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.09); margin-top: 2px; border-radius: 12px; } .box-sugestao-cursos { height: 588px; overflow: auto !important; border-radius: 10px; background-color: #fdfdfd; padding: 9px 9px; margin-bottom: 25px; border: solid 3px #e8e8e8; } .box-sugestao-plenaria { /*height: 220px;*/ border-radius: 10px; box-shadow: 8px 1px 100px 0 rgba(11, 19, 29, 0.46); overflow: hidden; padding: 24px 21px; margin-bottom: 11px; background-image: url(../img/sala-satelite.jpg); background-size: 141%; background-position-y: -57px; } .box-sugestao-plenariavip { /*height: 220px;*/ border-radius: 10px; box-shadow: 1px 5px 100px 0 rgba(11, 19, 29, 0.46); overflow: hidden; padding: 24px 21px; margin-bottom: 11px; background-image: url(../img/background-vip.jpg); background-size: 142%; background-position-y: -5px; min-height: 297px; } .padding-filtro { padding: 21px 4px 0 4px; } .title-sugestao-cursos { font-size: 18px; line-height: 30px; margin-bottom: 12px; } .title-sugestao { letter-spacing: -1px; font-size: 38px; line-height: 44px; margin-bottom: 50px !important; color: #525252; font-weight: 600; text-align: center; width: 71%; margin: 0 auto; } .title-filtro-cursos { font-size: 21px; } .dados-sugestao { font-size: 14px; } .space-curso-sugestao { margin: 16px 0px 113px 0px; } .sugestao-body { margin-top: 28px; } @media (max-width: 1366px) { .btn-dados-cart2, .btn-dados-cart1 { border: solid 3px #000; font-size: 14px; } } @media (max-width: 1200px) { #PassosCheckoutCarrinho li { float: left; padding: 10px 0; font-size: 11px; list-style: none; font-weight: bold; text-transform: uppercase; padding-right: 16px; opacity: 0.4; } .box-cart-info { width: 300px; } .feature-item-car { display: block; font-size: 14px; } .box-curso-car, .box-plenaria-car { padding: 17px 19px; } .box-title-car { padding: 2px 16px; } .button-compre-online2, .button-compre-online3 { padding: 18px 20px; } .isVip, .box-plenaria-car { background-size: 109%; } .box-sugestao-plenariavip { background-size: 181%; } } @media (max-width: 1024px) { .box-dados-terceiros { padding: 4% 5%; } } @media (max-width: 945px) { .padding-responsivo { padding-right: 0px; padding-left: 0px; } .box-cart-info { width: 233px; } } @media (max-width: 800px) { .box-title-car { display: none; } .categoria-curso { display: block; color: #25c179; } .categoria-curso-plenaria { color: #25c179; } .box-cart-info { width: 100%; margin-top: 22px; } #PassosCheckoutCarrinho li { padding: 20px 13px; } } @media (max-width: 768px) { .padding-responsivo { padding-right: 40px; padding-left: 40px; } .icon-cursos { margin-right: 12px; font-size: 13px; } .btn-back-cart { position: initial; line-height: 50px; color: #858585; } .btn-dados-cart1, .btn-dados-cart2 { width: 100%; } .btn + .btn { margin-left: 0px; } .title-vaga { margin-bottom: 2px; margin-top: 38px; } .sugestao-body { margin-top: 0px } .title-sugestao { margin-top: 60px; line-height: 50px; } .box-sugestao-plenariavip, .box-sugestao-plenaria { height: auto; } .isVip, .box-plenaria-car { background-size: 183%; } } @media (max-width: 480px) { .padding-responsivo { padding-right: 25px; padding-left: 25px; } #PassosCheckoutCarrinho li { width: 25%; padding: 0px 4px; } .title-sugestao-cursos { font-size: 25px; line-height: 30px; margin-bottom: 12px; } .active100 { width: 100% !important; } .text-passos { font-size: 8px; margin-top: 19px; text-align: center; letter-spacing: 0px; } .box-curso-car, .box-plenaria-car { margin: 0px 11px 24px 11px; min-height: auto; } .topo-carrinho { padding-bottom: 0px !important; } .padding-form-compra { padding: 0px !important; } .box-dados-pessoais { padding: 11px 14px; } .btn-facebook { font-size: 15px; width: 100%; padding: 16px 9px; } .btn-dados-cart1, .btn-dados-cart2 { padding: 16px 6px; } .btn-dados-cart1, .btn-dados-cart2 { font-size: 15px; } .slider-slides { margin-bottom: 12px !important; } .box-terceiros { padding: 10px 15px; } .esconder-mobile { display: none; } .title-curso-terceiros { font-size: 16px; line-height: 24px; margin-top: 22px; } .curso-features-list { display: grid; margin-top: 25px; margin-bottom: 18px; line-height: 25px; } .padding-form-card { padding: 0px; } .box-padding-sugestao { padding: 0px 12px !important; } .box-sugestao-cursos { margin: 0px 0px; } .title-sugestao { font-size: 38px; margin-top: 69px; line-height: 39px; margin-bottom: 15px; } .box-dados-terceiros { min-height: 86px; padding: 23px; } .carrinho-bloco1 { display: table; } .space-curso-sugestao { margin: 0px 0px 16px 0px; } .box-sugestao-plenariavip { background-size: 166%; } .box-plenaria-car { background-size: 229%; background-position-y: 40%; background-position-x: 34%; } } @media (max-width: 360px) { .box-plenaria-car { background-size: 272%; background-position-y: 40%; background-position-x: 34%; } .box-sugestao-plenariavip { background-size: 214%; } } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.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(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{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;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform: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;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:3}.swiper-container.overflow-visible{overflow: visible}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-o-transition-property:-o-transform;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{-webkit-border-radius:10px;border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);-webkit-border-radius:10px;border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .swiper-container.auto-height .swiper-slide { height:auto !important; } /* Geral */ button { cursor: pointer; } .btn-fixed { position: relative; z-index: 9999; background-color: #22ad87; padding: 13px 30px; border-radius: 50px 0 0 50px; font-size: 18px; color: white; font-weight: 800; display: block; margin-bottom: 10px; } .btn-fixed-feira { position: relative; z-index: 9999; background-color: #3466f8; padding: 13px 30px; border-radius: 50px 0 0 50px; font-size: 18px; color: white; font-weight: 800; display: block; max-width: 341px; } .btn-underline-black { color: #000; text-align: center; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 34px; /* 212.5% */ text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; background: transparent; } /* Styles */ #topo-home p { font: normal normal 300 28px/34px Proxima Nova; font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1600 - 300))); letter-spacing: 0px; color: #FFFFFF; text-align: center; margin: 2rem; } #sobre .quote { text-align: center; font: normal normal 800 36px/42px Proxima Nova; font-size: calc(28px + (36 - 28) * ((100vw - 500px) / (1600 - 500))); letter-spacing: 0px; color: #242021; display: flex; position: relative; } #sobre p { font: normal normal 300 20px/26px Proxima Nova; letter-spacing: 0px; color: #242021; } #evento .wraper-text span { text-align: center; font: normal normal normal 22px/26px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; display: block; } #evento .wraper-text h3 { text-align: center; font: normal normal bold 60px/72px Proxima Nova; font-size: calc(55px + (60 - 55) * ((100vw - 300px) / (1600 - 300))); letter-spacing: 0px; color: #FFFFFF; } #evento .wraper-text .btn { font: normal normal 600 18px/22px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; background: #242021 0% 0% no-repeat padding-box; border-radius: 31px; opacity: 1; margin: auto; display: block; } #evento .categorias .categoria { font: normal normal 600 20px/24px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; display: flex; align-items: center; background: #FFFFFF31 0% 0% no-repeat padding-box; border-radius: 25px; margin-right: 20px; padding: 5px 15px; max-height: 42px; white-space: nowrap; justify-content: center; margin-bottom: 15px; } #evento .wraper-title h3 { font: normal normal normal 28px/34px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } #evento .wraper-title a { text-decoration: underline; font: normal normal medium 18px/22px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; } #ministrantes h2 { letter-spacing: 0px; color: #242021; margin-bottom: 80px; } #ministrantes h3 { font: normal normal 600 38px/37px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; font-weight: 600; } #ministrantes .btn-underline-black { display: none; margin: 0 auto; } #ministrantes span { text-align: left; font: normal normal 600 14px/17px Proxima Nova; letter-spacing: 0px; color: #242021; height: 40px; display: block; margin-top: 5px; } #pacotes .pacote ul { padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: space-between; } #pacotes h3 { color: #FFFFFF; font-family: Proxima Nova; font-size: 22px; font-weight: 700; line-height: 22px; letter-spacing: 0em; text-align: left; } #pacotes label { text-align: center; font: normal normal normal 18px/28px Proxima Nova; letter-spacing: 0px; color: #242021; opacity: 1; display: block; } #local h2 { text-align: left; font: normal normal bold 52px/62px Proxima Nova; font-size: calc(40px + (52 - 40) * ((100vw - 300px) / (1600 - 300))); letter-spacing: 0px; color: #FFFFFF; } #expositores p { font: normal normal 300 20px/26px Proxima Nova; letter-spacing: 0px; color: #242021; } #expositores .wraper-buttons > a { text-decoration: underline; font: normal normal 600 28px/34px Proxima Nova; letter-spacing: 0px; color: #242021; margin-bottom: 2.5rem; } #depoimentos h2 { font: normal normal bold 52px/62px Proxima Nova; font-size: calc(40px + (52 - 40) * ((100vw - 300px) / (1600 - 300))); letter-spacing: 0px; color: #FFFFFF; } #depoimentos p { font: normal normal 300 20px/26px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; max-width: 481px; margin-bottom: 4rem; } #depoimentos h3 { font: normal normal bold 28px/34px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; text-align: center; margin: 4rem 0px 1rem; } #depoimentos label { font: normal normal 300 22px/26px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; text-align: center; display: block; max-width: 462px; margin: auto; display: flex; } #cta h2 { font: normal normal bold 52px/62px Proxima Nova; font-size: calc(40px + (52 - 40) * ((100vw - 300px) / (1600 - 300))); letter-spacing: 0px; color: #FFFFFF; text-align: center; } #topo-home .wraper-buttons, #ministrantes .wraper-buttons { display: flex; justify-content: center; flex-wrap: wrap; } #topo-home .local, .data { display: flex; color: white; align-items: center; } #topo-home .faixa .container > div { position: relative; display: flex; justify-content: space-evenly; align-items: center; height: 63px; } #sobre .wraper-text .quote { max-width: 523px; margin: 0px auto 37px; } #sobre .quote.mt { margin-top: 5rem; } #evento .box { background-image: url('../img/Novo 2022/bg-days.svg'); background-size: cover; background-position: center; border-radius: 12px; padding: 30px; } #evento .wraper-title { display: flex; justify-content: space-between; align-items: center; margin: 84px 0px 33px; } #evento .wraper { display: flex; overflow: auto; overflow-y: hidden; } #pacotes .wraper-buttons { margin-top: 2rem; justify-content: center; display: flex; flex-wrap: wrap; } #expositores .wraper-text > div { max-width: 597px; } #expositores .wraper-text { display: flex; justify-content: space-between; align-items: end; margin-bottom: 4rem; } #expositores p:last-of-type { margin: 0; } #expositores .wraper { display: flex; flex-wrap: wrap; justify-content: center; width: 94vw; position: relative; left: calc(-1 * (94vw - 100%) / 2); margin-bottom: 3rem; } #expositores .icon { margin-bottom: 20px; max-width: 169px; width: 100%; margin: 0px 30px 20px; } #expositores .wraper-buttons { display: flex; flex-direction: column; justify-content: center; text-align: center; margin-bottom: 80px; } #expositores .wraper-buttons > div a { max-width: 317px; width: 100%; margin: 9px 10px; } #expositores .wraper-text a { text-align: left; text-decoration: underline; font: normal normal 600 28px/34px Proxima Nova; letter-spacing: 0px; color: #242021; } #cta .wraper-buttons a { max-width: 317px; width: 100%; margin: 10px 10px; } #cta .video iframe { width: 100%; height: 600px; } #cta .video { margin: 3rem 0px; } #cta { /* background-image: url('../img/Novo 2022/bg-days.svg'); */ /* background-size: cover; */ /* background-position: center; */ } footer label { font: normal normal bold 18px/22px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; margin-bottom: 24px; display: block; } footer li { font: normal normal 300 18px/32px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; } footer .copy { font: normal normal 300 15px/20px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; } footer .split { margin: 4rem 0px 2rem; } #ministrantes .persona { max-width: 320px; margin: 10px 10px; width: 100%; min-width: 280px; } #ministrantes { background-color: white; } #ministrantes .persona img { background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #242021; } footer .col-lg-3 { /* text-align: center; */ margin: 4rem 0px; } footer form { max-width: 400px; margin: 0rem auto 2rem; } footer img { margin: auto; width: 100%; } footer .logo { max-width: 377px; width: 100%; } #evento .categorias .categoria img { max-width: 29px; margin-right: 10px; width: 100%; } #evento h2 { font: normal normal bold 52px/62px Proxima Nova; font-size: calc(40px + (52 - 40) * ((100vw - 300px) / (1600 - 300))); letter-spacing: 0px; color: #FFFFFF; text-align: center; margin-bottom: 49px; } footer .parceria { max-width: 192px; } .desk { display: block; } .mobile { display: none; } .video iframe.item { margin: auto; display: block; width: 100%; height: 300px; } #pacotes .pacote .icon { position: absolute; right: 20px; top: 13px; } #pacotes .pacote ul li span { max-width: 246px; width: 100%; } #expositores .wraper-title div { max-width: 649px; } #apoio .grid { display: flex; position: absolute; right: -71px; top: 28px; } #apoio .grid > div > div { font: normal normal bold 32px/38px Proxima Nova; font-size: calc(20px + (32 - 20) * ((100vw - 500px) / (1600 - 500))); letter-spacing: 0px; width: 301px; height: 179px; flex-wrap: wrap; padding: 31px; color: #FFFFFF; align-items: center; display: flex; } .blue-box { background: #3466F8 0% 0% no-repeat padding-box; } .red-box { background: #8FF2D4 0% 0% no-repeat padding-box; color: #242021 !important; } .green-box { background: #E50070 0% 0% no-repeat padding-box; } .darkblue-box { background: #5260A8 0% 0% no-repeat padding-box; } .up-line { margin-top: 90px; } #apoio .grid > div > div span { display: flex; flex-direction: row; font-size: calc(20px + (32 - 20) * ((100vw - 500px) / (1600 - 500))); line-height: calc(20px + (32 - 20) * ((100vw - 500px) / (1600 - 500))); text-align: left; } .grid .icon { max-width: 27px; height: 28px; margin-right: 16px; top: 3px; position: relative; } .wraper-apoio { position: relative; } #apoio .perfumaria { position: relative; margin-top: 4rem; } #apoio { padding-bottom: 0; } #apoio .top { font: normal normal 300 30px/32px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; top: 30px; position: absolute; max-width: 281px; left: 30px; } .site-logo { max-width: 150px; } .section-valores .perfumaria { width: 90px; bottom: 7%; position: absolute; z-index: 1; right: 10px; } #local .icon { position: absolute; top: -1%; left: 2%; max-width: 100px; } #depoimentos .item .icon { max-width: 33px; height: 23px; position: relative; top: -16px; } .depo.top { position: absolute; top: 7%; right: 8%; } .depo.bot { position: absolute; bottom: 6%; left: 2%; } #sobre .wraper { display: flex; align-items: center; } .left-icon { position: absolute; left: -25px; top: -27px; } .right-icon { position: absolute; right: -20px; top: -27px; } .wave { position: absolute; top: 0; width: 100%; } #sobre .perfumaria { position: relative; margin-top: 5rem; } footer .wave { top: -11px !important; transform: rotate(180deg); z-index: 100; } #apoio .wraper-apoio > img { max-width: 1154px; width: 100%; max-height: 508px; } .section-valores .tag { padding: 7px 21px; margin-top: 0; } .wraper-expositores { display: flex; flex-wrap: wrap; justify-content: center; } .crumina-stunning-header { /* padding-top: 62px; */ } .contato { padding-bottom: 100px; } header.header { position: sticky !important; top: 0; } .zbaixo { z-index: 0 !important; } .menu-carrinho.esconder-link a { position: relative; } a.js-open-search-popup { color: black !important; } #topo-home .local img, .data img { margin-right: 15px; } .wraper-title .fa-chevron-left { margin-right: 7px; font-size: 12px; } .perfumaria { width: 100%; bottom: 0; left: 0; position: absolute; z-index: 999999999; } .section-valores .align-tabela-center .icon { display: none; } .wraper-fixed { position: fixed; right: 30px; bottom: 20px; z-index: 2000; display: flex; flex-direction: column; align-items: end; } i.fa.fa-bars { font-size: 25px; } nav#primary-menu { display: flex; align-items: center; } .primary-menu .showhide { height: auto; } .header-curso .col-lg-8.col-md-8.col-sm-12.col-xs-12 { display: flex; flex-direction: column; justify-content: center; height: 100%; } .box-ministrante-detalhes { max-width: 366px; margin: auto; } .btn-detalhe-compra a { height: 46px; max-width: 598px; } .btn-detalhe-compra i.fa.fa-check-circle { margin-right: 10px; } footer .wraper-social { display: flex; justify-content: center; margin-top: 20px; } footer .wraper-social i { color: white; font-size: 25px; margin: 0px 7px; } .g-recaptcha { display: flex; justify-content: center; margin: 10px; } .space-depoimento .left-icon { left: 41px; top: 0px; } .space-depoimento .right-icon { right: 41px; top: 0px; } .space-block-midia .video-thumb { height: 300px; } ::placeholder { color: black !important; font-weight: 500; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: black !important; opacity: 1; /* Firefox */ } ::-ms-input-placeholder { /* Microsoft Edge */ color: black !important; opacity: 1; /* Firefox */ } .bloco-info-curso { background: #242021 !important; color: white; height: 92%; } .space-curso-detalhe .button-compre-online { background: #3466f8 !important; color: white !important; padding: 10px 21px !important; } .space-curso-detalhe .button-compre-online:hover { background: #0834b3 !important; color: #fff !important; } .wraper-detalhes { display: flex; flex-direction: row; flex-wrap: wrap; } .space-curso-detalhe { color: #242021 !important; } .button-destaque:hover { padding: 10px 21px !important; background: #70CCF6 !important; color: #fff !important; } /* Geral */ .btn { color: white; font: normal normal bold 16px/26px Proxima Nova !important; letter-spacing: 0px; /* box-shadow: 6px 6px 10px #24202133; */ border-radius: 40px; opacity: 1; padding: 10px 21px !important; } .btn.white { background-color: transparent; border: 2px solid #FFFFFF; border-radius: 31px; max-width: 317px; margin: 0px 10px; } .btn.blue { background: #9D59C7 0% 0% no-repeat padding-box; color: white !important; } .btn.green { background: #426F6C 0% 0% no-repeat padding-box; color: white !important; } .btn.red { background: #CD4852 0% 0% no-repeat padding-box; color: white !important; } /* Styles */ #topo-home p { font: normal normal 300 28px/34px Proxima Nova; font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1600 - 300))); letter-spacing: 0px; color: #FFFFFF; text-align: center; margin: 47px 2rem 32px; } #topo-home .wraper-text span { font: normal normal normal 20px/28px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; max-width: 560px; } #topo-home .faltam { text-align: center; font: normal normal 600 24px/29px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; margin-top: 40px; /* margin-bottom: 25px; */ } #evento .categorias .categoria { font: normal normal 600 20px/24px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; display: flex; align-items: center; background: #FFFFFF31 0% 0% no-repeat padding-box; border-radius: 25px; margin-right: 20px; padding: 5px 22px; max-height: 42px; white-space: nowrap; justify-content: center; margin-bottom: 15px; } #ministrantes h3 { font: normal normal bold 38px/37px Proxima Nova; letter-spacing: 0px; color: black; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #ministrantes .wraper-title { /* padding: 25px 25px; */ align-items: start; font-family: Proxima Nova; font-size: 38px; font-weight: 700; color: black !important; margin: 24px 0px 8px; } #ministrantes span { font-family: Proxima Nova; font-size: 14px; font-weight: 600; line-height: 17px; text-align: left; font: normal normal 600 14px/17px Proxima Nova; letter-spacing: 0px; color: #242021; height: 21px; display: block; margin-top: 5px; } #banner-simposio img.desktop { display: block; } #banner-simposio img.mobile { display: none; } #pacotes h2 { color: #1A1A1A; font-family: "Proxima Nova"; font-size: 70px; font-style: normal; font-weight: 600; line-height: normal; margin-top: 0px; margin-bottom: 80px; } #pacotes .pacote { border-radius: 12px; opacity: 1; padding: 30px 29px 30px 31px; overflow: hidden; width: 100%; max-width: 400px; min-height: 246px; position: relative; display: flex; flex-direction: column; background: white; border: 1px solid #000000; background: var(--White, #FFF); } #pacotes .pacote ul { padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: space-between; } #pacotes .pacote ul li { display: flex; letter-spacing: 0em; text-align: left; padding-top: 6px; color: #1A1A1A; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; /* 175% */ } #pacotes .pacote ul li:not(:last-of-type) { padding-bottom: 19px; } #pacotes .wraper h3 { letter-spacing: 0em; text-align: left; margin-bottom: 28px; margin-top: 0; color: var(--Black-100, #000); font-family: "Proxima Nova"; font-size: 22px; font-style: normal; font-weight: 700; line-height: 21.63px; /* 98.318% */ } #pacotes .wraper span { text-align: left; font: normal normal normal 16px/28px Proxima Nova; letter-spacing: 0px; color: black; /* display: block; */ } #pacotes .wraper .desconto { letter-spacing: 0px; margin: 0px 0px 30px 0px; color: var(--Black-100, #000); /* Headings/Heading 1 */ font-family: "Proxima Nova"; font-size: 70px; font-style: normal; font-weight: 600; line-height: normal; } #local h2 { text-align: left; font: normal normal bold 52px/62px Proxima Nova; font-size: calc(40px + (52 - 40) * ((100vw - 300px) / (1600 - 300))); letter-spacing: 0px; color: #FFFFFF; margin-top: 0; } #local p { color: #1a1a1a; font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin-bottom: 16px; } #expositores h2 { margin-top: 0; color: var(--Black-90, #1A1A1A); /* Headings/Heading 2 */ font-family: "Proxima Nova"; font-size: 52px; font-style: normal; font-weight: 600; line-height: normal; color: rgba(26, 26, 26, 1); } #cta h2 { font: normal normal bold 52px/62px Proxima Nova; font-size: calc(40px + (52 - 40) * ((100vw - 300px) / (1600 - 300))); letter-spacing: 0px; color: #FFFFFF; text-align: center; margin-top: 0; } #topo-home .logo { margin: 6rem auto 2rem; } #topo-home .wraper-buttons .btn { max-width: 381px; width: 100%; margin: 4px 6px; align-items: center; display: flex; justify-content: center; font: normal normal bold 16px/26px Proxima Nova; } #topo-home .wraper-text { display: flex; margin-top: 100px; flex-direction: column; text-align: center; justify-content: center; align-items: center; } #topo-home .faixa { background: #D9346D; z-index: 2; position: relative; } .local span { text-align: left; font: normal normal normal 24px/29px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; opacity: 1; font-size: calc(18px + (24 - 18) * ((100vw - 500px) / (1600 - 500))); line-height: calc(18px + (24 - 18) * ((100vw - 500px) / (1600 - 500))); } #topo-home .data span { font: normal normal bold 30px/36px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; opacity: 1; font-size: calc(18px + (30 - 18) * ((100vw - 500px) / (1600 - 500))); line-height: calc(18px + (30 - 18) * ((100vw - 500px) / (1600 - 500))); } #topo-home { padding-bottom: 90px; position: relative; } section:not(:first-of-type) { padding: 80px 0px; position: relative; } #sobre .wraper-text .quote { max-width: 540px; margin: 0px auto 37px; } #evento, #local, #depoimentos { background: #FFFFFF; position: relative; } #pacotes .wraper { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 56px; margin-top: 0; gap: 32px; } #pacotes .pacote ul li:not(:last-of-type) { border-bottom: 1px solid black; } #pacotes .wraper-buttons { margin-top: 2rem; justify-content: center; display: flex; flex-wrap: wrap; gap: 24px; } #pacotes .wraper-buttons a { max-width: 371px; letter-spacing: 0px; border: 2px solid #242021; color: white !important; /* width: 100%; */ display: flex; align-items: center; justify-content: center; /* margin: 10px; */ } #local .btn.black { border: 2px solid #000000; border-radius: 31px; font-size: 20px !important; font-family: Proxima Nova; font-size: 16px; font-weight: 700; line-height: 26px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #1A1A1A; !i; !; } #cta .wraper-buttons a { max-width: 317px; width: 100%; margin: 10px 10px; white-space: nowrap; } #cta.footer-part { background-image: url('../Content/Site/Utouch/2025/Assets/bg-footer.webp'); background-position: center; background-size: cover; padding: 80px 100px; } #cta.footer-part .container::before, #cta.footer-part .container::after { content: none !important; } #cta.footer-part .container { display: flex !important; align-items: center; justify-content: space-between; padding: 0; } #cta.footer-part h2 { color: #000; font-size: 38px; font-style: normal; font-weight: 600; white-space: nowrap; margin: 0; } #cta.footer-part .button-border { border-color: #000; color: #000; } #cta.footer-part .button-border:first-of-type { margin-left: 0; } #cta.footer-part .button-border:last-of-type { margin-right: 0; } #cta.footer-part .wraper-buttons { display: flex; flex-direction: row; align-items: center; } footer { background: #000 !important; padding: 80px 0px; position: relative; } footer label { font: normal normal bold 18px/22px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; margin-bottom: 24px; display: block; } footer li { font: normal normal 300 18px/32px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; } footer .copy { font: normal normal 300 15px/20px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; border-top: 1px solid #4D4D4D; padding-top: 33px; } footer .copy p { font-size: 14px; } footer .wraper-buttons a { margin: 7px 0px; } .veja { display: block; text-decoration: underline; color: #242021; font-family: Proxima Nova; font-size: 16px; font-weight: 600; line-height: 34px; letter-spacing: 0em; text-align: left; /* margin-top: 80px; */ } #ministrantes .wraper-buttons a { max-width: 317px; width: 100%; margin: 10px 8px; } .container { position: relative; } #main-header { background-color: #FFFFFF; } .wave { position: absolute; top: -1px; width: 100%; } header { position: relative !important; } .header.header--menu-rounded.header--blue-lighteen.headertop0.header-transparent { position: fixed !important; } li.menu-carrinho.esconder-link a { position: relative; } .menu-carrinho a { color: #000; } .wraper-title { display: flex; justify-content: space-between; align-items: start; /* margin-bottom: 19px; */ } .wraper-title .fa-chevron-left { margin-right: 7px; font-size: 12px; } .perfumaria { width: 100%; bottom: 0; left: 0; position: absolute; z-index: 99; } footer .btn-color { /* background-color: #CD4852 !important; */ /* border-color: #CD4852 !important; */ /* color: white; */ width: 122px; margin: 15px 0px 0px; display: block; } footer label.mt-5 { margin-top: 2rem; } img.img-fluid.crf { max-width: 130px; margin-top: 25px; } .apoio { color: white; text-align: center; margin-top: 25px; font-weight: 600; } .wraper-combo { background: #E5D0F2 0% 0% no-repeat padding-box; display: flex; padding: 33px 66px; flex-direction: row; position: relative; border-radius: 12px; overflow: hidden; margin: 74px auto; max-width: 100%; } #pacotes .wraper-combo .dias { font: normal normal bold 68px/93px Proxima Nova; letter-spacing: 0px; color: #242021 !important; text-transform: uppercase; display: inline-block; margin: 0px 16px; } .wraper-combo p { font: normal normal normal 16px/28px Proxima Nova; letter-spacing: 0px; letter-spacing: 0px; color: #242021; width: 100%; display: flex; align-items: center; margin: 0; justify-content: center; flex-wrap: wrap; } .wraper-combo p b { font-size: 22px; font-weight: 700; margin: 0 10px; } #pacotes span.tagclassificacao { max-width: 140px; font: normal normal bold 16px/22px Proxima Nova; margin: 0; margin: 0px 9px; } span.tagclassificacao img { margin-right: 10px; } footer .wraper-buttons { flex-direction: column; display: flex; } #hospedagem .wraper-title, #passagen .wraper-title { display: flex; flex-direction: column; align-items: center; } #hospedagem .wraper-title h2 { font-size: 25px; color: white; border-radius: 7px; padding: 3px 5px; text-align: center; max-width: 400px; } #hospedagem .wraper-title h2 span { background-color: #1c6a98; border-radius: 7px; padding: 0px 5px; } #hospedagem h3, #passagen h3 { background-color: #ffc009; font-size: 20px; color: white; border-radius: 7px; padding: 0px 5px; margin-bottom: 20px; } #hospedagem ul, #passagen ul { padding: 0; display: flex; flex-direction: column; max-width: 600px; margin: auto; } #hospedagem ul li, #passagen ul li { display: flex; background-color: rgb(28, 105, 157); border-radius: 33px; box-shadow: 0px 0px 0px 7px white; position: relative; } #hospedagem ul li:not(:last-of-type) { margin-bottom: 30px; } #hospedagem .wraper-text, #passagen .wraper-text { text-align: center; display: flex; flex-direction: column; color: white; margin-left: 40px; } #passagen .wraper-text h4 { color: white; /* margin-left: 40px; */ font-size: 21px; margin-bottom: 0; } #hospedagem .wraper-text > div { display: flex; flex-direction: column; } #hospedagem .wraper-text .valor { font-weight: 800; } #hospedagem img { width: 130px; border-radius: 33px; } #passagen .box { height: 130px; width: 130px; background: white; border-radius: 33px; position: absolute; left: 0; top: -27px; box-shadow: #1c699d 0px 0px 0 2px; display: flex; align-items: center; justify-content: center; padding: 0px 5px; } #hospedagem .wraper-title .sub { font-weight: 800; font-size: 18px; } section.content-viagem { background-color: #efefef; padding-top: 50px; } #passagen span.valorde { font-size: 28px; color: #fcc707; font-weight: 900; } #passagen ul li { padding-left: 130px; margin-bottom: 60px; box-shadow: unset; } div#passagen { margin-top: 2rem; } #hospedagem .wraper-obs { max-width: 600px; display: flex; flex-direction: column; margin: 30px auto; font-size: 16px; font-weight: 700; text-align: center; } #hospedagem .wraper-title h2 span:first-of-type { margin-bottom: -8px; display: block; padding-bottom: 4px; } span { } @media(max-width:998px) { .space-depoimento .left-icon { left: 1px; top: 10px; } .space-depoimento .right-icon { right: 1px; top: 10px; } #home-top .shape { width: 75px; } #home-top .bg-video-2026 .overlay { border: 0 solid black !important; } } .space-block-midia .video-thumb { height: 300px; } .btn-color:hover { opacity: 0.7; } .bloco-info-curso { background: #282828 !important; color: white; height: 92%; border-radius: 10px; } .btn-detalhe-compra { display: flex; height: auto; flex-wrap: wrap; } .category-link { text-transform: unset; text-align: center; font: normal normal bold 52px/62px Proxima Nova !important; font-size: calc(40px + (52 - 40) * ((100vw - 500px) / (1600 - 500))) !important; line-height: calc(1.2 * (40px + (52 - 40) * ((100vw - 500px) / (1600 - 500)))) !important; letter-spacing: 0px; color: #242021; margin-bottom: 19px; border: none; width: 100%; display: block; } .cat-tag { max-width: 20px; margin-right: 10px; } #local .col-lg-6 img { margin: auto; position: relative; } h1.title-curso-detalhes { text-align: left; font: normal normal bold 36px/43px Proxima Nova; letter-spacing: 0px; color: #FFFFFF !important; text-transform: uppercase; opacity: 1; } h2.subtitle-curso-detalhes { text-align: left; font: normal normal 300 23px/22px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .header-curso.space-curso-detalhe { min-height: 591px; /* UI Properties */ background: #242021 0% 0% no-repeat padding-box; } .header-curso h1 { text-align: left; font: normal normal bold 36px/43px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; opacity: 1; } .header-curso h2 { text-align: left; font: normal normal 300 23px/22px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; opacity: 1; } .tag-categoria { display: flex; /* UI Properties */ align-items: center; /* max-width: 150px; */ height: 29px; /* UI Properties */ background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 16px; opacity: 1; padding: 0px 13px; } .header-curso { background: url('../img/Novo 2022/bg-color-section.svg'); opacity: 1; display: flex; padding: 75px 0px; } span.sobrenome-ministrante.white.sobrenome-ministrante-detalhecurso, span.name-ministrante.white { text-align: right; font: normal normal bold 24px/24px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; opacity: 1; display: block; } h6.name-profissao { opacity: 1; display: block; font-family: Proxima Nova; font-size: 14px; font-weight: 600; line-height: 17px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFFFFF; margin: 0px; } .btn-detalhe-compra .button-destaque { background: #FFFFFF 0% 0% no-repeat padding-box !important; border: 2px solid #242021; border-radius: 31px; font: normal normal 600 20px/24px Proxima Nova !important; letter-spacing: 0px; color: #242021 !important; opacity: 1; } a.btn-item-oncart { background: #3466F8 0% 0% no-repeat padding-box; border: 2px solid #3466F8; border-radius: 31px; font: normal normal 600 20px/24px Proxima Nova; letter-spacing: 0px; color: #FFFFFF; padding: 10px 30px; } .ordem { font: normal normal bold 55px/55px Proxima Nova; color: #242021; width: 58px; height: 58px; /* UI Properties */ background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 30px; opacity: 0.8; display: flex; align-items: center; justify-content: center; } .box-categoria { max-width: 301px; width: 100%; height: 184px; /* UI Properties */ background: #E50070 0% 0% no-repeat padding-box; border-radius: 12px; opacity: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; } .box-categoria p { font: normal normal bold 16px/20px Proxima Nova; letter-spacing: 0px; color: #242021; opacity: 1; margin: 0; margin: 7px; } .tag-categoria span { /* UI Properties */ font: normal normal bold 16px/40px Proxima Nova; letter-spacing: 0px; color: #242021; white-space: nowrap; opacity: 1; } .professor-home .box-ministrante::after, #afterline::after { height: 11px; } #afterline { position: relative; } /* #menu-icon-trigger { color: var(--main-color); } */ .wraper-ministrantes { display: flex; gap: 40px; flex-wrap: wrap; justify-self: center; } .wraper-ministrantes > div { max-width: 290px; width: 100%; } .wraper-promos { display: flex; gap: 40px; margin-bottom: 40px; } .wraper-promos > div { background-color: black; width: 100%; display: flex; padding: 40px; border-radius: 10px; flex-direction: column; max-height: 225px; height: 225px; } span.valor { font-family: Proxima Nova; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0em; text-align: left; color: #C4C8DA; display: block; margin-top: 10px; } #cursos .wraper-buttons { display: flex; gap: 24px; justify-content: center; margin-top: 80px; } #pacotes .wraper > div:nth-child(1):before { content: ""; position: absolute; left: 0; top: 0; height: 100%; #pacotes .wraper >div: nth-child(2); width: 14px; background-color: #94C0FF; } #pacotes .wraper > div:nth-child(2):before { content: ""; position: absolute; left: 0; top: 0; height: 100%; #pacotes .wraper >div: nth-child(2); width: 14px; background-color: #EFCCFF; } #pacotes .wraper > div:nth-child(3):before { content: ""; position: absolute; left: 0; top: 0; height: 100%; #pacotes .wraper >div: nth-child(2); width: 14px; background-color: #6666FF; } #pacotes .banner.pink h3 { color: rgba(246, 152, 201, 1) !important; } #pacotes .banner h3 { font-family: Proxima Nova; font-size: 38px; font-weight: 800; line-height: 38px; letter-spacing: 0em; text-align: left; } #pacotes .banner.yellow h3 { color: rgba(249, 197, 124, 1); } header a.button-black { text-transform: uppercase; font-family: Proxima Nova; font-size: 15px; font-weight: 700; line-height: 26px; letter-spacing: 0em; text-align: center; top: -4px; position: relative; padding: 13px 21px; } .js-ministrante-popup a.button-border.btn { white-space: nowrap; display: flex; align-items: center; height: 46px; } .popup-ministrante .wraper-curso > span:nth-child(1) { font-family: Roboto; font-size: 60px; font-weight: 700; line-height: 60px; letter-spacing: 1.2000000476837158px; text-align: center; color: rgba(5, 8, 25, 1); } .popup-ministrante .wraper-curso > span:nth-child(2) { font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 21px; letter-spacing: 0.3199999928474426px; text-align: center; color: rgba(5, 8, 25, 1); } .popup-ministrante .wraper-curso > span:nth-child(3) { font-family: Proxima Nova; font-size: 17px; font-weight: 500; line-height: 21px; letter-spacing: 0.3199999928474426px; text-align: center; color: rgba(5, 8, 25, 1); } .popup-ministrante .wraper-curso > div span { font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.3199999928474426px; text-align: center; color: rgba(26, 26, 26, 1); } .popup-ministrante .wraper-curso { background: rgba(72, 214, 112, 1); max-width: 212.5px !important; height: 165px; border-radius: 12px; display: flex; align-items: center; flex-direction: column; white-space: nowrap; width: 100%; justify-content: center; } #passevip .newtag { // styleName: Headings/Heading 4; background: linear-gradient(90deg, #C2BB73 0%, #DED6A0 22.7%, #D5CB7F 44.41%, #BCAF55 70.07%, #C2BB73 90.79%); -webkit-background-clip: text; /* Ensures the gradient is clipped to the text */ -webkit-text-fill-color: transparent; /* Makes the text transparent so the gradient shows */ text-fill-color: transparent; /* Fallback for browsers with no -webkit support */ font-family: Proxima Nova; font-size: 24px; font-weight: 600; line-height: 24px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } #passevip h2 { // styleName: Headings/Heading 1; font-family: Proxima Nova; font-size: 70px; font-weight: 600; line-height: 70px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: white; max-width: 525px; margin: 16px 0px 0px; } #passevip .card { display: flex; width: 100%; padding: 24px 24px 24px 32px; gap: 0px; border-radius: 8px; position: relative; } #passevip .card:nth-child(1) { border-left: 8px solid #D8CE8D; } #passevip .card:nth-child(2) { border-left: 8px solid var(--Black-80, #4D4D4D); background: linear-gradient(90deg, #C2BB73 0%, #DED6A0 22.7%, #D5CB7F 44.41%, #BCAF55 70.07%, #C2BB73 90.79%); } #passevip .card:nth-child(1) h3, #passevip .card:nth-child(1) .desc { background: linear-gradient(90deg, #C2BB73 0%, #DED6A0 22.7%, #D5CB7F 44.41%, #BCAF55 70.07%, #C2BB73 90.79%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #passevip .card:nth-child(2) h3 { Black CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX; color: #000000; font-family: Proxima Nova; font-size: 38px; font-weight: 600; line-height: 38px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; text-transform: uppercase; } #passevip .card h3 { font-family: Proxima Nova; font-size: 38px; font-weight: 600; line-height: 38px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; text-transform: uppercase; } #passevip .card:nth-child(2) h3 { color: #000000; } #passevip img.img-fluid.codebar { position: relative; margin-left: auto; } #passevip a.btn.btn-vip { background: var(--Blue, #1A5DDD); font-family: Proxima Nova; font-size: 16px; font-weight: 700; line-height: 26px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; } #passevip .wraper-text { display: flex; flex-direction: column; } #passevip .prices { margin-top: auto; } #passevip .prices span.value, #passevip span.qtd { // styleName: Headings/Heading 5; font-family: Proxima Nova; font-size: 18px; font-weight: 600; line-height: 18px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin-left: 16px; } #passevip .card:nth-child(1) span.value, #passevip .card:nth-child(1) span.qtd { background: linear-gradient(90deg, #C2BB73 0%, #DED6A0 22.7%, #D5CB7F 44.41%, #BCAF55 70.07%, #C2BB73 90.79%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #passevip span.value { font-weight: 600; } #passevip .card:nth-child(1) { margin-bottom: 42px; background: radial-gradient(50% 50% at 50% 50%, #3D3B3B 0%, #0E0E0E 100%); } #passevip .card:nth-child(2) .desc { font-family: Proxima Nova; font-size: 20px; font-weight: 400; line-height: 28px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } #ministrantes .no-padding { max-height: 460px; height: 100%; } #ministrantes .wraper-text { max-height: 125px; height: 100%; } #cursos h4 { // styleName: Headings/Heading 3; font-family: Proxima Nova; font-size: 38px; font-weight: 600; line-height: 38px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin-bottom: 24px; } #cursos .tipos p { font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; max-width: 403px; width: 100%; } #cursos .tipos li { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid black; padding: 24px 0px; } #cursos a.ver-cursos { padding: 10px 21px 10px 21px; gap: 10px; border-radius: 30px; border: 2px solid #1A1A1A; font-family: Proxima Nova; font-size: 16px; font-weight: 700; line-height: 26px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #1A1A1A; text-transform: uppercase; } #cursos ul.tipos { border-top: 1px solid black; margin-top: 120px; } #cursos .tipos li div { max-width: 403px; width: 100%; } #cursos .wraper-text { max-width: 625px; width: 100%; } #cursos .wraper-title { gap: 1rem; } #cursos .categorias { flex: 1; display: flex; flex-direction: column; justify-content: space-between; max-width: 403px; align-self: end; } #cursos .wraper-data { display: flex; flex-wrap: wrap; gap: 62px; margin-bottom: 40px; } #cursos .lista-cursos { font-family: Proxima Nova; font-size: 16px; font-weight: 700; line-height: 26px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; border-bottom: 2px solid var(--Black-100, #000000); padding: 10px 21px 10px 21px; gap: 10px; max-width: 316px; color: #1A1A1A; text-transform: uppercase; } #feira .wraper-top { display: flex; justify-content: space-between; gap: 92px; margin-bottom: 85px; align-items: center; } #feira .desc { font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #000000; max-width: 403px; } #feira .wraper-top img { max-width: 188px; } #maior .title { display: flex; margin-bottom: 40px; justify-content: space-between; } #maior .oevento p { font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } #maior .numbers li { font-family: Proxima Nova; color: #9999FF; display: flex; flex-direction: column; position: relative; } #maior .numbers .number { font-size: 108px; line-height: 108px; font-weight: 600; } #maior .numbers span:nth-child(2) { // styleName: Headings/Heading 5; font-family: Proxima Nova; font-size: 18px; font-weight: 600; line-height: 18px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #9999FF; } #maior .numbers ul { gap: 128px; display: flex; justify-content: space-around; } #maior .numbers li span:nth-child(1):before { content: "+"; position: absolute; left: -42px; top: -18px; font-size: 70px; } #banner-evento { background-image: url('../img/novo 2025/img-evento.webp'); height: 420px; background-size: cover; background-repeat: no-repeat; } .oevento { max-width: 398px; } #feira .screenoverlay { height: 420px; position: relative; } #feira .screenoverlay video { width: 100%; height: 100%; } #feira .screenoverlay span { // styleName: Headings/Heading 2; font-family: Proxima Nova; font-size: 52px; font-weight: 600; line-height: 52px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFFFFF; position: absolute; } #feira .screenoverlay span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #00000080; transition: all 0.4s ease; display: flex; align-items: center; justify-content: center; z-index: 9999; padding: 24px; } .wraper-top { display: flex; justify-content: space-between; } .section-valores h1 { // styleName: Headings/Heading 1; font-family: Proxima Nova; font-size: 70px; font-weight: 600; line-height: 70px; text-align: left; text-transform: capitalize; } #expositores span.expositores-tag { color: var(--Violet, #99F); /* Headings/Heading 4 */ font-family: "Proxima Nova"; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 16px; display: block; } #expositores .wraper-top p { color: #242021; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; /* 125% */ } #expositores .wraper-top a.veja { color: #242021; text-align: left; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; /* 125% */ } #expositores .wraper-top > div { max-width: 514px; } #local .newtag { color: var(--Violet, #99F); /* Headings/Heading 4 */ font-family: "Proxima Nova"; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; } #expositores .owl-carousel { border-top: 1px solid var(--Black-100, #000); border-bottom: 1px solid var(--Black-100, #000); margin-top: 80px; padding: 64px 0px; } #ministrantes .wraper { display: flex; align-items: center; margin-bottom: 80px; justify-content: center; } #home-top h1 { color: var(--White, #FFF); font-family: "Proxima Nova"; font-size: 82px; font-style: normal; font-weight: 600; line-height: normal; margin-top: 0; margin-bottom: 19px; } #home-top span.local { color: var(--White, #FFF); font-family: "Proxima Nova"; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; display: block; } #home-top .dias { color: var(--White, #FFF); font-family: "Proxima Nova"; font-size: 32px; font-style: normal; font-weight: 600; line-height: normal; display: block; } #home-top .wraper-data { display: flex; flex-direction: column; gap: 12px; z-index: 3; } #home-top .col-lg-3, #home-top .col-lg-3 .wraper { height: 100%; } #home-top .wraper { width: 514px; display: flex; gap: 40px; flex-direction: column; } #home-top .bg-video-2026 { position: relative; padding: 0; background-color: black !important; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; } #home-top .bg-video-2026 iframe { width: 720px; height: 420px; } #home-top .bg-video-details .shape { position: absolute; z-index: 5; } #home-top .bg-video-details .shape.blue { top: -40px; left: -14px; } #home-top .bg-video-details .shape.orange { bottom: -5px; right: -14px; height: 56px; } #home-top .bg-video-2026 video { width: 100% !important; } #home-top a.js-insc-combo { color: var(--White, #FFF); text-align: center; font-family: "Proxima Nova"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; /* 162.5% */ text-transform: uppercase; border-radius: 30px; background: var(--Blue, #1A5DDD); display: flex; padding: 10px 21px; justify-content: center; align-items: center; gap: 10px; } #local .container-fluid { margin-right: auto; margin-left: auto; } #passevip .wraper { display: flex; justify-content: space-between; align-items: center; } #passevip { background: #000000; background-image: url('../Content/Site/Utouch/img/novo 2025/bg-passevip.jpg'); background-position: right; background-repeat: no-repeat; background-size: contain; min-height: 852px; padding: 140px 0px; } #feira h2 { // styleName: Headings/Heading 1; font-family: Proxima Nova; font-size: 70px; font-weight: 600; line-height: 70px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #000000; max-width: 525px; margin: 0px; } img.bar { top: -78px; position: relative; margin-bottom: -30px; } #feira .screenoverlay video { width: 100%; /* Ensures the video spans the container width */ height: 100%; /* Ensures the video spans the container height */ object-fit: cover; /* Makes the video cover the container while maintaining aspect ratio */ position: absolute; /* Allows the video to fill the container from the top-left corner */ top: 0; left: 0; z-index: 1; } #passevip .wraper-card { max-width: 622px; width: 100%; } #expositores .wraper-top > div:last-of-type { align-items: self-end; } #local .wraper { display: flex; gap: 40px; align-items: center; justify-content: space-between; } #local .wraper-text { max-width: 513px; width: 513px !important; } #cursos h2, #feira h2, #pacotes h2, #ministrantes h2 { /* Headings/Heading 2 */ font-size: 52px; font-style: normal; font-weight: 600; line-height: normal; font-family: "Proxima Nova"; } #expositores .owl-stage { padding-left: 0px !important; } @media(max-width:1400px) { #topo-home .wraper-text { margin-top: 11px; } #topo-home .logo { max-width: 520px; margin-top: 3rem; } #pacotes .pacote { max-width: 343px; min-height: 192px; justify-content: center; } } @media(max-width:1200px) { .js-ministrante-popup .wraper-text h3 { font-size: 28px; line-height: 35px; } #home-top { background-position: right 78px center, center; background-size: 50%, auto; } footer label { text-align: center; } .pading-tabela > ul > li { min-height: 42px !important; } #apoio .grid { display: flex; position: absolute; right: -36px; top: 48px; } #apoio .up-line > div, #apoio .down-line > div { width: 250px !important; } .grid .icon { margin-bottom: 10px; } #apoio .grid > div > div span { /* display: flex; */ /* flex-direction: column; */ } #apoio .grid { display: flex; position: absolute; right: -31px; top: 48px; } #cta.footer-part .container .wraper-buttons a { width: fit-content; } #cta.footer-part .container .wraper-buttons, #cta.footer-part .container { flex-direction: column; } #cta.footer-part .container h2 { margin-bottom: 24px; } } @media(max-width:998px) { #local .wraper-text { max-width: 100%; width: 100% !important; } #cursos .categorias { align-self: center; width: 100%; max-width: 600px; align-items: center; } #banner-evento { background-size: cover; } #maior .numbers li span:nth-child(1):before { font-size: 30px; top: 0px; left: -21px; } .space-depoimento .left-icon { left: 1px; top: 10px; } .space-depoimento .right-icon { right: 1px; top: 10px; } #background-video { display: none; } #feira .wraper-text, #maior .wraper { margin: 10px auto 0px; max-width: 600px; } #local h2 { text-align: center; } a.btn-item-oncart { flex-direction: column; height: auto; text-align: center; margin-bottom: 17px; } .header-curso .container { width: 100%; } .box-categoria { margin: auto; } .header-curso h1 { text-align: center; } .header-curso h2 { text-align: center; } a.btn.button-destaque.btn-inscreva-se { margin: auto; } .btn-detalhe-compra { flex-direction: column; } #cta .video iframe { width: 100%; height: 450px; } #local .btn.white { margin: unset; display: block; /* margin-bottom: 40px; */ } #apoio .grid { display: flex; position: relative; right: 0; top: 0; justify-content: center; } .up-line, .down-line { flex-direction: row; display: flex; /* margin: 0; */ flex-wrap: wrap; max-width: 50%; } #ministrantes .wraper { flex-wrap: nowrap; /* overflow: scroll; */ justify-content: start; } #topo-home .local img, .data img { margin-right: 9px; } #expositores .wraper-text { flex-direction: column; align-items: center; } #expositores .wraper-text a { margin-top: 3rem; } #evento .box { margin-bottom: 3rem; } #evento .wraper-title { flex-direction: column; text-align: center; margin-top: 0px; } #evento h3 { flex-direction: column; text-align: center; } footer .wraper { max-width: 303px; margin: auto; text-align: center; } #apoio .grid { margin-top: -60px; } #apoio .top { display: none; } #apoio .grid > div > div span { align-items: start; text-align: left; } .grid .icon { max-width: 17px; height: 28px; margin: 0px; top: 0px; position: relative; margin-right: 10px; } .up-line > div, .down-line > div { max-width: 100%; padding: 6px 15px !important; text-align: center; max-height: 97px; align-items: center !important; } .up-line, .down-line { flex-direction: column; } .up-line { margin-top: 35px; } #sobre .quote.mt { margin: 2rem 0px 3rem; } #sobre .wraper { display: flex; align-items: center; flex-direction: column; } .contato .padding-left60-desktop { text-align: center; } #evento .container { flex-direction: column; 9: JIS90; } #evento .categorias { margin-bottom: 4rem; } #topo-home .wraper-text { flex-direction: column; max-width: 455px; margin: 4rem auto 0px; } .faltam img { margin: 2rem auto 1rem; } .faltam { text-align: center !important; } #topo-home .logo { max-width: 325px; width: 100%; margin-top: 0px; } #topo-home .faixa .container > div { flex-direction: column; height: auto; padding: 13px 0px; } #topo-home .local, .data { margin: 8px 0px; text-align: center; /* flex-direction: column; */ } #topo-home .local span, .data span { margin: 8px 0px; text-align: center; } #topo-home .wraper-buttons, #ministrantes .wraper-buttons { text-align: center; align-items: center; } #topo-home .wraper-buttons .btn { margin: 10px 0px; } #topo-home .wraper-text span { /* text-align: center; */ } .wraper-title { display: flex; flex-direction: column; /* margin-bottom: 19px; */ justify-content: space-between; align-items: center; } #ministrantes .wraper { /* overflow-y: hidden; */ flex-wrap: nowrap; /* overflow-y: auto; */ justify-content: start; } #pacotes .pacote { padding: 34px 30px; } #apoio .grid { margin-top: -60px; top: 0; left: 0; } #topo-home .logo { max-width: 325px; width: 100%; } #topo-home .local span, .data span { margin: 8px 0px; text-align: center; font-size: 15px; } .container-fluid { padding-left: 25px; padding-right: 25px; } #local h3 { font-size: 38px; line-height: normal; margin: 16px 0px; font-weight: 600; } #expositores .wraper-top { flex-direction: column; gap: 40px; } #expositores h2 { font-size: 38px; } #maior img.img-fluid { margin: auto; } ul.wraper-data { flex-direction: row; } #cursos h2, #feira h2, #pacotes h2, #ministrantes h2 { /* Headings/Heading 2 */ font-size: 52px; font-style: normal; font-weight: 600; line-height: normal; } #maior .wraper-buttons h3 { margin-top: 40px; } #maior .wraper-buttons { margin-bottom: 48px; align-items: center; } #feira h2 { margin: 0px; /* text-align: center; */ } #cursos .categorias .wraper a { min-width: 120px; } #cursos .categorias .wraper { flex-grow: 1; overflow: auto; } #cursos .plenaria { border-radius: 10px; background-position: top center; background-size: contain; } #cursos .plenaria .wraper-text { flex-direction: column; height: 440px; } #cursos .wraper-buttons { flex-direction: column; align-items: center; gap: 5px; } .wraper-ministrantes > div a { display: flex; gap: 16px; flex-direction: column; align-items: center; } .box-ministrante img { min-width: 100%; height: auto; } .box-ministrante { min-width: 125px; max-width: 125px; display: flex; justify-self: center; } #ministrantes .wraper-text { display: flex; flex-direction: column; } .wraper-ministrantes > div { max-width: 90%; } #ministrantes h3 { font-family: Proxima Nova; font-size: 24px; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: left; height: auto; } #ministrantes span { font-family: Proxima Nova; font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: 0em; text-align: left; white-space: pre-wrap; margin-top: 0px; padding: 0px; } .wraper-promos { flex-direction: column; } a.button-border.js-insc-expositor { } #expositores .button-border { width: 100%; text-align: center; margin-top: 24px; margin-left: unset; } #local .col-lg-6 { padding: 0; } #ministrantes h2 { margin-bottom: 32px; } #ministrantes h2.h2-ministrantes-title { font-family: Proxima Nova; font-size: 38px; font-weight: 800; line-height: 38px; letter-spacing: 0em; text-align: center; color: #1A1A1A; } .js-ministrante-popup li { display: flex; flex-wrap: wrap; gap: 10px !important; } .js-ministrante-popup li { flex-direction: column; align-items: center; text-align: center; } .js-ministrante-popup .wraper-text > div { font-size: 16px !important; font-weight: 500 !important; } .js-ministrante-popup .wraper-text h3 { text-align: center !important; font-size: 22px !important; line-height: 26px !important; } #expositores h2.h2-expositores-title { font-family: Proxima Nova; font-size: 38px; font-weight: 800; line-height: 38px; letter-spacing: 0em; text-align: center; color: #1A1A1A; } #expositores h2 .wraper-fixed a { width: 100%; border-radius: 0; display: flex; gap: 20px; padding: 10px 0; font-size: 18px; height: 40px; } section:not(:first-of-type) { padding: 80px 0px; position: relative; } #home-top img.mobile.img-fluid { width: 100%; } #passevip .wraper { flex-direction: column; } #passevip h2 { font-size: 52px; line-height: normal; margin-bottom: 40px; margin-top: 16px; } #passevip .card h3 { font-family: "Proxima Nova"; font-size: 38px; font-weight: 600; line-height: normal; text-transform: uppercase; } #passevip .card .desc { font-family: "Proxima Nova"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; /* 140% */ margin-bottom: 32px; } #passevip .card { flex-direction: column; padding-bottom: 140px; } #passevip .prices { } #passevip a.btn.btn-vip { display: block; margin-bottom: 20px; } #passevip img.img-fluid.codebar { margin: unset; rotate: 90deg; max-width: 85px; max-height: 214px; position: absolute; bottom: -39px; left: 100px; } #passevip { background-position: bottom; padding: 140px 0px; } #ministrantes .no-padding { max-width: calc(30%); } .wraper-ministrantes { gap: 16px; } #cursos .tipos li img { margin: 40px 20px; } #cursos h4 { margin-top: 0px; margin-bottom: 16px; } .wraper-top { flex-direction: column; align-items: center; } #feira .wraper-top { gap: 32px; } #feira .screenoverlay span { /* Headings/Heading 3 */ font-size: 38px; font-style: normal; line-height: normal; } #feira .screenoverlay { } #maior .title { flex-direction: column; justify-content: center; align-items: center; } #maior h2 { /* Headings/Heading 3 */ font-size: 38px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 40px; text-align: left !important; max-width: 100%; } #maior h3 { /* Headings/Heading 5 */ font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 16px; } #maior .numbers ul { flex-direction: row; gap: 16px; flex-wrap: wrap; justify-content: center; } #maior .numbers li { text-align: center; line-height: normal; max-width: 154px; width: 100%; } #maior .numbers .number { font-size: 52px; font-style: normal; font-weight: 600; line-height: normal; display: flex; margin: auto; position: relative; } #maior .numbers li:before { color: var(--Violet, #99F); text-align: center; font-size: 32px; font-weight: 400; left: -15px; top: -3px; } #home-top h1 { font-size: 52px; max-width: 410px; } #home-top .wraper { margin-left: 0px; gap: 40px; margin-bottom: 40px; padding-top: 64px; } #home-top .dias { font-size: 24px; } #local .wraper { flex-direction: column; } } @media(max-width:600px) { #home-top .container-fluid { padding: 0 10px; display: flex; flex-direction: column; align-items: center; } #home-top .bg-video-details { width: 96vw !important; position: absolute; left: 2%; bottom: 20px; } #home-top .bg-video-details video { width: 100% !important; } #cursos .tipos li { flex-direction: column; } #cursos .tipos li img { margin: 40px 0px; } #banner-simposio { display: flex; justify-content: center; } #banner-simposio img.desktop { display: none; } #banner-simposio img.mobile { display: block; } #passagen ul { margin-top: 50px; } #hospedagem .wraper-text, #passagen .wraper-text { margin-left: 0px; } #hospedagem ul li, #passagen ul li { flex-direction: column; padding-left: 0; } #passagen ul li { flex-direction: column; padding-left: 0; padding-top: 80px; } #hospedagem img { display: block; margin: auto; position: relative; top: 0; border-radius: 5px; } #passagen .box { margin: auto; left: 0; right: 0; top: -50px; } .wraper-fixed { position: fixed; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: end; width: 100%; } .btn-fixed-feira { width: 100%; border-radius: 0px; text-align: center; padding: 5px 0; max-width: 100%; } .btn-fixed { width: 100%; border-radius: 0px; text-align: center; padding: 5px 0; margin-bottom: 0; } .section-valores .align-tabela-center .icon { display: block; position: absolute; left: 50%; margin-left: -20px; top: 0; } .box-curso-car { flex-direction: column; } #cta .video iframe { height: 350px; } #apoio .grid > div > div span { align-items: center; text-align: left; } .wraper-apoio { width: 100vw; position: relative; left: calc(-1 * (100vw - 100%) / 2); color: rgba(0,0,0,.6); } .depo.top, .depo.bot { display: none; } #local .icon { position: absolute; top: 3%; left: 2%; max-width: 100px; } #pacotes .pacote .icon { top: 0px; } .desk { display: none; } .mobile { display: flex; } .header-curso { background: url('../img/Novo 2022/bg-color-section.svg'); opacity: 1; display: flex; padding: 75px 0px; } #pacotes .wraper-combo .dias { font-size: 52px; } .wraper-combo { padding: 33px; margin: 0px 9px 30px 9px; } #home-top { display: flex; align-items: start; min-height: 675px; } ul.wraper-data { flex-direction: column; } } @media(max-width:500px) { #topo-home { background-position: left -125px center; } #home-top .shape.blue { width: 40px; height: 40px; top: -15px !important; left: -2px !important; } #home-top .shape.orange { bottom: 1px !important; right: 9px !important; height: 36px !important; width: 23px; } #home-top .container-fluid { padding: 0 10px; display: flex; flex-direction: column; align-items: center; } } @media(max-width:500px) { #topo-home { background-position: left -125px center; } #home-top .bg-video-2026 iframe { width: 100%; height: 183px; margin: 0 auto; display: flex; } #home-top .container-fluid { padding: 0 10px; display: flex; flex-direction: column; align-items: center; } } #feira { padding: 80px 0px 40px; } #cursos { padding: 40px 0px 120px; } #cursos h3 { justify-content: left; } span.valor { font-family: Proxima Nova; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0em; text-align: left; color: #C4C8DA; display: block; margin-top: 10px; } #cursos .wraper-buttons { display: flex; gap: 24px; justify-content: center; } @media(max-width:998px) { .section-valores h1 { font-size: 38px; line-height: normal; } #maior h2, #cursos h2, #feira h2, #pacotes h2, #ministrantes h2 { font-family: Proxima Nova; font-size: 38px; line-height: 38px; letter-spacing: 0em; text-align: center; color: #1A1A1A; } #feira h2 { margin-bottom: 24px; text-align: center; } #cursos .categorias .porcategoria { text-align: left; width: 100%; } #cursos .categorias .wraper a { min-width: fit-content; } #cursos .categorias .wraper { display: flex; } .wraper-ministrantes > div a { display: flex; gap: 16px; } .box-ministrante { min-width: 125px; max-width: 125px; display: flex; } #ministrantes span { font-family: Proxima Nova; font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: 0em; text-align: left; margin-top: 0px; padding: 0px; } #expositores .button-border { width: 100%; text-align: center; margin-top: 40px; } #local .wraper-text { margin-top: 32px; } section:not(:first-of-type) { padding: 50px 0px; position: relative; } } section#pacotes { padding-top: 120px; padding-bottom: 120px; } #pacotes .banner h3 { font-family: Proxima Nova; font-size: 38px; font-weight: 800; line-height: 38px; letter-spacing: 0em; text-align: left; } header a.button-black { text-transform: uppercase; font-family: Proxima Nova; font-size: 15px; font-weight: 700; line-height: 26px; letter-spacing: 0em; text-align: center; top: -4px; position: relative; padding: 13px 21px; } section#maior { /* background: linear-gradient(180deg, #F5F5F5 0%, #F5E1FF 58.85%, #F5F5F5 100%); */ } .js-ministrante-popup .wraper-text h3 { color: white; font-family: Proxima Nova; font-size: 36px; font-weight: 700; line-height: 43px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; text-transform: uppercase; margin: 0px 0px 8px; } .js-ministrante-popup .wraper-text > div { font-family: Proxima Nova; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: 0em; text-align: left; color: white; margin-bottom: 0; } .js-ministrante-popup li { display: flex; width: 100%; gap: 73px; margin-bottom: 20px; border-bottom: 1px solid rgba(95, 95, 95, 1); padding-bottom: 20px; color: white; } .js-ministrante-popup a.button-border.btn { white-space: nowrap; display: flex; align-items: center; height: 46px; } a#professor-modal-link { letter-spacing: 0em; color: rgba(255, 255, 255, 1); margin: 98px 0px 58px; display: block; font-family: Proxima Nova; font-size: 24px; font-weight: 600; line-height: 24px; text-align: left; // styleName: Headings/Heading 4; height: fit-content; } .popup-ministrante .wraper-curso > span:nth-child(1) { font-family: Roboto; font-size: 60px; font-weight: 700; line-height: 60px; letter-spacing: 1.2000000476837158px; text-align: center; color: rgba(5, 8, 25, 1); } .popup-ministrante .wraper-curso > span:nth-child(2) { font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 21px; letter-spacing: 0.3199999928474426px; text-align: center; color: rgba(5, 8, 25, 1); } .popup-ministrante .wraper-curso > span:nth-child(3) { font-family: Proxima Nova; font-size: 17px; font-weight: 500; line-height: 21px; letter-spacing: 0.3199999928474426px; text-align: center; color: rgba(5, 8, 25, 1); } .popup-ministrante .wraper-curso > div span { font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.3199999928474426px; text-align: center; color: rgba(26, 26, 26, 1); } .popup-ministrante .wraper-curso { background: rgba(72, 214, 112, 1); max-width: 212.5px !important; height: 165px; border-radius: 12px; display: flex; align-items: center; flex-direction: column; white-space: nowrap; width: 100%; justify-content: center; min-width: 215px; } #professor-modal-cursos .wraper-text p { font-family: Proxima Nova; font-size: 20px; font-weight: 600; line-height: 24px; text-align: left; color: white; margin: 8px 0px 0px 0px; } @media(max-width:600px) { a#professor-modal-link { text-align: center; } .js-ministrante-popup li, .js-ministrante-popup p { text-align: center !important; } .js-ministrante-popup ul li { margin-top: 30px; } h6.name-profissao { text-align: center; } #professor-modal-cursos .wraper-text p { font-size: 18px; } } section#expositores { padding: 120px 0px; } #professor-modal-cursos .wraper-text { width: 100%; } .ministrantes .box-ministrante, #ministrantes .box-ministrante { padding: 50%; } #local .wraper-text { max-width: 100%; width: 100% !important; } #cursos .categorias { align-self: center; width: 100%; max-width: 600px; align-items: center; } .space-depoimento .left-icon { left: 1px; top: 10px; } #feira .wraper-text, #maior .wraper { margin: 10px auto 0px; max-width: 600px; } a.btn-item-oncart { flex-direction: column; height: auto; text-align: center; margin-bottom: 17px; } #cta .video iframe { width: 100%; height: 450px; } #local .btn.white { margin: unset; display: block; /* margin-bottom: 40px; */ } #apoio .grid { display: flex; position: relative; right: 0; top: 0; justify-content: center; } .up-line, .down-line { flex-direction: row; display: flex; /* margin: 0; */ flex-wrap: wrap; max-width: 50%; } #ministrantes .wraper { flex-wrap: nowrap; /* overflow: scroll; */ justify-content: start; } #expositores .wraper-text { flex-direction: column; align-items: center; } #evento .wraper-title { flex-direction: column; text-align: center; margin-top: 0px; } #evento h3 { flex-direction: column; text-align: center; } footer .wraper { max-width: 303px; margin: auto; text-align: center; } #apoio .grid > div > div span { align-items: start; text-align: left; } .grid .icon { max-width: 17px; height: 28px; margin: 0px; top: 0px; position: relative; margin-right: 10px; } .up-line > div, .down-line > div { max-width: 100%; padding: 6px 15px !important; text-align: center; max-height: 97px; align-items: center !important; } #sobre .wraper { display: flex; align-items: center; flex-direction: column; } #evento .container { flex-direction: column; 9: JIS90; } #topo-home .wraper-text { flex-direction: column; max-width: 455px; margin: 4rem auto 0px; } #topo-home .logo { max-width: 325px; width: 100%; margin-top: 0px; } #topo-home .faixa .container > div { flex-direction: column; height: auto; padding: 13px 0px; } #topo-home .local, .data { margin: 8px 0px; text-align: center; /* flex-direction: column; */ } #topo-home .local span, .data span { margin: 8px 0px; text-align: center; } #topo-home .wraper-buttons, #ministrantes .wraper-buttons { text-align: center; align-items: center; } .wraper-title { display: flex; flex-direction: column; /* margin-bottom: 19px; */ justify-content: space-between; align-items: center; } #ministrantes .wraper { /* overflow-y: hidden; */ flex-wrap: nowrap; /* overflow-y: auto; */ justify-content: start; } #apoio .grid { margin-top: -60px; top: 0; left: 0; } #topo-home .logo { max-width: 325px; width: 100%; } #topo-home .local span, .data span { margin: 8px 0px; text-align: center; font-size: 15px; } #maior .wraper-buttons { margin-bottom: 48px; align-items: center; } #feira h2 { margin: 0px; /* text-align: center; */ } #cursos .categorias .wraper { flex-grow: 1; overflow: auto; } #cursos .plenaria { border-radius: 10px; background-position: top center; background-size: contain; } #cursos .plenaria .wraper-text { flex-direction: column; height: 440px; } #cursos .wraper-buttons { flex-direction: column; align-items: center; gap: 5px; } .wraper-ministrantes > div a { display: flex; gap: 16px; flex-direction: column; align-items: center; } .box-ministrante img { min-width: 100%; height: auto; } .box-ministrante { min-width: 125px; max-width: 125px; display: flex; justify-self: center; } #ministrantes .wraper-text { display: flex; flex-direction: column; } #ministrantes h3 { font-family: Proxima Nova; font-size: 24px; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: left; height: auto; } #ministrantes span { font-family: Proxima Nova; font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: 0em; text-align: left; white-space: pre-wrap; margin-top: 0px; padding: 0px; } #expositores .button-border { width: 100%; text-align: center; margin-top: 24px; margin-left: unset; } #ministrantes h2.h2-ministrantes-title { font-family: Proxima Nova; font-size: 38px; font-weight: 800; line-height: 38px; letter-spacing: 0em; text-align: center; color: #1A1A1A; } .js-ministrante-popup li { display: flex; flex-wrap: wrap; gap: 10px !important; } .js-ministrante-popup li { flex-direction: column; align-items: center; text-align: center; } .js-ministrante-popup .wraper-text > div { font-size: 16px !important; font-weight: 500 !important; } .js-ministrante-popup .wraper-text h3 { text-align: center !important; font-size: 22px !important; line-height: 26px !important; } #expositores h2.h2-expositores-title { font-family: Proxima Nova; font-size: 38px; font-weight: 800; line-height: 38px; letter-spacing: 0em; text-align: center; color: #1A1A1A; } #expositores h2 .wraper-fixed a { width: 100%; border-radius: 0; display: flex; gap: 20px; padding: 10px 0; font-size: 18px; height: 40px; } section:not(:first-of-type) { padding: 80px 0px; position: relative; } #passevip .card .desc { font-family: "Proxima Nova"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; /* 140% */ margin-bottom: 32px; } #passevip .card { flex-direction: column; padding-bottom: 140px; } #passevip a.btn.btn-vip { display: block; margin-bottom: 20px; } #passevip img.img-fluid.codebar { margin: unset; rotate: 90deg; max-width: 85px; max-height: 214px; position: absolute; bottom: -39px; left: 100px; } #cursos h4 { margin-top: 0px; margin-bottom: 16px; } #feira .screenoverlay span { /* Headings/Heading 3 */ font-size: 38px; font-style: normal; line-height: normal; } #maior h3 { /* Headings/Heading 5 */ font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 16px; } #maior .numbers li { text-align: center; line-height: normal; max-width: 154px; width: 100%; } #maior .numbers li:before { color: var(--Violet, #99F); text-align: center; font-size: 32px; font-weight: 400; left: -15px; top: -3px; } @media(max-width:600px) { #cursos .tipos li { flex-direction: column; } #banner-simposio { display: flex; justify-content: center; } #hospedagem ul li, #passagen ul li { flex-direction: column; padding-left: 0; } #passagen ul li { flex-direction: column; padding-left: 0; padding-top: 80px; } #hospedagem img { display: block; margin: auto; position: relative; top: 0; border-radius: 5px; } #passagen .box { margin: auto; left: 0; right: 0; top: -50px; } .wraper-fixed { position: fixed; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: end; width: 100%; } .btn-fixed-feira { width: 100%; border-radius: 0px; text-align: center; padding: 5px 0; max-width: 100%; } .btn-fixed { width: 100%; border-radius: 0px; text-align: center; padding: 5px 0; margin-bottom: 0; } .section-valores .align-tabela-center .icon { display: block; position: absolute; left: 50%; margin-left: -20px; top: 0; } #apoio .grid > div > div span { align-items: center; text-align: left; } .wraper-apoio { width: 100vw; position: relative; left: calc(-1 * (100vw - 100%) / 2); color: rgba(0,0,0,.6); } #local .icon { position: absolute; top: 3%; left: 2%; max-width: 100px; } .header-curso { background: url('../img/Novo 2022/bg-color-section.svg'); opacity: 1; display: flex; padding: 75px 0px; } .wraper-combo { padding: 33px; margin: 0px 9px 30px 9px; } } @media(max-width:400px) { #topo-home { background-position: left -125px center; } } #feira { padding: 80px 0px 40px; } #cursos .wraper-buttons { display: flex; gap: 24px; justify-content: center; } @media(max-width:998px) { .section-valores h1 { font-size: 38px; line-height: normal; } #maior h2, #cursos h2, #feira h2, #pacotes h2 { font-family: Proxima Nova; font-size: 38px; line-height: 38px; letter-spacing: 0em; text-align: center; color: #1A1A1A; } #feira h2 { margin-bottom: 24px; text-align: center; } #cursos .categorias .porcategoria { text-align: left; width: 100%; } .wraper-ministrantes > div a { display: flex; gap: 16px; } .box-ministrante { min-width: 125px; max-width: 125px; display: flex; } #ministrantes span { font-family: Proxima Nova; font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: 0em; text-align: left; margin-top: 0px; padding: 0px; } #expositores .button-border { width: 100%; text-align: center; margin-top: 40px; } section:not(:first-of-type) { padding: 50px 0px; position: relative; } } section#pacotes { padding-top: 120px; padding-bottom: 120px; } .js-ministrante-popup .wraper-text h3 { color: white; font-family: Proxima Nova; font-size: 36px; font-weight: 700; line-height: 43px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; text-transform: uppercase; margin: 0px 0px 8px; } .js-ministrante-popup .wraper-text > div { font-family: Proxima Nova; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: 0em; text-align: left; color: white; margin-bottom: 0; } .js-ministrante-popup li { display: flex; width: 100%; gap: 73px; margin-bottom: 20px; border-bottom: 1px solid rgba(95, 95, 95, 1); padding-bottom: 20px; color: white; } a#professor-modal-link { letter-spacing: 0em; color: rgba(255, 255, 255, 1); margin: 98px 0px 58px; display: block; font-family: Proxima Nova; font-size: 24px; font-weight: 600; line-height: 24px; text-align: left; // styleName: Headings/Heading 4; height: fit-content; } .popup-ministrante .wraper-curso { background: rgba(72, 214, 112, 1); max-width: 212.5px !important; height: 165px; border-radius: 12px; display: flex; align-items: center; flex-direction: column; white-space: nowrap; width: 100%; justify-content: center; min-width: 215px; } #professor-modal-cursos .wraper-text p { font-family: Proxima Nova; font-size: 20px; font-weight: 600; line-height: 24px; text-align: left; color: white; margin: 8px 0px 0px 0px; } @media(max-width:600px) { a#professor-modal-link { text-align: center; } } section#expositores { padding: 120px 0px; } /*Buttons 2026*/ .button { border-radius: 30px; text-align: center; font-family: "Proxima Nova"; font-style: normal; font-weight: 700; text-transform: uppercase; display: flex; justify-content: center; align-items: center; transition: ease-in-out all .3s; cursor: pointer; } /*Hover padrão para todos*/ .button:hover { opacity: 0.7; } /* Cores de fonte dos botões */ .button.font-black { color: var(--Black-100, #000); } .button.font-white { color: var(--White, #fff); } /*Variações de tamanho de botões*/ .button.btn-md { padding: 10px 21px; gap: 8px; } .button.btn-sm { padding: 6px 14px; gap: 6px; } /*Variações de cores de botões*/ .button.primary { background: var(--Blue, #1A5DDD); } .button.secondary { background: var(--Pink, #DF99FF); } .button.outline-dark { background: transparent; border: 2px solid var(--Black-100, #000); } .button.outline-light { background: transparent; border: 2px solid var(--White, #fff); } .button.dark { background: var(--Black-100, #000); } .button.light { background: #fff; } .button.link-dark { border-radius: 0px; background: transparent; border-bottom: 2px solid var(--Black-100, #000); } .button.link-light { border-radius: 0px; background: transparent; border-bottom: 2px solid var(--White, #fff); } .button.whatsapp { background: #61D366; }