/* Minification failed. Returning unminified contents. (9417,44): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary-color' (9417,80): run-time error CSS1039: Token not allowed after unary operator: '-cc-font-family' (9417,324): run-time error CSS1039: Token not allowed after unary operator: '-cc-z-index' (9417,993): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1143): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1174): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1203): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1280): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1303): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1327): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1340): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1367): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1396): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1424): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1452): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1507): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1538): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1572): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1639): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1669): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1718): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1777): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1813): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1849): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1895): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1931): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,1974): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2001): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2029): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2081): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2125): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2170): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2202): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2236): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2302): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2366): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2404): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2446): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2490): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2538): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2589): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2642): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2674): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2733): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2795): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2837): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2881): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,2914): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,3432): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary-color' (9417,3481): run-time error CSS1039: Token not allowed after unary operator: '-cc-link-color' (9417,3850): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-readonly-bg' (9417,3899): run-time error CSS1039: Token not allowed after unary operator: '-cc-bg' (9417,3983): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-off-bg' (9417,4240): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4289): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4332): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4361): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4389): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4425): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4480): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4514): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4548): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4615): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4645): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4694): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4753): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4789): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4825): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4896): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4932): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,4975): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5002): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5053): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5164): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5224): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5256): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5293): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5359): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5396): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5434): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5502): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5546): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5594): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5645): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5719): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5751): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5810): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5872): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5895): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,5939): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,6042): run-time error CSS1039: Token not allowed after unary operator: '-cc-bg' (9417,6069): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-border-radius' (9417,6312): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-margin' (9417,6433): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-margin' (9417,6482): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-margin' (9417,6525): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-margin' (9417,6584): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-margin' (9417,6620): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-margin' (9417,6675): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-margin' (9417,6704): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-margin' (9417,7167): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary-color' (9417,7334): run-time error CSS1039: Token not allowed after unary operator: '-cc-separator-border-color' (9417,8552): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-bg' (9417,8594): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-border-color' (9417,8643): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-border-radius' (9417,8677): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-color' (9417,8823): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-hover-bg' (9417,8867): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-hover-border-color' (9417,8914): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-hover-color' (9417,8988): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-bg' (9417,9028): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-border-color' (9417,9071): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-color' (9417,9147): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-hover-bg' (9417,9193): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-hover-border-color' (9417,9242): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-hover-color' (9417,9345): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-border-radius' (9417,9586): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-color' (9417,9704): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-hover-color' (9417,9793): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-color' (9417,9884): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-hover-color' (9417,10076): run-time error CSS1039: Token not allowed after unary operator: '-cc-footer-bg' (9417,10117): run-time error CSS1039: Token not allowed after unary operator: '-cc-footer-border-color' (9417,10153): run-time error CSS1039: Token not allowed after unary operator: '-cc-footer-color' (9417,11298): run-time error CSS1039: Token not allowed after unary operator: '-cc-separator-border-color' (9417,11893): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,13311): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-transition-duration' (9417,13363): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-transition-duration' (9417,13414): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-transition-duration' (9417,13651): run-time error CSS1039: Token not allowed after unary operator: '-cc-overlay-bg' (9417,14180): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-border-radius' (9417,15114): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,15478): run-time error CSS1039: Token not allowed after unary operator: '-cc-separator-border-color' (9417,16216): run-time error CSS1039: Token not allowed after unary operator: '-cc-bg' (9417,16243): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-border-radius' (9417,16620): run-time error CSS1039: Token not allowed after unary operator: '-cc-separator-border-color' (9417,16823): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-bg' (9417,16867): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-border-color' (9417,16918): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-border-radius' (9417,17112): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-color' (9417,17231): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-hover-bg' (9417,17277): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-hover-border-color' (9417,17361): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-hover-color' (9417,17524): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-border-radius' (9417,17679): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-border' (9417,17732): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-border-radius' (9417,17918): run-time error CSS1039: Token not allowed after unary operator: '-cc-separator-border-color' (9417,18184): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-bg' (9417,18232): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-border' (9417,18370): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-bg' (9417,18522): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-bg' (9417,18574): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-border' (9417,18860): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-hover-bg' (9417,18914): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-hover-border' (9417,19069): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,19143): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,19682): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-readonly-bg' (9417,19901): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-color' (9417,20158): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-border-radius' (9417,20268): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-bg' (9417,20319): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary-color' (9417,20607): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-bg' (9417,20638): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-color' (9417,20887): run-time error CSS1039: Token not allowed after unary operator: '-cc-pm-toggle-border-radius' (9417,21801): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-off-bg' (9417,21846): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-off-bg' (9417,22006): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-off-knob-bg' (9417,22061): run-time error CSS1039: Token not allowed after unary operator: '-cc-pm-toggle-border-radius' (9417,22480): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-on-bg' (9417,22614): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-off-bg' (9417,22718): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-on-bg' (9417,22762): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-on-bg' (9417,22871): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-on-knob-bg' (9417,23145): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-readonly-bg' (9417,23195): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-readonly-bg' (9417,23313): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-readonly-knob-bg' (9417,23431): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-readonly-knob-icon-color' (9417,23619): run-time error CSS1039: Token not allowed after unary operator: '-cc-secondary-color' (9417,23772): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-border' (9417,24081): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-hover-bg' (9417,24725): run-time error CSS1039: Token not allowed after unary operator: '-cc-separator-border-color' (9417,24764): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary-color' (9417,24905): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-hover-bg' (9417,25116): run-time error CSS1039: Token not allowed after unary operator: '-cc-separator-border-color' (9417,25465): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-bg' (9417,25507): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-border-color' (9417,25556): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-border-radius' (9417,25590): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-color' (9417,25841): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-hover-bg' (9417,25885): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-hover-border-color' (9417,25932): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-primary-hover-color' (9417,26006): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-bg' (9417,26046): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-border-color' (9417,26089): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-color' (9417,26165): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-hover-bg' (9417,26211): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-hover-border-color' (9417,26260): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-hover-color' (9417,26343): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-margin' (9417,26419): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-margin' (9417,26716): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9417,27109): run-time error CSS1039: Token not allowed after unary operator: '-cc-separator-border-color' (9417,27262): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary-color' (9417,28673): run-time error CSS1039: Token not allowed after unary operator: '-cc-overlay-bg' (9417,28861): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-transition-duration' (9417,28913): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-transition-duration' (9417,28964): run-time error CSS1039: Token not allowed after unary operator: '-cc-modal-transition-duration' (9417,31356): run-time error CSS1039: Token not allowed after unary operator: '-cc-separator-border-color' (9417,31491): run-time error CSS1039: Token not allowed after unary operator: '-cc-primary-color' */ /* Inflectra(R) Corporate Web Site Style Sheet Inflectra Corporation */ @font-face { font-family: 'Josefin'; font-style: normal; font-weight: 300; src: url(/Styles/fonts/JosefinSans-Light.eot); /* IE9 Compat Modes */ src: local('Josefin'), local('Josefin'), url(/Styles/fonts/JosefinSans-Light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/Styles/fonts/JosefinSans-Light.woff2) format('woff2'), /* Super Modern Browsers */ url(/Styles/fonts/JosefinSans-Light.woff) format('woff'), /* Modern Browsers */ url(/Styles/fonts/JosefinSans-Light.ttf) format('truetype'); /* Safari, Android, iOS */ font-display: swap; } @font-face { font-family: 'Josefin'; font-style: normal; font-weight: 400; src: url(/Styles/fonts/JosefinSans-Regular.eot); /* IE9 Compat Modes */ src: local('Josefin Regular'), local('Josefin-Regular'), url(/Styles/fonts/JosefinSans-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(/Styles/fonts/JosefinSans-Regular.woff2) format('woff2'), /* Super Modern Browsers */ url(/Styles/fonts/JosefinSans-Regular.woff) format('woff'), /* Modern Browsers */ url(/Styles/fonts/JosefinSans-Regular.ttf) format('truetype'); /* Safari, Android, iOS */ font-display: swap; } @font-face { font-family: 'Josefin'; font-style: normal; font-weight: 600; src: local('Josefin Semi Bold'), local('Josefin-Semi-Bold'), url(/Styles/fonts/JosefinSans-Regular.woff2) format('woff2'); /* Super Modern Browsers */ font-display: swap; } body a:disabled, a[disabled=disabled], a[disabled=disabled]:hover, a[disabled=disabled]:active { color: silver !important; cursor: not-allowed !important; text-decoration: none !important; } div.starter-template { padding: 40px 15px; text-align: center; } .form-control:focus { border-color: #f26722; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242, 103, 34, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242, 103, 34, .6); } .table > thead > tr > td.error { background-color: Tomato; } /* Buttons */ a.btn-primary:link, a.btn-primary:visited { background-color: #fdcb26; border-color: #fdcb26; text-decoration: none; color: #333; } a.btn-primary:hover, a.btn-primary:active { background-color: #F7991F; border-color: #F7991F; } a.btn-trial:link, a.btn-trial:visited { background-color: #072F4B; border-color: #072F4B; color: white; text-decoration: none; } a.btn-trial:hover, a.btn-trial:active { background-color: #475f6f; border-color: #475f6f; } a.btn-default:link, a.btn-default:visited { background-color: transparent !important; border-color: #f08231 !important; color: #f08231; text-decoration: none; transition: all .3s; } a.btn-default:hover, a.btn-default:active { background-color: #FFF1C4 !important; box-shadow: 1px 1px 3px rgba(0,0,0,.15); } .btn.btn-tertiary { background-color: #FFF1C4; } .btn.btn-tertiary:hover, .btn.btn-tertiary:active { background-color: #fdcb26; } button.btn-primary, input[type=button].btn-primary, input[type=submit].btn-primary, button.btn-primary[disabled], input[type=button].btn-primary[disabled], input[type=submit].btn-primary[disabled] { background-color: #fdcb26; border-color: #f08231; color: #23527c; } button.btn-primary:hover, button.btn-primary:active, button.btn-primary:focus, input[type=button].btn-primary:hover, input[type=button].btn-primary:active, input[type=button].btn-primary:focus, input[type=submit].btn-primary:hover, input[type=submit].btn-primary:active, input[type=submit].btn-primary:focus { background-color: #F7991F; color: #23527c; } button.btn-primary[disabled], input[type=button].btn-primary[disabled], input[type=submit].btn-primary[disabled] { color: white; cursor: not-allowed; opacity: 0.65; pointer-events: none; } button.btn-icon { border:none; background-color: transparent; } button.btn-icon:hover { color: #F7991F; } /* Forms */ label { font-weight: normal; } label.required { font-weight: bold; } label.required:after { content: ' *'; } /* Tables */ .table-striped > tbody > tr:nth-child(odd) > td { background-color: #f9f9f9; } .table-striped > thead > tr th { background-color: #eee; } .table-striped > tbody > tr:nth-child(odd) > th { background-color: #eee; } .table > thead > tr.table-row-shaded > th, .table > tr.table-row-shaded > th { background-color: #eee; } /* Links */ a.hidden-link:link { text-decoration: none; color: #333; cursor: default; } a.document-link:before { font-family: 'FontAwesome'; content: '\f054'; margin-left: 0px; margin-right: 5px; font-size: 8pt; display: inline-block; color: #777; } /* Used for inline external links*/ a.external-link:after { font-family: 'FontAwesome'; content: "\f08e"; margin-left: .25em; margin-right: .125em; font-size: .825em; opacity: .6; } /* Used for inline email links*/ a.email-link:after { font-family: 'FontAwesome'; content: "\f0e0"; margin-left: 4px; margin-right: 3px; font-size: 8pt; display: inline-block; } a.link-email:before { font-family: 'FontAwesome'; content: "\f0e0"; margin-right: 5px; } a.link-phone:before { font-family: 'FontAwesome'; content: "\f10b"; margin-right: 5px; } a.link-fax:before { font-family: 'FontAwesome'; content: "\f01c"; margin-right: 5px; } a.link-website:before { font-family: 'FontAwesome'; content: "\f0ac"; margin-right: 5px; } a.link-phone:link, a.link-phone:visited, a.link-email:link, a.link-email:visited, a.link-fax:link, a.link-fax:visited, a.link-website:link, a.link-website:visited { color: #333; text-decoration: none; } a.link-phone:hover, a.link-phone:active, a.link-email:hover, a.link-email:active, a.link-fax:hover, a.link-fax:active, a.link-website:hover, a.link-website:active { text-decoration: underline; color: #f26722; } /* Tabs */ ul.nav-tabs {} ul.nav-tabs li { font-size: 22px; } ul.nav-tabs li small { font-size: 16px; } ul.nav-tabs li a:link, ul.nav-tabs li a:visited { color: #777; text-decoration: none; } ul.nav-tabs li.active a:link, ul.nav-tabs li.active a:visited { color: #333; } .tab-content > .tab-pane > p { margin-left: 10px; margin-right: 10px; } .tab-content > .tab-pane > p:first-child { margin-top: 10px; } .tab-content > .tab-pane > div { margin-left: 10px; margin-right: 10px; } /* CALLOUTS */ .callouts .col-lg-4 { margin-bottom: 20px; text-align: center; } .callouts .col-lg-4 p { margin-right: 10px; margin-left: 10px; } .callouts .col-lg-4 h2 { font-style: italic; color: #f26722; font-weight: normal; font-family: 'Times New Roman'; } .callouts .col-lg-4 h2 span.emphasis { font-style: normal; font-weight: bold; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; } .callouts .col-lg-4 h3 { color: #f26722; } .callouts a.btn { background-color: #f26722; border-color: #f26722; color: white; font-weight: bold; text-decoration: none; text-transform: uppercase; } .callouts a.btn:hover, .callouts a.btn:active { text-decoration: none; background-color: #F7991F; } .testimonials { background-color: #E8E8E8; } .testimonials .row { padding-top: 20px; padding-bottom: 20px; text-align: center; } .customers {} .customers .row { padding-bottom: 20px; text-align: center; } .customers .row div.marquee-container { position: relative; width: 100%; /*marquee width */ height: 100px; /*marquee height */ background-color: white; overflow: hidden; border: none; padding-top: 0px; padding-bottom: 4px; padding-right: 2px; padding-left: 4px; } .customers .row div.marquee-container .marquee { position:absolute; width:auto; white-space:nowrap; border: none; } .customers .row div.marquee-container .marquee a img { margin: 10px; filter: grayscale(1.0); -webkit-filter: grayscale(1.0); } .customers .row div.marquee-container .marquee a img:hover { margin: 10px; filter: inherit; -webkit-filter: inherit; } .news { background-color: #c2e2ea; } .news h2 { color: #333; font-size: 36px; } .news .top-story { background-color: #9edbea; padding: 10px; color: black; margin-bottom: 20px; } .news a.btn { font-weight: bold; margin-right: 5px; background-color: #475f6f; border-color: #475f6f; } .news a.btn:hover { color: #F16824; text-decoration: none; border-color: white; background-color: white; } .news .top-story h3 { margin-top: 5px; font-size: 18pt; font-weight: bold; line-height: 20pt; } .news .top-story h3 span.badge { vertical-align: middle; background-color: black; } .news .top-story p { font-size: 18px; line-height: 1.4; } .news .top-story a:link, .news .top-story a:visited { color: black; font-weight: bold; text-decoration: none; } .news .top-story a:hover, .news .top-story a:active { color: #f26722; text-decoration: underline; } .news .other-articles { margin-top: 10px; margin-bottom: 10px; } .news .other-articles ul { padding-left: 0px; margin-bottom: 20px; } .news .other-articles ul li { list-style: none; } .news .other-articles ul li h3 { font-size: 12pt; line-height: 16pt; margin-top: 0px; } .news .other-articles ul li h3 a:link, .news .other-articles ul li h3 a:visited { font-weight: bold; text-decoration: none; color: #333; } .news .other-articles ul li h3 a:hover, .news .other-articles ul li h3 a:active { color: black; text-decoration: underline; } .news .other-articles ul li p.date { color: #777; font-size: 12pt; line-height: 14pt; margin-bottom: 5px; margin-top: 10px; } .news .other-articles ul li p.date span.badge { vertical-align: middle; } .news .other-articles .tooltip-inner { max-width: 300px; } .company-keywords { background-color: #E8E8E8; padding-top: 20px; } .company-keywords ul { padding-left: 0px; } .company-keywords ul li { list-style: none; } .company-keywords ul li a:link, .company-keywords ul li a:visited { color: black; text-decoration: none; } .company-keywords ul li a:hover, .company-keywords ul li a:active { color: #F16925; text-decoration: underline; } .company-keywords .spacer { margin-top:50px; } .company-keywords .legal-notices { margin-top: 0px; vertical-align: bottom; text-align: right; } @media(max-width:767px) { .company-keywords ul { padding-left: 20px; } } /* Icons */ .image-circle { border: 5px solid #F16824; color: #F16824; border-radius: 50%; padding: 20px; width: 200px; height: 200px; } .icon-circle { width: 140px; height: 140px; border: 5px solid #F16824; color: #F16824; border-radius: 50%; vertical-align: middle; text-align: center; font-size: 70px !important; font-weight: normal; line-height: 130px !important; padding: 0px; cursor: pointer; margin-bottom: 5px; } .icon-circle:hover { border: 5px solid #F7991F; color: #F7991F; } .icon-circle-default { border: 3px solid; border-radius: 50%; width: 1.1em; display: inline-block; text-align:center; } .icon-question { position: relative; top: 1px; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: bold; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 90px; line-height: 120px; } .icon-question:before { content: '?'; } .icon-circle-lg { width: 200px; height: 200px; border: 5px solid #F16824; color: #F16824; border-radius: 50%; vertical-align: middle; text-align: center; font-size: 100px; font-weight: normal; line-height: 190px; padding: 0px; cursor: pointer; margin-bottom: 5px; } .icon-circle-sm { background-color: #777; color: white; border: 5px solid #777; border-radius: 50%; text-align: center; padding: 0px 4px 0px 4px; } /* Popovers */ .popover {} .popover h3.popover-title { color: #777; font-weight: bold; } .popover { max-width: 1000px; } .popover div.popover-content div.panel { display: inline-block; max-width: 276px; vertical-align: top; } .popover-template { display: none; } /* Panels */ .panel-primary { border-color: #fdcb26; } .panel-primary > .panel-heading { color: #333; background-color: #fdcb26; border-color: #fdcb26; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #fdcb26; } .panel-primary > .panel-heading .badge { color: #F16824; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #fdcb26; } .panel-mint { border-color: #00a573; } .panel-mint > .panel-heading { color: #fff; background-color: #00a573; border-color: #00a573; } .panel-mint > .panel-heading + .panel-collapse > .panel-body { border-top-color: #00a573; } .panel-mint > .panel-heading .badge { color: #00a573; background-color: #fff; } .panel-mint > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #00a573; } .panel-centered { text-align: center; } /* Lists */ ul.check-list { padding-left: 0px; } ul.check-list li { margin-bottom: 5px; list-style: none; padding-left: 20px; } ul.check-list li:before { content:"\f046"; font-family: FontAwesome; opacity: .5; font-weight: bold; margin-left: -20px; margin-right: .5em; } /* Checkboxes */ .fancy-checkbox, .fancy-checkbox-group input[type=checkbox] { display: none; } .fancy-checkbox-label:before { content: "\f096"; font-family: FontAwesome; display: inline-block; margin-left: 4px; margin-right: 4px; cursor: pointer; transform: scale(0.7); transition: all 0.2s; vertical-align: middle; font-size: 1.5em; color: #333; } .fancy-checkbox:checked + .fancy-checkbox-label:before, .fancy-checkbox-group input[type=checkbox]:checked + .fancy-checkbox-label:before { content: '\f046'; } /* Accordions */ .accordion-heading { font-weight: normal; } .accordion-heading a[data-toggle=collapse] { font-weight: normal; color: #777; text-decoration: none; } .accordion-heading a[data-toggle=collapse]:hover { font-weight: normal; color: #f26722; } .accordion-heading a[data-toggle=collapse] span.fa { margin-right: 10px; } .accordion-heading .accordion-legend { margin-left: 10px; color: #777; } /* Industry Colors */ .color-lifesciences, .color-lifesciences-hover:hover { color: #126481; } .color-finance, .color-finance-hover:hover { color: #ec5f68; } .color-automotive, .color-automotive-hover:hover { color: #0069ae; } .color-government, .color-government-hover:hover { color: #3f5c90; } .color-telecommunication, .color-telecommunication-hover:hover { color: #0053ef; } .color-aviation, .color-aviation-hover:hover { color: #054184; } .color-retail, .color-retail-hover:hover { color: #525c6c; } .color-transportation { color: #be431f; } .color-energy { color: #4ea7d2; } .color-media { color: #374257; } .color-education { color: #166fa0; } .color-infotech { color: #680754; } /* Other classes */ /* Used to hide the license key text box - has to be done this way, do not change */ .clipboard-copy-text { position: absolute; left: -9999px; } .image-frame { display: inline-block; border: 1px solid silver; margin: 10px; } .row-spaced { margin-top: 8px; margin-bottom: 8px; } .price-list { color: #777; font-weight: bold; font-size: 28px; margin-bottom: 10px; text-decoration: line-through; } .price-list small { font-size: 18px; } .price-current { color: #f26722; font-weight: bold; font-size: 28px; margin-bottom: 10px; } .price-current small { font-size: 18px; } .credit-card-addon { padding-bottom: 0px; padding-top: 0px; } .partner-faqs h2 { font-size: 3rem; margin-bottom: 20px; margin-top: 20px; } .partner-faqs h3 { margin-top: 20px; margin-bottom:5px; font-weight: bold; } .partner-faqs p { font-size: 110%; } .partner-faqs ul li { font-size: 110%; } .text-light { color: #777; } .text-small { font-size: 12px; } .panel-heading-bold { font-weight: 500; font-size: 18px; } /* Alerts */ .alert-narrow { padding-top: 4px; padding-bottom: 4px; } /* Login Form */ .form-signin { max-width: 400px; margin: 0 auto; } .form-signin .form-signin-panel { width: 100%; max-width: 400px; } .form-signin .form-signin-heading h1 { font-weight: bold; font-size: 28px; } .form-signin .form-signin-body .btn-primary { font-weight: bold; width: 100%; font-size: large; background-color: #91bd58; border-color: #91bd58; } .form-signin .form-signin-body .btn-primary:hover { border-color: #639227; background-color: #639227; } .form-signin .form-signin-body .form-group label { font-weight: bold; } .blog-post .share-links { border-top: 2px solid #eee; margin-top: 2rem; margin-bottom: 0; width: 100%; padding-top: 1rem; } .img-sm { max-height: 80px; max-width:250px; } /* WYSIWYG Colors */ .wysiwyg-color-black { color: black; } .wysiwyg-color-silver { color: silver; } .wysiwyg-color-gray { color: gray; } .wysiwyg-color-white { color: white; } .wysiwyg-color-maroon { color: maroon; } .wysiwyg-color-red { color: red; } .wysiwyg-color-purple { color: purple; } .wysiwyg-color-fuchsia { color: fuchsia; } .wysiwyg-color-green { color: green; } .wysiwyg-color-lime { color: lime; } .wysiwyg-color-olive { color: olive; } .wysiwyg-color-yellow { color: yellow; } .wysiwyg-color-navy { color: navy; } .wysiwyg-color-blue { color: blue; } .wysiwyg-color-teal { color: teal; } .wysiwyg-color-aqua { color: aqua; } .wysiwyg-color-orange { color: orange; } /* One-time password entry */ .otp { border-top: 0; border-right: 0; border-left: 0; border-bottom: 2px solid #eee; display: block; font-size: 1.5rem; font-family: monospace; letter-spacing: 1rem; padding-bottom: .25rem; padding-left: 1rem; width: 12.5rem; /*adds the half rem to make sure all characters display after typing in the 6th character on Firefox and Safari*/ } /* Tweetable text */ a.tweetabletext { color: inherit !important; background-color: #E8E8E8; text-decoration: none !important; } a.tweetabletext:hover { background-color: #F7991F; color: #2C4414; text-decoration: none; } a.tweetabletext::after { display: inline-block; background: url(/Styles/Images/Tweet.png) no-repeat left center; width: 24px; height: 16px; content: "\00a0"; text-decoration: none; margin: 0; margin-left: 5px; right: 0px; position: relative; padding: 0; top: 3px; } /* Screenshot with Chrome */ .extra_image-wrap { background: white; border: 1px solid #333; border-radius: 0.5vw; box-shadow: 0 0 30px rgba(0,0,0,.4); display: inline-block; height: 210px; overflow: hidden; vertical-align: top; width: 500px; } .extra_image-header { display: block; height: auto; width: 100%; } .extra_image-main { height: auto; width: 100%; } @media(max-width:767px) { .extra_image-wrap { width: 200px; height: 100px; } } /* Preformatted code on mobile */ @media(max-width:767px) { .highlight pre { white-space: pre-wrap; overflow-x: hidden; } code{ white-space: pre-wrap; word-wrap: break-word; } } /*! * 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(/Styles/fonts/fontawesome-webfont.eot?v=4.7.0); src: url(/Styles/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(/Styles/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(/Styles/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(/Styles/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(/Styles/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg'); font-weight: normal; font-style: normal; font-display: swap; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the 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; } /* * ============== * RESET * ============== */ /* Global Look and Feel */ :root, body { font-size: 16px; line-height: 1.25; } body { padding-top: 70px; font-family: Josefin, sans-serif; font-weight: 300; } body { color: #333; } h1,h2,h3,h4,h5,h6 { font-family: 'Josefin', sans-serif; font-weight: 300; line-height: normal; margin: .75rem 0; } small { font-size: 85%; line-height: 1; } h1 small,h2 small,h3 small { font-size: 65%; } a { color: #f08231; } a:hover, a:active { color: #fdcb26; } a, img, a:hover { border: none; outline: none; } label { margin: 0; } table { border-spacing: 0; border-collapse: collapse; } th { text-align: left; } p { margin: 0 0 10px; } input, textarea, select, button { font-family: 'Josefin', sans-serif; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; height: 0; box-sizing: content-box; } p.code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; padding: 4px 4px 0px 20px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; margin-bottom: 0px; } a.circular-link { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; text-align: center; border-radius: 50%; font-size: 20px; padding: 4px; } a.circular-link-blue { background-color: #072F4B; color: #fdcb26; } a.circular-link-yellow { background-color: #fdcb26; color: #072F4B; } a.circular-link-pink { background-color: #bf6f96; color: #072F4B; } /* Validation Messages */ .help-block { font-size: 90% !important; } /* Metric Callouts */ .metric { font-weight: 900; font-size: 2.25rem; } .metric p { margin: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; line-height: 2.5rem; } .metric-lg { font-size: 6rem; text-stroke: 4px; -webkit-text-stroke: 4px; } /* * ============== * NAVIGATION BAR * ============== */ .nav-top { position: fixed; padding: 0; background: rgba(7,47,79,0.9); height: 40px; top: 0; left: 0; width: 100vw; z-index: 3; -webkit-backdrop-filter: saturate(180%) blur(5px); backdrop-filter: saturate(180%) blur(5px); } .mt-nav-top { margin-top: 40px; } .nav-top-list { margin: 0 auto; padding: 0; max-width: 960px; display: block; position: relative; } .h-nav-top { height: 40px; max-height: 40px; max-width: 100%; width: 100%; } .nav-top-li, .nav-sub-li { float: left; list-style: none; display: inline-block; display: inline-flex; position: relative; } /*keep width out as search icon has custom width*/ .nav-top-set-width, .nav-sub-li { width: calc((100% - 4rem) / 7); } /*I don't know why but putting display block outside of the main rule for this class makes the contents display much better in IE9*/ .nav-top-btn { display: block; } .nav-top-btn { color: #f1f1f1; display: flex; font-weight: 400; justify-content: center; align-items: center; padding: .5rem; text-align: center; text-decoration: none; transition: all .2s; width: 100%; height: 40px; } .nav-top-li.selected .nav-top-btn, .nav-top-btn:hover, .nav-top-btn:focus, .nav-top-btn:active { color: #fdcb26; fill: #fdcb26; text-decoration: none; } .nav-top-btn .svg { width: 20px; height: 20px; } .nav-top-li:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0px 8px 0 8px; border-color: rgba(7,47,79,1) transparent transparent transparent; position: absolute; bottom: auto; top: 100%; z-index: 2; left: 50%; transform: translateX(-50%); transition: border .2s .1s; } .nav-top-li.selected:before { border-width: 6px 8px 0 8px; } /* SEARCH ICON */ /* the animated search icon */ .nav-search-label { border-radius: 100%; transition: background .4s ease-in-out; } .nav-search-label:hover { background-color: rgba(255,255,255,.15); } .nav-search-icon { cursor: pointer; font-size: 60%; transition: transform .5s; } .nav-search-label:hover .nav-search-icon, .nav-search-go:hover .nav-search-icon { color: #f1f1f1; } .nav-search-icon:before, .nav-search-icon:after { border-radius: 2rem; content: ''; position: absolute; transition: all .5s ease-in-out; } .nav-search-icon:before { box-shadow: 0 0 0 .25em; width: 1em; height: 1em; top: 50%; left: 50%; transform: translate(-75%, -75%); } .nav-search-icon:after { width: 1em; height: .3em; background: #f1f1f1; transform: translate(0%, 100%) rotate(45deg); top: 50%; left: 50%; } /* active search/close icon */ #nav-search-check:checked ~ .nav-top-list .nav-search-label .nav-search-icon { /*transform: translate(-1em, -0.15em);*/ } #nav-search-check:checked ~ .nav-top-list .nav-search-label .nav-search-icon:before, #nav-search-check:checked ~ .nav-top-list .nav-search-label .nav-search-icon:after { box-shadow: 0 0 0 0; width: 2em; height: .1em; background: #f1f1f1; } #nav-search-check:checked ~ .nav-top-list .nav-search-label .nav-search-icon:before { transform: translate(-50%, 0) rotate(225deg); } #nav-search-check:checked ~ .nav-top-list .nav-search-label .nav-search-icon:after { transform: translate(-50%, 0) rotate(-225deg); } /*manage hiding / showing navbar items that we don't want to see when searching*/ #nav-search-check:checked ~ .nav-top-list .nav-hide-on-search { opacity: 0; transform: rotateY(30deg), scale(.5); visibility: hidden; } /*we can't reference by class name for child pseudo selectors so have to hard code them here*/ .nav-top-list li:nth-of-type(6) { transition: all .5s .35s } .nav-top-list li:nth-of-type(5) { transition: all .5s .28s } .nav-top-list li:nth-of-type(4) { transition: all .5s .21s } .nav-top-list li:nth-of-type(3) { transition: all .5s .14s } .nav-top-list li:nth-of-type(2) { transition: all .5s .07s } #nav-search-check:checked ~ .nav-top-list li:nth-of-type(2) { transition: all .5s .35s } #nav-search-check:checked ~ .nav-top-list li:nth-of-type(3) { transition: all .5s .28s } #nav-search-check:checked ~ .nav-top-list li:nth-of-type(4) { transition: all .5s .21s } #nav-search-check:checked ~ .nav-top-list li:nth-of-type(5) { transition: all .5s .14s } #nav-search-check:checked ~ .nav-top-list li:nth-of-type(6) { transition: all .5s .07s } .nav-show-on-search { visibility: hidden; opacity: 0; overflow: hidden; position: absolute; left: 12.5%; transition: opacity .3s ease-in-out; width: calc((100% - 4rem) / 7 * 5); } #nav-search-check:checked ~ .nav-top-list .nav-show-on-search { visibility: visible; opacity: 1; transition: opacity .3s ease-in-out .3s; } .nav-search-box { transform: translateX(100%); transition: all .5s; width: 100%; } #nav-search-check:checked ~ .nav-top-list .nav-search-box { transform: translateX(0); transition: all .3s ease-in-out .3s; } .nav-quick-links { opacity: 0; visibility: hidden; transition: all .1s ease-in-out 0s; } #nav-search-check:checked ~ .nav-top-list .nav-search-box .nav-quick-links { opacity: 1; visibility: visible; transition: all .2s ease-in-out 0.6s; } .nav-search-go { color: #f1f1f1; height: 2rem; opacity: 0; transition: opacity .2s; width: 2rem; } .nav-search-go:hover { color: #f1f1f1; } #nav-search-check:checked ~ .nav-top-list .nav-search-go { opacity: 1; transition: opacity .9s ease-in-out .3s; } .nav-search-input { color: #f1f1f1; border: 0; border-bottom: 1px solid #f1f1f1; box-shadow: none; background:transparent; display: inline-block; font-size: 1.25rem; line-height: 1.25; margin-top: 1px; padding: .25rem; transition: all .3s; width: calc(100% - 2.5rem); } .nav-search-input:focus { box-shadow: 0 -2px 0 #f1f1f1 inset; outline: 0; } /* New main navigation lists */ .nav-items-list { list-style: none; padding-left: 0; margin-top: 5px; } .nav-items-list li { } .nav-items-list li a { text-decoration: none; color: #fdcb26; transition: color .3s, text-decoration .3s; } .nav-items-list li a:hover { color: #ffdcac; text-decoration: underline; } .nav-list-toggle { cursor: pointer; list-style: none; } .nav-list-toggle:before { font-family: "FontAwesome"; content: "\f0da"; margin-left: -9px; transition: color .3s } .nav-list-toggle:hover:before { color: #f1a42b; } .nav-list-toggle > ul { display: none; transition: display .3s; } .nav-list-toggle.show:before { font-family: "FontAwesome"; content: "\f0d7"; margin-left: -12px; } .nav-list-toggle.show > ul { display: block; } .nav-list-toggle.show > ul { list-style: square; display: block; font-size: 80%; } .nav-list-heading { display: inline; font-weight: bold; } .nav-list-desc { display: block; font-size: 80%; font-weight: 200; margin-bottom: 6px; } /* quick links box */ /* manage show/hiding the modal overlay to give focus to search */ .modal-overlay { cursor: pointer; } #nav-search-check:checked ~ .modal-overlay { max-height: calc(100vh - 40px); } /*manage modals*/ .modal-full-belowHeader { bottom: 0; left: 0; max-height: 0; overflow: hidden; position: fixed; right: 0; top: 40px; transition: max-height .3s; } .modal-full-belowHeader.show, .modal-full-belowHeader.show > .ov-y-auto { max-height: calc(100vh - 40px); } .modal-dynamic-belowHeader { bottom: 0; left: 0; height: 0; overflow: hidden; position: fixed; right: 0; top: 40px; transition: max-height .3s; } .modal-dynamic-belowHeader.show, .modal-dynamic-belowHeader.show > .ov-y-auto { height: min-content; } @media only screen and (max-width: 768.1px) { .modal-dynamic-belowHeader { overflow: scroll; } .modal-dynamic-belowHeader.show, .modal-dynamic-belowHeader.show > .ov-y-auto { max-height: calc(100vh - 40px); } } /* * =========== * NAV ON SMALL SCREENS * =========== * single breakpoint set for 768px to make it easier to manage */ /*small screen specific header*/ .nav-top-head-sm { display: none; margin: 0; padding: 0; } .nav-hamburger { cursor: pointer; position: relative; display: block; width: 20px; height: 20px; transition: all .4s; z-index: 2; } .nav-hamburger:before, .nav-hamburger:after { content: ""; position: absolute; display: block; border-bottom: 1px solid #f1f1f1; height: 1px; transition: all 0.5s; left: 50%; width: 16px; transform: translate(-50%, -50%); } .nav-hamburger:before { top: 35%; } .nav-hamburger:after { top: 65%; } .nav-home-link path { transition: all .3s; } .nav-home-link:hover path { fill: #f1f1f1; } /*make sure the modal is visible above the full screen nav menu on mobile*/ #nav-modal { z-index: 3; } .nav-modal { color: white; background-color: #072F4B; } .nav-modal a { color: #fdcb26; } .nav-modal h3 { color: #fdcb26; } @media only screen and (max-width: 768.1px) { .nav-top-head-sm { display: flex; transition: background .4s; } .nav-top-list { display: flex; flex-direction: column; height: calc(100vh - 40px); /*40 is the height of the navbar*/ max-height: 0; overflow: hidden; transition: all .5s; visibility: hidden; } .nav-top-list .nav-top-li { height: unset; width: 100%; } .nav-top-list .nav-top-btn { border-bottom: 1px solid rgba(255,255,255,.2); font-size: calc(.75rem + 1vh); margin: 0 2rem; opacity: 0; padding: 0 1rem; text-align: left; justify-content: flex-start; transition: all .2s; visibility: hidden; } /*toggling the main menu open using the header button*/ /*hamburger icon animation*/ #nav-menu-sm-check:checked ~ .nav-top-head-sm .nav-hamburger:before { transform: translate(-50%, -50%) rotate(-135deg); top: 50%; } #nav-menu-sm-check:checked ~ .nav-top-head-sm .nav-hamburger:after { transform: translate(-50%, -50%) rotate(135deg); top: 50%; } /*animation on opening the menu - menu itself*/ #nav-menu-sm-check:checked ~ .nav-top-head-sm, #nav-menu-sm-check:checked ~ .nav-top-list { background-color: rgba(7,47,79,0.9); } #nav-menu-sm-check:checked ~ .nav-top-list { max-height: calc(100vh - 40px); visibility: visible; } /*animation of showing the menu items*/ #nav-menu-sm-check:checked ~ .nav-top-list .nav-top-btn { opacity: 1; padding: 5vh 1rem; visibility: visible; } #nav-menu-sm-check:checked ~ .nav-top-list li:nth-of-type(2) .nav-top-btn { transition: all .3s ease-in-out .07s; } #nav-menu-sm-check:checked ~ .nav-top-list li:nth-of-type(3) .nav-top-btn { transition: all .3s ease-in-out .14s; } #nav-menu-sm-check:checked ~ .nav-top-list li:nth-of-type(4) .nav-top-btn { transition: all .3s ease-in-out .21s; } #nav-menu-sm-check:checked ~ .nav-top-list li:nth-of-type(5) .nav-top-btn { transition: all .3s ease-in-out .28s; } #nav-menu-sm-check:checked ~ .nav-top-list li:nth-of-type(6) .nav-top-btn { transition: all .3s ease-in-out .35s; } #nav-menu-sm-check:checked ~ .nav-top-list li:nth-of-type(9) .nav-top-btn { transition: all .3s ease-in-out .42s; } #nav-menu-sm-check:checked ~ .nav-top-list li:nth-of-type(7) .nav-top-btn { transition: all .3s ease-in-out .49s; } /*handling search on small devices*/ /*set the search list item to be at bottom and displayed in normal way - ie like other list items*/ .nav-show-on-search { opacity: 1; order: 1; /*moves search to the bottom*/ position: relative; padding: 0; visibility: visible; left: unset; } /*show the search box itself*/ .nav-search-box { border-bottom: 1px solid #f1f1f1; margin: 2vh 2rem 0 2rem; padding: 0 1rem 0 .5rem; text-align: left; transform: unset } .nav-search-go { opacity: 1; } .nav-search-input { border-bottom: 0; font-size: calc(.75rem + 1vh); padding: 1vh .25rem; vertical-align: bottom; } .nav-quick-links { display: none; } } /* * ========== * NAV MODALS * ========== */ /*complex selectors here allow these feature to be used to with different sets of IDs - they just have to end with "product-filter-foo" */ [id$=product-filter-all]:checked ~ .radio-labels label[for$=product-filter-all], [id$=product-filter-manager]:checked ~ .radio-labels label[for$=product-filter-manager], [id$=product-filter-developer]:checked ~ .radio-labels label[for$=product-filter-developer], [id$=product-filter-tester]:checked ~ .radio-labels label[for$=product-filter-tester] { background-color: #FFF1C4; box-shadow: 1px 1px 3px rgba(0,0,0,.15) inset; text-decoration: none; } .radio-controlled .u-card { transition: all .3s; } [id$=product-filter-manager]:checked ~ .radio-controlled .u-card:not(.for-manager), [id$=product-filter-developer]:checked ~ .radio-controlled .u-card:not(.for-developer), [id$=product-filter-tester]:checked ~ .radio-controlled .u-card:not(.for-tester) { opacity: .1; } @media only screen and (max-width: 768.1px) { [id$=product-filter-manager]:checked ~ .radio-controlled .u-card:not(.for-manager), [id$=product-filter-developer]:checked ~ .radio-controlled .u-card:not(.for-developer), [id$=product-filter-tester]:checked ~ .radio-controlled .u-card:not(.for-tester) { display: none; } } /* * ============= * SECONDARY NAV * ============= */ .nav-sub-wrap { display: block; /*2018-02 this has a bug in Edge - inline-block fixes it but this breaks Safari so we have left it as block*/ width: 100vw; /*2018-02 hack to fix Edge bug*/ position: -webkit-sticky; position: sticky; top: 0; z-index: 3; box-shadow: 0 2px 4px rgba(0,0,0,.15); -webkit-backdrop-filter: saturate(180%) blur(20px); /*2018-02 safari only*/ backdrop-filter: saturate(180%) blur(20px); /*2018-02 safari only*/ } .nav-sub-wrap, .nav-sub { height: 60px; } .nav-sub-li { text-align: center; /*ie fallback*/ align-items: center; display: inline-flex; justify-content: center; } /* * ================ * ON PAGE MINI NAV * ================ * control takes the form of div > a > :before/inner text with classes nav-dots > nav-dots-link > nav-dots-text */ .nav-dots { display: inline-block; margin: 0; padding: 0; width: 5em; } .nav-dots:hover { background-color: rgba(255,255,255,0.75); border-radius: 4px; width: auto; } .nav-dots-home { background-color: #E8EAED; color: white; display: block; transform: translateX(-25%); transition: all 0.2s ease; border-radius: 50%; height: 2rem; width: 2rem; } .nav-dots:hover .nav-dots-home { color: #ffdcac; } .nav-dots-link { display: block; text-decoration: none; padding: 0 .5em; margin-left: -.5em; position: relative; transition: all 0.2s ease; white-space: nowrap; } .nav-dots:hover .nav-dots-link { padding-bottom: .4em; } .nav-dots-link:hover { text-decoration: none; } .nav-dots:not(:hover) .nav-dots-text { opacity: 0; } .nav-dots-text { display: inline-block; opacity: 1; padding: .25em 0 0 1.5em; transition: opacity .2s ease; } .nav-dots:not(:hover) .nav-dots-link:before { background: #E8EAED; transform: scale(0.9); } .nav-dots-link:before { background: #ffdcac; content: ""; position: absolute; transition: all 0.2s ease; top: .5em; width: .75rem; height: .75rem; border-radius: 50%; } /*active state of a single link*/ .nav-dots .nav-dots-link.active, .nav-dots:hover .nav-dots-link.active, .nav-dots-link:hover { color: #1a76c5; } .nav-dots .nav-dots-link.active:before, .nav-dots-home:hover, .nav-dots-home.active { background: #1a76c5; } /* * =========== * BACKGROUNDS * =========== */ .bg-hexagons-abstract { background-image: url(/Images/Backgrounds/hexagons-abstract.jpg); background-position: left; background-repeat: no-repeat; background-size: contain; background-color: #f4f5f7; } @media (max-width: 991.9px) { .bg-hexagons-abstract { background-position: center; background-size: cover; } } .bg-hexagons-3d { background-image: url(/Images/Backgrounds/hexagons-3d.jpg), url(/Images/Backgrounds/hexagons-3d-bg.jpg); background-position: center center; background-repeat: no-repeat, repeat-x; background-size: contain, contain; background-color: #f6f6f6; } .bg-hexagons-2d { background-image: url(/Images/Backgrounds/hexagons-2d.png); background-position: right; background-repeat: no-repeat; background-size: auto 100%; background-color: #f3f3f3; } .bg-hexagons-maze { background-image: url(/Images/Backgrounds/hexagons-maze.png); background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #f1f1f1; } .bg-leaves-pattern { background-image: url(/Images/Backgrounds/leaves-pattern.jpg); background-position: center center; background-repeat: repeat; } .bg-inflections-abstract { background-color: #fefff0; background-image: url(/Images/Backgrounds/inflections-abstract.png); background-position: center bottom; background-repeat: no-repeat; background-size: cover; } .bg-divider-circles { background-image: url(/Images/Backgrounds/divider-repeating-circles.png); background-position: center center; background-repeat: repeat-x; background-size: 400px auto; background-color: #fff; } .bg-clouds { background-image: url(/Images/Backgrounds/clouds.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg-buildings { background-image: url(/Images/Backgrounds/buildings.png); background-position: center bottom; background-size: contain; background-repeat: repeat-x; background-color: #a5c7ec; } .bg-orange-waves { background-image: url(/Images/Backgrounds/orange-waves.jpg); background-position: center bottom; background-size: cover; } .bg-abacus { background-image: url(/Images/Backgrounds/abacus.jpg); background-position: center center; background-size: cover; background-color: #fff; } .bg-learning { background-image: url(/Images/Backgrounds/E-Learning.jpg); background-position: center center; background-size: cover; background-color: #fff; } .bg-world { background-image: url(/Images/Backgrounds/world-map.jpg); background-position: center center; background-size: cover; background-color: #fff; } .bg-circles { background-image: url(/Images/Backgrounds/circles.jpg); background-position: center center; background-size: cover; background-color: #fff; } .bg-polygons-colorful { background-image: url(/Images/Backgrounds/polygons-colorful.jpg); background-position: center center; background-size: cover; background-repeat: repeat-x; } .bg-polygons-muted { background-image: url(/Images/Backgrounds/polygons-muted.jpg); background-position: center center; background-size: cover; } .bg-polygons-warm { background-image: url(/Images/Backgrounds/polygons-warm.jpg); background-position: center top; background-size: cover; } .bg-tricolor { background-color: #fdcb26; background: linear-gradient(70deg, #00a573 15%,#fdcb26 30%,#fdcb26 70%,#bf6f96 85%); } .bg-dna-molecule { background-image: url(/Images/Backgrounds/dna-molecule.jpg); background-position: center center; background-size: cover; } .bg-red-vectors { background-image: url(/Images/Backgrounds/red-vectors.jpg); background-position: center center; background-size: cover; } .bg-government { background-image: url(/Images/Backgrounds/blue-government.png); background-position: center center; background-size: cover; } .bg-finance { background-image: url(/Images/Backgrounds/red-finance.png); background-position: center center; background-size: cover; } .bg-energy { background-image: url(/Images/Backgrounds/blue-energy.png); background-position: center center; background-size: cover; } .bg-telecommunications { background-image: url(/Images/Backgrounds/blue-telecommunications.png); background-position: center center; background-size: cover; } .bg-retail { background-image: url(/Images/Backgrounds/red-retail.png); background-position: center center; background-size: cover; } .bg-aerospace { background-image: url(/Images/Backgrounds/red-aerospace.png); background-position: center center; background-size: cover; } .bg-media { background-image: url(/Images/Backgrounds/blue-media.png); background-position: center center; background-size: cover; } .bg-servers { background-image: url(/Images/Backgrounds/blue-servers.png); background-position: center center; background-size: cover; } .bg-on-premise { background-image: url(/Images/Backgrounds/on-premise.jpg); background-position: center center; background-size: cover; } .bg-transportation { background-image: url(/Images/Backgrounds/blue-transportation.png); background-position: center center; background-size: cover; } .bg-education { background-image: url(/Images/Backgrounds/blue-education.png); background-position: center center; background-size: cover; } .bg-automotive { background-image: url(/Images/Backgrounds/blue-automotive.png); background-position: center center; background-size: cover; } .bg-knot { background-image: url(/Images/Backgrounds/knot.jpg); background-position: center center; background-size: cover; background-color: #fff; } .bg-hero-white { background-position: center center; background-size: cover; background-color: #fff; } .bg-hero-dark { background-position: center center; background-size: cover; background-color: #000; } /*background images media queries for small screens*/ @media only screen and (max-width: 544px) { .bg-abacus { background-image: url(/Images/Backgrounds/abacus-xs.jpg); } .bg-learning { background-image: url(/Images/Backgrounds/E-Learning-xs.jpg); } .bg-buildings { background-image: url(/Images/Backgrounds/buildings.png); } .bg-circles { background-image: url(/Images/Backgrounds/circles-xs.jpg); } .bg-clouds { background-image: url(/Images/Backgrounds/clouds-xs.jpg); background-size: cover; } .bg-hexagons-2d { background-image: url(/Images/Backgrounds/hexagons-2d-xs.png); } .bg-hexagons-3d { background-image: url(/Images/Backgrounds/hexagons-3d-xs.jpg); } .bg-hexagons-abstract { background-image: url(/Images/Backgrounds/hexagons-abstract-xs.jpg); } .bg-hexagons-maze { background-image: url(/Images/Backgrounds/hexagons-maze-xs.png); } .bg-inflections-abstract { background-image: url(/Images/Backgrounds/inflections-abstract-xs.png); } .bg-leaves-pattern { background-image: url(/Images/Backgrounds/leaves-pattern-xs.jpg); } .bg-polygons-cool { background-image: url(/Images/Backgrounds/polygons-cool-xs.jpg); } .bg-polygons-colorful { background-image: url(/Images/Backgrounds/polygons-colorful-xs.jpg); } .bg-polygons-muted { background-image: url(/Images/Backgrounds/polygons-muted-xs.jpg); } .bg-world { background-image: url(/Images/Backgrounds/world-map-xs.jpg); } .bg-knot { background-image: url(/Images/Backgrounds/knot-xs.jpg); } .bg-dna-molecule { background-image: url(/Images/Backgrounds/dna-molecule-xs.jpg); } } .animate-expand-wrap { font-size: 4rem; /*this is the size basis for the whole component*/ display: flex; justify-content: center; height: 2em; margin-bottom: 1em; margin-top: 1em; position: relative } .animate-expand { text-transform: uppercase; text-align: center; text-decoration: none; font-size: 1.2em; } .animate-expand:after, .animate-expand:before { content: ''; } /*put as much as possible into em so that size can be readily scaled via the wrap div css*/ .animate-expand { color: #999; height: 1.5em; line-height: 1.5em; margin-bottom: 2em; position: relative; transition: all 2s cubic-bezier(0.21, 1, 0.84, 1.01) .25s; width: 10em; } .animate-expand:before, .animate-expand:after { color: #bababa; font-size: .5em; text-transform: none; display: block; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; } .animate-expand:before { content: attr(data-bf); position: absolute; top: -1.25em; left: -.5em; } .animate-expand:after { content: attr(data-af); position: absolute; right: 0; bottom: -1.25em; } .animate-expand.in-view { transform: scale(1.05); } .animate-expand.in-view:before { transform: scale(1) translate(-1em, -0.1em); } .animate-expand.in-view:after { transform: scale(1.02) translate(1.25em, .75em); } .animate-natural { animation-name: animate-natural-turn; animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1); animation-iteration-count: 1; } .animate-bounce, .animate-bounce-hover:hover, .animate-bounce-img-hover:hover img { animation-name: animate-natural-bounce; animation-duration: 1s; } .animate-turn, .animate-turn-hover:hover, .animate-turn-img-hover:hover img { animation-name: animate-natural-turn; animation-duration: 1s; } @keyframes animate-natural-bounce { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-.5em); } 50% { transform: scale(1.05,.95) translateY(0); } 57% { transform: scale(1,1) translateY(-.1em); } 64% { transform: scale(1,1) translateY(0); } 100% { transform: scale(1,1) translateY(0); } } @keyframes animate-natural-turn{ 0% { transform: scale(1,1) rotate(0); } 10% { transform: scale(1,1) rotate(10deg); } 30% { transform: scale(1.1,.9) rotate(30deg); } 50% { transform: scale(.95,1.05) rotate(-10deg); } 57% { transform: scale(1,1) rotate(10deg); } 64% { transform: scale(1,1) rotate(0); } 100% { transform: scale(1,1) rotate(0); } } .roll-in-blurred-left.in-view { animation: roll-in-blurred-left 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; animation-delay: .1s; } @keyframes roll-in-blurred-left { 0% { transform: translateX(-1000px) rotate(-720deg); filter: blur(50px); opacity: 0; } 100% { transform: translateX(0) rotate(0deg); filter: blur(0); opacity: 1; } } .shadow-drop-tb.in-view { animation: shadow-drop-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-delay: .5s; } @keyframes shadow-drop-tb { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0); } 100% { box-shadow: 0 -12px 30px -12px rgba(0, 0, 0, 0.35), 0 12px 30px -12px rgba(0, 0, 0, 0.35); } } .focus-in.not-in-view { filter: opacity(0%); } .focus-in.in-view { animation: focus-in .6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation-delay: .25s; } @keyframes focus-in { 0% { filter: blur(12px) opacity(0%); } 100% { filter: blur(0px); } } .bg-color-cycle-inflectra { animation: bg-color-cycle-inflectra 16s linear infinite both; } @keyframes bg-color-cycle-inflectra { 0% { background: #fdcb26; } 25% { background: #fdcb26; } 33.333% { background: #8b4789; } 58.333% { background: #8b4789; } 66.666% { background: #00a573; } 91.666% { background: #00a573; } 100% { background: #fdcb26; } } /* inspired by https://codepen.io/lanyip/pen/JOGgjK?editors=1100 */ .flip-clock { text-align: center; height: 1em; overflow: hidden; display: inline-block; box-sizing: border-box; } .flip-clock .flip-digit { animation-timing-function: cubic-bezier(1, 0, 1, 0); animation-iteration-count: infinite; margin: 0; padding: 0; display: flex; flex-direction: column; text-align: left; } .flip-clock .flip-digit.digits-5 { animation-name: flip-digit-5; animation-duration: 5s; } .flip-clock .flip-digit.digits-6 { animation-name: flip-digit-6; animation-duration: 6s; } .digit { display: inline-block; padding: 0; margin: 0; list-style: none; height: 1.25em; font-size: 1em; line-height: 1; } @keyframes flip-digit-5 { 0% { transform: translateY(0em); } 20% { transform: translateY(-1em); } 40% { transform: translateY(-2em); } 60% { transform: translateY(-3em); } 80% { transform: translateY(-4em); } } @keyframes flip-digit-6 { 0% { transform: translateY(0em); } 16.66667% { transform: translateY(-1.25em); } 33.33333% { transform: translateY(-2.5em); } 50% { transform: translateY(-3.75em); } 66.66667% { transform: translateY(-5em); } 83.33333% { transform: translateY(-6.25em); } } .anim-delay0.in-view { animation-delay: 0; } .anim-delay1.in-view { animation-delay: .3s; } .anim-delay2.in-view { animation-delay: .6s; } /* * ========== * COMPONENTS * ========== */ .u-btn, .btn { background: transparent; border: 0; cursor: pointer; display: inline-block; font-weight: 300; font-size: 1rem; letter-spacing: .03125em; line-height: 1.42857143; overflow: hidden; position: relative; text-align: center; text-decoration: none; vertical-align: middle; touch-action: manipulation; -ms-touch-action: manipulation; transition: all .3s; white-space: nowrap; } .u-btn:not(.u-btn-minimal), .btn { border: 1px solid #f08231; border-radius: 6px; color: #f08231; /*padding: .25rem 1rem; - for normal fonts*/ padding: .35em 1em .15em; /*for Josefin font*/ } .u-btn:not(.u-btn-minimal):hover, .u-btn:not(.u-btn-minimal):focus, .btn:hover, .btn:active { background-color: #FFF1C4; border-style: solid; border-width: 1px; box-shadow: 1px 1px 3px rgba(0,0,0,.15); color: #f08231; text-decoration: none; } .u-btn:not(.u-btn-minimal):focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .u-btn[disabled], .u-btn.disabled { cursor: not-allowed; opacity: .65; } .u-btn.disabled { pointer-events: none; } .u-btn.u-btn-pill { border-radius: 1000px; } .u-btn.u-btn-bg-orange { background-color: #fdcb26; border-color: #fdcb26; color: #333; letter-spacing: 1px; } .u-btn.u-btn-bg-orange:hover, .u-btn.u-btn-bg-orange:focus { background-color: #FFF1C4; border-color: #f08231; } .u-btn.u-btn-bg-mint { background-color: #00a573; border-color: #00a573; color: #fff; } .u-btn.u-btn-bg-mint:hover { background-color: #47faca; border-color: #00a573; color: #00a573; } .u-btn-bg-mint-light { background-color: #47faca; border-color: #47faca !important; color: #000 !important; } .u-btn.u-btn-bg-mint-light:hover { background-color: #6fb88e; border-color: #6fb88e; color: #000; } .u-btn.u-btn-bg-purple { background-color: #8b4789; border-color: #8b4789; color: #fff; } .u-btn.u-btn-bg-purple:hover { background-color: #e8d3e8; border-color: #6c464f; color: #6c464f; } .u-btn.u-btn-bg-pink { background-color: #bf6f96; border-color: #bf6f96 !important; color: #fff; } .u-btn.u-btn-bg-pink:hover { background-color: #e8d3e8; border-color: #6c464f; color: #6c464f; } .u-btn.u-btn-bg-black { background-color: #000; border-color: #000; color: #fff; } .u-btn.u-btn-bg-black:hover, .u-btn.u-btn-bg-black:focus { background-color: #555; border-color: #555; color: #fff; } .u-btn.u-btn-bg-white { background-color: #fff; border-color: #fff; color: #333; } .u-btn.u-btn-bg-white:hover, .u-btn.u-btn-bg-white:focus { background-color: #ccc; border-color: #ccc; color: #333; } .u-btn.u-btn-sm { font-size: .75rem; line-height: 1.3333333; padding: .3rem .5rem .15rem; } .u-btn.u-btn-lg { font-size: 18px; line-height: 1.3333333; padding: .65rem 1.5rem .35rem; /*default is .5rem top and bottom but changed here for Josefin*/ } .u-btn.u-btn-xl { font-size: 1.5rem; line-height: 1.3333333; padding: .95rem 4rem .55rem; /*default is .75rem top and bottom but changed here for Josefin*/ max-width: 100%; } /*responsive button sizes*/ @media (max-width: 767.9px) { .u-btn.u-btn_sm { font-size: 1rem; line-height: 1.42857143; padding: .35em 1em .15em; /*for Josefin font*/ } .u-btn.u-btn-sm_sm { font-size: .75rem; line-height: 1.3333333; padding: .25rem .5rem; } .u-btn.u-btn-lg_sm { font-size: 18px; line-height: 1.3333333; padding: .5rem 1.5rem; } .u-btn.u-btn-xl_sm { font-size: 1.5rem; line-height: 1.3333333; padding: .75rem 4rem; } } @media (max-width: 544px) { .u-btn.u-btn-sm_xs { font-size: .75rem; line-height: 1.3333333; padding: .25rem .5rem; } .u-btn.u-btn-lg_xs { font-size: 18px; line-height: 1.3333333; padding: .5rem 1.5rem; } .u-btn.u-btn-xl_xs { font-size: 1.5rem; line-height: 1.3333333; padding: .75rem 4rem; } } .u-btn.u-btn-ripple, .u-btn.u-btn-lg, .u-btn.u-btn-xl { letter-spacing: 1px; } /* RIPPLE BUTTON - defaults to inflectra orange theme */ .u-btn.u-btn-ripple { color: #555; } .u-btn.u-btn-ripple:hover, .u-btn.u-btn-ripple:focus { box-shadow: none; transition: background-color .7s ease-in; } .u-btn-ripple-text { display: block; font-family: "Josefin"; position: relative; } .u-btn.u-btn-ripple:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 0; padding-top: 0; border-radius: 100%; transform: translate(-50%, -50%); } .u-btn.u-btn-ripple:hover, .u-btn.u-btn-ripple:focus, .u-btn.u-btn-ripple:before { background-color: #FFF1C4; } .u-btn.u-btn-ripple.u-btn-bg-mint, .u-btn.u-btn-ripple.u-btn-bg-purple { color: white; } .u-btn.u-btn-ripple.u-btn-bg-mint:hover, .u-btn.u-btn-ripple.u-btn-bg-mint:focus, .u-btn.u-btn-ripple.u-btn-bg-mint:before { background-color: #47faca; color: #00a573; } .u-btn.u-btn-ripple.u-btn-bg-purple:hover, .u-btn.u-btn-ripple.u-btn-bg-purple:focus, .u-btn.u-btn-ripple.u-btn-bg-purple:before { background-color: #e8d3e8; color: #6c464f; } .u-btn.u-btn-ripple:hover:before { padding-top: 120%; transition: width .3s ease-out, padding-top .3s ease-out; width: 120%; } .u-btn.primary { background-color: #fdcb26; border-color: #f08231; color: #23527c; text-decoration: none; } .u-btn.primary:hover, .u-btn.primary:focus, .u-btn.primary:active { background-color: #f08231; color: #23527c; text-decoration: none; } .u-btn.u-btn-mint { border-color: #00a573; color: #00a573; } .u-btn.u-btn-mint:hover, .u-btn.u-btn-mint:focus, .u-btn.u-btn-mint:active { background-color: #47faca; color: #00a573; } .u-btn.u-btn-purple { border-color: #6c464f; color: #6c464f; } .u-btn.u-btn-purple:hover, .u-btn.u-btn-purple:focus, .u-btn.u-btn-purple:active { background-color: #e8d3e8; color: #6c464f; } .u-btn.u-btn-white { border-color: #fff; color: #fff; } .u-btn.u-btn-white:hover, .u-btn.u-btn-white:focus, .u-btn.u-btn-white:active { background-color: rgba(0,0,0,.25); color: #fff; } .u-btn.u-btn-black { border-color: #000; color: #000; } .u-btn.u-btn-black:hover, .u-btn.u-btn-black:focus, .u-btn.u-btn-black:active { background-color: rgba(0,0,0,.25); color: #000; } .u-btn.u-btn-gray { border-color: #ccc; color: #ccc; } .u-btn.u-btn-gray:hover, .u-btn.u-btn-gray:focus, .u-btn.u-btn-gray:active { background-color: #f1f1f1; border-color: #aaa; color: #aaa; } .u-btn.u-btn-yolk { border-color: #fdcb26; color: #fdcb26; } .u-btn.secondary { background-color: #FFF1C4; } .u-btn.secondary:hover, .u-btn.secondary:focus, .u-btn.secondary:active { background-color: #fdcb26; } .u-btn.u-btn-white.secondary, .u-btn.u-btn-black.secondary { background-color: rgba(0,0,0,.25); } .u-btn.u-btn-white.secondary:hover, .u-btn.u-btn-white.secondary:focus, .u-btn.u-btn-white.secondary:active, .u-btn.u-btn-black.secondary:hover, .u-btn.u-btn-black.secondary:focus, .u-btn.u-btn-black.secondary:active { background-color: rgba(0,0,0,.5); } /*button group - including nested groups (eg for dropdowns)*/ .u-btn-group { display: inline-block; display: inline-flex; flex-wrap: wrap; } .u-btn-group > *:not(:last-child), .u-btn-group > *:not(:last-child) > .u-btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .u-btn-group > *:not(:first-child), .u-btn-group > *:not(:first-child) > .u-btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .u-btn-group > *:not(:first-child) { margin-left: -1px; } /*fallback for old IE*/ .u-btn-group:before, .u-btn-group:after { content: " "; display: table; } .u-btn-group:after { clear: both; } .u-btn-group { *zoom: 1; } .u-btn-group > * { float: left; } /* Dropdown button*/ .drop-toggle:not(.is-open) ~ .u-drop-menu { display: none; } .drop-box { position: relative; display: inline-block; } .u-drop-menu { background-color: white; border: 1px solid #ccc; border-radius: .25rem; display: block; left: .25rem; padding-bottom: .5rem; padding-top: .5rem; position: absolute; top: calc(100% + .25rem); z-index: 1; } .u-drop-item { background-color: transparent; clear: both; color: #333; display: block; padding: .25rem 1.5rem; white-space: nowrap; width: 100%; text-decoration: none; transition: all .2s; } .u-drop-item:hover { background-color: #FFF1C4; color: #333; text-decoration: none; } .drop-toggle:after { content: "\f0d7"; display: inline-block; font-family: FontAwesome; font-size: .8em; margin-left: .25em; transition: all .2s; } .drop-toggle.is-open:after { transform: rotate(180deg); } /*Close button*/ .u-close { cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-size: calc(2rem - .5vmin); opacity: .7; position: absolute; right: calc(.5rem + .5vw); top: .75rem; transition: all .2s; } .u-close:hover { opacity: 1; } /*extra bootstrap restyles*/ .btn-group.open .dropdown-toggle { background-color: #FFF1C4; color: #f08231; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } ul.product-feature-menu li { border-bottom: 0; } .dropdown-menu > li > a { transition: all .4s; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #FFF1C4; } .input-group .form-control { z-index: 1; /*to make sure it stays behind the site nav*/ } /* bootstrap inspired components*/ .u-table { width: 100%; max-width: 100%; } .u-table > thead > tr > th, .u-table > tbody > tr > th, .u-table > tfoot > tr > th, .u-table > thead > tr > td, .u-table > tbody > tr > td, .u-table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; } .u-table tr { border-top: 1px solid #ddd; } .u-input { border-radius: .25em; border: 2px solid #ccc; box-shadow: none; padding: .5em 1em; outline: none; transition: all .2s; } .u-input:hover { border-color: #bbb; } .u-input:focus { border-color: #f1a42b; outline: none; } /* for html5 validation (IE10+) */ .u-input:valid { background-color: #d3ffe6; } .u-input:valid + .u-input-validation:before { content: "hello"; color: #71e56d; } .u-input:invalid { background-color: #edcdcd; } /* for bootstrap form validation*/ .form-group > .u-input + .form-control-feedback { top: .75em; } .form-group.has-feedback.has-error .u-input { background-color: #edcdcd; } .form-group.has-feedback.has-success .u-input { background-color: #d3ffe6; } .form-group .u-input ~ .help-block { position: absolute; top: 100%; margin: 0 0 0 .5em; font-size: 75%; } .form-horizontal .has-feedback .form-control-feedback { top: 8px; right: 24px; } /* * ====== * TEXT * ====== */ /*blockquote*/ .blockquote { text-align:center; font-size:1.25rem; color: #072F4B; border: 0; border-top: 2px solid #ddd; padding: 2rem 1rem; position:relative; quotes: "\201C""\201D""\2018""\2019"; } .blockquote:before { color:#ddd; font-family: Georgia, Arial; content: open-quote; font-size:5rem; position:absolute; left:50%; bottom:calc(100% - 2rem); background:#fff; height:.75em; width: .75em; line-height:normal; text-align:center; transform:translateX(-50%); } .blockquote:after { content: close-quote; display: block; margin: 2rem 2rem 0; text-align:center; font-size: 0; color: transparent; border-bottom:1px solid #ddd; } .blockquote-white { color: white; } .blockquote-white:before { background:#072F4B; } .blockquote-white:after { border-bottom:1px solid white; } /*titles*/ .title-line-l-r { text-align: center; display: flex; align-items: center; justify-content: center; } .title-line-l-r:before, .title-line-l-r:after { content: ""; display: inline-block; border: 1px solid #ddd; max-width: 4em; min-width: 1em; width: 100%; height: 0px; margin-right: .75em; margin-left: .75em; } @media only screen and (max-width: 768px) { .title-line-l-r:before, .title-line-l-r:after { display: none; } } /* card highlight for news / blog / whitepaper */ /* first define the basic elements - structure is card > bar + content > title + subtitle*/ .u-card-hl { background-color: #f9f9f9; background: linear-gradient(#FFF 0%, #f9f9f9 100%); border-radius: .5rem; display: inline-block; /*ie9 fallback*/ float: left; /*ie9 fallback*/ display: inline-flex; flex-direction: column; font-size: 1rem; height: 10em; margin: 1em; position: relative; width: calc(10em * 1.61803); /*golden ratio*/ transition: all .2s; box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.2), 0 2px 0px -1px #d8d8d8, 0 4px 0px -2px #c7c7c7, 0 6px 0px -3px #d8d8d8, 0 8px 0px -4px #c6c6c6, 0 10px 20px -9px rgba(0, 0, 0, 0.5); } .u-card-lg { height: 20em; width: calc(11em * 1.61803); /*golden ratio*/ } .u-card-xl { height: 20em; width: calc(14em * 1.61803); /*golden ratio*/ } .u-card-lg:hover, .u-card-xl:hover { height: 30em; } .u-card-lg .u-card-body, .u-card-xl .u-card-body { overflow: hidden; margin-bottom: 1rem; } .u-card-hl-bar { background-color: #999; background: linear-gradient(#fdcb26 0%, #f1a42b 100%); align-items: center; display: flex; height: 1.75em; z-index: 1; border-radius: .5rem .5rem 0 0; } .u-card-hl-bar:before { content: "HIGHLIGHT"; color: white; font-size: .75em; font-weight: bold; padding: .5em 1.25em .1em; } .u-card-hl-content { background-color: #f9f9f9; background: linear-gradient(#FFF 0%, #f5f5f5 100%); display: block; position: relative; height: 8.25em; padding: 1em; text-decoration: none; color: initial; z-index: 1; border-radius: 0 0 .5rem .5rem; transition: all .4s; } .u-card-hl-content:before { border-radius: inherit; background: linear-gradient(#fff7eb 0%, #fff 100%); content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: all .4s; } .u-card-hl-title { display: -webkit-box; font-size: 1.1em; font-weight: 400; line-height: 1.3; height: calc(1.2em * 4); /* times the lines to show by the line height*/ margin: 0; opacity: .7; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; transition: all .4s; } /*behavior and effects*/ .u-card-hl-content:hover { color: initial; text-decoration: none; } .u-card-hl:hover { box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.2), 0 2px 0px -1px #d8d8d8, 0 4px 0px -2px #c7c7c7, 0 6px 0px -3px #d8d8d8, 0 8px 0px -4px #c6c6c6, 0 10px 20px -5px rgba(0, 0, 0, 0.5); } .u-card-hl:hover .u-card-hl-content:before { opacity: 1; } .u-card-hl:hover .u-card-hl-title { opacity: .9; } /*colors and attributes can be set based on the parent card class changing - to allow for different categories to be shown*/ .u-card-hl-news .u-card-hl-bar, .u-card-hl .u-card-hl-bar[data-cardtype="Case Study"], .u-card-hl .u-card-hl-bar[data-cardtype="Company News"], .u-card-hl .u-card-hl-bar[data-cardtype="Product News"], .u-card-hl .u-card-hl-bar[data-cardtype="Press Release"] { background-color: #cc6155; background: linear-gradient(#d8867d 0%, #cc6155 100%); } .u-card-hl .u-card-hl-bar[data-cardtype="Blog Post"] { background-color: #f5cb62; background: linear-gradient(#f8db91 0%, #f5cb62 100%); } .u-card-hl .u-card-hl-bar[data-cardtype="Whitepaper"] { background-color: #073640; background: linear-gradient(#0f748b 0%, #073640 100%); } .u-card-hl .u-card-hl-bar[data-cardtype="Event"] { background-color: #7bcabb; background: linear-gradient(#a0d9cf 0%, #7bcabb 100%); } .u-card-hl .u-card-hl-bar[data-cardtype="Video"], .u-card-hl .u-card-hl-bar[data-cardtype="Webinar"] { background-color: #38367d; background: linear-gradient(#4845a1 0%, #38367d 100%); } .u-card-hl .u-card-hl-bar[data-cardtype="Document"] { background-color: #165f99; background: linear-gradient(#1c79c4 0%, #165f99 100%); } .u-card-hl .u-card-hl-bar[data-cardtype]:before { content: attr(data-cardtype); text-transform: uppercase;} /*media queries*/ @media only screen and (max-width: 768px) { .u-card-hl { font-size: .9rem; /*used to control scaling of rest of control*/ } .u-card-lg { height: 20em; width: calc(14em * 1.61803); /*golden ratio*/ } } @media only screen and (max-width: 500px) { .u-card-hl { font-size: .75rem; /*used to control scaling of rest of control*/ } .u-card-lg { height: 20em; width: calc(14em * 1.61803); /*golden ratio*/ } } /* * ================= * CSS ONLY CONTROLS * ================= * eg for toggling something closed or open based off checkbox state */ .toggle-show-hide ~ .toggle-show-hide-target { overflow: hidden; } .toggle-show-hide:not(:checked) ~ .toggle-show-hide-target.x-axis { max-width: 0; visibility: hidden; transition: all .2s; } .toggle-show-hide:checked ~ .toggle-show-hide-target.x-axis { max-width: 300%; visibility: visible; transition: all .3s .1s; } .toggle-show-hide:not(:checked) ~ .toggle-show-hide-target.y-axis { max-height: 0; visibility: hidden; transition: all .2s; } .toggle-show-hide:checked ~ .toggle-show-hide-target.y-axis { max-height: 100vh; visibility: visible; transition: all .3s; } .toggle-show-hide:checked ~ .toggle-show-hide-rotate-icon .icon-to-rotate, .toggle-show-hide:checked ~ .toggle-show-hide-rotate-icon.icon-to-rotate { transform: rotate(180deg); } @media (min-width: 768px) { .toggle-show-hide:checked ~ .toggle-show-hide-yolk-md-up { background-color: #fdcb26; color: #072F4B; } .toggle-show-hide:checked ~ .toggle-show-hide-yolk-md-up:hover { background-color: #f1a42b; color: #072F4B; } } @media (max-width: 767.9px) { .toggle-show-hide:not(:checked) ~ .toggle-show-hide-target { display: none; } .toggle-show-hide:checked ~ .toggle-show-hide-target { display: block; } } /* * ============== * PRODUCT PICKER * ============== */ /* specifically for use by product picker - where we need lots of width sizes in increments of 4rem */ .w-prod-img-1 {width: 8rem} .w-prod-img-2 {width: 16rem} .w-prod-img-3 {width: 24rem} .w-prod-img-4 {width: 32rem} .w-prod-img-5 {width: 40rem} .w-prod-img-6 {width: 48rem} .w-prod-img-7 {width: 56rem} .w-prod-img-8 {width: 64rem} .w-prod-img-9 {width: 72rem} .w-prod-img-10 {width: 80rem} .w-prod-img-11 {width: 88rem} .w-prod-img-12 {width: 96rem} @media (max-width: 544px) { .w-prod-img-1-xs {width: 4rem} .w-prod-img-2-xs {width: 8rem} .w-prod-img-3-xs {width: 12rem} .w-prod-img-4-xs {width: 16rem} .w-prod-img-5-xs {width: 20rem} .w-prod-img-6-xs {width: 24rem} .w-prod-img-7-xs {width: 28rem} .w-prod-img-8-xs {width: 32rem} .w-prod-img-9-xs {width: 36rem} .w-prod-img-10-xs {width: 40rem} .w-prod-img-11-xs {width: 44rem} .w-prod-img-12-xs {width: 48rem} } /* * ================= * BREADCRUMB * ================= */ nav.breadcrumb { font-weight: bold; background-color: transparent; } nav.breadcrumb ol { margin: 0; padding-left: 0; list-style: none; } nav.breadcrumb ol li { display: inline; color: #777; } nav.breadcrumb-white ol li { color: white; } nav.breadcrumb ol li::before { display: inline-block; margin: 0 0.25em; transform: rotate(15deg); border-right: 0.1em solid currentcolor; height: 0.8em; content: ""; } @media only screen and (max-width: 991.9px) { nav.breadcrumb { margin-top: 1rem; } } /* * ================= * HTML RANGE SLIDER * ================= */ input[type=range].u-range-slider { -webkit-appearance: none; width: 100%; margin: 7px 0; transition: all .3s; } input[type=range].u-range-slider:focus { outline: none; } input[type=range].u-range-slider::-webkit-slider-runnable-track { width: 100%; height: 6px; cursor: pointer; box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d; background: rgba(253,203,38,.5); border-radius: 99px; transition: all .3s; } input[type=range].u-range-slider::-webkit-slider-thumb { height: 20px; width: 20px; border-radius: 50px; background: #00a573; transition: all .3s; cursor: pointer; -webkit-appearance: none; margin-top: -7px; } input[type=range].u-range-slider:focus::-webkit-slider-runnable-track { background: #fdcd30; } input[type=range].u-range-slider::-moz-range-track { width: 100%; height: 6px; cursor: pointer; box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d; background: rgba(253,203,38,.5); border-radius: 99px; transition: all .3s; } input[type=range].u-range-slider::-moz-range-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0); border: 0px solid rgba(255, 255, 255, 0); height: 20px; width: 20px; border-radius: 50%; background: rgba(7,47,79,.75); transition: all .3s; cursor: pointer; } input[type=range].u-range-slider:focus::-moz-range-track { background: #fdcd30; } input[type=range].u-range-slider:focus::-moz-range-thumb { background: rgba(7,47,79, .95); } input[type=range].u-range-slider::-ms-track { width: 100%; height: 6px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } input[type=range].u-range-slider::-ms-fill-lower { background: #fdc91c; border: 0px solid rgba(1, 1, 1, 0); border-radius: 42px; box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d; } input[type=range].u-range-slider::-ms-fill-upper { background: #fdcb26; border: 0px solid rgba(1, 1, 1, 0); border-radius: 42px; box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d; } input[type=range].u-range-slider::-ms-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0); border: 0px solid rgba(255, 255, 255, 0); height: 20px; width: 20px; border-radius: 50px; background: #072F4B; cursor: pointer; height: 6px; } input[type=range].u-range-slider:focus::-ms-fill-lower { background: #fdcb26; } input[type=range].u-range-slider:focus::-ms-fill-upper { background: #fdcd30; } /* * ====== * FOOTER * ====== */ @media only screen and (max-width: 767.9px) { .footer-dir-section { border-bottom: 1px solid #d6d6d6; } .footer-dir-title { cursor: pointer; } .footer-dir-title:after { content: '+'; float: right; font-family: sans-serif; font-size: 1rem; font-weight: normal; margin-right: 12px; transition: transform .3s ease .1s; } .footer-dir-check:checked + .footer-dir-label > .footer-dir-title:after { transform: rotate(45deg); } .footer-dir-list { overflow: hidden; transition: max-height .3s; } .footer-dir-check:not(:checked) ~ .footer-dir-list { max-height: 0; transition: max-height .3s, margin-left 0s .5s; } .footer-dir-check:checked ~ .footer-dir-list { margin-bottom: 1rem; margin-left: 1rem; max-height: 10rem; } } #video-iframe { width: 960px; height: 540px; } @media(max-width:767px) { #video-iframe { width: 640px; height: 360px; } } @media(max-width:600px) { #video-iframe { width: 480px; height: 270px; } } :root, button { font-family: 'Josefin', sans-serif; font-weight: 300; } * { box-sizing: border-box; } body, html { margin: 0; padding: 0; } /*Reset bootstrap*/ .h1,.h2,.h3,.h4,.h5,.h6 {font-size: 1em; margin: 0; padding: 0} /*unity modules*/ .u-triangle-bl-vlight-gray:after, .u-triangle-br-vlight-gray:after, .u-triangle-b-vlight-gray:after { border-color: #eee transparent transparent transparent; border-style: solid; border-width: 8px; content:"\A"; position: absolute; top: 100%; } .u-triangle-bl-vlight-gray:after { left: .5rem; } .u-triangle-br-vlight-gray:after { right: .5rem; } .u-triangle-b-vlight-gray:after { left: calc(50% - 8px); } .u-slideIn-sibling-hover:not(:hover) + *:not(:hover) { opacity: 0; transform: translateY(50%) scaleY(0); transition: all .2s .1s; } .u-slideIn-sibling-hover:hover + * { opacity: 1; transform: translateY(0) scaleY(1); transition: all .2s .5s; } /*utility classes*/ .pa0 {padding: 0} .pa1 {padding: .125rem} .pa2, .dropdown-menu .pa2 {padding: .25rem} .pa3 {padding: .5rem} .pa4 {padding: 1rem} .pa5 {padding: 2rem} .pa6 {padding: 4rem} .pa7 {padding: 8rem} .pa8 {padding: 16rem} .pl0 {padding-left: 0} .pl1 {padding-left: .125rem} .pl2 {padding-left: .25rem} .pl3 {padding-left: .5rem} .pl4 {padding-left: 1rem} .pl5 {padding-left: 2rem} .pl6 {padding-left: 4rem} .pl7 {padding-left: 8rem} .pl8 {padding-left: 16rem} .pr0 {padding-right: 0} .pr1 {padding-right: .125rem} .pr2 {padding-right: .25rem} .pr3 {padding-right: .5rem} .pr4 {padding-right: 1rem} .pr5 {padding-right: 2rem} .pr6 {padding-right: 4rem} .pr7 {padding-right: 8rem} .pr8 {padding-right: 16rem} .pt0 {padding-top: 0} .pt1 {padding-top: .125rem} .pt2 {padding-top: .25rem} .pt3 {padding-top: .5rem} .pt4 {padding-top: 1rem} .pt5 {padding-top: 2rem} .pt6 {padding-top: 4rem} .pt7 {padding-top: 8rem} .pt8 {padding-top: 16rem} .pb0 {padding-bottom: 0} .pb1 {padding-bottom: .125rem} .pb2 {padding-bottom: .25rem} .pb3 {padding-bottom: .5rem} .pb4 {padding-bottom: 1rem} .pb5 {padding-bottom: 2rem} .pb6 {padding-bottom: 4rem} .pb7 {padding-bottom: 8rem} .pb8 {padding-bottom: 16rem} /*useful for keeping element aspect ratio sizing constant*/ .pb-33 {padding-bottom: 33%} .pb-50 {padding-bottom: 50%} .pb-56 {padding-bottom: 56%} /*16:9 aspect ration*/ .pb-66 {padding-bottom: 66%} .pb-75 {padding-bottom: 75%} .px0 {padding-left: 0; padding-right: 0} .px1 {padding-left: .125rem; padding-right: .125rem; } .px2 {padding-left: .25rem; padding-right: .25rem; } .px3 {padding-left: .5rem !important; padding-right: .5rem !important} .px4 {padding-left: 1rem; padding-right: 1rem} .px5 {padding-left: 2rem; padding-right: 2rem} .px6 {padding-left: 4rem; padding-right: 4rem} .px7 {padding-left: 8rem; padding-right: 8rem} .px8 {padding-left: 16rem; padding-right: 16rem} .py0 {padding-top: 0; padding-bottom: 0} .py1 {padding-top: .125rem; padding-bottom: .125rem} .py2 {padding-top: .25rem; padding-bottom: .25rem} .py3 {padding-top: .5rem; padding-bottom: .5rem} .py4 {padding-top: 1rem; padding-bottom: 1rem} .py5 {padding-top: 2rem; padding-bottom: 2rem} .py6 {padding-top: 4rem; padding-bottom: 4rem} .py7 {padding-top: 8rem; padding-bottom: 8rem} .py8 {padding-top: 16rem; padding-bottom: 16rem} .pa0-children > * { padding: 0 !important} .pb2-children > * { padding-bottom: .25rem !important} .ma0, .dropdown-menu .ma0 {margin: 0} .ma1 {margin: .125rem} .ma2 {margin: .25rem} .ma3 {margin: .5rem} .ma4 {margin: 1rem} .ma5 {margin: 2rem} .ma6 {margin: 4rem} .ma7 {margin: 8rem} .ma8 {margin: 16rem} .ml0 {margin-left: 0} .ml1 {margin-left: .125rem} .ml2 {margin-left: .25rem} .ml3 {margin-left: .5rem} .ml4 {margin-left: 1rem} .ml5 {margin-left: 2rem} .ml6 {margin-left: 4rem} .ml7 {margin-left: 8rem} .ml8 {margin-left: 16rem} .mr0 {margin-right: 0} .mr1 {margin-right: .125rem} .mr2 {margin-right: .25rem} .mr3 {margin-right: .5rem} .mr4 {margin-right: 1rem} .mr5 {margin-right: 2rem} .mr6 {margin-right: 4rem} .mr7 {margin-right: 8rem} .mr8 {margin-right: 16rem} .mt0 {margin-top: 0} .mt1 {margin-top: .125rem} .mt2 {margin-top: .25rem} .mt3 {margin-top: .5rem} .mt4 {margin-top: 1rem} .mt5 {margin-top: 2rem} .mt6 {margin-top: 4rem} .mt7 {margin-top: 8rem} .mt8 {margin-top: 16rem} .mb0 {margin-bottom: 0} .mb1 {margin-bottom: .125rem} .mb2 {margin-bottom: .25rem} .mb3 {margin-bottom: .5rem} .mb4 {margin-bottom: 1rem} .mb5 {margin-bottom: 2rem} .mb6 {margin-bottom: 4rem} .mb7 {margin-bottom: 8rem} .mb8 {margin-bottom: 16rem} .mx0 {margin-left: 0; margin-right: 0} .mx1 {margin-left: .125rem; margin-right: .125rem} .mx2 {margin-left: .25rem; margin-right: .25rem} .mx3 {margin-left: .5rem; margin-right: .5rem} .mx4 {margin-left: 1rem; margin-right: 1rem} .mx5 {margin-left: 2rem; margin-right: 2rem} .mx6 {margin-left: 4rem; margin-right: 4rem} .mx7 {margin-left: 8rem; margin-right: 8rem} .mx8 {margin-left: 16rem; margin-right: 16rem} .my0 {margin-top: 0; margin-bottom: 0} .my1 {margin-top: .125rem; margin-bottom: .125rem} .my2 {margin-top: .25rem; margin-bottom: .25rem} .my3 {margin-top: .5rem; margin-bottom: .5rem} .my4 {margin-top: 1rem; margin-bottom: 1rem} .my5 {margin-top: 2rem; margin-bottom: 2rem} .my6 {margin-top: 4rem; margin-bottom: 4rem} .my7 {margin-top: 8rem; margin-bottom: 8rem} .my8 {margin-top: 16rem; margin-bottom: 16rem} .ml-auto { margin-left: auto } .mr-auto { margin-right: auto } .mx-auto { margin-left: auto; margin-right: auto; } .mln1 {margin-left: -.125rem} .mln2 {margin-left: -.25rem} .mln3 {margin-left: -.5rem} .mln4 {margin-left: -1rem} .mln5 {margin-left: -2rem} .mrn1 {margin-right: -.125rem} .mrn2 {margin-right: -.25rem} .mrn3 {margin-right: -.5rem} .mrn4 {margin-right: -1rem} .mrn5 {margin-right: -2rem} .mtn1 {margin-top: -.125rem} .mtn2 {margin-top: -.25rem} .mtn3 {margin-top: -.5rem} .mtn4 {margin-top: -1rem} .mtn5 {margin-top: -2rem} .mbn1 {margin-bottom: -.125rem} .mbn2 {margin-bottom: -.25rem} .mbn3 {margin-bottom: -.5rem} .mbn4 {margin-bottom: -1rem} .mbn5 {margin-bottom: -2rem} .mxn1 { margin-left: -.125rem; margin-right: -.125rem; } .mxn2 { margin-left: -.25rem; margin-right: -.25rem; } .mxn3 { margin-left: -.5rem; margin-right: -.5rem; } .mxn4 { margin-left: -1rem; margin-right: -1rem; } .mxn5 { margin-left: -2rem; margin-right: -2rem; } .myn1 { margin-top: -.125rem; margin-bottom: -.125rem; } .myn2 { margin-top: -.25rem; margin-bottom: -.25rem; } .myn3 { margin-top: -.5rem; margin-bottom: -.5rem; } .myn4 { margin-top: -1rem; margin-bottom: -1rem; } .myn5 { margin-top: -2rem; margin-bottom: -2rem; } .ma0-children > * { margin: 0 !important} /* rotate classes */ .rotate45 { transform: rotate(45deg);} .rotate90 { transform: rotate(90deg);} .bn, .bn-hover:hover { border-style: none; border-width: 0; } .ba, .ba-hover:hover { border-style: solid; border-width: 1px; } .bt, .bt-hover:hover { border-top-style: solid; border-top-width: 1px; } .br, .br-hover:hover { border-right-style: solid; border-right-width: 1px; } .bb, .bb-hover:hover { border-bottom-style: solid; border-bottom-width: 1px; } .bl, bl-hover:hover { border-left-style: solid; border-left-width: 1px; } .ba-sibling-hover:not(:hover) + *:not(:hover) { border-style: none; } .b-transparent, .b-transparent-hover:hover { border-color: transparent; } .b-black, .b-black-hover:hover { border-color: #000; } .b-near-black, .b-near-black-hover:hover { border-color: #111; } .b-dark-gray, .b-dark-gray-hover:hover { border-color: #333; } .b-mid-gray, .b-mid-gray-hover:hover { border-color: #555; } .b-gray, .b-gray-hover:hover { border-color: #777; } .b-silver, .b-silver-hover:hover { border-color: #999; } .b-light-silver, .b-light-silver-hover:hover { border-color: #aaa; } .b-light-gray, .b-light-gray-hover:hover { border-color: #ccc; } .b-vlight-gray, .b-vlight-gray-hover:hover { border-color: #eee; } .b-near-white, b-near-white-hover:hover { border-color: #f1f1f1; } .b-off-white, .b-off-white-hover:hover { border-color: #f5f5f5; } .b-white, .b-white-hover:hover { border-color: #fff; } .b-white-hover:hover { border-color: #fff; } /*Theme colors*/ .b-orange, b-orange-hover:hover {border-color: #f1a42b;} .b-orange-dark, b-orange-dark-hover:hover {border-color: #f08231;} .b-yolk, b-yolk-hover:hover {border-color: #fdcb26;} .b-peach, b-peach-hover:hover {border-color: #ffdcac;} .b-seagreen, b-seagreen-hover:hover {border-color: #2a7772;} .b-mint, b-mint-hover:hover {border-color: #00a573;} .b-palegreen, b-palegreen-hover:hover {border-color: #6fb88e;} .b-pink, b-pink-hover:hover {border-color: #bf6f96;} .br0 { border-radius: 0; } .br1 { border-radius: .125rem; } .br2 { border-radius: .25rem; } .br3 { border-radius: .5rem; } .br4 { border-radius: 1rem; } .br-100 { border-radius: 100%; } .br-pill { border-radius: 9999px; } .br0-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .br0-top { border-top-left-radius: 0; border-top-right-radius: 0; } .br0-left { border-top-left-radius: 0; border-bottom-left-radius: 0; } .br0-right { border-top-right-radius: 0; border-bottom-right-radius: 0; } .br1-top { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .br1-bottom { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .br1-left { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .br1-right { border-top-right-radius: .125rem; border-bottom-right-radius: .125rem; } .br2-bottom { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .br2-top { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .br2-left { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .br2-right { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .br2-bl, *[role~="br2-bl"] { border-bottom-left-radius: 0.25rem; } /*roles added to cope with skin controlling classes for TabPages*/ .br2-br, *[role~="br2-br"] { border-bottom-right-radius: 0.25rem; } .br2-tl, *[role~="br2-tl"] { border-top-left-radius: 0.25rem; } .br2-tr, *[role~="br2-tr"] { border-top-right-radius: 0.25rem; } .b-dotted { border-style: dotted; } .b-dashed { border-style: dashed; } .b-solid { border-style: solid; } .bt-dotted { border-top-style: dotted; } .br-dotted { border-right-style: dotted; } .bb-dotted { border-bottom-style: dotted; } .bl-dotted { border-left-style: dotted; } .bw0 { border-width: 0; } .bw1 { border-width: .125rem; } .bw2 { border-width: .25rem; } .bw3 { border-width: .5rem; } .bw4 { border-width: 1rem; } .bw5 { border-width: 2rem; } .btw0 { border-top-width: 0; } .brw0 { border-right-width: 0; } .bbw0 { border-bottom-width: 0; } .blw0 { border-left-width: 0; } .b-light-gray-hover, .b-light-gray-focus { transition: border 0.15s; border-color: transparent; } .b-light-gray-hover:hover, .b-light-gray-focus:focus { border-color: #ccc; } .top0 { top: 0; } .right0 { right: 0 !important; } .bottom0 { bottom: 0; } .left0 { left: 0; } .top1 { top: 1rem; } .right1 { right: 1rem; } .bottom1 { bottom: 1rem; } .left1 { left: 1rem; } .top2 { top: 2rem; } .right2 { right: 2rem; } .bottom2 { bottom: 2rem; } .left2 { left: 2rem; } .top-05 { top: -.5rem !important; } .top-1 { top: -1rem; } .right-1 { right: -1rem; } .bottom-1 { bottom: -1rem; } .left-1 { left: -1rem; } .top-2 { top: -2rem; } .right-2 { right: -2rem; } .bottom-2 { bottom: -2rem; } .left-2 { left: -2rem; } .left-50 { left: 50%; } .top-50 { top: 50%; } .right-50 { right: 50%; } .bottom-50 { bottom: 50%; } .top-100 { top: 100%; } .right-100 { right: 100%; } .right-200 { right: 200%; } .bottom-100 { bottom: 100%; } .left-100 { left: 100%; } .top-100vh { top: 100vh; } .right-100vw { right: 100vw; } .bottom-100vh { bottom: 100vh; } .left-100vw { left: 100vw; } .top-auto { top: auto; } .right-auto { right: auto; } .bottom-auto { bottom: auto; } .left-auto { left: auto; } .top-nav { top: 40px; } .top-subnav { top: 60px; } /*clearfix*/ .cf:before, .cf:after { content: " "; display: table; max-width: 0; } .cf:after { clear: both; } .cf { *zoom: 1; } .cl { clear: left; } .cr { clear: right; } .cb { clear: both; } .cn { clear: none; } .dn { display: none !important; } .di { display: inline; } .db { display: block; } .dib { display: inline-block; } .dit { display: inline-table; } .dih { display: inherit; } .dt { display: table; } .dtc { display: table-cell; } .dt-row { display: table-row; } .dt-row-group { display: table-row-group; } .dt-column { display: table-column; } .dt-column-group { display: table-column-group; } .dt-fixed { table-layout: fixed; width: 100%; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .flex-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .self-start { -ms-flex-item-align: start; align-self: flex-start; } .self-end { -ms-flex-item-align: end; align-self: flex-end; } .self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .self-baseline { -ms-flex-item-align: baseline; align-self: baseline; } .self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .justify-evenly { justify-content: space-evenly; } .content-start { -ms-flex-line-pack: start; align-content: flex-start; } .content-end { -ms-flex-line-pack: end; align-content: flex-end; } .content-center { -ms-flex-line-pack: center; align-content: center; } .content-between { -ms-flex-line-pack: justify; align-content: space-between; } .content-around { -ms-flex-line-pack: distribute; align-content: space-around; } .content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .grow-0 {flex-grow: 0} .grow-1 {flex-grow: 1} .grow-2 {flex-grow: 2} .shrink-0 {flex-shrink: 0} .shrink-1 {flex-shrink: 1} .shrink-2 {flex-shrink: 2} .fl { float: left; } .fr { float: right; } .fn { float: none; } .fl-children > * { float: left; } .fr-children > * { float: right; } .fn-children > * { float: none; } .ff-josefin {font-family: Josefin} .ff-kanit {font-family: Kanit} .fw-normal { font-weight: normal; } .fw-b { font-weight: bold; } .fw1 { font-weight: 100; } .fw2 { font-weight: 200; } .fw3 { font-weight: 300; } .fw4 { font-weight: 400; } .fw5 { font-weight: 500; } .fw6 { font-weight: 600; } .fw7 { font-weight: 700; } .fw8 { font-weight: 800; } .fw9 { font-weight: 900; } .fs-i { font-style: italic; } .fs-normal { font-style: normal; } .fs-50 { font-size: 50%; } .fs-66 { font-size: 66%; } .fs-75 { font-size: 75%; } .fs-80 { font-size: 80%; } .fs-90 { font-size: 90%; } .fs-100 { font-size: 100%; } .fs-110 { font-size: 110%; } .fs-120 { font-size: 120%; } .fs-125 { font-size: 125%; } .fs-150 { font-size: 150%; } .fs-200 { font-size: 200%; } .fs-250 { font-size: 250%; } .fs-sm { font-size: calc(1rem + 1vw); } .fs-lg { font-size: calc(3rem + 1.75vw); } .fs-xl { font-size: calc(3rem + 2.5vw); } .fs-h0 { font-size: 4rem; } .fs-h05 { font-size: 3.5rem; } .fs-h1 { font-size: 3rem; } .fs-h2 { font-size: 2.25rem; } .fs-h3 { font-size: 1.5rem; } .fs-h4 { font-size: 1.25rem; } .fs-h5 { font-size: 1rem; } .fs-h6 { font-size: .875rem; } .fs-h7 { font-size: .75rem; } .tl, .tl-children *, .tl-children-label label { text-align: left; } .tr, .tr-children *, .tr-children-label label { text-align: right; } .tc, .tc-children *, .tc-children-label label { text-align: center; } .ti-0 { text-indent: 0 } .ti-1 { text-indent: .125rem; } .ti-2 { text-indent: .25rem; } .ti-3 { text-indent: .5rem; } .ti-4 { text-indent: 1rem; } .ti-5 { text-indent: 2rem; } .tt-u { text-transform: uppercase } .tt-c { text-transform: capitalize } .ts-1 { text-shadow: 1px 1px 2px rgba(0,0,0,.5); } .ts-1-white { text-shadow: 1px 1px 2px rgba(255,255,255,.5); } .ts-2 { text-shadow: 2px 2px 4px rgba(0,0,0,.5); } .ts-2b { text-shadow: 2px 2px 4px rgba(0,0,0,1.0); } .ts-lg-b { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); } .ts-lg-br { text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 4px 4px 0 #b9b9b9, 5px 5px 0 #aaa, 6px 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 1px 1px 3px rgba(0,0,0,.3), 3px 3px 5px rgba(0,0,0,.2), 5px 5px 10px rgba(0,0,0,.25), 10px 10px 10px rgba(0,0,0,.2), 20px 20px 20px rgba(0,0,0,.15); } .lh0 { line-height: 0; } .lh1 { line-height: 1; } .lh2 { line-height: 1.25; } .lh2a { line-height: 1.35; } .lh3 { line-height: 1.5; } .lh4 { line-height: 2; } .lh-1 { line-height: .125rem; } .lh-2 { line-height: .25rem; } .lh-3 { line-height: .5rem; } .lh-4 { line-height: 1rem; } .lh-5 { line-height: 2rem; } .lh-initial { line-height: initial; } .tdn, .tdn-hover:hover, .tdn-hover:active, .tdn-hover:focus { text-decoration: none; } .tdu, .tdu-hover:hover, .tdu-hover:active, .tdu-hover:focus { text-decoration: underline; } .tdl, .tdl-hover:hover, .tdl-hover:active, .tdl-hover:focus { text-decoration: line-through; } .tdo, .tdo-hover:hover, .tdo-hover:active, .tdo-hover:focus { text-decoration: overline; } .ls-normal { letter-spacing: normal; } .ls-nlg { letter-spacing: -.2vw; } .ls-lg { letter-spacing: .2vw; } .lsn { list-style: none; } .lsc { list-style: circle; } .pointer { cursor: pointer; } .not-allowed { cursor: not-allowed; } .v-bottom {vertical-align: bottom; } .v-base, *[role="v-base-children"] > *, .v-base-children * { vertical-align: baseline; } .v-mid, *[role="v-mid-children"] > *, .v-mid-children * { vertical-align: middle !important; } .y-center { margin-top: 50%; transform: translateY(-50%); } .x-center { margin-left: 50%; transform: translateX(-50%); } .xy-center { margin-left: 50%; margin-top: 50%; transform: translate(-50%, -50%); } .scale-110, .scale-110-hover:hover { transform: scale(1.1)} .scale-125, .scale-125-hover:hover { transform: scale(1.25)} .scale-150, .scale-150-hover:hover { transform: scale(1.5)} .scale-200, .scale-200-hover:hover { transform: scale(2)} .v-top, *[role="v-top-children"] > *, .v-top-children * { vertical-align: top; } .v-btm, *[role="v-btm-children"] > *, .v-btm-children * { vertical-align: bottom; } .ws-normal { white-space: normal !important; } .ws-nowrap { white-space: nowrap; } .ws-pre { white-space: pre; } .wb-all { word-break: keep-all; } .h0 { height: 0; } .h1 { height: .125rem; } .h2 { height: .25rem; } .h3 { height: .5rem; } .h4 { height: 1rem; } .h5 { height: 2rem; } .h6 { height: 4rem; } .h7 { height: 8rem; } .h7-5 { height: 12rem; } .h8 { height: 16rem; } .h9 { height: 24rem; } .h10 { height: 32rem; } /* Height Percentages - Based off of height of parent */ .h-25 { height: 25%; } .h-50 { height: 50%; } .h-75 { height: 75%; } .h-100 { height: 100%; } .h-insideHeadAndFoot { height: calc(100vh - 154px); } .min-h-100 { min-height: 100%; } .min-h-insideHeadAndFoot { min-height: calc(100vh - 154px); } /* String Properties */ .h-auto { height: auto; } .h-inherit { height: inherit; } /* Screen Height Percentage */ .vh-25 { height: 25vh; } .vh-50 { height: 50vh; } .vh-75 { height: 75vh; } .vh-100 { height: 100vh; } .min-vh-100 { min-height: 100vh; } .mh-none { max-height: none; } .mh0 { max-height: 0; } .mh1 { max-height: .125rem; } .mh2 { max-height: .25rem; } .mh3 { max-height: .5rem; } .mh4 { max-height: 1rem; } .mh5 { max-height: 2rem; } .mh6 { max-height: 4rem; } .mh7 { max-height: 8rem; } .mh8 { max-height: 16rem; } .mh9 { max-height: 24rem; } .mh-10 { max-height: 10%; } .mh-20 { max-height: 20%; } .mh-25 { max-height: 25%; } .mh-30 { max-height: 30%; } .mh-100 { max-height: 100%; } .mvh-20 { max-height: 20vh; } .mvh-25 { max-height: 25vh; } .mvh-33 { max-height: 33vh; } .mvh-50 { max-height: 50vh; } .mvh-66 { max-height: 66vh; } .mvh-75 { max-height: 75vh; } .mvh-100 { max-height: 100vh; } .mh-sibling-hover:not(:hover) + *:not(:hover) {max-height: 0} .w0 { width: 0; } .w1 { width: .125rem; } .w2 { width: .25rem; } .w3 { width: .5rem; } .w4 { width: 1rem; } .w5 { width: 2rem; } .w6 { width: 4rem; } .w7 { width: 8rem; } .w8 { width: 16rem; } .w9 { width: 24rem; } .w10 { width: 32rem; } .w960 {width: 960px; } .w1280 {width: 1280px; } .w-10 { width: 10%; } .w-12-5 { width: 12.5%; } .w-20 { width: 20%; } .w-24 { width: 24%; } .w-25 { width: 25%; } .w-30 { width: 30%; } .w-33 { width: calc( 100% / 3 ); } .w-34 { width: 34%; } .w-40 { width: 40%; } .w-50 { width: 50%; } .w-60 { width: 60%; } .w-65 { width: 65%; } .w-66 { width: calc( 100% / 1.5 ); } .w-70 { width: 70%; } .w-75 { width: 75%; } .w-80 { width: 80%; } .w-90 { width: 90%; } .w-100 { width: 100%; } .w-auto { width: auto; } .w-inherit { width: inherit; } .vw-20 { width: 20vw; } .vw-25 { width: 25vw; } .vw-33 { width: 33vw; } .vw-50 { width: 50vw; } .vw-66 { width: 66vw; } .vw-75 { width: 75vw; } .vw-90 { width: 90vw; } .vw-100 { width: 100vw; } .min-vw-100 { min-width: 100vw; } /* Max Width Scale */ .mw-none { max-width: none; } .mw0 { max-width: 0; } .mw1 { max-width: .125rem; } .mw2 { max-width: .25rem; } .mw3 { max-width: .5rem; } .mw4 { max-width: 1rem; } .mw5 { max-width: 2rem; } .mw6 { max-width: 4rem; } .mw7 { max-width: 8rem; } .mw8 { max-width: 16rem; } .mw9 { max-width: 24rem; } .mw10 { max-width: 32rem; } .mw960 { max-width: 960px; } .mw1280 { max-width: 1280px; } .mw-10 { max-width: 10%; } .mw-20 { max-width: 20%; } .mw-25 { max-width: 25%; } .mw-30 { max-width: 30%; } .mw-33 { max-width: calc( 100% / 3 ); } .mw-34 { max-width: 34%; } .mw-40 { max-width: 40%; } .mw-50 { max-width: 50%; } .mw-60 { max-width: 60%; } .mw-66 { max-width: calc( 100% / 1.5 ); } .mw-70 { max-width: 70%; } .mw-75 { max-width: 75%; } .mw-80 { max-width: 80%; } .mw-90 { max-width: 90%; } .mw-100 { max-width: 100%; } .mvw-20 { max-width: 20vw; } .mvw-25 { max-width: 25vw; } .mvw-33 { max-width: 33vw; } .mvw-50 { max-width: 50vw; } .mvw-66 { max-width: 66vw; } .mvw-75 { max-width: 75vw; } .mvw-100 { max-width: 100vw; } .min-w0 { min-width: 0; } .min-w4 { min-width: 1rem; } .min-w5 { min-width: 2rem; } .min-w6 { min-width: 4rem; } .min-w7 { min-width: 8rem; } .min-w8 { min-width: 16rem; } .min-w9 { min-width: 24rem; } .mvw-20-children > *, .mvw-20-children > * > tr > td { max-width: 20vw; } .mw-sibling-hover:not(:hover) + *:not(:hover) {max-width: none} .ov-auto { overflow: auto; } .ov-hidden { overflow: hidden; } .ov-scroll { overflow: scroll; } .ov-visible { overflow: visible; } .ov-x-auto { overflow-x: auto; } .ov-x-hidden { overflow-x: hidden; } .ov-x-scroll { overflow-x: scroll; } .ov-x-visible { overflow-x: visible; } .ov-y-auto { overflow-y: auto; } .ov-y-hidden { overflow-y: hidden; } .ov-y-scroll { overflow-y: scroll; } .ov-y-visible { overflow-y: visible; } .to-ellipsis { text-overflow: ellipsis; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; position: -webkit-sticky; } .fixed .hide-isfixed {display: none} .resize-v, .resize-v-children div {resize: vertical;} .resize-none {resize: none;} .responsive-images img { max-width: 100% !important; height: auto !important; display: block; border-radius: 8px; } .o-100, .o-100-hover:hover { opacity: 1; } .o-90 { opacity: .9; } .o-80 { opacity: .8; } .o-70 { opacity: .7; } .o-60 { opacity: .6; } .o-50 { opacity: .5; } .o-40 { opacity: .4; } .o-30 { opacity: .3; } .o-20 { opacity: .2; } .o-10 { opacity: .1; } .o-05 { opacity: .05; } .o-025 { opacity: .025; } .o-0 { opacity: 0; } .o-1-children-hover:not(:hover) *:not(.o-1-always) {opacity: 0} .o-1-children-hover:hover * {opacity: 1} .o-1-child-hover:not(:hover) .o-1-on-parent-hover {opacity: 0} .o-1-child-hover:hover .o-1-on-parent-hover {opacity: 1} .o-1-sibling-hover:not(:hover) + *:not(:hover) {opacity: 0} .o-1-sibling-hover:hover + * {opacity: 1} .hidden {visibility: hidden;} .visible {visibility: visible;} .visible-hover:not(:hover) {visibility: hidden} .visible-hover:hover {visibility: visible} .visible-children-hover:not(:hover) * {visibility: hidden} .visible-children-hover:hover * {visibility: visible} .visible-sibling-hover:not(:hover) + * {visibility: hidden} .visible-sibling-hover:hover + * {visibility: visible} .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-4 { z-index: 4; } .z-5 { z-index: 5; } .z-10 { z-index: 10; } .z-100 { z-index: 100; } .z-999 { z-index: 999; } .z-9999 { z-index: 9999; } .z-max { z-index: 2147483647; } .z-inherit { z-index: inherit; } .z-initial { z-index: initial; } .z-unset { z-index: unset; } .transition-all-delay1 {transition: all .2s ease-in-out .25s} .transition-all {transition: all .2s ease-in-out} .transition-all-med {transition: all .4s ease-in-out} .transition-none {transition: unset; } .bg-transparent, .bg-transparent-hover:hover { background-color: transparent !important; } .bg-black { background-color: #000; } .bg-near-black { background-color: #111; } .bg-dark-gray { background-color: #333; } .bg-mid-gray { background-color: #555; } .bg-gray { background-color: #777; } .bg-silver { background-color: #999; } .bg-light-silver { background-color: #aaa; } .bg-light-gray, .bg-light-gray-hover:hover { background-color: #ccc; } .bg-vlight-gray, .bg-vlight-gray-hover:hover { background-color: #eee; } .bg-vvlight-gray, .bg-vvlight-gray-hover:hover { background-color: #f1f1f1; } .bg-near-white, .bg-near-white-hover:hover { background-color: #f5f5f5; } .bg-off-white, .bg-off-white-hover:hover { background-color: #f9f9f9; } .bg-just-off-white, .bg-just-off-white-hover:hover { background-color: #fafafa; } .bg-white, .bg-white-hover:hover { background-color: #fff !important; } .bg-pale-red { background-color: #edcdcd; } .bg-darken-10 { background-color: rgba(0,0,0,.1); } .bg-darken-20 { background-color: rgba(0,0,0,.2); } .bg-darken-40 { background-color: rgba(0,0,0,.4); } .bg-darken-60 { background-color: rgba(0,0,0,.6); } .bg-darken-80 { background-color: rgba(0,0,0,.8); } .bg-lighten-10 { background-color: rgba(255,255,255,.1); } .bg-lighten-20 { background-color: rgba(255,255,255,.2); } .bg-lighten-40 { background-color: rgba(255,255,255,.4); } .bg-lighten-60 { background-color: rgba(255,255,255,.6); } .bg-lighten-80 { background-color: rgba(255,255,255,.8); } /*theme colors*/ .bg-orange, .bg-orange-hover:hover {background-color: #f1a42b;} .bg-orange-dark, .bg-orange-dark-hover:hover {background-color: #f08231;} .bg-yolk, .bg-yolk-hover:hover {background-color: #fdcb26;} .bg-orange-off-white, .bg-orange-off-white-hover:hover {background-color: #fefff0;} .bg-peach, .bg-peach-hover:hover {background-color: #ffdcac;} .bg-peach-light, .bg-peach-light-hover:hover {background-color: #fff4e3;} .bg-yellow-pale, .bg-yellow-pale-hover:hover {background-color: #fcf8e3;} .bg-yellow, .bg-yellow-hover:hover {background-color: #faebcc;} .bg-lemon, .bg-lemon-hover:hover {background-color: #fdffd6;} .bg-clay, .bg-clay-hover:hover {background-color: #8a6d3b;} .bg-egg, .bg-egg-hover:hover {background-color: #eee8d5;} .bg-slate, .bg-slate-hover:hover {background-color: #586e75;} .bg-slate-light, .bg-slate-light-hover:hover {background-color: #93a1a1;} .bg-tiber, .bg-tiber-hover:hover {background-color: #072F4B;} .bg-tiber-light, .bg-tiber-light-hover:hover {background-color: #0a4c5c;} .bg-blue-gradient {background-image: linear-gradient(#04263d, #5c92b8);} .bg-yellow-gradient{background-image: linear-gradient(#ffd349, #fd9d08);} .bg-green, .bg-green-hover:hover {background-color: #71e56d;} .bg-seagreen, .bg-seagreen-hover:hover { background-color: #2a7772; } .bg-mint, .bg-mint-hover:hover { background-color: #00a573; } .bg-palegreen, .bg-palegreen-hover:hover { background-color: #6fb88e; } .bg-green-off-white, .bg-green-off-white-hover:hover { background-color: #dcfef5;} .bg-light-beige { background-color: #e2dfd6; } .bg-blue-silver { background-color: #465e76; } /*theme colors - rapise */ .bg-purple, .bg-purple-hover:hover { background-color: #8b4789; } .bg-pink, .bg-pink-hover:hover { background-color: #bf6f96; } .bg-palepurple, .bg-palepurple-hover:hover { background-color: #9fa4c4; } .bg-purple-off-white, .bg-purple-off-white-hover:hover { background-color: #f6eef6; } .shadow-a-sm { box-shadow: 0 0 1px rgba(0,0,0,.33); } .shadow-b-mid-gray, .shadow-b-mid-gray-hover:hover { box-shadow: 0px 6px 14px rgba(0,0,0,.33); } .shadow-tb-mid-gray { box-shadow: 0 -12px 30px -12px rgba(0, 0, 0, 0.35), 0 12px 30px -12px rgba(0, 0, 0, 0.35); } .shadow-b-pages { box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.2), 0 2px 0px -1px #d8d8d8, 0 4px 0px -2px #c7c7c7, 0 6px 0px -3px #d8d8d8, 0 8px 0px -4px #c6c6c6, 0 10px 20px -9px rgba(0, 0, 0, 0.5); } .filter-shadow-bl { filter: drop-shadow(-10px 10px 10px rgba(0,0,0,.25)) } .filter-blur-bg { -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); } .filter-blur-sm { filter: blur(1px); } /* SVG filter colors To convert the hex into the CSS use this: https://codepen.io/sosuke/pen/Pjoqqp */ .filter-seagreen { filter: invert(22%) sepia(51%) saturate(6282%) hue-rotate(167deg) brightness(85%) contrast(67%); } .filter-purple { filter: invert(28%) sepia(89%) saturate(405%) hue-rotate(252deg) brightness(97%) contrast(85%); } .shadow-ib-mid-gray, .shadow-ib-mid-gray-if-hover:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25) inset; } .shadow-a-mid-gray { box-shadow: 0 0 8px rgba(0,0,0,.18); } .shadow-a-xl-mid-gray { box-shadow: 2px 5px 25px rgba(0,0,0,.18); } .shadow-l-peach { box-shadow: -5px 0px 0px #ffdcac; } .shadow-r-peach { box-shadow: 5px 0px 0px #ffdcac; } .shadow-t-peach { box-shadow: 0px -5px 0px #ffdcac; } .shadow-b-peach { box-shadow: 0px 5px 0px #ffdcac; } .shadow-il-peach, .shadow-il-peach-if-selected.selected { box-shadow: 5px 0px 0px #ffdcac inset; } .shadow-l-orange-dark { box-shadow: -5px 0px 0px #f08231; } .shadow-il-orange-dark { box-shadow: 5px 0px 0px #f08231 inset; } .bb-gap:before, .bb-gap-if-hover:hover:before, .bb-gap-if-selected.selected:before { content: " "; position: absolute; bottom: -10px; left: 0; right: 0; border: 2px solid transparent; } .bb-gap-mid-gray:before, .bb-gap-mid-gray-if-hover:hover:before, .bb-gap-mid-gray-if-selected.selected:before { border-color: #ddd; } .bb-gap-peach:before, .bb-gap-peach-if-hover:hover:before, .bb-gap-peach-if-selected.selected:before { border-color: #ffdcac; } .transparent, .transparent-hover:hover { color: transparent; } .black, .black-hover:hover { color: #000; } .near-black, .near-black-hover:hover { color: #111; } .dark-gray, .dark-gray-hover:hover { color: #333; } .mid-gray, .mid-gray-hover:hover { color: #555; } .gray, .gray-hover:hover { color: #777; } .silver, .silver-hover:hover { color: #999; } .light-silver, .light-silver-hover:hover { color: #aaa; } .light-gray, .light-gray-hover:hover { color: #ccc; } .vlight-gray, .vlight-gray-hover:hover { color: #eee; } .vvlight-gray, .vvlight-gray-hover:hover { color: #f1f1f1; } .near-white, .near-white-hover:hover { color: #f5f5f5; } .off-white, .off-white-hover:hover { color: #f5f5f5; } .just-off-white, .just-off-white-hover:hover { color: #fafafa; } .white, .white-hover:hover { color: #fff; } .color-inherit { color: inherit} .color-initial { color: initial} .green, .green-hover:hover { color: #71e56d; } .slate, .slate-hover:hover {color: #586e75;} .slate-light, .slate-light-hover:hover {color: #93a1a1;} .tiber, .tiber-hover:hover {color: #072F4B;} /*theme colors - spira and inflectra */ .orange, .orange-hover:hover, .orange-hover.is-hover {color: #f1a42b;} .orange-dark, .orange-dark-hover:hover {color: #f08231;} .yolk, .yolk-hover:hover {color: #fdcb26;} .peach, .peach-hover:hover {color: #ffdcac;} .yellow-pale, .yellow-pale-hover:hover {color: #fcf8e3;} .yellow, .yellow-hover:hover {color: #faebcc;} .clay, .clay-hover:hover {color: #8a6d3b;} .egg, .egg-hover:hover {color: #eee8d5;} /*theme colors - kronodesk */ .seagreen, .seagreen-hover:hover { color: #2a7772; } .mint, .mint-hover:hover { color: #00a573; } .palegreen, .palegreen-hover:hover { color: #6fb88e; } .crimson { color: #e63946; } .mint-light, .mint-light-hover:hover { color: #47faca; } /*theme colors - rapise */ .purple, .purple-hover:hover { color: #8b4789; } .pink, .pink-hover:hover { color: #bf6f96; } .palepurple, .palepurple-hover:hover { color: #9fa4c4; } .blush, .blush-hover:hover { color: #f4c2c2; } .purple-off-white, purple-off-white-hover:hover { color: #f6eef6; } /*social media colors*/ .facebook, .facebook-hover:hover, .facebook-hover:active { color: #3b5998; } .twitter, .twitter-hover:hover, .twitter-hover:active { color: #55acee; } .google, .google-hover:hover, .google-hover:active { color: #dd4b39; } .pinterest, .pinterest-hover:hover, .pinterest-hover:active { color: #bd081c; } .linkedin, .linkedin-hover:hover, .linkedin-hover:active { color: #0077b5; } .xing, .xing-hover:hover, .xing-hover:active { color: #1a7576; } .bg-linkedin, .bg-linkedin:active, .bg-linkedin:visited { color: white; background-color: #0077b5; } .bg-linkedin:hover { color: white; opacity: 0.8 } .bg-chatgpt, .bg-chatgpt:active, .bg-chatgpt:visited { color: white; background-color: #10a37f; } .bg-chatgpt:hover { color: white; opacity: 0.8; } .bg-perplexity, .bg-perplexity:active, .bg-perplexity:visited { color: white; background-color: #6f42c1; } .bg-perplexity:hover { color: white; opacity: 0.8; } .bg-twitter, .bg-twitter:active, .bg-twitter:visited { color: white; background-color: black; } .bg-twitter:hover { color: white; opacity: 0.8; } .bg-googleai, .bg-googleai:active, .bg-googleai:visited { color: white; background-color: #4285F4; } .bg-googleai:hover { color: white; opacity: 0.8; } .bg-claude, .bg-claude:active, .bg-claude:visited { color: white; background-color: #d97757; } .bg-claude:hover { color: white; opacity: 0.8; } /*industry colors - based on colorful letter svgs*/ .bg-lt-a, .bg-lt-f, .bg-lt-r {background-color: #e6202e; } .bg-lt-e, .bg-lt-i, .bg-lt-t {background-color: #2799c8; } .bg-lt-g, .bg-lt-m {background-color: #58c1c0; } .bg-lt-h {background-color: #5ac164; } /* Competitor colors */ .atlassian-blue { color: #0052cc; } .filter-gray { filter: grayscale(100%); } .filter-none, .filter-none-hover:hover { filter: none; } /* Extra bold using stroke */ .fw-ts-2 { text-stroke: 2px; -webkit-text-stroke: 2px; } /*XL*/ /* @media (min-width: 1200px) { .dn-xl {display: none !important} .db-xl {display: block} .dib-xl {display: inline-block} .pa0-xl {padding: 0} .pa1-xl {padding: .125rem} .pa2-xl {padding: .25rem} .pa3-xl {padding: .5rem} .pa4-xl {padding: 1rem} .pa5-xl {padding: 2rem} .pa6-xl {padding: 4rem} .pa7-xl {padding: 8rem} .pa8-xl {padding: 16rem} .pl0-xl {padding-left: 0} .pl1-xl {padding-left: .125rem} .pl2-xl {padding-left: .25rem} .pl3-xl {padding-left: .5rem} .pl4-xl {padding-left: 1rem} .pl5-xl {padding-left: 2rem} .pl6-xl {padding-left: 4rem} .pl7-xl {padding-left: 8rem} .pl8-xl {padding-left: 16rem} .pr0-xl {padding-right: 0} .pr1-xl {padding-right: .125rem} .pr2-xl {padding-right: .25rem} .pr3-xl {padding-right: .5rem} .pr4-xl {padding-right: 1rem} .pr5-xl {padding-right: 2rem} .pr6-xl {padding-right: 4rem} .pr7-xl {padding-right: 8rem} .pr8-xl {padding-right: 16rem} .pt0-xl {padding-top: 0} .pt1-xl {padding-top: .125rem} .pt2-xl {padding-top: .25rem} .pt3-xl {padding-top: .5rem} .pt4-xl {padding-top: 1rem} .pt5-xl {padding-top: 2rem} .pt6-xl {padding-top: 4rem} .pt7-xl {padding-top: 8rem} .pt8-xl {padding-top: 16rem} .pb0-xl {padding-bottom: 0} .pb1-xl {padding-bottom: .125rem} .pb2-xl {padding-bottom: .25rem} .pb3-xl {padding-bottom: .5rem} .pb4-xl {padding-bottom: 1rem} .pb5-xl {padding-bottom: 2rem} .pb6-xl {padding-bottom: 4rem} .pb7-xl {padding-bottom: 8rem} .pb8-xl {padding-bottom: 16rem} .px0-xl {padding-left: 0; padding-right: 0} .px1-xl {padding-left: .125rem; padding-right: .125rem; } .px2-xl {padding-left: .25rem; padding-right: .25rem; } .px3-xl {padding-left: .5rem !important; padding-right: .5rem !important} .px4-xl {padding-left: 1rem; padding-right: 1rem} .px5-xl {padding-left: 2rem; padding-right: 2rem} .px6-xl {padding-left: 4rem; padding-right: 4rem} .px7-xl {padding-left: 8rem; padding-right: 8rem} .px8-xl {padding-left: 16rem; padding-right: 16rem} .py0-xl {padding-top: 0; padding-bottom: 0} .py1-xl {padding-top: .125rem; padding-bottom: .125rem} .py2-xl {padding-top: .25rem; padding-bottom: .25rem} .py3-xl {padding-top: .5rem; padding-bottom: .5rem} .py4-xl {padding-top: 1rem; padding-bottom: 1rem} .py5-xl {padding-top: 2rem; padding-bottom: 2rem} .py6-xl {padding-top: 4rem; padding-bottom: 4rem} .py7-xl {padding-top: 8rem; padding-bottom: 8rem} .py8-xl {padding-top: 16rem; padding-bottom: 16rem} .ma0-xl {margin: 0} .ma1-xl {margin: .125rem} .ma2-xl {margin: .25rem} .ma3-xl {margin: .5rem} .ma4-xl {margin: 1rem} .ma5-xl {margin: 2rem} .ma6-xl {margin: 4rem} .ma7-xl {margin: 8rem} .ma8-xl {margin: 16rem} .ml0-xl {margin-left: 0} .ml1-xl {margin-left: .125rem} .ml2-xl {margin-left: .25rem} .ml3-xl {margin-left: .5rem} .ml4-xl {margin-left: 1rem} .ml5-xl {margin-left: 2rem} .ml6-xl {margin-left: 4rem} .ml7-xl {margin-left: 8rem} .ml8-xl {margin-left: 16rem} .mr0-xl {margin-right: 0} .mr1-xl {margin-right: .125rem} .mr2-xl {margin-right: .25rem} .mr3-xl {margin-right: .5rem} .mr4-xl {margin-right: 1rem} .mr5-xl {margin-right: 2rem} .mr6-xl {margin-right: 4rem} .mr7-xl {margin-right: 8rem} .mr8-xl {margin-right: 16rem} .mt0-xl {margin-top: 0} .mt1-xl {margin-top: .125rem} .mt2-xl {margin-top: .25rem} .mt3-xl {margin-top: .5rem} .mt4-xl {margin-top: 1rem} .mt5-xl {margin-top: 2rem} .mt6-xl {margin-top: 4rem} .mt7-xl {margin-top: 8rem} .mt8-xl {margin-top: 16rem} .mb0-xl {margin-bottom: 0} .mb1-xl {margin-bottom: .125rem} .mb2-xl {margin-bottom: .25rem} .mb3-xl {margin-bottom: .5rem} .mb4-xl {margin-bottom: 1rem} .mb5-xl {margin-bottom: 2rem} .mb6-xl {margin-bottom: 4rem} .mb7-xl {margin-bottom: 8rem} .mb8-xl {margin-bottom: 16rem} .mx0-xl {margin-left: 0; margin-right: 0} .mx1-xl {margin-left: .125rem; margin-right: .125rem} .mx2-xl {margin-left: .25rem; margin-right: .25rem} .mx3-xl {margin-left: .5rem; margin-right: .5rem} .mx4-xl {margin-left: 1rem; margin-right: 1rem} .mx5-xl {margin-left: 2rem; margin-right: 2rem} .mx6-xl {margin-left: 4rem; margin-right: 4rem} .mx7-xl {margin-left: 8rem; margin-right: 8rem} .mx8-xl {margin-left: 16rem; margin-right: 16rem} .my0-xl {margin-top: 0; margin-bottom: 0} .my1-xl {margin-top: .125rem; margin-bottom: .125rem} .my2-xl {margin-top: .25rem; margin-bottom: .25rem} .my3-xl {margin-top: .5rem; margin-bottom: .5rem} .my4-xl {margin-top: 1rem; margin-bottom: 1rem} .my5-xl {margin-top: 2rem; margin-bottom: 2rem} .my6-xl {margin-top: 4rem; margin-bottom: 4rem} .my7-xl {margin-top: 8rem; margin-bottom: 8rem} .my8-xl {margin-top: 16rem; margin-bottom: 16rem} .ml-auto-xl { margin-left: auto } .mr-auto-xl { margin-right: auto } .mx-auto-xl { margin-left: auto; margin-right: auto; } .mln1-xl {margin-left: -.125rem} .mln2-xl {margin-left: -.25rem} .mln3-xl {margin-left: -.5rem} .mln4-xl {margin-left: -1rem} .mln5-xl {margin-left: -2rem} .mrn1-xl {margin-right: -.125rem} .mrn2-xl {margin-right: -.25rem} .mrn3-xl {margin-right: -.5rem} .mrn4-xl {margin-right: -1rem} .mrn5-xl {margin-right: -2rem} .mtn1-xl {margin-top: -.125rem} .mtn2-xl {margin-top: -.25rem} .mtn3-xl {margin-top: -.5rem} .mtn4-xl {margin-top: -1rem} .mtn5-xl {margin-top: -2rem} .mbn1-xl {margin-bottom: -.125rem} .mbn2-xl {margin-bottom: -.25rem} .mbn3-xl {margin-bottom: -.5rem} .mbn4-xl {margin-bottom: -1rem} .mbn5-xl {margin-bottom: -2rem} .mxn1-xl { margin-left: -.125rem; margin-right: -.125rem; } .mxn2-xl { margin-left: -.25rem; margin-right: -.25rem; } .mxn3-xl { margin-left: -.5rem; margin-right: -.5rem; } .mxn4-xl { margin-left: -1rem; margin-right: -1rem; } .mxn5-xl { margin-left: -2rem; margin-right: -2rem; } .myn1-xl { margin-top: -.125rem; margin-bottom: -.125rem; } .myn2-xl { margin-top: -.25rem; margin-bottom: -.25rem; } .myn3-xl { margin-top: -.5rem; margin-bottom: -.5rem; } .myn4-xl { margin-top: -1rem; margin-bottom: -1rem; } .myn5-xl { margin-top: -2rem; margin-bottom: -2rem; } .vw-20-xl { width: 20vw; } .vw-25-xl { width: 25vw; } .vw-33-xl { width: 33vw; } .vw-50-xl { width: 50vw; } .vw-66-xl { width: 66vw; } .vw-75-xl { width: 75vw; } .vw-90-xl { width: 90vw; } .vw-100-xl { width: 100vw; } .w-10-xl { width: 10%; } .w-12-xl { width: 12.5%; } .w-20-xl { width: 20%; } .w-24-xl { width: 24%; } .w-25-xl { width: 25%; } .w-30-xl { width: 30%; } .w-33-xl { width: calc( 100% / 3 ); } .w-34-xl { width: 34%; } .w-40-xl { width: 40%; } .w-50-xl { width: 50%; } .w-60-xl { width: 60%; } .w-65-xl { width: 65%; } .w-66-xl { width: calc( 100% / 1.5 ); } .w-70-xl { width: 70%; } .w-75-xl { width: 75%; } .w-80-xl { width: 80%; } .w-90-xl { width: 90%; } .w-100-xl { width: 100%; } .w0-xl { width: 0; } .w1-xl { width: .125rem; } .w2-xl { width: .25rem; } .w3-xl { width: .5rem; } .w4-xl { width: 1rem; } .w5-xl { width: 2rem; } .w6-xl { width: 4rem; } .w7-xl { width: 8rem; } .w8-xl { width: 16rem; } .w9-xl { width: 24rem; } .w10-xl { width: 32rem; } .h0-xl { height: 0; } .h1-xl { height: .125rem; } .h2-xl { height: .25rem; } .h3-xl { height: .5rem; } .h4-xl { height: 1rem; } .h5-xl { height: 2rem; } .h6-xl { height: 4rem; } .h7-xl { height: 8rem; } .h8-xl { height: 16rem; } .h9-xl { height: 24rem; } .h10-xl { height: 32rem; } .fixed .xl-hide-isfixed {display: none} .fl-xl { float: left; display: inline; } .fr-xl { float: right; display: inline; } .fn-xl { float: none; } .flex-xl { display: flex; } .inline-flex-xl { display: inline-flex; } .flex-auto-xl { flex: 1 1 auto; } .flex-none-xl { flex: none; } .flex-column-xl { flex-direction: column; } .flex-row-xl { flex-direction: row; } .flex-wrap-xl { flex-wrap: wrap; } .flex-nowrap-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .order-0-xl { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1-xl { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2-xl { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3-xl { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4-xl { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5-xl { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6-xl { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7-xl { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8-xl { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last-xl { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .fs-50-xl { font-size: 50%; } .fs-66-xl { font-size: 66%; } .fs-75-xl { font-size: 75%; } .fs-80-xl { font-size: 80%; } .fs-90-xl { font-size: 90%; } .fs-100-xl { font-size: 100%; } .fs-110-xl { font-size: 110%; } .fs-125-xl { font-size: 125%; } .fs-150-xl { font-size: 150%; } .fs-200-xl { font-size: 200%; } .fs-250-xl { font-size: 250%; } .fs-h1-xl { font-size: 3rem; } .fs-h2-xl { font-size: 2.25rem; } .fs-h3-xl { font-size: 1.5rem; } .fs-h4-xl { font-size: 1.25rem; } .fs-h5-xl { font-size: 1rem; } .fs-h6-xl { font-size: .875rem; } .fs-h7-xl { font-size: .75rem; } .tl-xl { text-align: left; } .tr-xl { text-align: right; } .tc-xl { text-align: center; } .fw-normal-xl { font-weight: normal; } .fw-b-xl { font-weight: bold; } .top0-xl { top: 0; } .right0-xl { right: 0 !important; } .bottom0-xl { bottom: 0; } .left0-xl { left: 0; } .top1-xl { top: 1rem; } .right1-xl { right: 1rem; } .bottom1-xl { bottom: 1rem; } .left1-xl { left: 1rem; } .top-100-xl { top: 100%; } .right-100-xl { right: 100%; } .bottom-100-xl { bottom: 100%; } .left-100-xl { left: 100%; } .absolute-xl { position: absolute; } .fixed-xl { position: fixed; } .relative-xl { position: relative; } .static-xl { position: static; } .sticky-xl { position: sticky; position: -webkit-sticky; } .white-xl, .white-hover-xl:hover { color: #fff; } } */ /*LG*/ @media (min-width: 992px) { .dn-lg {display: none !important} .db-lg {display: block} .dib-lg {display: inline-block} .pa0-lg {padding: 0} .pa1-lg {padding: .125rem} .pa2-lg {padding: .25rem} .pa3-lg {padding: .5rem} .pa4-lg {padding: 1rem} .pa5-lg {padding: 2rem} .pa6-lg {padding: 4rem} .pa7-lg {padding: 8rem} .pa8-lg {padding: 16rem} .pl0-lg {padding-left: 0} .pl1-lg {padding-left: .125rem} .pl2-lg {padding-left: .25rem} .pl3-lg {padding-left: .5rem} .pl4-lg {padding-left: 1rem} .pl5-lg {padding-left: 2rem} .pl6-lg {padding-left: 4rem} .pl7-lg {padding-left: 8rem} .pl8-lg {padding-left: 16rem} .pr0-lg {padding-right: 0} .pr1-lg {padding-right: .125rem} .pr2-lg {padding-right: .25rem} .pr3-lg {padding-right: .5rem} .pr4-lg {padding-right: 1rem} .pr5-lg {padding-right: 2rem} .pr6-lg {padding-right: 4rem} .pr7-lg {padding-right: 8rem} .pr8-lg {padding-right: 16rem} .pt0-lg {padding-top: 0} .pt1-lg {padding-top: .125rem} .pt2-lg {padding-top: .25rem} .pt3-lg {padding-top: .5rem} .pt4-lg {padding-top: 1rem} .pt5-lg {padding-top: 2rem} .pt6-lg {padding-top: 4rem} .pt7-lg {padding-top: 8rem} .pt8-lg {padding-top: 16rem} .pb0-lg {padding-bottom: 0} .pb1-lg {padding-bottom: .125rem} .pb2-lg {padding-bottom: .25rem} .pb3-lg {padding-bottom: .5rem} .pb4-lg {padding-bottom: 1rem} .pb5-lg {padding-bottom: 2rem} .pb6-lg {padding-bottom: 4rem} .pb7-lg {padding-bottom: 8rem} .pb8-lg {padding-bottom: 16rem} .px0-lg {padding-left: 0; padding-right: 0} .px1-lg {padding-left: .125rem; padding-right: .125rem; } .px2-lg {padding-left: .25rem; padding-right: .25rem; } .px3-lg {padding-left: .5rem !important; padding-right: .5rem !important} .px4-lg {padding-left: 1rem; padding-right: 1rem} .px5-lg {padding-left: 2rem; padding-right: 2rem} .px6-lg {padding-left: 4rem; padding-right: 4rem} .px7-lg {padding-left: 8rem; padding-right: 8rem} .px8-lg {padding-left: 16rem; padding-right: 16rem} .py0-lg {padding-top: 0; padding-bottom: 0} .py1-lg {padding-top: .125rem; padding-bottom: .125rem} .py2-lg {padding-top: .25rem; padding-bottom: .25rem} .py3-lg {padding-top: .5rem; padding-bottom: .5rem} .py4-lg {padding-top: 1rem; padding-bottom: 1rem} .py5-lg {padding-top: 2rem; padding-bottom: 2rem} .py6-lg {padding-top: 4rem; padding-bottom: 4rem} .py7-lg {padding-top: 8rem; padding-bottom: 8rem} .py8-lg {padding-top: 16rem; padding-bottom: 16rem} .ma0-lg {margin: 0} .ma1-lg {margin: .125rem} .ma2-lg {margin: .25rem} .ma3-lg {margin: .5rem} .ma4-lg {margin: 1rem} .ma5-lg {margin: 2rem} .ma6-lg {margin: 4rem} .ma7-lg {margin: 8rem} .ma8-lg {margin: 16rem} .ml0-lg {margin-left: 0} .ml1-lg {margin-left: .125rem} .ml2-lg {margin-left: .25rem} .ml3-lg {margin-left: .5rem} .ml4-lg {margin-left: 1rem} .ml5-lg {margin-left: 2rem} .ml6-lg {margin-left: 4rem} .ml7-lg {margin-left: 8rem} .ml8-lg {margin-left: 16rem} .mr0-lg {margin-right: 0} .mr1-lg {margin-right: .125rem} .mr2-lg {margin-right: .25rem} .mr3-lg {margin-right: .5rem} .mr4-lg {margin-right: 1rem} .mr5-lg {margin-right: 2rem} .mr6-lg {margin-right: 4rem} .mr7-lg {margin-right: 8rem} .mr8-lg {margin-right: 16rem} .mt0-lg {margin-top: 0} .mt1-lg {margin-top: .125rem} .mt2-lg {margin-top: .25rem} .mt3-lg {margin-top: .5rem} .mt4-lg {margin-top: 1rem} .mt5-lg {margin-top: 2rem} .mt6-lg {margin-top: 4rem} .mt7-lg {margin-top: 8rem} .mt8-lg {margin-top: 16rem} .mb0-lg {margin-bottom: 0} .mb1-lg {margin-bottom: .125rem} .mb2-lg {margin-bottom: .25rem} .mb3-lg {margin-bottom: .5rem} .mb4-lg {margin-bottom: 1rem} .mb5-lg {margin-bottom: 2rem} .mb6-lg {margin-bottom: 4rem} .mb7-lg {margin-bottom: 8rem} .mb8-lg {margin-bottom: 16rem} .mx0-lg {margin-left: 0; margin-right: 0} .mx1-lg {margin-left: .125rem; margin-right: .125rem} .mx2-lg {margin-left: .25rem; margin-right: .25rem} .mx3-lg {margin-left: .5rem; margin-right: .5rem} .mx4-lg {margin-left: 1rem; margin-right: 1rem} .mx5-lg {margin-left: 2rem; margin-right: 2rem} .mx6-lg {margin-left: 4rem; margin-right: 4rem} .mx7-lg {margin-left: 8rem; margin-right: 8rem} .mx8-lg {margin-left: 16rem; margin-right: 16rem} .my0-lg {margin-top: 0; margin-bottom: 0} .my1-lg {margin-top: .125rem; margin-bottom: .125rem} .my2-lg {margin-top: .25rem; margin-bottom: .25rem} .my3-lg {margin-top: .5rem; margin-bottom: .5rem} .my4-lg {margin-top: 1rem; margin-bottom: 1rem} .my5-lg {margin-top: 2rem; margin-bottom: 2rem} .my6-lg {margin-top: 4rem; margin-bottom: 4rem} .my7-lg {margin-top: 8rem; margin-bottom: 8rem} .my8-lg {margin-top: 16rem; margin-bottom: 16rem} .ml-auto-lg { margin-left: auto } .mr-auto-lg { margin-right: auto } .mx-auto-lg { margin-left: auto; margin-right: auto; } .mln1-lg {margin-left: -.125rem} .mln2-lg {margin-left: -.25rem} .mln3-lg {margin-left: -.5rem} .mln4-lg {margin-left: -1rem} .mln5-lg {margin-left: -2rem} .mrn1-lg {margin-right: -.125rem} .mrn2-lg {margin-right: -.25rem} .mrn3-lg {margin-right: -.5rem} .mrn4-lg {margin-right: -1rem} .mrn5-lg {margin-right: -2rem} .mtn1-lg {margin-top: -.125rem} .mtn2-lg {margin-top: -.25rem} .mtn3-lg {margin-top: -.5rem} .mtn4-lg {margin-top: -1rem} .mtn5-lg {margin-top: -2rem} .mbn1-lg {margin-bottom: -.125rem} .mbn2-lg {margin-bottom: -.25rem} .mbn3-lg {margin-bottom: -.5rem} .mbn4-lg {margin-bottom: -1rem} .mbn5-lg {margin-bottom: -2rem} .mxn1-lg { margin-left: -.125rem; margin-right: -.125rem; } .mxn2-lg { margin-left: -.25rem; margin-right: -.25rem; } .mxn3-lg { margin-left: -.5rem; margin-right: -.5rem; } .mxn4-lg { margin-left: -1rem; margin-right: -1rem; } .mxn5-lg { margin-left: -2rem; margin-right: -2rem; } .myn1-lg { margin-top: -.125rem; margin-bottom: -.125rem; } .myn2-lg { margin-top: -.25rem; margin-bottom: -.25rem; } .myn3-lg { margin-top: -.5rem; margin-bottom: -.5rem; } .myn4-lg { margin-top: -1rem; margin-bottom: -1rem; } .myn5-lg { margin-top: -2rem; margin-bottom: -2rem; } .vw-20-lg { width: 20vw; } .vw-25-lg { width: 25vw; } .vw-33-lg { width: 33vw; } .vw-50-lg { width: 50vw; } .vw-66-lg { width: 66vw; } .vw-75-lg { width: 75vw; } .vw-90-lg { width: 90vw; } .vw-100-lg { width: 100vw; } .w-10-lg { width: 10%; } .w-12-5-lg { width: 12.5%; } .w-20-lg { width: 20%; } .w-24-lg { width: 24%; } .w-25-lg { width: 25%; } .w-30-lg { width: 30%; } .w-33-lg { width: calc( 100% / 3 ); } .w-34-lg { width: 34%; } .w-40-lg { width: 40%; } .w-50-lg { width: 50%; } .w-60-lg { width: 60%; } .w-65-lg { width: 65%; } .w-66-lg { width: calc( 100% / 1.5 ); } .w-70-lg { width: 70%; } .w-75-lg { width: 75%; } .w-80-lg { width: 80%; } .w-90-lg { width: 90%; } .w-100-lg { width: 100%; } .w0-lg { width: 0; } .w1-lg { width: .125rem; } .w2-lg { width: .25rem; } .w3-lg { width: .5rem; } .w4-lg { width: 1rem; } .w5-lg { width: 2rem; } .w6-lg { width: 4rem; } .w7-lg { width: 8rem; } .w8-lg { width: 16rem; } .w9-lg { width: 24rem; } .w10-lg { width: 32rem; } .h0-lg { height: 0; } .h1-lg { height: .125rem; } .h2-lg { height: .25rem; } .h3-lg { height: .5rem; } .h4-lg { height: 1rem; } .h5-lg { height: 2rem; } .h6-lg { height: 4rem; } .h7-lg { height: 8rem; } .h8-lg { height: 16rem; } .h9-lg { height: 24rem; } .h10-lg { height: 32rem; } .fixed .lg-hide-isfixed {display: none} .fl-lg { float: left; display: inline; } .fr-lg { float: right; display: inline; } .fn-lg { float: none; } .flex-lg { display: flex; } .inline-flex-lg { display: inline-flex; } .flex-auto-lg { flex: 1 1 auto; } .flex-none-lg { flex: none; } .flex-column-lg { flex-direction: column; } .flex-row-lg { flex-direction: row; } .flex-wrap-lg { flex-wrap: wrap; } .flex-nowrap-lg { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .order-0-lg { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2-lg { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3-lg { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4-lg { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5-lg { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6-lg { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7-lg { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8-lg { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last-lg { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .fs-50-lg { font-size: 50%; } .fs-66-lg { font-size: 66%; } .fs-75-lg { font-size: 75%; } .fs-80-lg { font-size: 80%; } .fs-90-lg { font-size: 90%; } .fs-100-lg { font-size: 100%; } .fs-110-lg { font-size: 110%; } .fs-125-lg { font-size: 125%; } .fs-150-lg { font-size: 150%; } .fs-200-lg { font-size: 200%; } .fs-250-lg { font-size: 250%; } .fs-h1-lg { font-size: 3rem; } .fs-h2-lg { font-size: 2.25rem; } .fs-h3-lg { font-size: 1.5rem; } .fs-h4-lg { font-size: 1.25rem; } .fs-h5-lg { font-size: 1rem; } .fs-h6-lg { font-size: .875rem; } .fs-h7-lg { font-size: .75rem; } .tl-lg { text-align: left; } .tr-lg { text-align: right; } .tc-lg { text-align: center; } .fw-normal-lg { font-weight: normal; } .fw-b-lg { font-weight: bold; } .top0-lg { top: 0; } .right0-lg { right: 0 !important; } .bottom0-lg { bottom: 0; } .left0-lg { left: 0; } .top1-lg { top: 1rem; } .right1-lg { right: 1rem; } .bottom1-lg { bottom: 1rem; } .left1-lg { left: 1rem; } .top-100-lg { top: 100%; } .right-100-lg { right: 100%; } .bottom-100-lg { bottom: 100%; } .left-100-lg { left: 100%; } .absolute-lg { position: absolute; } .fixed-lg { position: fixed; } .relative-lg { position: relative; } .static-lg { position: static; } .sticky-lg { position: sticky; position: -webkit-sticky; } .white-lg, .white-hover-lg:hover { color: #fff; } } /*MD - only defines a range as you may want md to go up or down*/ @media (max-width: 991.9px) and (min-width: 768px) { .dn-md {display: none !important} .db-md {display: block} .dib-md {display: inline-block} .pa0-md {padding: 0} .pa1-md {padding: .125rem} .pa2-md {padding: .25rem} .pa3-md {padding: .5rem} .pa4-md {padding: 1rem} .pa5-md {padding: 2rem} .pa6-md {padding: 4rem} .pa7-md {padding: 8rem} .pa8-md {padding: 16rem} .pl0-md {padding-left: 0} .pl1-md {padding-left: .125rem} .pl2-md {padding-left: .25rem} .pl3-md {padding-left: .5rem} .pl4-md {padding-left: 1rem} .pl5-md {padding-left: 2rem} .pl6-md {padding-left: 4rem} .pl7-md {padding-left: 8rem} .pl8-md {padding-left: 16rem} .pr0-md {padding-right: 0} .pr1-md {padding-right: .125rem} .pr2-md {padding-right: .25rem} .pr3-md {padding-right: .5rem} .pr4-md {padding-right: 1rem} .pr5-md {padding-right: 2rem} .pr6-md {padding-right: 4rem} .pr7-md {padding-right: 8rem} .pr8-md {padding-right: 16rem} .pt0-md {padding-top: 0} .pt1-md {padding-top: .125rem} .pt2-md {padding-top: .25rem} .pt3-md {padding-top: .5rem} .pt4-md {padding-top: 1rem} .pt5-md {padding-top: 2rem} .pt6-md {padding-top: 4rem} .pt7-md {padding-top: 8rem} .pt8-md {padding-top: 16rem} .pb0-md {padding-bottom: 0} .pb1-md {padding-bottom: .125rem} .pb2-md {padding-bottom: .25rem} .pb3-md {padding-bottom: .5rem} .pb4-md {padding-bottom: 1rem} .pb5-md {padding-bottom: 2rem} .pb6-md {padding-bottom: 4rem} .pb7-md {padding-bottom: 8rem} .pb8-md {padding-bottom: 16rem} .px0-md {padding-left: 0; padding-right: 0} .px1-md {padding-left: .125rem; padding-right: .125rem; } .px2-md {padding-left: .25rem; padding-right: .25rem; } .px3-md {padding-left: .5rem !important; padding-right: .5rem !important} .px4-md {padding-left: 1rem; padding-right: 1rem} .px5-md {padding-left: 2rem; padding-right: 2rem} .px6-md {padding-left: 4rem; padding-right: 4rem} .px7-md {padding-left: 8rem; padding-right: 8rem} .px8-md {padding-left: 16rem; padding-right: 16rem} .py0-md {padding-top: 0; padding-bottom: 0} .py1-md {padding-top: .125rem; padding-bottom: .125rem} .py2-md {padding-top: .25rem; padding-bottom: .25rem} .py3-md {padding-top: .5rem; padding-bottom: .5rem} .py4-md {padding-top: 1rem; padding-bottom: 1rem} .py5-md {padding-top: 2rem; padding-bottom: 2rem} .py6-md {padding-top: 4rem; padding-bottom: 4rem} .py7-md {padding-top: 8rem; padding-bottom: 8rem} .py8-md {padding-top: 16rem; padding-bottom: 16rem} .ma0-md {margin: 0} .ma1-md {margin: .125rem} .ma2-md {margin: .25rem} .ma3-md {margin: .5rem} .ma4-md {margin: 1rem} .ma5-md {margin: 2rem} .ma6-md {margin: 4rem} .ma7-md {margin: 8rem} .ma8-md {margin: 16rem} .ml0-md {margin-left: 0} .ml1-md {margin-left: .125rem} .ml2-md {margin-left: .25rem} .ml3-md {margin-left: .5rem} .ml4-md {margin-left: 1rem} .ml5-md {margin-left: 2rem} .ml6-md {margin-left: 4rem} .ml7-md {margin-left: 8rem} .ml8-md {margin-left: 16rem} .mr0-md {margin-right: 0} .mr1-md {margin-right: .125rem} .mr2-md {margin-right: .25rem} .mr3-md {margin-right: .5rem} .mr4-md {margin-right: 1rem} .mr5-md {margin-right: 2rem} .mr6-md {margin-right: 4rem} .mr7-md {margin-right: 8rem} .mr8-md {margin-right: 16rem} .mt0-md {margin-top: 0} .mt1-md {margin-top: .125rem} .mt2-md {margin-top: .25rem} .mt3-md {margin-top: .5rem} .mt4-md {margin-top: 1rem} .mt5-md {margin-top: 2rem} .mt6-md {margin-top: 4rem} .mt7-md {margin-top: 8rem} .mt8-md {margin-top: 16rem} .mb0-md {margin-bottom: 0} .mb1-md {margin-bottom: .125rem} .mb2-md {margin-bottom: .25rem} .mb3-md {margin-bottom: .5rem} .mb4-md {margin-bottom: 1rem} .mb5-md {margin-bottom: 2rem} .mb6-md {margin-bottom: 4rem} .mb7-md {margin-bottom: 8rem} .mb8-md {margin-bottom: 16rem} .mx0-md {margin-left: 0; margin-right: 0} .mx1-md {margin-left: .125rem; margin-right: .125rem} .mx2-md {margin-left: .25rem; margin-right: .25rem} .mx3-md {margin-left: .5rem; margin-right: .5rem} .mx4-md {margin-left: 1rem; margin-right: 1rem} .mx5-md {margin-left: 2rem; margin-right: 2rem} .mx6-md {margin-left: 4rem; margin-right: 4rem} .mx7-md {margin-left: 8rem; margin-right: 8rem} .mx8-md {margin-left: 16rem; margin-right: 16rem} .my0-md {margin-top: 0; margin-bottom: 0} .my1-md {margin-top: .125rem; margin-bottom: .125rem} .my2-md {margin-top: .25rem; margin-bottom: .25rem} .my3-md {margin-top: .5rem; margin-bottom: .5rem} .my4-md {margin-top: 1rem; margin-bottom: 1rem} .my5-md {margin-top: 2rem; margin-bottom: 2rem} .my6-md {margin-top: 4rem; margin-bottom: 4rem} .my7-md {margin-top: 8rem; margin-bottom: 8rem} .my8-md {margin-top: 16rem; margin-bottom: 16rem} .ml-auto-md { margin-left: auto } .mr-auto-md { margin-right: auto } .mx-auto-md { margin-left: auto; margin-right: auto; } .mln1-md {margin-left: -.125rem} .mln2-md {margin-left: -.25rem} .mln3-md {margin-left: -.5rem} .mln4-md {margin-left: -1rem} .mln5-md {margin-left: -2rem} .mrn1-md {margin-right: -.125rem} .mrn2-md {margin-right: -.25rem} .mrn3-md {margin-right: -.5rem} .mrn4-md {margin-right: -1rem} .mrn5-md {margin-right: -2rem} .mtn1-md {margin-top: -.125rem} .mtn2-md {margin-top: -.25rem} .mtn3-md {margin-top: -.5rem} .mtn4-md {margin-top: -1rem} .mtn5-md {margin-top: -2rem} .mbn1-md {margin-bottom: -.125rem} .mbn2-md {margin-bottom: -.25rem} .mbn3-md {margin-bottom: -.5rem} .mbn4-md {margin-bottom: -1rem} .mbn5-md {margin-bottom: -2rem} .mxn1-md { margin-left: -.125rem; margin-right: -.125rem; } .mxn2-md { margin-left: -.25rem; margin-right: -.25rem; } .mxn3-md { margin-left: -.5rem; margin-right: -.5rem; } .mxn4-md { margin-left: -1rem; margin-right: -1rem; } .mxn5-md { margin-left: -2rem; margin-right: -2rem; } .myn1-md { margin-top: -.125rem; margin-bottom: -.125rem; } .myn2-md { margin-top: -.25rem; margin-bottom: -.25rem; } .myn3-md { margin-top: -.5rem; margin-bottom: -.5rem; } .myn4-md { margin-top: -1rem; margin-bottom: -1rem; } .myn5-md { margin-top: -2rem; margin-bottom: -2rem; } .vw-20-md { width: 20vw; } .vw-25-md { width: 25vw; } .vw-33-md { width: 33vw; } .vw-50-md { width: 50vw; } .vw-66-md { width: 66vw; } .vw-75-md { width: 75vw; } .vw-90-md { width: 90vw; } .vw-100-md { width: 100vw; } .w-10-md { width: 10%; } .w-12-5-md { width: 12.5%; } .w-20-md { width: 20%; } .w-24-md { width: 24%; } .w-25-md { width: 25%; } .w-30-md { width: 30%; } .w-33-md { width: calc( 100% / 3 ); } .w-34-md { width: 34%; } .w-40-md { width: 40%; } .w-50-md { width: 50%; } .w-60-md { width: 60%; } .w-65-md { width: 65%; } .w-66-md { width: calc( 100% / 1.5 ); } .w-70-md { width: 70%; } .w-75-md { width: 75%; } .w-80-md { width: 80%; } .w-90-md { width: 90%; } .w-100-md { width: 100%; } .w0-md { width: 0; } .w1-md { width: .125rem; } .w2-md { width: .25rem; } .w3-md { width: .5rem; } .w4-md { width: 1rem; } .w5-md { width: 2rem; } .w6-md { width: 4rem; } .w7-md { width: 8rem; } .w8-md { width: 16rem; } .w9-md { width: 24rem; } .w10-md { width: 32rem; } .h0-md { height: 0; } .h1-md { height: .125rem; } .h2-md { height: .25rem; } .h3-md { height: .5rem; } .h4-md { height: 1rem; } .h5-md { height: 2rem; } .h6-md { height: 4rem; } .h7-md { height: 8rem; } .h8-md { height: 16rem; } .h9-md { height: 24rem; } .h10-md { height: 32rem; } .absolute-md { position: absolute; } .fixed-md { position: fixed; } .relative-md { position: relative; } .static-md { position: static; } .sticky-md { position: sticky; position: -webkit-sticky; } .fixed .md-hide-isfixed {display: none} .fl-md { float: left; display: inline; } .fr-md { float: right; display: inline; } .fn-md { float: none; } .flex-md { display: flex; } .inline-flex-md { display: inline-flex; } .flex-auto-md { flex: 1 1 auto; } .flex-none-md { flex: none; } .flex-column-md { flex-direction: column; } .flex-row-md { flex-direction: row; } .flex-wrap-md { flex-wrap: wrap; } .flex-nowrap-md { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .order-0-md { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2-md { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3-md { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4-md { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5-md { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6-md { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7-md { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8-md { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last-md { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .fs-50-md { font-size: 50%; } .fs-66-md { font-size: 66%; } .fs-75-md { font-size: 75%; } .fs-80-md { font-size: 80%; } .fs-90-md { font-size: 90%; } .fs-100-md { font-size: 100%; } .fs-110-md { font-size: 110%; } .fs-125-md { font-size: 125%; } .fs-150-md { font-size: 150%; } .fs-200-md { font-size: 200%; } .fs-250-md { font-size: 250%; } .fs-h1-md { font-size: 3rem; } .fs-h2-md { font-size: 2.25rem; } .fs-h3-md { font-size: 1.5rem; } .fs-h4-md { font-size: 1.25rem; } .fs-h5-md { font-size: 1rem; } .fs-h6-md { font-size: .875rem; } .fs-h7-md { font-size: .75rem; } .tl-md { text-align: left; } .tr-md { text-align: right; } .tc-md { text-align: center; } .fw-normal-md { font-weight: normal; } .fw-b-md { font-weight: bold; } .top0-md { top: 0; } .right0-md { right: 0 !important; } .bottom0-md { bottom: 0; } .left0-md { left: 0; } .top1-md { top: 1rem; } .right1-md { right: 1rem; } .bottom1-md { bottom: 1rem; } .left1-md { left: 1rem; } .top-100-md { top: 100%; } .right-100-md { right: 100%; } .bottom-100-md { bottom: 100%; } .left-100-md { left: 100%; } .white-md, .white-hover-md:hover { color: #fff; } } /*MD - up*/ @media (min-width: 768px) { .dn-md-up {display: none !important} .db-md-up {display: block} .dib-md-up {display: inline-block} .pa0-md-up {padding: 0} .pa1-md-up {padding: .125rem} .pa2-md-up {padding: .25rem} .pa3-md-up {padding: .5rem} .pa4-md-up {padding: 1rem} .pa5-md-up {padding: 2rem} .pa6-md-up {padding: 4rem} .pa7-md-up {padding: 8rem} .pa8-md-up {padding: 16rem} .pl0-md-up {padding-left: 0} .pl1-md-up {padding-left: .125rem} .pl2-md-up {padding-left: .25rem} .pl3-md-up {padding-left: .5rem} .pl4-md-up {padding-left: 1rem} .pl5-md-up {padding-left: 2rem} .pl6-md-up {padding-left: 4rem} .pl7-md-up {padding-left: 8rem} .pl8-md-up {padding-left: 16rem} .pr0-md-up {padding-right: 0} .pr1-md-up {padding-right: .125rem} .pr2-md-up {padding-right: .25rem} .pr3-md-up {padding-right: .5rem} .pr4-md-up {padding-right: 1rem} .pr5-md-up {padding-right: 2rem} .pr6-md-up {padding-right: 4rem} .pr7-md-up {padding-right: 8rem} .pr8-md-up {padding-right: 16rem} .pt0-md-up {padding-top: 0} .pt1-md-up {padding-top: .125rem} .pt2-md-up {padding-top: .25rem} .pt3-md-up {padding-top: .5rem} .pt4-md-up {padding-top: 1rem} .pt5-md-up {padding-top: 2rem} .pt6-md-up {padding-top: 4rem} .pt7-md-up {padding-top: 8rem} .pt8-md-up {padding-top: 16rem} .pb0-md-up {padding-bottom: 0} .pb1-md-up {padding-bottom: .125rem} .pb2-md-up {padding-bottom: .25rem} .pb3-md-up {padding-bottom: .5rem} .pb4-md-up {padding-bottom: 1rem} .pb5-md-up {padding-bottom: 2rem} .pb6-md-up {padding-bottom: 4rem} .pb7-md-up {padding-bottom: 8rem} .pb8-md-up {padding-bottom: 16rem} .px0-md-up {padding-left: 0; padding-right: 0} .px1-md-up {padding-left: .125rem; padding-right: .125rem; } .px2-md-up {padding-left: .25rem; padding-right: .25rem; } .px3-md-up {padding-left: .5rem !important; padding-right: .5rem !important} .px4-md-up {padding-left: 1rem; padding-right: 1rem} .px5-md-up {padding-left: 2rem; padding-right: 2rem} .px6-md-up {padding-left: 4rem; padding-right: 4rem} .px7-md-up {padding-left: 8rem; padding-right: 8rem} .px8-md-up {padding-left: 16rem; padding-right: 16rem} .py0-md-up {padding-top: 0; padding-bottom: 0} .py1-md-up {padding-top: .125rem; padding-bottom: .125rem} .py2-md-up {padding-top: .25rem; padding-bottom: .25rem} .py3-md-up {padding-top: .5rem; padding-bottom: .5rem} .py4-md-up {padding-top: 1rem; padding-bottom: 1rem} .py5-md-up {padding-top: 2rem; padding-bottom: 2rem} .py6-md-up {padding-top: 4rem; padding-bottom: 4rem} .py7-md-up {padding-top: 8rem; padding-bottom: 8rem} .py8-md-up {padding-top: 16rem; padding-bottom: 16rem} .ma0-md-up {margin: 0} .ma1-md-up {margin: .125rem} .ma2-md-up {margin: .25rem} .ma3-md-up {margin: .5rem} .ma4-md-up {margin: 1rem} .ma5-md-up {margin: 2rem} .ma6-md-up {margin: 4rem} .ma7-md-up {margin: 8rem} .ma8-md-up {margin: 16rem} .ml0-md-up {margin-left: 0} .ml1-md-up {margin-left: .125rem} .ml2-md-up {margin-left: .25rem} .ml3-md-up {margin-left: .5rem} .ml4-md-up {margin-left: 1rem} .ml5-md-up {margin-left: 2rem} .ml6-md-up {margin-left: 4rem} .ml7-md-up {margin-left: 8rem} .ml8-md-up {margin-left: 16rem} .mr0-md-up {margin-right: 0} .mr1-md-up {margin-right: .125rem} .mr2-md-up {margin-right: .25rem} .mr3-md-up {margin-right: .5rem} .mr4-md-up {margin-right: 1rem} .mr5-md-up {margin-right: 2rem} .mr6-md-up {margin-right: 4rem} .mr7-md-up {margin-right: 8rem} .mr8-md-up {margin-right: 16rem} .mt0-md-up {margin-top: 0} .mt1-md-up {margin-top: .125rem} .mt2-md-up {margin-top: .25rem} .mt3-md-up {margin-top: .5rem} .mt4-md-up {margin-top: 1rem} .mt5-md-up {margin-top: 2rem} .mt6-md-up {margin-top: 4rem} .mt7-md-up {margin-top: 8rem} .mt8-md-up {margin-top: 16rem} .mb0-md-up {margin-bottom: 0} .mb1-md-up {margin-bottom: .125rem} .mb2-md-up {margin-bottom: .25rem} .mb3-md-up {margin-bottom: .5rem} .mb4-md-up {margin-bottom: 1rem} .mb5-md-up {margin-bottom: 2rem} .mb6-md-up {margin-bottom: 4rem} .mb7-md-up {margin-bottom: 8rem} .mb8-md-up {margin-bottom: 16rem} .mx0-md-up {margin-left: 0; margin-right: 0} .mx1-md-up {margin-left: .125rem; margin-right: .125rem} .mx2-md-up {margin-left: .25rem; margin-right: .25rem} .mx3-md-up {margin-left: .5rem; margin-right: .5rem} .mx4-md-up {margin-left: 1rem; margin-right: 1rem} .mx5-md-up {margin-left: 2rem; margin-right: 2rem} .mx6-md-up {margin-left: 4rem; margin-right: 4rem} .mx7-md-up {margin-left: 8rem; margin-right: 8rem} .mx8-md-up {margin-left: 16rem; margin-right: 16rem} .my0-md-up {margin-top: 0; margin-bottom: 0} .my1-md-up {margin-top: .125rem; margin-bottom: .125rem} .my2-md-up {margin-top: .25rem; margin-bottom: .25rem} .my3-md-up {margin-top: .5rem; margin-bottom: .5rem} .my4-md-up {margin-top: 1rem; margin-bottom: 1rem} .my5-md-up {margin-top: 2rem; margin-bottom: 2rem} .my6-md-up {margin-top: 4rem; margin-bottom: 4rem} .my7-md-up {margin-top: 8rem; margin-bottom: 8rem} .my8-md-up {margin-top: 16rem; margin-bottom: 16rem} .ml-auto-md-up { margin-left: auto } .mr-auto-md-up { margin-right: auto } .mx-auto-md-up { margin-left: auto; margin-right: auto; } .mln1-md-up {margin-left: -.125rem} .mln2-md-up {margin-left: -.25rem} .mln3-md-up {margin-left: -.5rem} .mln4-md-up {margin-left: -1rem} .mln5-md-up {margin-left: -2rem} .mrn1-md-up {margin-right: -.125rem} .mrn2-md-up {margin-right: -.25rem} .mrn3-md-up {margin-right: -.5rem} .mrn4-md-up {margin-right: -1rem} .mrn5-md-up {margin-right: -2rem} .mtn1-md-up {margin-top: -.125rem} .mtn2-md-up {margin-top: -.25rem} .mtn3-md-up {margin-top: -.5rem} .mtn4-md-up {margin-top: -1rem} .mtn5-md-up {margin-top: -2rem} .mbn1-md-up {margin-bottom: -.125rem} .mbn2-md-up {margin-bottom: -.25rem} .mbn3-md-up {margin-bottom: -.5rem} .mbn4-md-up {margin-bottom: -1rem} .mbn5-md-up {margin-bottom: -2rem} .mxn1-md-up { margin-left: -.125rem; margin-right: -.125rem; } .mxn2-md-up { margin-left: -.25rem; margin-right: -.25rem; } .mxn3-md-up { margin-left: -.5rem; margin-right: -.5rem; } .mxn4-md-up { margin-left: -1rem; margin-right: -1rem; } .mxn5-md-up { margin-left: -2rem; margin-right: -2rem; } .myn1-md-up { margin-top: -.125rem; margin-bottom: -.125rem; } .myn2-md-up { margin-top: -.25rem; margin-bottom: -.25rem; } .myn3-md-up { margin-top: -.5rem; margin-bottom: -.5rem; } .myn4-md-up { margin-top: -1rem; margin-bottom: -1rem; } .myn5-md-up { margin-top: -2rem; margin-bottom: -2rem; } .fl-md-up { float: left; } .fr-md-up { float: right; } .fn-md-up { float: none; } .flex-md-up { display: flex; } .inline-flex-md-up { display: inline-flex; } .flex-auto-md-up { flex: 1 1 auto; } .flex-none-md-up { flex: none; } .flex-column-md-up { flex-direction: column; } .flex-row-md-up { flex-direction: row; } .flex-wrap-md-up { flex-wrap: wrap; } .flex-nowrap-md-up { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .order-0-md-up { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1-md-up { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2-md-up { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3-md-up { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4-md-up { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5-md-up { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6-md-up { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7-md-up { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8-md-up { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last-md-up { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .w-10-md-up { width: 10%; } .w-12-md-up { width: 12.5%; } .w-20-md-up { width: 20%; } .w-24-md-up { width: 24%; } .w-25-md-up { width: 25%; } .w-30-md-up { width: 30%; } .w-33-md-up { width: calc( 100% / 3 ); } .w-34-md-up { width: 34%; } .w-40-md-up { width: 40%; } .w-50-md-up { width: 50%; } .w-60-md-up { width: 60%; } .w-65-md-up { width: 65%; } .w-66-md-up { width: calc( 100% / 1.5 ); } .w-70-md-up { width: 70%; } .w-75-md-up { width: 75%; } .w-80-md-up { width: 80%; } .w-90-md-up { width: 90%; } .w-100-md-up { width: 100%; } .w0-md-up { width: 0; } .w1-md-up { width: .125rem; } .w2-md-up { width: .25rem; } .w3-md-up { width: .5rem; } .w4-md-up { width: 1rem; } .w5-md-up { width: 2rem; } .w6-md-up { width: 4rem; } .w7-md-up { width: 8rem; } .w8-md-up { width: 16rem; } .w9-md-up { width: 24rem; } .w10-md-up { width: 32rem; } .h0-md-up { height: 0; } .h1-md-up { height: .125rem; } .h2-md-up { height: .25rem; } .h3-md-up { height: .5rem; } .h4-md-up { height: 1rem; } .h5-md-up { height: 2rem; } .h6-md-up { height: 4rem; } .h7-md-up { height: 8rem; } .h8-md-up { height: 16rem; } .h9-md-up { height: 24rem; } .h10-md-up { height: 32rem; } .fs-50-md-up { font-size: 50%; } .fs-66-md-up { font-size: 66%; } .fs-75-md-up { font-size: 75%; } .fs-80-md-up { font-size: 80%; } .fs-90-md-up { font-size: 90%; } .fs-100-md-up { font-size: 100%; } .fs-110-md-up { font-size: 110%; } .fs-120-md-up { font-size: 120%; } .fs-125-md-up { font-size: 125%; } .fs-150-md-up { font-size: 150%; } .fs-200-md-up { font-size: 200%; } .fs-250-md-up { font-size: 250%; } .fs-h1-md-up { font-size: 3rem; } .fs-h2-md-up { font-size: 2.25rem; } .fs-h3-md-up { font-size: 1.5rem; } .fs-h4-md-up { font-size: 1.25rem; } .fs-h5-md-up { font-size: 1rem; } .fs-h6-md-up { font-size: .875rem; } .fs-h7-md-up { font-size: .75rem; } .tl-md-up { text-align: left; } .tr-md-up { text-align: right; } .tc-md-up { text-align: center; } .fw-normal-md-up { font-weight: normal; } .fw-b-md-up { font-weight: bold; } .top0-md-up { top: 0; } .right0-md-up { right: 0 !important; } .bottom0-md-up { bottom: 0; } .left0-md-up { left: 0; } .top1-md-up { top: 1rem; } .right1-md-up { right: 1rem; } .bottom1-md-up { bottom: 1rem; } .left1-md-up { left: 1rem; } .top-100-md-up { top: 100%; } .right-100-md-up { right: 100%; } .bottom-100-md-up { bottom: 100%; } .left-100-md-up { left: 100%; } .absolute-md-up { position: absolute; } .fixed-md-up { position: fixed; } .relative-md-up { position: relative; } .static-md-up { position: static; } .sticky-md-up { position: sticky; position: -webkit-sticky; } .white-md-up, .white-hover-md-up:hover { color: #fff; } } /*MD - down*/ @media (max-width: 991.9px) { .dn-md-down {display: none !important} .db-md-down {display: block} .dib-md-down {display: inline-block} .pa0-md-down {padding: 0} .pa1-md-down {padding: .125rem} .pa2-md-down {padding: .25rem} .pa3-md-down {padding: .5rem} .pa4-md-down {padding: 1rem} .pa5-md-down {padding: 2rem} .pa6-md-down {padding: 4rem} .pa7-md-down {padding: 8rem} .pa8-md-down {padding: 16rem} .pl0-md-down {padding-left: 0} .pl1-md-down {padding-left: .125rem} .pl2-md-down {padding-left: .25rem} .pl3-md-down {padding-left: .5rem} .pl4-md-down {padding-left: 1rem} .pl5-md-down {padding-left: 2rem} .pl6-md-down {padding-left: 4rem} .pl7-md-down {padding-left: 8rem} .pl8-md-down {padding-left: 16rem} .pr0-md-down {padding-right: 0} .pr1-md-down {padding-right: .125rem} .pr2-md-down {padding-right: .25rem} .pr3-md-down {padding-right: .5rem} .pr4-md-down {padding-right: 1rem} .pr5-md-down {padding-right: 2rem} .pr6-md-down {padding-right: 4rem} .pr7-md-down {padding-right: 8rem} .pr8-md-down {padding-right: 16rem} .pt0-md-down {padding-top: 0} .pt1-md-down {padding-top: .125rem} .pt2-md-down {padding-top: .25rem} .pt3-md-down {padding-top: .5rem} .pt4-md-down {padding-top: 1rem} .pt5-md-down {padding-top: 2rem} .pt6-md-down {padding-top: 4rem} .pt7-md-down {padding-top: 8rem} .pt8-md-down {padding-top: 16rem} .pb0-md-down {padding-bottom: 0} .pb1-md-down {padding-bottom: .125rem} .pb2-md-down {padding-bottom: .25rem} .pb3-md-down {padding-bottom: .5rem} .pb4-md-down {padding-bottom: 1rem} .pb5-md-down {padding-bottom: 2rem} .pb6-md-down {padding-bottom: 4rem} .pb7-md-down {padding-bottom: 8rem} .pb8-md-down {padding-bottom: 16rem} .px0-md-down {padding-left: 0; padding-right: 0} .px1-md-down {padding-left: .125rem; padding-right: .125rem; } .px2-md-down {padding-left: .25rem; padding-right: .25rem; } .px3-md-down {padding-left: .5rem !important; padding-right: .5rem !important} .px4-md-down {padding-left: 1rem; padding-right: 1rem} .px5-md-down {padding-left: 2rem; padding-right: 2rem} .px6-md-down {padding-left: 4rem; padding-right: 4rem} .px7-md-down {padding-left: 8rem; padding-right: 8rem} .px8-md-down {padding-left: 16rem; padding-right: 16rem} .py0-md-down {padding-top: 0; padding-bottom: 0} .py1-md-down {padding-top: .125rem; padding-bottom: .125rem} .py2-md-down {padding-top: .25rem; padding-bottom: .25rem} .py3-md-down {padding-top: .5rem; padding-bottom: .5rem} .py4-md-down {padding-top: 1rem; padding-bottom: 1rem} .py5-md-down {padding-top: 2rem; padding-bottom: 2rem} .py6-md-down {padding-top: 4rem; padding-bottom: 4rem} .py7-md-down {padding-top: 8rem; padding-bottom: 8rem} .py8-md-down {padding-top: 16rem; padding-bottom: 16rem} .ma0-md-down {margin: 0} .ma1-md-down {margin: .125rem} .ma2-md-down {margin: .25rem} .ma3-md-down {margin: .5rem} .ma4-md-down {margin: 1rem} .ma5-md-down {margin: 2rem} .ma6-md-down {margin: 4rem} .ma7-md-down {margin: 8rem} .ma8-md-down {margin: 16rem} .ml0-md-down {margin-left: 0} .ml1-md-down {margin-left: .125rem} .ml2-md-down {margin-left: .25rem} .ml3-md-down {margin-left: .5rem} .ml4-md-down {margin-left: 1rem} .ml5-md-down {margin-left: 2rem} .ml6-md-down {margin-left: 4rem} .ml7-md-down {margin-left: 8rem} .ml8-md-down {margin-left: 16rem} .mr0-md-down {margin-right: 0} .mr1-md-down {margin-right: .125rem} .mr2-md-down {margin-right: .25rem} .mr3-md-down {margin-right: .5rem} .mr4-md-down {margin-right: 1rem} .mr5-md-down {margin-right: 2rem} .mr6-md-down {margin-right: 4rem} .mr7-md-down {margin-right: 8rem} .mr8-md-down {margin-right: 16rem} .mt0-md-down {margin-top: 0} .mt1-md-down {margin-top: .125rem} .mt2-md-down {margin-top: .25rem} .mt3-md-down {margin-top: .5rem} .mt4-md-down {margin-top: 1rem} .mt5-md-down {margin-top: 2rem} .mt6-md-down {margin-top: 4rem} .mt7-md-down {margin-top: 8rem} .mt8-md-down {margin-top: 16rem} .mb0-md-down {margin-bottom: 0} .mb1-md-down {margin-bottom: .125rem} .mb2-md-down {margin-bottom: .25rem} .mb3-md-down {margin-bottom: .5rem} .mb4-md-down {margin-bottom: 1rem} .mb5-md-down {margin-bottom: 2rem} .mb6-md-down {margin-bottom: 4rem} .mb7-md-down {margin-bottom: 8rem} .mb8-md-down {margin-bottom: 16rem} .mx0-md-down {margin-left: 0; margin-right: 0} .mx1-md-down {margin-left: .125rem; margin-right: .125rem} .mx2-md-down {margin-left: .25rem; margin-right: .25rem} .mx3-md-down {margin-left: .5rem; margin-right: .5rem} .mx4-md-down {margin-left: 1rem; margin-right: 1rem} .mx5-md-down {margin-left: 2rem; margin-right: 2rem} .mx6-md-down {margin-left: 4rem; margin-right: 4rem} .mx7-md-down {margin-left: 8rem; margin-right: 8rem} .mx8-md-down {margin-left: 16rem; margin-right: 16rem} .my0-md-down {margin-top: 0; margin-bottom: 0} .my1-md-down {margin-top: .125rem; margin-bottom: .125rem} .my2-md-down {margin-top: .25rem; margin-bottom: .25rem} .my3-md-down {margin-top: .5rem; margin-bottom: .5rem} .my4-md-down {margin-top: 1rem; margin-bottom: 1rem} .my5-md-down {margin-top: 2rem; margin-bottom: 2rem} .my6-md-down {margin-top: 4rem; margin-bottom: 4rem} .my7-md-down {margin-top: 8rem; margin-bottom: 8rem} .my8-md-down {margin-top: 16rem; margin-bottom: 16rem} .ml-auto-md-down { margin-left: auto } .mr-auto-md-down { margin-right: auto } .mx-auto-md-down { margin-left: auto; margin-right: auto; } .mln1-md-down {margin-left: -.125rem} .mln2-md-down {margin-left: -.25rem} .mln3-md-down {margin-left: -.5rem} .mln4-md-down {margin-left: -1rem} .mln5-md-down {margin-left: -2rem} .mrn1-md-down {margin-right: -.125rem} .mrn2-md-down {margin-right: -.25rem} .mrn3-md-down {margin-right: -.5rem} .mrn4-md-down {margin-right: -1rem} .mrn5-md-down {margin-right: -2rem} .mtn1-md-down {margin-top: -.125rem} .mtn2-md-down {margin-top: -.25rem} .mtn3-md-down {margin-top: -.5rem} .mtn4-md-down {margin-top: -1rem} .mtn5-md-down {margin-top: -2rem} .mbn1-md-down {margin-bottom: -.125rem} .mbn2-md-down {margin-bottom: -.25rem} .mbn3-md-down {margin-bottom: -.5rem} .mbn4-md-down {margin-bottom: -1rem} .mbn5-md-down {margin-bottom: -2rem} .mxn1-md-down { margin-left: -.125rem; margin-right: -.125rem; } .mxn2-md-down { margin-left: -.25rem; margin-right: -.25rem; } .mxn3-md-down { margin-left: -.5rem; margin-right: -.5rem; } .mxn4-md-down { margin-left: -1rem; margin-right: -1rem; } .mxn5-md-down { margin-left: -2rem; margin-right: -2rem; } .myn1-md-down { margin-top: -.125rem; margin-bottom: -.125rem; } .myn2-md-down { margin-top: -.25rem; margin-bottom: -.25rem; } .myn3-md-down { margin-top: -.5rem; margin-bottom: -.5rem; } .myn4-md-down { margin-top: -1rem; margin-bottom: -1rem; } .myn5-md-down { margin-top: -2rem; margin-bottom: -2rem; } .fl-md-down { float: left; } .fr-md-down { float: right; } .fn-md-down { float: none; } .flex-md-down { display: flex; } .inline-flex-md-down { display: inline-flex; } .flex-auto-md-down { flex: 1 1 auto; } .flex-none-md-down { flex: none; } .flex-column-md-down { flex-direction: column; } .flex-row-md-down { flex-direction: row; } .flex-wrap-md-down { flex-wrap: wrap; } .flex-nowrap-md-down { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .order-0-md-down { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1-md-down { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2-md-down { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3-md-down { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4-md-down { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5-md-down { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6-md-down { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7-md-down { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8-md-down { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last-md-down { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .w-10-md-down { width: 10%; } .w-12-md-down { width: 12.5%; } .w-20-md-down { width: 20%; } .w-24-md-down { width: 24%; } .w-25-md-down { width: 25%; } .w-30-md-down { width: 30%; } .w-33-md-down { width: calc( 100% / 3 ); } .w-34-md-down { width: 34%; } .w-40-md-down { width: 40%; } .w-50-md-down { width: 50%; } .w-60-md-down { width: 60%; } .w-65-md-down { width: 65%; } .w-66-md-down { width: calc( 100% / 1.5 ); } .w-70-md-down { width: 70%; } .w-75-md-down { width: 75%; } .w-80-md-down { width: 80%; } .w-90-md-down { width: 90%; } .w-100-md-down { width: 100%; } .w0-md-down { width: 0; } .w1-md-down { width: .125rem; } .w2-md-down { width: .25rem; } .w3-md-down { width: .5rem; } .w4-md-down { width: 1rem; } .w5-md-down { width: 2rem; } .w6-md-down { width: 4rem; } .w7-md-down { width: 8rem; } .w8-md-down { width: 16rem; } .w9-md-down { width: 24rem; } .w10-md-down { width: 32rem; } .h0-md-down { height: 0; } .h1-md-down { height: .125rem; } .h2-md-down { height: .25rem; } .h3-md-down { height: .5rem; } .h4-md-down { height: 1rem; } .h5-md-down { height: 2rem; } .h6-md-down { height: 4rem; } .h7-md-down { height: 8rem; } .h8-md-down { height: 16rem; } .h9-md-down { height: 24rem; } .h10-md-down { height: 32rem; } .fs-50-md-down { font-size: 50%; } .fs-66-md-down { font-size: 66%; } .fs-75-md-down { font-size: 75%; } .fs-80-md-down { font-size: 80%; } .fs-90-md-down { font-size: 90%; } .fs-100-md-down { font-size: 100%; } .fs-110-md-down { font-size: 110%; } .fs-125-md-down { font-size: 125%; } .fs-150-md-down { font-size: 150%; } .fs-200-md-down { font-size: 200%; } .fs-250-md-down { font-size: 250%; } .fs-h1-md-down { font-size: 3rem; } .fs-h2-md-down { font-size: 2.25rem; } .fs-h3-md-down { font-size: 1.5rem; } .fs-h4-md-down { font-size: 1.25rem; } .fs-h5-md-down { font-size: 1rem; } .fs-h6-md-down { font-size: .875rem; } .fs-h7-md-down { font-size: .75rem; } .tl-md-down { text-align: left; } .tr-md-down { text-align: right; } .tc-md-down { text-align: center; } .fw-normal-md-down { font-weight: normal; } .fw-b-md-down { font-weight: bold; } .top0-md-down { top: 0; } .right0-md-down { right: 0 !important; } .bottom0-md-down { bottom: 0; } .left0-md-down { left: 0; } .top1-md-down { top: 1rem; } .right1-md-down { right: 1rem; } .bottom1-md-down { bottom: 1rem; } .left1-md-down { left: 1rem; } .top-100-md-down { top: 100%; } .right-100-md-down { right: 100%; } .bottom-100-md-down { bottom: 100%; } .left-100-md-down { left: 100%; } .absolute-md-down { position: absolute; } .fixed-md-down { position: fixed; } .relative-md-down { position: relative; } .static-md-down { position: static; } .sticky-md-down { position: sticky; position: -webkit-sticky; } .white-md-down, .white-hover-md-down:hover { color: #fff; } } /*SM*/ @media (max-width: 767.9px) { .dn-sm {display: none} .db-sm {display: block} .dib-sm {display: inline-block} .pa0-sm {padding: 0} .pa1-sm {padding: .125rem} .pa2-sm {padding: .25rem} .pa3-sm {padding: .5rem} .pa4-sm {padding: 1rem} .pa5-sm {padding: 2rem} .pa6-sm {padding: 4rem} .pa7-sm {padding: 8rem} .pa8-sm {padding: 16rem} .pl0-sm {padding-left: 0} .pl1-sm {padding-left: .125rem} .pl2-sm {padding-left: .25rem} .pl3-sm {padding-left: .5rem} .pl4-sm {padding-left: 1rem} .pl5-sm {padding-left: 2rem} .pl6-sm {padding-left: 4rem} .pl7-sm {padding-left: 8rem} .pl8-sm {padding-left: 16rem} .pr0-sm {padding-right: 0} .pr1-sm {padding-right: .125rem} .pr2-sm {padding-right: .25rem} .pr3-sm {padding-right: .5rem} .pr4-sm {padding-right: 1rem} .pr5-sm {padding-right: 2rem} .pr6-sm {padding-right: 4rem} .pr7-sm {padding-right: 8rem} .pr8-sm {padding-right: 16rem} .pt0-sm {padding-top: 0} .pt1-sm {padding-top: .125rem} .pt2-sm {padding-top: .25rem} .pt3-sm {padding-top: .5rem} .pt4-sm {padding-top: 1rem} .pt5-sm {padding-top: 2rem} .pt6-sm {padding-top: 4rem} .pt7-sm {padding-top: 8rem} .pt8-sm {padding-top: 16rem} .pb0-sm {padding-bottom: 0} .pb1-sm {padding-bottom: .125rem} .pb2-sm {padding-bottom: .25rem} .pb3-sm {padding-bottom: .5rem} .pb4-sm {padding-bottom: 1rem} .pb5-sm {padding-bottom: 2rem} .pb6-sm {padding-bottom: 4rem} .pb7-sm {padding-bottom: 8rem} .pb8-sm {padding-bottom: 16rem} .px0-sm {padding-left: 0; padding-right: 0} .px1-sm {padding-left: .125rem; padding-right: .125rem; } .px2-sm {padding-left: .25rem; padding-right: .25rem; } .px3-sm {padding-left: .5rem !important; padding-right: .5rem !important} .px4-sm {padding-left: 1rem; padding-right: 1rem} .px5-sm {padding-left: 2rem; padding-right: 2rem} .px6-sm {padding-left: 4rem; padding-right: 4rem} .px7-sm {padding-left: 8rem; padding-right: 8rem} .px8-sm {padding-left: 16rem; padding-right: 16rem} .py0-sm {padding-top: 0; padding-bottom: 0} .py1-sm {padding-top: .125rem; padding-bottom: .125rem} .py2-sm {padding-top: .25rem; padding-bottom: .25rem} .py3-sm {padding-top: .5rem; padding-bottom: .5rem} .py4-sm {padding-top: 1rem; padding-bottom: 1rem} .py5-sm {padding-top: 2rem; padding-bottom: 2rem} .py6-sm {padding-top: 4rem; padding-bottom: 4rem} .py7-sm {padding-top: 8rem; padding-bottom: 8rem} .py8-sm {padding-top: 16rem; padding-bottom: 16rem} .ma0-sm {margin: 0} .ma1-sm {margin: .125rem} .ma2-sm {margin: .25rem} .ma3-sm {margin: .5rem} .ma4-sm {margin: 1rem} .ma5-sm {margin: 2rem} .ma6-sm {margin: 4rem} .ma7-sm {margin: 8rem} .ma8-sm {margin: 16rem} .ml0-sm {margin-left: 0} .ml1-sm {margin-left: .125rem} .ml2-sm {margin-left: .25rem} .ml3-sm {margin-left: .5rem} .ml4-sm {margin-left: 1rem} .ml5-sm {margin-left: 2rem} .ml6-sm {margin-left: 4rem} .ml7-sm {margin-left: 8rem} .ml8-sm {margin-left: 16rem} .mr0-sm {margin-right: 0} .mr1-sm {margin-right: .125rem} .mr2-sm {margin-right: .25rem} .mr3-sm {margin-right: .5rem} .mr4-sm {margin-right: 1rem} .mr5-sm {margin-right: 2rem} .mr6-sm {margin-right: 4rem} .mr7-sm {margin-right: 8rem} .mr8-sm {margin-right: 16rem} .mt0-sm {margin-top: 0} .mt1-sm {margin-top: .125rem} .mt2-sm {margin-top: .25rem} .mt3-sm {margin-top: .5rem} .mt4-sm {margin-top: 1rem} .mt5-sm {margin-top: 2rem} .mt6-sm {margin-top: 4rem} .mt7-sm {margin-top: 8rem} .mt8-sm {margin-top: 16rem} .mb0-sm {margin-bottom: 0} .mb1-sm {margin-bottom: .125rem} .mb2-sm {margin-bottom: .25rem} .mb3-sm {margin-bottom: .5rem} .mb4-sm {margin-bottom: 1rem} .mb5-sm {margin-bottom: 2rem} .mb6-sm {margin-bottom: 4rem} .mb7-sm {margin-bottom: 8rem} .mb8-sm {margin-bottom: 16rem} .mx0-sm {margin-left: 0; margin-right: 0} .mx1-sm {margin-left: .125rem; margin-right: .125rem} .mx2-sm {margin-left: .25rem; margin-right: .25rem} .mx3-sm {margin-left: .5rem; margin-right: .5rem} .mx4-sm {margin-left: 1rem; margin-right: 1rem} .mx5-sm {margin-left: 2rem; margin-right: 2rem} .mx6-sm {margin-left: 4rem; margin-right: 4rem} .mx7-sm {margin-left: 8rem; margin-right: 8rem} .mx8-sm {margin-left: 16rem; margin-right: 16rem} .my0-sm {margin-top: 0; margin-bottom: 0} .my1-sm {margin-top: .125rem; margin-bottom: .125rem} .my2-sm {margin-top: .25rem; margin-bottom: .25rem} .my3-sm {margin-top: .5rem; margin-bottom: .5rem} .my4-sm {margin-top: 1rem; margin-bottom: 1rem} .my5-sm {margin-top: 2rem; margin-bottom: 2rem} .my6-sm {margin-top: 4rem; margin-bottom: 4rem} .my7-sm {margin-top: 8rem; margin-bottom: 8rem} .my8-sm {margin-top: 16rem; margin-bottom: 16rem} .ml-auto-sm { margin-left: auto } .mr-auto-sm { margin-right: auto } .mx-auto-sm { margin-left: auto; margin-right: auto; } .mln1-sm {margin-left: -.125rem} .mln2-sm {margin-left: -.25rem} .mln3-sm {margin-left: -.5rem} .mln4-sm {margin-left: -1rem} .mln5-sm {margin-left: -2rem} .mrn1-sm {margin-right: -.125rem} .mrn2-sm {margin-right: -.25rem} .mrn3-sm {margin-right: -.5rem} .mrn4-sm {margin-right: -1rem} .mrn5-sm {margin-right: -2rem} .mtn1-sm {margin-top: -.125rem} .mtn2-sm {margin-top: -.25rem} .mtn3-sm {margin-top: -.5rem} .mtn4-sm {margin-top: -1rem} .mtn5-sm {margin-top: -2rem} .mbn1-sm {margin-bottom: -.125rem} .mbn2-sm {margin-bottom: -.25rem} .mbn3-sm {margin-bottom: -.5rem} .mbn4-sm {margin-bottom: -1rem} .mbn5-sm {margin-bottom: -2rem} .mxn1-sm { margin-left: -.125rem; margin-right: -.125rem; } .mxn2-sm { margin-left: -.25rem; margin-right: -.25rem; } .mxn3-sm { margin-left: -.5rem; margin-right: -.5rem; } .mxn4-sm { margin-left: -1rem; margin-right: -1rem; } .mxn5-sm { margin-left: -2rem; margin-right: -2rem; } .myn1-sm { margin-top: -.125rem; margin-bottom: -.125rem; } .myn2-sm { margin-top: -.25rem; margin-bottom: -.25rem; } .myn3-sm { margin-top: -.5rem; margin-bottom: -.5rem; } .myn4-sm { margin-top: -1rem; margin-bottom: -1rem; } .myn5-sm { margin-top: -2rem; margin-bottom: -2rem; } .vw-20-sm { width: 20vw; } .vw-25-sm { width: 25vw; } .vw-33-sm { width: 33vw; } .vw-50-sm { width: 50vw; } .vw-66-sm { width: 66vw; } .vw-75-sm { width: 75vw; } .vw-90-sm { width: 90vw; } .vw-100-sm { width: 100vw; } .w-10-sm { width: 10%; } .w-12-5-sm { width: 12.5%; } .w-20-sm { width: 20%; } .w-24-sm { width: 24%; } .w-25-sm { width: 25%; } .w-30-sm { width: 30%; } .w-33-sm { width: calc( 100% / 3 ); } .w-34-sm { width: 34%; } .w-40-sm { width: 40%; } .w-50-sm { width: 50%; } .w-60-sm { width: 60%; } .w-65-sm { width: 65%; } .w-66-sm { width: calc( 100% / 1.5 ); } .w-70-sm { width: 70%; } .w-75-sm { width: 75%; } .w-80-sm { width: 80%; } .w-90-sm { width: 90%; } .w-100-sm { width: 100%; } .w0-sm { width: 0; } .w1-sm { width: .125rem; } .w2-sm { width: .25rem; } .w3-sm { width: .5rem; } .w4-sm { width: 1rem; } .w5-sm { width: 2rem; } .w6-sm { width: 4rem; } .w7-sm { width: 8rem; } .w8-sm { width: 16rem; } .w9-sm { width: 24rem; } .w10-sm { width: 32rem; } .h0-sm { height: 0; } .h1-sm { height: .125rem; } .h2-sm { height: .25rem; } .h3-sm { height: .5rem; } .h4-sm { height: 1rem; } .h5-sm { height: 2rem; } .h6-sm { height: 4rem; } .h7-sm { height: 8rem; } .h8-sm { height: 16rem; } .h9-sm { height: 24rem; } .h10-sm { height: 32rem; } .absolute-sm { position: absolute; } .fixed-sm { position: fixed; } .relative-sm { position: relative; } .static-sm { position: static; } .sticky-sm { position: sticky; position: -webkit-sticky; } .fixed .sm-hide-isfixed {display: none} .fl-sm { float: left; } .fr-sm { float: right; } .fn-sm { float: none; } .flex-sm { display: flex; } .inline-flex-sm { display: inline-flex; } .flex-auto-sm { flex: 1 1 auto; } .flex-none-sm { flex: none; } .flex-column-sm { flex-direction: column; } .flex-row-sm { flex-direction: row; } .flex-wrap-sm { flex-wrap: wrap; } .flex-nowrap-sm { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .order-0-sm { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2-sm { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3-sm { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4-sm { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5-sm { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6-sm { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7-sm { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8-sm { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last-sm { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .fs-50-sm { font-size: 50%; } .fs-66-sm { font-size: 66%; } .fs-75-sm { font-size: 75%; } .fs-80-sm { font-size: 80%; } .fs-90-sm { font-size: 90%; } .fs-100-sm { font-size: 100%; } .fs-110-sm { font-size: 110%; } .fs-125-sm { font-size: 125%; } .fs-150-sm { font-size: 150%; } .fs-200-sm { font-size: 200%; } .fs-250-sm { font-size: 250%; } .fs-h1-sm { font-size: 3rem; } .fs-h2-sm { font-size: 2.25rem; } .fs-h3-sm { font-size: 1.5rem; } .fs-h4-sm { font-size: 1.25rem; } .fs-h5-sm { font-size: 1rem; } .fs-h6-sm { font-size: .875rem; } .fs-h7-sm { font-size: .75rem; } .tl-sm { text-align: left; } .tr-sm { text-align: right; } .tc-sm { text-align: center; } .fw-normal-sm { font-weight: normal; } .fw-b-sm { font-weight: bold; } .top0-sm { top: 0; } .right0-sm { right: 0 !important; } .bottom0-sm { bottom: 0; } .left0-sm { left: 0; } .top1-sm { top: 1rem; } .right1-sm { right: 1rem; } .bottom1-sm { bottom: 1rem; } .left1-sm { left: 1rem; } .top-100-sm { top: 100%; } .right-100-sm { right: 100%; } .bottom-100-sm { bottom: 100%; } .left-100-sm { left: 100%; } .bg-unset-sm { background-color: unset; } .white-sm, .white-hover-sm:hover { color: #fff; } } /*XS*/ @media (max-width: 544px) { .dn-xs {display: none} .db-xs {display: block} .dib-xs {display: inline-block} .pa0-xs {padding: 0} .pa1-xs {padding: .125rem} .pa2-xs {padding: .25rem} .pa3-xs {padding: .5rem} .pa4-xs {padding: 1rem} .pa5-xs {padding: 2rem} .pa6-xs {padding: 4rem} .pa7-xs {padding: 8rem} .pa8-xs {padding: 16rem} .pl0-xs {padding-left: 0} .pl1-xs {padding-left: .125rem} .pl2-xs {padding-left: .25rem} .pl3-xs {padding-left: .5rem} .pl4-xs {padding-left: 1rem} .pl5-xs {padding-left: 2rem} .pl6-xs {padding-left: 4rem} .pl7-xs {padding-left: 8rem} .pl8-xs {padding-left: 16rem} .pr0-xs {padding-right: 0} .pr1-xs {padding-right: .125rem} .pr2-xs {padding-right: .25rem} .pr3-xs {padding-right: .5rem} .pr4-xs {padding-right: 1rem} .pr5-xs {padding-right: 2rem} .pr6-xs {padding-right: 4rem} .pr7-xs {padding-right: 8rem} .pr8-xs {padding-right: 16rem} .pt0-xs {padding-top: 0} .pt1-xs {padding-top: .125rem} .pt2-xs {padding-top: .25rem} .pt3-xs {padding-top: .5rem} .pt4-xs {padding-top: 1rem} .pt5-xs {padding-top: 2rem} .pt6-xs {padding-top: 4rem} .pt7-xs {padding-top: 8rem} .pt8-xs {padding-top: 16rem} .pb0-xs {padding-bottom: 0} .pb1-xs {padding-bottom: .125rem} .pb2-xs {padding-bottom: .25rem} .pb3-xs {padding-bottom: .5rem} .pb4-xs {padding-bottom: 1rem} .pb5-xs {padding-bottom: 2rem} .pb6-xs {padding-bottom: 4rem} .pb7-xs {padding-bottom: 8rem} .pb8-xs {padding-bottom: 16rem} .px0-xs {padding-left: 0; padding-right: 0} .px1-xs {padding-left: .125rem; padding-right: .125rem; } .px2-xs {padding-left: .25rem; padding-right: .25rem; } .px3-xs {padding-left: .5rem !important; padding-right: .5rem !important} .px4-xs {padding-left: 1rem; padding-right: 1rem} .px5-xs {padding-left: 2rem; padding-right: 2rem} .px6-xs {padding-left: 4rem; padding-right: 4rem} .px7-xs {padding-left: 8rem; padding-right: 8rem} .px8-xs {padding-left: 16rem; padding-right: 16rem} .py0-xs {padding-top: 0; padding-bottom: 0} .py1-xs {padding-top: .125rem; padding-bottom: .125rem} .py2-xs {padding-top: .25rem; padding-bottom: .25rem} .py3-xs {padding-top: .5rem; padding-bottom: .5rem} .py4-xs {padding-top: 1rem; padding-bottom: 1rem} .py5-xs {padding-top: 2rem; padding-bottom: 2rem} .py6-xs {padding-top: 4rem; padding-bottom: 4rem} .py7-xs {padding-top: 8rem; padding-bottom: 8rem} .py8-xs {padding-top: 16rem; padding-bottom: 16rem} .ma0-xs {margin: 0} .ma1-xs {margin: .125rem} .ma2-xs {margin: .25rem} .ma3-xs {margin: .5rem} .ma4-xs {margin: 1rem} .ma5-xs {margin: 2rem} .ma6-xs {margin: 4rem} .ma7-xs {margin: 8rem} .ma8-xs {margin: 16rem} .ml0-xs {margin-left: 0} .ml1-xs {margin-left: .125rem} .ml2-xs {margin-left: .25rem} .ml3-xs {margin-left: .5rem} .ml4-xs {margin-left: 1rem} .ml5-xs {margin-left: 2rem} .ml6-xs {margin-left: 4rem} .ml7-xs {margin-left: 8rem} .ml8-xs {margin-left: 16rem} .mr0-xs {margin-right: 0} .mr1-xs {margin-right: .125rem} .mr2-xs {margin-right: .25rem} .mr3-xs {margin-right: .5rem} .mr4-xs {margin-right: 1rem} .mr5-xs {margin-right: 2rem} .mr6-xs {margin-right: 4rem} .mr7-xs {margin-right: 8rem} .mr8-xs {margin-right: 16rem} .mt0-xs {margin-top: 0} .mt1-xs {margin-top: .125rem} .mt2-xs {margin-top: .25rem} .mt3-xs {margin-top: .5rem} .mt4-xs {margin-top: 1rem} .mt5-xs {margin-top: 2rem} .mt6-xs {margin-top: 4rem} .mt7-xs {margin-top: 8rem} .mt8-xs {margin-top: 16rem} .mb0-xs {margin-bottom: 0} .mb1-xs {margin-bottom: .125rem} .mb2-xs {margin-bottom: .25rem} .mb3-xs {margin-bottom: .5rem} .mb4-xs {margin-bottom: 1rem} .mb5-xs {margin-bottom: 2rem} .mb6-xs {margin-bottom: 4rem} .mb7-xs {margin-bottom: 8rem} .mb8-xs {margin-bottom: 16rem} .mx0-xs {margin-left: 0; margin-right: 0} .mx1-xs {margin-left: .125rem; margin-right: .125rem} .mx2-xs {margin-left: .25rem; margin-right: .25rem} .mx3-xs {margin-left: .5rem; margin-right: .5rem} .mx4-xs {margin-left: 1rem; margin-right: 1rem} .mx5-xs {margin-left: 2rem; margin-right: 2rem} .mx6-xs {margin-left: 4rem; margin-right: 4rem} .mx7-xs {margin-left: 8rem; margin-right: 8rem} .mx8-xs {margin-left: 16rem; margin-right: 16rem} .my0-xs {margin-top: 0; margin-bottom: 0} .my1-xs {margin-top: .125rem; margin-bottom: .125rem} .my2-xs {margin-top: .25rem; margin-bottom: .25rem} .my3-xs {margin-top: .5rem; margin-bottom: .5rem} .my4-xs {margin-top: 1rem; margin-bottom: 1rem} .my5-xs {margin-top: 2rem; margin-bottom: 2rem} .my6-xs {margin-top: 4rem; margin-bottom: 4rem} .my7-xs {margin-top: 8rem; margin-bottom: 8rem} .my8-xs {margin-top: 16rem; margin-bottom: 16rem} .ml-auto-xs { margin-left: auto } .mr-auto-xs { margin-right: auto } .mx-auto-xs { margin-left: auto; margin-right: auto; } .mln1-xs {margin-left: -.125rem} .mln2-xs {margin-left: -.25rem} .mln3-xs {margin-left: -.5rem} .mln4-xs {margin-left: -1rem} .mln5-xs {margin-left: -2rem} .mrn1-xs {margin-right: -.125rem} .mrn2-xs {margin-right: -.25rem} .mrn3-xs {margin-right: -.5rem} .mrn4-xs {margin-right: -1rem} .mrn5-xs {margin-right: -2rem} .mtn1-xs {margin-top: -.125rem} .mtn2-xs {margin-top: -.25rem} .mtn3-xs {margin-top: -.5rem} .mtn4-xs {margin-top: -1rem} .mtn5-xs {margin-top: -2rem} .mbn1-xs {margin-bottom: -.125rem} .mbn2-xs {margin-bottom: -.25rem} .mbn3-xs {margin-bottom: -.5rem} .mbn4-xs {margin-bottom: -1rem} .mbn5-xs {margin-bottom: -2rem} .mxn1-xs { margin-left: -.125rem; margin-right: -.125rem; } .mxn2-xs { margin-left: -.25rem; margin-right: -.25rem; } .mxn3-xs { margin-left: -.5rem; margin-right: -.5rem; } .mxn4-xs { margin-left: -1rem; margin-right: -1rem; } .mxn5-xs { margin-left: -2rem; margin-right: -2rem; } .myn1-xs { margin-top: -.125rem; margin-bottom: -.125rem; } .myn2-xs { margin-top: -.25rem; margin-bottom: -.25rem; } .myn3-xs { margin-top: -.5rem; margin-bottom: -.5rem; } .myn4-xs { margin-top: -1rem; margin-bottom: -1rem; } .myn5-xs { margin-top: -2rem; margin-bottom: -2rem; } .vw-20-xs { width: 20vw; } .vw-25-xs { width: 25vw; } .vw-33-xs { width: 33vw; } .vw-50-xs { width: 50vw; } .vw-66-xs { width: 66vw; } .vw-75-xs { width: 75vw; } .vw-90-xs { width: 90vw; } .vw-100-xs { width: 100vw; } .w-10-xs { width: 10%; } .w-12-5-xs { width: 12.5%; } .w-20-xs { width: 20%; } .w-24-xs { width: 24%; } .w-25-xs { width: 25%; } .w-30-xs { width: 30%; } .w-33-xs { width: calc( 100% / 3 ); } .w-34-xs { width: 34%; } .w-40-xs { width: 40%; } .w-50-xs { width: 50%; } .w-60-xs { width: 60%; } .w-65-xs { width: 65%; } .w-66-xs { width: calc( 100% / 1.5 ); } .w-70-xs { width: 70%; } .w-75-xs { width: 75%; } .w-80-xs { width: 80%; } .w-90-xs { width: 90%; } .w-100-xs { width: 100%; } .w0-xs { width: 0; } .w1-xs { width: .125rem; } .w2-xs { width: .25rem; } .w3-xs { width: .5rem; } .w4-xs { width: 1rem; } .w5-xs { width: 2rem; } .w6-xs { width: 4rem; } .w7-xs { width: 8rem; } .w8-xs { width: 16rem; } .w9-xs { width: 24rem; } .w10-xs { width: 32rem; } .h0-xs { height: 0; } .h1-xs { height: .125rem; } .h2-xs { height: .25rem; } .h3-xs { height: .5rem; } .h4-xs { height: 1rem; } .h5-xs { height: 2rem; } .h6-xs { height: 4rem; } .h7-xs { height: 8rem; } .h8-xs { height: 16rem; } .h9-xs { height: 24rem; } .h10-xs { height: 32rem; } .absolute-xs { position: absolute; } .fixed-xs { position: fixed; } .relative-xs { position: relative; } .static-xs { position: static; } .sticky-xs { position: sticky; position: -webkit-sticky; } .fixed .xs-hide-isfixed {display: none} .fl-xs { float: left; display: inline; } .fr-xs { float: right; display: inline; } .fn-xs { float: none; } .flex-xs { display: flex; } .inline-flex-xs { display: inline-flex; } .flex-auto-xs { flex: 1 1 auto; } .flex-none-xs { flex: none; } .flex-column-xs { flex-direction: column; } .flex-row-xs { flex-direction: row; } .flex-wrap-xs { flex-wrap: wrap; } .flex-nowrap-xs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .order-0-xs { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2-xs { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3-xs { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4-xs { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5-xs { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6-xs { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7-xs { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8-xs { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last-xs { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .fs-50-xs { font-size: 50%; } .fs-66-xs { font-size: 66%; } .fs-75-xs { font-size: 75%; } .fs-80-xs { font-size: 80%; } .fs-90-xs { font-size: 90%; } .fs-100-xs { font-size: 100%; } .fs-110-xs { font-size: 110%; } .fs-125-xs { font-size: 125%; } .fs-150-xs { font-size: 150%; } .fs-200-xs { font-size: 200%; } .fs-250-xs { font-size: 250%; } .fs-h1-xs { font-size: 3rem; } .fs-h2-xs { font-size: 2.25rem; } .fs-h3-xs { font-size: 1.5rem; } .fs-h4-xs { font-size: 1.25rem; } .fs-h5-xs { font-size: 1rem; } .fs-h6-xs { font-size: .875rem; } .fs-h7-xs { font-size: .75rem; } .tl-xs { text-align: left; } .tr-xs { text-align: right; } .tc-xs { text-align: center; } .fw-normal-xs { font-weight: normal; } .fw-b-xs { font-weight: bold; } .top0-xs { top: 0; } .right0-xs { right: 0 !important; } .bottom0-xs { bottom: 0; } .left0-xs { left: 0; } .top1-xs { top: 1rem; } .right1-xs { right: 1rem; } .bottom1-xs { bottom: 1rem; } .left1-xs { left: 1rem; } .top-100-xs { top: 100%; } .right-100-xs { right: 100%; } .bottom-100-xs { bottom: 100%; } .left-100-xs { left: 100%; } .white-xs, .white-hover-xs:hover { color: #fff; } .bn-xs, .bn-xs-hover:hover { border-style: none; border-width: 0; } } /*XXS*/ /* @media (max-width: 375px) { .dn-xxs {display: none} .db-xxs {display: block} .dib-xxs {display: inline-block} .pa0-xxs {padding: 0} .pa1-xxs {padding: .125rem} .pa2-xxs {padding: .25rem} .pa3-xxs {padding: .5rem} .pa4-xxs {padding: 1rem} .pa5-xxs {padding: 2rem} .pa6-xxs {padding: 4rem} .pa7-xxs {padding: 8rem} .pa8-xxs {padding: 16rem} .pl0-xxs {padding-left: 0} .pl1-xxs {padding-left: .125rem} .pl2-xxs {padding-left: .25rem} .pl3-xxs {padding-left: .5rem} .pl4-xxs {padding-left: 1rem} .pl5-xxs {padding-left: 2rem} .pl6-xxs {padding-left: 4rem} .pl7-xxs {padding-left: 8rem} .pl8-xxs {padding-left: 16rem} .pr0-xxs {padding-right: 0} .pr1-xxs {padding-right: .125rem} .pr2-xxs {padding-right: .25rem} .pr3-xxs {padding-right: .5rem} .pr4-xxs {padding-right: 1rem} .pr5-xxs {padding-right: 2rem} .pr6-xxs {padding-right: 4rem} .pr7-xxs {padding-right: 8rem} .pr8-xxs {padding-right: 16rem} .pt0-xxs {padding-top: 0} .pt1-xxs {padding-top: .125rem} .pt2-xxs {padding-top: .25rem} .pt3-xxs {padding-top: .5rem} .pt4-xxs {padding-top: 1rem} .pt5-xxs {padding-top: 2rem} .pt6-xxs {padding-top: 4rem} .pt7-xxs {padding-top: 8rem} .pt8-xxs {padding-top: 16rem} .pb0-xxs {padding-bottom: 0} .pb1-xxs {padding-bottom: .125rem} .pb2-xxs {padding-bottom: .25rem} .pb3-xxs {padding-bottom: .5rem} .pb4-xxs {padding-bottom: 1rem} .pb5-xxs {padding-bottom: 2rem} .pb6-xxs {padding-bottom: 4rem} .pb7-xxs {padding-bottom: 8rem} .pb8-xxs {padding-bottom: 16rem} .px0-xxs {padding-left: 0; padding-right: 0} .px1-xxs {padding-left: .125rem; padding-right: .125rem; } .px2-xxs {padding-left: .25rem; padding-right: .25rem; } .px3-xxs {padding-left: .5rem !important; padding-right: .5rem !important} .px4-xxs {padding-left: 1rem; padding-right: 1rem} .px5-xxs {padding-left: 2rem; padding-right: 2rem} .px6-xxs {padding-left: 4rem; padding-right: 4rem} .px7-xxs {padding-left: 8rem; padding-right: 8rem} .px8-xxs {padding-left: 16rem; padding-right: 16rem} .py0-xxs {padding-top: 0; padding-bottom: 0} .py1-xxs {padding-top: .125rem; padding-bottom: .125rem} .py2-xxs {padding-top: .25rem; padding-bottom: .25rem} .py3-xxs {padding-top: .5rem; padding-bottom: .5rem} .py4-xxs {padding-top: 1rem; padding-bottom: 1rem} .py5-xxs {padding-top: 2rem; padding-bottom: 2rem} .py6-xxs {padding-top: 4rem; padding-bottom: 4rem} .py7-xxs {padding-top: 8rem; padding-bottom: 8rem} .py8-xxs {padding-top: 16rem; padding-bottom: 16rem} .ma0-xxs {margin: 0} .ma1-xxs {margin: .125rem} .ma2-xxs {margin: .25rem} .ma3-xxs {margin: .5rem} .ma4-xxs {margin: 1rem} .ma5-xxs {margin: 2rem} .ma6-xxs {margin: 4rem} .ma7-xxs {margin: 8rem} .ma8-xxs {margin: 16rem} .ml0-xxs {margin-left: 0} .ml1-xxs {margin-left: .125rem} .ml2-xxs {margin-left: .25rem} .ml3-xxs {margin-left: .5rem} .ml4-xxs {margin-left: 1rem} .ml5-xxs {margin-left: 2rem} .ml6-xxs {margin-left: 4rem} .ml7-xxs {margin-left: 8rem} .ml8-xxs {margin-left: 16rem} .mr0-xxs {margin-right: 0} .mr1-xxs {margin-right: .125rem} .mr2-xxs {margin-right: .25rem} .mr3-xxs {margin-right: .5rem} .mr4-xxs {margin-right: 1rem} .mr5-xxs {margin-right: 2rem} .mr6-xxs {margin-right: 4rem} .mr7-xxs {margin-right: 8rem} .mr8-xxs {margin-right: 16rem} .mt0-xxs {margin-top: 0} .mt1-xxs {margin-top: .125rem} .mt2-xxs {margin-top: .25rem} .mt3-xxs {margin-top: .5rem} .mt4-xxs {margin-top: 1rem} .mt5-xxs {margin-top: 2rem} .mt6-xxs {margin-top: 4rem} .mt7-xxs {margin-top: 8rem} .mt8-xxs {margin-top: 16rem} .mb0-xxs {margin-bottom: 0} .mb1-xxs {margin-bottom: .125rem} .mb2-xxs {margin-bottom: .25rem} .mb3-xxs {margin-bottom: .5rem} .mb4-xxs {margin-bottom: 1rem} .mb5-xxs {margin-bottom: 2rem} .mb6-xxs {margin-bottom: 4rem} .mb7-xxs {margin-bottom: 8rem} .mb8-xxs {margin-bottom: 16rem} .mx0-xxs {margin-left: 0; margin-right: 0} .mx1-xxs {margin-left: .125rem; margin-right: .125rem} .mx2-xxs {margin-left: .25rem; margin-right: .25rem} .mx3-xxs {margin-left: .5rem; margin-right: .5rem} .mx4-xxs {margin-left: 1rem; margin-right: 1rem} .mx5-xxs {margin-left: 2rem; margin-right: 2rem} .mx6-xxs {margin-left: 4rem; margin-right: 4rem} .mx7-xxs {margin-left: 8rem; margin-right: 8rem} .mx8-xxs {margin-left: 16rem; margin-right: 16rem} .my0-xxs {margin-top: 0; margin-bottom: 0} .my1-xxs {margin-top: .125rem; margin-bottom: .125rem} .my2-xxs {margin-top: .25rem; margin-bottom: .25rem} .my3-xxs {margin-top: .5rem; margin-bottom: .5rem} .my4-xxs {margin-top: 1rem; margin-bottom: 1rem} .my5-xxs {margin-top: 2rem; margin-bottom: 2rem} .my6-xxs {margin-top: 4rem; margin-bottom: 4rem} .my7-xxs {margin-top: 8rem; margin-bottom: 8rem} .my8-xxs {margin-top: 16rem; margin-bottom: 16rem} .ml-auto-xxs { margin-left: auto } .mr-auto-xxs { margin-right: auto } .mx-auto-xxs { margin-left: auto; margin-right: auto; } .mln1-xxs {margin-left: -.125rem} .mln2-xxs {margin-left: -.25rem} .mln3-xxs {margin-left: -.5rem} .mln4-xxs {margin-left: -1rem} .mln5-xxs {margin-left: -2rem} .mrn1-xxs {margin-right: -.125rem} .mrn2-xxs {margin-right: -.25rem} .mrn3-xxs {margin-right: -.5rem} .mrn4-xxs {margin-right: -1rem} .mrn5-xxs {margin-right: -2rem} .mtn1-xxs {margin-top: -.125rem} .mtn2-xxs {margin-top: -.25rem} .mtn3-xxs {margin-top: -.5rem} .mtn4-xxs {margin-top: -1rem} .mtn5-xxs {margin-top: -2rem} .mbn1-xxs {margin-bottom: -.125rem} .mbn2-xxs {margin-bottom: -.25rem} .mbn3-xxs {margin-bottom: -.5rem} .mbn4-xxs {margin-bottom: -1rem} .mbn5-xxs {margin-bottom: -2rem} .mxn1-xxs { margin-left: -.125rem; margin-right: -.125rem; } .mxn2-xxs { margin-left: -.25rem; margin-right: -.25rem; } .mxn3-xxs { margin-left: -.5rem; margin-right: -.5rem; } .mxn4-xxs { margin-left: -1rem; margin-right: -1rem; } .mxn5-xxs { margin-left: -2rem; margin-right: -2rem; } .myn1-xxs { margin-top: -.125rem; margin-bottom: -.125rem; } .myn2-xxs { margin-top: -.25rem; margin-bottom: -.25rem; } .myn3-xxs { margin-top: -.5rem; margin-bottom: -.5rem; } .myn4-xxs { margin-top: -1rem; margin-bottom: -1rem; } .myn5-xxs { margin-top: -2rem; margin-bottom: -2rem; } .vw-20-xxs { width: 20vw; } .vw-25-xxs { width: 25vw; } .vw-33-xxs { width: 33vw; } .vw-50-xxs { width: 50vw; } .vw-66-xxs { width: 66vw; } .vw-75-xxs { width: 75vw; } .vw-90-xxs { width: 90vw; } .vw-100-xxs { width: 100vw; } .w-10-xxs { width: 10%; } .w-12-5-xxs { width: 12.5%; } .w-20-xxs { width: 20%; } .w-24-xxs { width: 24%; } .w-25-xxs { width: 25%; } .w-30-xxs { width: 30%; } .w-33-xxs { width: calc( 100% / 3 ); } .w-34-xxs { width: 34%; } .w-40-xxs { width: 40%; } .w-50-xxs { width: 50%; } .w-60-xxs { width: 60%; } .w-65-xxs { width: 65%; } .w-66-xxs { width: calc( 100% / 1.5 ); } .w-70-xxs { width: 70%; } .w-75-xxs { width: 75%; } .w-80-xxs { width: 80%; } .w-90-xxs { width: 90%; } .w-100-xxs { width: 100%; } .w0-xxs { width: 0; } .w1-xxs { width: .125rem; } .w2-xxs { width: .25rem; } .w3-xxs { width: .5rem; } .w4-xxs { width: 1rem; } .w5-xxs { width: 2rem; } .w6-xxs { width: 4rem; } .w7-xxs { width: 8rem; } .w8-xxs { width: 16rem; } .w9-xxs { width: 24rem; } .w10-xxs { width: 32rem; } .h0-xxs { height: 0; } .h1-xxs { height: .125rem; } .h2-xxs { height: .25rem; } .h3-xxs { height: .5rem; } .h4-xxs { height: 1rem; } .h5-xxs { height: 2rem; } .h6-xxs { height: 4rem; } .h7-xxs { height: 8rem; } .h8-xxs { height: 16rem; } .h9-xxs { height: 24rem; } .h10-xxs { height: 32rem; } .absolute-xxs { position: absolute; } .fixed-xxs { position: fixed; } .relative-xxs { position: relative; } .static-xxs { position: static; } .sticky-xxs { position: sticky; position: -webkit-sticky; } .fixed .xxs-hide-isfixed {display: none} .fl-xxs { float: left; display: inline; } .fr-xxs { float: right; display: inline; } .fn-xxs { float: none; } .flex-xxs { display: flex; } .inline-flex-xxs { display: inline-flex; } .flex-auto-xxs { flex: 1 1 auto; } .flex-none-xxs { flex: none; } .flex-column-xxs { flex-direction: column; } .flex-row-xxs { flex-direction: row; } .flex-wrap-xxs { flex-wrap: wrap; } .flex-nowrap-xxs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .order-0-xxs { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1-xxs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2-xxs { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3-xxs { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4-xxs { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5-xxs { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6-xxs { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7-xxs { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8-xxs { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last-xxs { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .fs-50-xxs { font-size: 50%; } .fs-66-xxs { font-size: 66%; } .fs-75-xxs { font-size: 75%; } .fs-80-xxs { font-size: 80%; } .fs-90-xxs { font-size: 90%; } .fs-100-xxs { font-size: 100%; } .fs-110-xxs { font-size: 110%; } .fs-125-xxs { font-size: 125%; } .fs-150-xxs { font-size: 150%; } .fs-200-xxs { font-size: 200%; } .fs-250-xxs { font-size: 250%; } .fs-h1-xxs { font-size: 3rem; } .fs-h2-xxs { font-size: 2.25rem; } .fs-h3-xxs { font-size: 1.5rem; } .fs-h4-xxs { font-size: 1.25rem; } .fs-h5-xxs { font-size: 1rem; } .fs-h6-xxs { font-size: .875rem; } .fs-h7-xxs { font-size: .75rem; } .tl-xxs { text-align: left; } .tr-xxs { text-align: right; } .tc-xxs { text-align: center; } .fw-normal-xxs { font-weight: normal; } .fw-b-xxs { font-weight: bold; } .top0-xxs { top: 0; } .right0-xxs { right: 0 !important; } .bottom0-xxs { bottom: 0; } .left0-xxs { left: 0; } .top1-xxs { top: 1rem; } .right1-xxs { right: 1rem; } .bottom1-xxs { bottom: 1rem; } .left1-xxs { left: 1rem; } .top-100-xxs { top: 100%; } .right-100-xxs { right: 100%; } .bottom-100-xxs { bottom: 100%; } .left-100-xxs { left: 100%; } .white-xxs, .white-hover-xxs:hover { color: #fff; } } */ .u-datepicker > .date > input.form-control { width: 150px; } #cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}