:root { --max-content-width: 590px; --default-border-radius: 4px; } .is-vertical-tabs-exp { --max-content-width: 672px; --default-border-radius: 8px; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .msg--box, .msg--info, .msg--help, .msg--untranslated, .msg--warning, #error_homepage, .msg, .content__text, .header__search-wrap { max-width: 590px; max-width: var(--max-content-width); } .header__logo-wrap:after, .acp-wrap:after, .cw:after, .cw--c:after { content: ""; display: block; clear: both; } .header__search-wrap, .content__internal { padding-left: 150px; } .header__search-wrap, .content__internal { padding-right: 150px; } .header__logo-wrap { display: block; width: 150px; position: absolute; top: 0; } .header__logo-wrap { left: 0; } @media only screen and (max-width: 1350px) { .header__search-wrap, .content__internal { padding-left: 94px; } .header__logo-wrap { width: 94px; } .header__search-wrap, .content__internal { padding-right: 94px; } } @media only screen and (max-width: 1079px) { .header__search-wrap, .content__internal { padding-left: 58px; } .header__logo-wrap { width: 58px; left: 0; } .header__search-wrap, .content__internal { padding-right: 58px; } } @media only screen and (max-width: 590px) { .header__search-wrap, .content__internal { padding-left: 58px; } .header__logo-wrap { width: 58px; left: 0; } .header__search-wrap, .content__internal { padding-right: 58px; } .content__internal { padding-left: 0 !important; } .content__internal { padding-right: 0 !important; } } @media only screen and (max-width: 425px) { .header__search-wrap, .content__internal { padding-left: 58px; } .header__logo-wrap { width: 58px; left: 0; } .header__search-wrap, .content__internal { padding-right: 58px; } } .logo_homepage__tt { -webkit-transition: opacity 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: opacity 0.3s ease-in-out 0s; -o-transition: opacity 0.3s ease-in-out 0s; transition: opacity 0.3s ease-in-out 0s; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; position: absolute; margin: auto; background-color: #a3a3a3; background-color: rgba(138, 138, 138, 0.9); text-indent: 0px; padding: 0 1em; white-space: nowrap; line-height: 1.6; height: 1.6em; font-weight: 400; font-style: normal; color: white; z-index: 200; } .logo_homepage__tt { top: 0; bottom: 0; left: 100%; height: 1.6em; } .logo_homepage__tt:before { content: ""; display: block; position: absolute; margin-top: -4px; left: -4px; top: 50%; border: 4px solid transparent; border-left-width: 0; border-right-color: #a3a3a3; border-right-color: rgba(138, 138, 138, 0.9); } .rotate { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ie8 .rotate, .lt-ie9 .rotate { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .rotate--45 { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ie8 .rotate--45, .lt-ie9 .rotate--45 { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; } .rotate--ccw, .rotate--270 { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .ie8 .rotate--ccw, .lt-ie9 .rotate--ccw, .ie8 .rotate--270, .lt-ie9 .rotate--270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .rotate--180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ie8 .rotate--180, .lt-ie9 .rotate--180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .mg { margin-top: 1em; margin-bottom: 1em; } .mg--half { margin-top: 0.5em; margin-bottom: 0.5em; } .mg--big { margin-top: 1.25em; margin-bottom: 1.25em; } .mg--double { margin-top: 2em; margin-bottom: 2em; } .mg--small { margin-top: 0.8em; margin-bottom: 0.8em; } .mg--quarter { margin-top: 0.25em; margin-bottom: 0.25em; } .mg--none { margin-top: 0; margin-bottom: 0; } .mg-top { margin-top: 1em; } .mg-top--half { margin-top: 0.5em; } .mg-top--big { margin-top: 1.25em; } .mg-top--double { margin-top: 2em; } .mg-top--small { margin-top: 0.8em; } .mg-top--quarter { margin-top: 0.25em; } .mg-top--none { margin-top: 0; } .mg-bottom { margin-bottom: 1em; } .mg-bottom--half { margin-bottom: 0.5em; } .mg-bottom--big { margin-bottom: 1.25em; } .mg-bottom--double { margin-bottom: 2em; } .mg-bottom--small { margin-bottom: 0.8em; } .mg-bottom--quarter { margin-bottom: 0.25em; } .mg-bottom--none { margin-bottom: 0; } .pd { padding-top: 1em; padding-bottom: 1em; } .pd--big { padding-top: 1.25em; padding-bottom: 1.25em; } .pd--double { padding-top: 2em; padding-bottom: 2em; } .pd--small { padding-top: 0.8em; padding-bottom: 0.8em; } .pd--quarter { padding-top: 0.25em; padding-bottom: 0.25em; } .pd-top { padding-top: 1em; } .pd-top--half { padding-top: 0.5em; } .pd-top--big { padding-top: 1.25em; } .pd-top--double { padding-top: 2em; } .pd-top--small { padding-top: 0.8em; } .pd-top--quarter { padding-top: 0.25em; } .pd-top--none { padding-top: 0; } .pd-bottom { padding-bottom: 1em; } .pd-bottom--half { padding-bottom: 0.5em; } .pd-bottom--big { padding-bottom: 1.25em; } .pd-bottom--double { padding-bottom: 2em; } .pd-bottom--small { padding-bottom: 0.8em; } .pd-bottom--quarter { padding-bottom: 0.25em; } .pd-bottom--none { padding-bottom: 0; } h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote { padding-top: 0.5em; padding-bottom: 0.5em; } h1, .h-xxl, .hd-lg, .t-xxxxl, .t-triple { font-size: 3em; } h2, .h-xl, .t-xxxl, .t-double { font-size: 2em; } h3, .h-l, .t-xxl { font-size: 1.75em; } h4, .h-m, .hd-md, .t-xl { font-size: 1.5em; } h5, .h-s, .t-l { font-size: 1.33em; } h6, .h-xs, .t-m { font-size: 1.1667em; } small, .t-s, .acp--bang__body { font-size: 0.9176em; } .t-xs { font-size: 0.8333em; } .t-xxs { font-size: 0.75em; } .t-xxxs { font-size: 0.66em; } .t-xxxxs { font-size: 0.5833em; } .t-xxxxxs, .t-half { font-size: 0.5em; } .t-n { font-size: 1em; } .t-nat { font-size: 1rem; } .text-center, .text-mid, .t-mid, .t-center { text-align: center; } .t-left, .text-left { text-align: left; } .t-right, .text-right { text-align: right; } .t-bold { font-weight: bold; } .t-normal { font-weight: normal; } @media only screen and (min-width: 1079px) { .h-xxl--screen-l, .t-xxxxl--screen-l, .t-triple--screen-l { font-size: 3em; } .h-xl--screen-l, .t-xxxl--screen-l, .t-double--screen-l { font-size: 2em; } .h-l--screen-l, .t-xxl--screen-l { font-size: 1.75em; } .h-m--screen-l, .t-xl--screen-l, .t-xl--screen-l { font-size: 1.5em; } .h-s--screen-l, .t-l--screen-l { font-size: 1.33em; } .h-xs--screen-l, .t-m--screen-l { font-size: 1.1667em; } .t-s--screen-l { font-size: 0.9176em; } .t-xs--screen-l { font-size: 0.8333em; } .t-nat--screen-l { font-size: 1rem; } .t-half--screen-l { font-size: 0.5em; } .t-n--screen-l { font-size: 1em; } .t-mid--screen-l, .t-center--screen-l { text-align: center; } .t-left--screen-l { text-align: left; } .t-right--screen-l { text-align: right; } } @media only screen and (min-width: 1440px) { .h-xxl--screen-xl, .t-xxxxl--screen-xl, .t-triple--screen-xl { font-size: 3em; } .h-xl--screen-xl, .t-xxxl--screen-xl, .t-double--screen-xl { font-size: 2em; } .h-l--screen-xl, .t-xxl--screen-xl { font-size: 1.75em; } .h-m--screen-xl, .t-xl--screen-xl, .t-xl--screen-xl { font-size: 1.5em; } .h-s--screen-xl, .t-l--screen-xl { font-size: 1.33em; } .h-xs--screen-xl, .t-m--screen-xl { font-size: 1.1667em; } .t-s--screen-xl { font-size: 0.9176em; } .t-xs--screen-xl { font-size: 0.8333em; } .t-nat--screen-xl { font-size: 1rem; } .t-half--screen-xl { font-size: 0.5em; } .t-n--screen-xl { font-size: 1em; } .t-mid--screen-xl, .t-center--screen-xl { text-align: center; } .t-left--screen-xl { text-align: left; } .t-right--screen-xl { text-align: right; } } @media only screen and (max-width: 864px) { .h-xxl--screen-m, .t-xxxxl--screen-m, .t-triple--screen-m { font-size: 3em; } .h-xl--screen-m, .t-xxxl--screen-m, .t-double--screen-m { font-size: 2em; } .h-l--screen-m, .t-xxl--screen-m { font-size: 1.75em; } .h-m--screen-m, .t-xl--screen-m, .t-xl--screen-m { font-size: 1.5em; } .h-s--screen-m, .t-l--screen-m { font-size: 1.33em; } .h-xs--screen-m, .t-m--screen-m { font-size: 1.1667em; } .t-s--screen-m { font-size: 0.9176em; } .t-xs--screen-m { font-size: 0.8333em; } .t-nat--screen-m { font-size: 1rem; } .t-half--screen-m { font-size: 0.5em; } .t-n--screen-m { font-size: 1em; } .t-mid--screen-m, .t-center--screen-m { text-align: center; } .t-left--screen-m { text-align: left; } .t-right--screen-m { text-align: right; } } @media only screen and (max-width: 590px) { .h-xxl--screen-s, .t-xxxxl--screen-s, .t-triple--screen-s { font-size: 3em; } .h-xl--screen-s, .t-xxxl--screen-s, .t-double--screen-s { font-size: 2em; } .h-l--screen-s, .t-xxl--screen-s { font-size: 1.75em; } .h-m--screen-s, .t-xl--screen-s, .t-xl--screen-s { font-size: 1.5em; } .h-s--screen-s, .t-l--screen-s { font-size: 1.33em; } .h-xs--screen-s, .t-m--screen-s { font-size: 1.1667em; } .t-s--screen-s { font-size: 0.9176em; } .t-xs--screen-s { font-size: 0.8333em; } .t-nat--screen-s { font-size: 1rem; } .t-half--screen-s { font-size: 0.5em; } .t-n--screen-s { font-size: 1em; } .t-mid--screen-s, .t-center--screen-s { text-align: center; } .t-left--screen-s { text-align: left; } .t-right--screen-s { text-align: right; } } @media only screen and (max-width: 425px) { .h-xxl--screen-xs, .t-xxxxl--screen-xs, .t-triple--screen-xs { font-size: 3em; } .h-xl--screen-xs, .t-xxxl--screen-xs, .t-double--screen-xs { font-size: 2em; } .h-l--screen-xs, .t-xxl--screen-xs { font-size: 1.75em; } .h-m--screen-xs, .t-xl--screen-xs, .t-xl--screen-xs { font-size: 1.5em; } .h-s--screen-xs, .t-l--screen-xs { font-size: 1.33em; } .h-xs--screen-xs, .t-m--screen-xs { font-size: 1.1667em; } .t-s--screen-xs { font-size: 0.9176em; } .t-xs--screen-xs { font-size: 0.8333em; } .t-nat--screen-xs { font-size: 1rem; } .t-half--screen-xs { font-size: 0.5em; } .t-n--screen-xs { font-size: 1em; } .t-mid--screen-xs, .t-center--screen-xs { text-align: center; } .t-left--screen-xs { text-align: left; } .t-right--screen-xs { text-align: right; } } .button, .butt, .btn, .btn, .button, .btn--icon, .btn--top, .header__button, .header__button--menu { display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; position: relative; text-decoration: none; margin-top: 0; margin-bottom: 0; padding: 0 1em; line-height: 2.5; border: 1px solid #babec9; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1); background-color: #f8f8f8; color: #474747; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } .button:hover, .butt:hover, .btn:hover, .btn:hover, .button:hover { text-decoration: none; background-color: #fff; } .button:active, .butt:active, .btn:active, .btn:active, .button:active { background-color: #eee; } .button:active, .button:focus { outline: none; } .btn--full, .btn--fill { display: block; } .btn--pill { -moz-border-radius: 5em; -webkit-border-radius: 5em; border-radius: 5em; } .btn--xxl { font-size: 5em; } .btn--xl { font-size: 3em; } .btn--l { font-size: 2em; } .btn--m { font-size: 1.5em; } .btn--s { font-size: 0.75em; } .btn--xs { font-size: 0.5em; } .btn--xtall { line-height: 4; } .btn--tall { line-height: 3; } .btn--short { line-height: 1.5; } .btn--nat { line-height: inherit; } .btn--dark { border-color: #242424; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.9); background-color: #474747; color: #f8f8f8; } .btn--dark:hover { background-color: #383838; } .btn--dark:active { background-color: #292929; } .btn--grp, .btn-grp > .btn { margin-left: -0.35em; } .btn--grp, .btn-grp > .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn--grp:first-child, .btn-grp > .btn:first-child, .btn--grp--first { margin-left: 0; -moz-border-radius-bottomleft: 0.25em; -webkit-border-bottom-left-radius: 0.25em; border-bottom-left-radius: 0.25em; -moz-border-radius-topleft: 0.25em; -webkit-border-top-left-radius: 0.25em; border-top-left-radius: 0.25em; } .btn--grp:last-child, .btn-grp > .btn:last-child, .btn--grp--last { -moz-border-radius-topright: 0.25em; -webkit-border-top-right-radius: 0.25em; border-top-right-radius: 0.25em; -moz-border-radius-bottomright: 0.25em; -webkit-border-bottom-right-radius: 0.25em; border-bottom-right-radius: 0.25em; } .btn--grp.btn--grp--fakefirst { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .round { -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; } pre, tt, code { font-family: Consolas, Menlo, Monaco, monospace; color: #fafafa; background: #333; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; background-clip: padding-box; } tt { padding: 0 3px 1px; } pre { margin: 0 0.5em 1em 0; overflow: auto; padding: 1em; -moz-tab-size: 1; -o-tab-size: 1; tab-size: 1; -ms-word-break: normal; word-break: normal; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; position: relative; display: block; max-width: 100%; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; } pre code { background: none; white-space: pre; overflow: hidden; } .media, .acp--bang { display: block; } .media__img { float: left; margin-right: 0.5em; } .media__img--rev { float: right; margin-left: 0.5em; } .media__img img, .media__img--rev img { display: block; } .media__body, .acp--bang__body { overflow: hidden; } table { display: table; } html, body { height: 100%; min-height: 100%; padding: 0; margin: 0; } html { overflow: hidden; overflow-y: auto; background-color: #f7f7f7; font-size: 90%; -webkit-text-size-adjust: 100%; } body { overflow: hidden; position: relative; height: auto; } .site-wrapper { overflow: hidden; } .is-mobile-device.has-search-focus .site-wrapper:before { display: none; } body { background-color: #fff; line-height: 1.6; } body, input, select, textarea { font-family: "DDG_ProximaNova", "DDG_ProximaNova_UI_0", "DDG_ProximaNova_UI_1", "DDG_ProximaNova_UI_2", "DDG_ProximaNova_UI_3", "DDG_ProximaNova_UI_4", "DDG_ProximaNova_UI_5", "DDG_ProximaNova_UI_6", "Proxima Nova", "Helvetica Neue", "Helvetica", "Segoe UI", "Nimbus Sans L", "Liberation Sans", "Open Sans", FreeSans, Arial, sans-serif; color: #222; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } p { line-height: 1.35; padding-top: 0.25em; padding-bottom: 0.25em; } strong, b { font-weight: 600; } em, i { font-style: italic; } pre, tt, code { color: #282828; background-color: #eaeaea; text-shadow: none; } pre { padding: 0.55em 0; padding-left: 0.5em; margin: 0.5em 0; } pre code { padding-left: 0; } sup, sub { vertical-align: baseline; font-size: 0.6em; position: relative; line-height: 0; } sup { top: -0.5em; } sub { top: 0; } .no-select, .nav, .nav-menu__icon, .nav-menu__close { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } .absolute-center { position: absolute; margin: auto; bottom: 0; right: 0; left: 0; top: 0; } .one-line { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } a { font-family: inherit; text-decoration: none; color: #4495d4; } a:hover, a:focus { color: #00278e; } a:hover { text-decoration: underline; } a:focus { text-decoration: none; outline: none; } a.is-disabled { color: #999; cursor: default; } a.is-disabled:focus, a.is-disabled:hover { text-decoration: none; color: #999; } @supports (-moz-appearance: none) { a { text-underline-offset: 1.5px; } a:hover, a div:hover { text-decoration-thickness: 1px !important; } } :visited { color: #6d59a3; } .no-visited { color: #4495d4; } .anchor, .anchor--inline--first, .anchor--inline { position: relative; display: inline-block; height: 0; width: 0; margin: 0; } .anchor { float: left; } .anchor--inline--first, .anchor--inline { margin-left: -0.5ex; vertical-align: top; } .anchor--inline--first { margin-left: 0; } .btn, .button, .btn--icon, .btn--top, .header__button, .header__button--menu { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-transition: none 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: none 0.3s ease-in-out 0s; -o-transition: none 0.3s ease-in-out 0s; transition: none 0.3s ease-in-out 0s; outline: none !important; background-color: #fafafa; border-color: #ddd; line-height: 2; font-weight: normal; font-size: 1em; padding-top: 2px; padding-bottom: 2px; color: #333; } .btn:hover, .button:hover, .btn:focus, .button:focus, .btn--icon:hover, .btn--top:hover, .header__button:hover, .header__button--menu:hover, .btn--icon:focus, .btn--top:focus, .header__button:focus, .header__button--menu:focus { text-decoration: none !important; color: #333; } .btn:active, .button:active { background-color: #fafafa; border-color: #fafafa; } .btn.is-disabled, .btn.is-disabled:hover, .btn.is-disabled:active, .btn.is-disabled:focus, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus { cursor: default; border-color: #c3c3c3; background-color: #c3c3c3; color: #eee; } .btn.is-active, .button.is-active { border-color: transparent; background: #666; color: #fff; font-weight: 300; } .btn--primary, .is-checked .frm__switch__label { background-color: #66abff; border-color: #66abff; color: #fff; font-weight: 600; } .btn--primary:hover, .is-checked .frm__switch__label:hover, .btn--primary:focus, .is-checked .frm__switch__label:focus { color: #fff; background-color: #4495d4; border-color: #4495d4; } .btn--primary:active, .is-checked .frm__switch__label:active { background-color: #00278e; border-color: #00278e; } .btn--primary--alt { background-color: #4495d4; border-color: #4495d4; color: #fff; font-weight: 600; } .btn--primary--alt:hover, .btn--primary--alt:focus, .btn--primary--alt:active { color: #fff; background-color: #00278e; border-color: #00278e; } .btn--critical { background-color: #e37151; border-color: #e37151; color: #fff; font-weight: 600; } .btn--critical:hover, .btn--critical:focus { color: #fff; background-color: #de5833; border-color: #de5833; } .btn--critical:active { background-color: #bd4b2b; border-color: #bd4b2b; } .btn--secondary { border-color: #ddd; background-color: #f2f2f2; color: #666; font-weight: 600; } .btn--secondary:hover, .btn--secondary:focus { background-color: #e5e5e5; } .btn--secondary:active { background-color: #d0d0d0; border-color: #d0d0d0; } .btn--alt { border-color: #c3c3c3; background-color: #e5e5e5; color: #666; } .btn--alt:hover, .btn--alt:focus { color: #666; background-color: #d8d8d8; } .btn--alt:active { background-color: #e5e5e5; border-color: #e5e5e5; } .btn--wire { border-radius: 4px; background: none; background-color: transparent; font-weight: normal; border: 1px solid #ddd; color: #aaa; } .btn--wire:hover, .btn--wire:focus { border-color: #aaa; background-color: #aaa; color: #fff; } .btn--wire--hero { border-radius: 4px; background: none; background-color: transparent; border: 2px solid #fff; color: #fff; } .btn--wire--hero:hover, .btn--wire--hero:focus { border-color: #fff; background: none; background-color: transparent; color: #fff; } .btn--wire--dark { border-color: #222; color: #222; } .btn--wire--dark:hover { border-color: #222; background-color: #222; } .btn--icon, .btn--top, .header__button, .header__button--menu { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: background-color 0.1s, color 0.1s; -moz-transition: background-color 0.1s, color 0.1s; -o-transition: background-color 0.1s, color 0.1s; transition: background-color 0.1s, color 0.1s; border-radius: 4px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0; border: none; background: none; text-align: center; text-shadow: none; vertical-align: middle; position: relative; width: 33px; height: 33px; line-height: 34px; text-indent: 1px; font-size: 16px; } .no-touch .btn--icon:hover, .no-touch .btn--top:hover, .no-touch .header__button:hover, .no-touch .header__button--menu:hover, .no-touch .btn--icon:focus, .no-touch .btn--top:focus, .no-touch .header__button:focus, .no-touch .header__button--menu:focus, .no-js .btn--icon:hover, .no-js .btn--top:hover, .no-js .header__button:hover, .no-js .header__button--menu:hover, .no-js .btn--icon:focus, .no-js .btn--top:focus, .no-js .header__button:focus, .no-js .header__button--menu:focus { color: white; background-color: #6d6d6d; } .no-touch .btn--icon:active, .no-touch .btn--top:active, .no-touch .header__button:active, .no-touch .header__button--menu:active, .no-js .btn--icon:active, .no-js .btn--top:active, .no-js .header__button:active, .no-js .header__button--menu:active { -webkit-transition: none 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: none 0.3s ease-in-out 0s; -o-transition: none 0.3s ease-in-out 0s; transition: none 0.3s ease-in-out 0s; color: white; background-color: #555; } .btn__icon, .btn__icon--sm { margin-right: 0.125em; vertical-align: middle; margin-top: -0.125em; max-height: 1em; max-width: 1em; } .btn__icon { margin-left: -0.25em; font-size: 1.5em; } .btn__icon--sm { font-size: 16px; margin-left: -0.25em; margin-right: 0.5em; position: relative; top: -0.05em; } .btn--inline { display: inline; line-height: inherit; padding-left: 0.75em; padding-right: 0.75em; top: -1px; } .btn-stack { margin-bottom: -0.5em; padding: 0; } .btn-stack .btn { display: block; margin-bottom: 0.5em; } .colorpicker { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; position: absolute; display: none; top: 0; left: 0; background: #fff; padding: 15px; height: 120px; width: 145px; } .lt-ie9 .colorpicker { border: 1px solid #eee; } .colorpicker__nub { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; width: 10px; height: 10px; top: 50%; margin-top: -5px; right: -6px; background: #fff; border-top: 1px solid #eee; border-right: 1px solid #eee; } .lt-ie9 .colorpicker__nub { display: none; } .colorpicker__2d { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: relative; display: block; float: left; width: 120px; height: 120px; cursor: pointer; } .colorpicker__2d-white, .colorpicker__2d-black { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; position: absolute; width: 120px; height: 120px; } .colorpicker__2d-white { z-index: 0; background: -moz-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient( linear, left top, right top, color-stop(0%, #fff), color-stop(100%, rgba(255, 255, 255, 0)) ); background: -webkit-linear-gradient( left, #fff 0%, rgba(255, 255, 255, 0) 100% ); background: -o-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); } .colorpicker__2d-black { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000) ); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr=#00000000, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr='#00000000', endColorstr='#FF000000'); } .colorpicker__2d-marker { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); background: #fff; border: 1px solid #ddd; position: absolute; margin: -6px 0 0 -6px; width: 10px; height: 10px; z-index: 2; } .colorpicker__1d { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); position: relative; display: block; margin-left: 10px; width: 15px; float: left; height: 120px; cursor: pointer; background: -moz-linear-gradient( top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, red), color-stop(17%, #ff0), color-stop(33%, lime), color-stop(50%, cyan), color-stop(66%, blue), color-stop(83%, #f0f), color-stop(100%, red) ); background: -webkit-linear-gradient( top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100% ); background: -o-linear-gradient( top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100% ); background: linear-gradient( top, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100% ); } .lt-ie10 .colorpicker__1d { background: url("/assets/settings/colorpicker-1d.100.png") no-repeat; } .colorpicker__1d-marker { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); border: 1px solid #ddd; position: absolute; background: #fff; width: 16px; height: 4px; margin: -2px 0 0 -1px; z-index: 2; } .disc { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; overflow: hidden; position: relative; vertical-align: middle; display: inline-block; text-align: center; } .disc:before { content: ""; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #000; position: absolute; opacity: 0.15; border-radius: 100%; z-index: 1; } .disc--xs { width: 16px; height: 16px; line-height: 16px; } .disc--xs .disc__wrap__img { height: 16px; } .disc--s { width: 30px; height: 30px; line-height: 30px; } .disc--s .disc__wrap__img { height: 30px; } .disc--m { width: 40px; height: 40px; line-height: 40px; } .disc--m .disc__wrap__img { height: 40px; } .disc--l { width: 50px; height: 50px; line-height: 50px; } .disc--l .disc__wrap__img { height: 50px; } .disc--xl { width: 60px; height: 60px; line-height: 60px; } .disc--xl .disc__wrap__img { height: 60px; } .disc__wrap { float: left; display: block; position: relative; text-align: center; left: 50%; } .disc__wrap__img { vertical-align: middle; position: relative; display: inline; max-width: none; min-width: 1px; right: 50%; } .disc__img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; vertical-align: middle; display: inline-block; max-height: 100%; max-width: 100%; height: auto; width: auto; } .disc__obj { position: absolute; margin: auto; bottom: 0; right: 0; left: 0; top: 0; } .frm { display: block; } .frm__label { font-size: 0.9em; font-weight: 600; color: #222; } .frm__label__chk { margin-top: 0.4em; margin-right: 0.5em; display: inline-block; vertical-align: top; } .frm__label__txt { display: inline-block; overflow: hidden; } .frm__text, .frm__input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; font-size: 1em; background-color: #f7f7f7; border: 1px solid #e6e6e6; color: #222; outline: none; } .frm__input--disabled { background-color: #e6e6e6; } .frm__input { border-radius: 4px; height: 2em; line-height: 2em; padding-left: 0.8em; padding-top: 0; padding-bottom: 0; -webkit-appearance: none; } .frm__input--clearable { position: relative; } .frm__input--clearable .frm__input { padding-right: 2em; } .frm__input--clearable .frm__input__clear { position: absolute; top: 0; right: 0; font-size: 0.8em; line-height: 2.6em; padding: 0 1em; color: #888; cursor: pointer; } .frm__input--clearable .frm__input__clear:hover { color: #222; } .frm__text { padding: 0.8em; border-radius: 4px; } .frm__select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; display: inline-block; position: relative; overflow: hidden; line-height: 2.2; height: 2.35em; border: 1px solid #ddd; background-color: #fafafa; color: #333; padding: 0; vertical-align: middle; margin-bottom: 0; cursor: pointer; } .frm__select:hover { background-color: #fff; } .frm__select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: none; cursor: pointer; margin: 0; padding: 0 28px 0 0.75em; position: relative; display: block; font-size: 1em; line-height: inherit; min-width: 10em; width: 140% !important; height: 2.2em !important; outline: none !important; border: none !important; } .lt-ie9 .frm__select select { padding-bottom: 0.4em; } .frm__select:after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\76"; margin-top: -5px; font-size: 12px; line-height: 1; pointer-events: none; vertical-align: middle; display: inline-block; position: absolute; right: 10px; top: 50%; } .frm__select--no-first select option:first-child { display: none; } .frm__buttons { clear: both; padding-top: 1em; } .frm__buttons .frm__btn { margin-left: 0.5em; } .frm__btn { min-width: 7em; height: 2em; } .frm__switch { position: relative; } .frm__switch__inp { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .frm__switch-on { display: none; } .is-checked .frm__switch-on { display: block; } .frm__switch-off { display: block; } .is-checked .frm__switch-off { display: none; } .frm__color__swatch { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; cursor: pointer; display: block; width: 50px; height: 2em; border: 1px solid #e6e6e6; } .frm__hr { width: 100%; margin: 1em 0; border-bottom: 1px solid #eaeaea; } .frm--newsletter .frm__input { border-radius: 4px; vertical-align: top; width: 60%; max-width: 24em; height: 2.5em; line-height: 2; font-weight: 600; } .frm--newsletter .frm__btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; height: 2.5em; } .frm--newsletter__chks { text-align: center; margin: 1.25em auto 0; font-size: 1em; min-width: 20em; width: 70%; } .frm--newsletter__chks .frm__label { display: inline-block; margin: 0 1.25em; text-align: left; min-width: 8em; } .frm--newsletter__frq { color: #888; display: block; font-size: 0.9em; font-weight: normal; } .frm--vrt .frm__label, .frm--vrt .frm__input, .frm--vrt .frm__text { display: block; width: 100%; } .frm--vrt .frm__label { margin-top: 1.25em; margin-bottom: 0.5em; } .loader { display: none; width: 32px; height: 32px; background-size: 1600%; background-repeat: no-repeat; } .is-loading .loader { display: block; animation: loader-animate 0.5s steps(15) infinite; } @keyframes loader-animate { 0% { background-position: left; } 100% { background-position: right; } } .msg--box, .msg--info, .msg--help, .msg--untranslated, .msg--warning, #error_homepage, .msg { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: block; position: relative; margin: 0.5em auto 1.25em; padding: 1em; color: #333; } .msg--box { background: #f7f7f7; } .msg--info { color: #a97022; background: #ffe7c9; } .msg--help, .msg--untranslated { color: #002179; background: #d0e5f4; } .msg--warning, #error_homepage { color: #de5833; background: #f7d5cc; } .modal-trig { max-height: 100%; position: relative; display: inline-block; } .modal { pointer-events: none; text-align: center; font-weight: 400; line-height: 1.2; } .modal.is-showing { pointer-events: auto; } .modal h1, .modal h2, .modal h3, .modal h4, .modal h5 { padding: 0; } .modal p { padding: 0.5em 0 0; } .modal__overlay { position: absolute; margin: auto; bottom: 0; right: 0; left: 0; top: 0; display: none; height: 100%; width: 100%; z-index: 0; } .modal__box { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden; background-color: #fff; color: #222; min-width: 160px; white-space: normal; } .modal__close { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 1; line-height: 1; display: block; text-align: center; position: absolute; right: 1em; top: 1em; font-size: 14px; color: #8f8f8f; } .modal__close:hover { color: #000; text-decoration: none; } .modal__header, .modal__footer { padding: 1em; background: #f7f7f7; border-bottom: 1px solid #e0e0e0; } .modal__header { border-top-right-radius: 4px; border-top-left-radius: 4px; } .modal__footer { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .modal__header__title { font-weight: 600; } .modal__body { padding: 1em; position: relative; display: block; } .modal__list { padding: 0; } .modal__list__link { display: block; color: #666; text-decoration: none; cursor: pointer; } .modal__list__link:visited, .modal__list__link:focus { color: #666; } .modal__list__link:active, .modal__list__link:hover, .modal__list__link.is-highlighted { color: #666; background-color: #f7f7f7; text-decoration: none; } .modal__list__link.is-selected { font-weight: 600; } .modal__list__link.is-selected:before { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\2713"; position: relative; float: right; margin-left: 1em; top: -1px; } .modal__list__link.is-selected:hover, .modal__list__link.is-selected:active { font-weight: 600; } .modal__list__link.is-disabled { color: #aaa; background-color: inherit; } .modal--popout { position: absolute; margin: auto; bottom: 0; right: 0; left: 0; top: 0; display: block; height: 0; width: 0; } .modal--popout .modal__box { -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 0.15s ease-out, -moz-transform 0.15s ease-out; -o-transition: opacity 0.15s ease-out, -o-transform 0.15s ease-out; transition: opacity 0.15s ease-out false, transform 0.15s ease-out false; -webkit-box-shadow: 0 0 0.2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0.2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.2px 1px rgba(0, 0, 0, 0.1); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); font-size: 14.4px; font-size: 1rem; width: 200px; position: absolute; display: block; bottom: auto; right: auto; left: auto; top: auto; visibility: hidden; opacity: 0; } .modal--popout .modal__box:before, .modal--popout .modal__box:after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; display: block; line-height: 24px; font-size: 24px; height: 24px; width: 24px; } .modal--popout .modal__box:before { color: #e0e0e0; } .modal--popout .modal__box:after { color: #fff; } .modal--popout.is-showing .modal__box { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; z-index: 250; opacity: 1; } .modal--popout--top, .modal--popout--bottom, .modal--popout--bottom-left, .modal--popout--bottom-right { height: 100%; } .modal--popout--left, .modal--popout--right { width: 100%; } .modal--popout--sm .modal__box { width: 160px; } .modal--popout--lg .modal__box { width: 230px; } .modal--popout--top .modal__box, .modal--popout--bottom .modal__box { left: -100px; } .modal--popout--top.modal--popout--sm .modal__box, .modal--popout--bottom.modal--popout--sm .modal__box { left: -80px; } .modal--popout--top.modal--popout--lg .modal__box, .modal--popout--bottom.modal--popout--lg .modal__box { left: -115px; } .modal--popout--top .modal__box { margin-bottom: 8px; bottom: 100%; } .modal--popout--top .modal__box:before, .modal--popout--top .modal__box:after { content: "\25bc"; bottom: -17px; margin-left: -12px; left: 50%; } .modal--popout--top .modal__box:after { margin-bottom: 1px; } .modal--popout--left .modal__box { margin-right: 12px; right: 100%; top: -14px; } .modal--popout--left .modal__box:before, .modal--popout--left .modal__box:after { content: "\25b6"; right: -17px; top: 4px; } .modal--popout--left .modal__box:after { margin-right: 1px; } .modal--popout--right .modal__box { margin-left: 12px; left: 100%; top: -14px; } .modal--popout--right .modal__box:before, .modal--popout--right .modal__box:after { content: "\25c0"; left: -17px; top: 4px; } .modal--popout--right .modal__box:after { margin-left: 1px; } .modal--popout--bottom .modal__box, .modal--popout--bottom-right .modal__box, .modal--popout--bottom-left .modal__box { margin-top: 8px; top: 100%; } .modal--popout--bottom .modal__box:before, .modal--popout--bottom .modal__box:after, .modal--popout--bottom-right .modal__box:before, .modal--popout--bottom-right .modal__box:after, .modal--popout--bottom-left .modal__box:before, .modal--popout--bottom-left .modal__box:after { content: "\25b2"; top: -17px; margin-left: -12px; left: 50%; } .modal--popout--bottom .modal__box:after, .modal--popout--bottom-right .modal__box:after, .modal--popout--bottom-left .modal__box:after { margin-top: 1px; } .modal--popout--bottom.has-header .modal__box:after, .modal--popout--bottom-right.has-header .modal__box:after, .modal--popout--bottom-left.has-header .modal__box:after { color: #f7f7f7; } .modal--popout--bottom-left .modal__box { right: -23px; left: auto; } .modal--popout--bottom-left .modal__box:before, .modal--popout--bottom-left .modal__box:after { left: auto; margin-left: 0; right: 10px; } .modal--popout--bottom-right .modal__box { left: -23px; } .modal--popout--bottom-right .modal__box:before, .modal--popout--bottom-right .modal__box:after { left: 10px; margin-left: 0; } .modal--popover { -webkit-transition: background 0.15s ease-out, visibility 0.15s linear; -moz-transition: background 0.15s ease-out, visibility 0.15s linear; -o-transition: background 0.15s ease-out, visibility 0.15s linear; transition: background 0.15s ease-out, visibility 0.15s linear; display: table; overflow: hidden; visibility: hidden; background: rgba(255, 255, 255, 0); position: fixed; height: 100%; width: 100%; bottom: 0; right: 0; left: 0; top: 0; z-index: 300; } .modal--popover.is-showing { background: #ddd; background: rgba(255, 255, 255, 0.7); visibility: visible; } .modal--popover.is-showing .modal__box { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .modal--popover.is-showing .modal__overlay { display: block; } .modal--popover .modal__wrap, .modal--popover .modal__box { z-index: 5; position: relative; overflow: hidden; margin: auto; } .modal--popover .modal__wrap { pointer-events: none; display: table-cell; vertical-align: middle; } .modal--popover .modal__box { -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out; -moz-transition: opacity 0.15s ease-out, -moz-transform 0.15s ease-out; -o-transition: opacity 0.15s ease-out, -o-transform 0.15s ease-out; transition: opacity 0.15s ease-out, transform 0.15s ease-out; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); -webkit-box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.35); box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.35); -webkit-overflow-scrolling: touch; pointer-events: auto; display: table; opacity: 0; } .modal--popover .modal__body { max-height: 100%; overflow: auto; height: 100%; } .modal--popover--scroll { display: block; } .modal--popover--scroll .modal__wrap, .modal--popover--scroll .modal__box { position: absolute; margin: auto; bottom: 0; right: 0; left: 0; top: 0; display: block; } .modal--popover--scroll .modal__box { overflow: auto; } .modal--popover--notransition { -webkit-transition: none 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: none 0.3s ease-in-out 0s; -o-transition: none 0.3s ease-in-out 0s; transition: none 0.3s ease-in-out 0s; } .modal--popover--notransition .modal__box { -webkit-transition: none 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: none 0.3s ease-in-out 0s; -o-transition: none 0.3s ease-in-out 0s; transition: none 0.3s ease-in-out 0s; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; } .modal--popover--gray.is-showing { background: rgba(210, 210, 210, 0.6); } .modal--popover--dark.is-showing { background: rgba(85, 85, 85, 0.9); } .nav { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #e6e6e6; background: rgba(0, 0, 0, 0.1); color: #f8f8f8; position: absolute; top: 50%; margin-top: -21.333333px; width: 64px; height: 64px; line-height: 64px; font-size: 28px; vertical-align: middle; text-align: center; display: block; z-index: 2; cursor: pointer; } .nav:hover { background: rgba(0, 0, 0, 0.25); } .nav:active { background: rgba(0, 0, 0, 0.5); } .is-mobile .nav, .touch .nav, .no-js .nav { display: none; } .nav--hero { -webkit-box-shadow: inset 0 0 0 2px white; -moz-box-shadow: inset 0 0 0 2px white; box-shadow: inset 0 0 0 2px white; background: none; border: 2px solid #fff; border-color: rgba(0, 0, 0, 0); } .nav--hero:hover { background: none; } .nav--prev { text-indent: -4px; left: 24px; } .nav--prev:before { content: "\2039"; line-height: 1; } .nav--next { text-indent: 4px; right: 24px; } .nav--next:before { content: "\203a"; line-height: 1; } .nav-menu, .nav-menu--slideout { background-color: #fff; } .nav-menu ul, .nav-menu--slideout ul { padding-top: 0; padding-bottom: 0; list-style: none; } .nav-menu li, .nav-menu--slideout li { list-style: none; } .nav-menu__icon, .nav-menu__close { text-align: center; color: #bfbfbf; font-size: 1.2em; line-height: 1; background-color: transparent; } .nav-menu__icon--top-right, .nav-menu__close { position: absolute; top: 0; right: 0; } .nav-menu__icon--clickable, .nav-menu__close { -webkit-transition: all 0.15s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 2; } .nav-menu__icon--clickable:hover, .nav-menu__close:hover, .nav-menu__icon--clickable:focus, .nav-menu__close:focus { color: #575757; } .nav-menu__icon--clickable:active, .nav-menu__close:active { color: #bfbfbf; } .nav-menu__icon--clickable:visited, .nav-menu__close:visited { color: #bfbfbf; } .nav-menu__close { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; padding: 1.6em 1em 1em; } .nav-menu__list { display: block; position: relative; list-style: none; padding: 0; margin: 0; } .nav-menu__list li { position: relative; top: -0.45em; } .nav-menu__heading { padding-top: 2.2em; padding-bottom: 1.6em; margin-bottom: -1.25em; color: #888; } .nav-menu__heading span { text-transform: uppercase; font-size: 0.75em; } .is-mobile .nav-menu__heading { margin-bottom: -1.5em; } .nav-menu__heading--primary { padding-top: 2em; margin-bottom: -0.75em; } .nav-menu__item { position: relative; font-size: 1em; } .is-mobile .nav-menu__item { padding: 0.125em 0; top: -0.25em; } .nav-menu__item > a { padding: 0; display: block; } .nav-menu__item, .nav-menu__item > a, .nav-menu__item > a:visited { color: #333; } .nav-menu__item > a:hover { color: #333; text-decoration: underline; } .nav-menu__item.only--mob { display: none; } .is-mobile .nav-menu__item.only--mob { display: inline-block; } .nav-menu__item--primary { padding-top: 2.05em; margin-bottom: -0.75em; } .nav-menu__item--icon { margin-top: 5px; margin-bottom: 5px; } .nav-menu__item--icon:first-child { margin-top: 0; } .nav-menu__item--icon:last-child { margin-bottom: 0; } .nav-menu__item__icon { margin-right: 5px; } .nav-menu__themes { height: 17px; padding: 12px 0 12px !important; } .nav-menu__theme { -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; display: block; width: 18px; height: 18px; padding: 3px; float: left; margin-right: 5px; cursor: pointer; } .nav-menu__theme.theme-is-selected { padding: 2px; border: 1px solid #333; } .nav-menu__theme-color { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: block; position: relative; width: 18px; height: 18px; overflow: hidden; z-index: 1; } .nav-menu__theme-color-top, .nav-menu__theme-color-bot { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; display: block; width: 18px; height: 18px; } .nav-menu__theme-color-top { left: -5px; top: -5px; } .nav-menu__theme-color-bot { right: -6px; bottom: -6px; } .nav-menu--slideout { -webkit-transition: -webkit-transform 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0.3s ease-in-out 0s; -o-transition: -o-transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s; -webkit-transform: translate3d(14.25em, 0, 0); -moz-transform: translate3d(14.25em, 0, 0); -ms-transform: translate3d(14.25em, 0, 0); -o-transform: translate3d(14.25em, 0, 0); transform: translate3d(14.25em, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 0 1px rgba(0, 0, 0, 0.2); box-shadow: -1px 0 1px rgba(0, 0, 0, 0.2); width: 14em; display: block; height: 100%; position: fixed; top: 0; bottom: 0; right: -14.25em; left: auto; z-index: 200; } .nav-menu--slideout .nav-menu__list { padding-left: 1.5em; position: absolute; overflow: auto; overflow-x: hidden; bottom: 0; right: 0; left: 0; top: 0; } .nav-menu--slideout.is-open { right: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .csstransforms3d .nav-menu--slideout { right: 0; } .is-legacy-android .nav-menu--slideout { position: absolute; } .notification { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: table; left: 0; opacity: 0; position: fixed; top: -64px; width: 100%; z-index: 500; } .notification.is-showing { opacity: 0.8; top: 40px; } .notification__wrap { display: table-cell; width: 100%; } .notification__text { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #333; color: #fff; display: table; margin: 0 auto; max-width: 300px; padding: 10px 45px; text-align: center; } .sep--before:before, .sep--after:after, .sep--small, .sep, .zcm__sep { border-left: 1px solid #d0d0d0; margin: 0 1em; display: inline-block; vertical-align: baseline; position: relative; top: 0.15em; float: none; height: 1em; width: 0; } .sep--before:before, .sep--after:after { content: ""; } .sep--small { border-color: #e5e5e5; height: 0.75em; margin: 0 0.35em; top: 0; } .switch { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; position: relative; height: 16px; width: 26px; background: #aaa; cursor: pointer; } .switch.is-on { background: #4495d4; } .switch__knob { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.1s, linear, left 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: 0.1s, linear, left 0.3s ease-in-out 0s; -o-transition: 0.1s, linear, left 0.3s ease-in-out 0s; transition: 0.1s linear left 0.3s ease-in-out 0s; position: absolute; display: block; left: 2px; top: 2px; height: 12px; width: 12px; background-color: #fff; } .is-on .switch__knob { left: 12px; } .switch--checkmark { width: 32px; } .switch--checkmark::before { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\2713"; position: absolute; top: 2px; left: 5px; color: #fff; font-size: 12px; line-height: 1; opacity: 0; transition: opacity 300ms ease-in; } .switch--checkmark.switch--large::before { top: 6px; left: 7px; } .switch--checkmark.is-on::before { opacity: 1; } .switch--checkmark.is-on .switch__knob { left: 18px; } .switch--large { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; height: 24px; width: 44px; } .switch--large .switch__knob { height: 20px; width: 20px; } .switch--large.is-on .switch__knob { left: 22px; } .frm__input__clear, .ddgsi, .ddgsi-b:before, .ddgsi-a:after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ddgsi-alert:before { content: "\21"; } .ddgsi-arrow-down:before { content: "\2193"; } .ddgsi-arrow-left-bold:before { content: "\2b05"; } .ddgsi-arrow-left:before { content: "\2190"; } .ddgsi-arrow-right:before { content: "\2192"; } .ddgsi-arrow-top:before { content: "\2b06"; } .ddgsi-arrow-up-left:before { content: "\2196"; } .ddgsi-arrow-up:before { content: "\2191"; } .ddgsi-check-sign:before { content: "\2611"; } .ddgsi-check:before { content: "\2713"; } .ddgsi-circle:before { content: "\25cf"; } .ddgsi-clock:before { content: "\43"; } .ddgsi-close-bold:before { content: "\d7"; } .ddgsi-close:before { content: "\58"; } .ddgsi-cloudsave:before { content: "\63"; } .ddgsi-cog:before { content: "\2699"; } .ddgsi-collapse:before { content: "\21f1"; } .ddgsi-comment:before { content: "\4f"; } .ddgsi-copy:before { content: "\1f4c"; } .ddgsi-cry:before { content: "\2639"; } .ddgsi-directions:before { content: "\64"; } .ddgsi-down:before { content: "\76"; } .ddgsi-download:before { content: "\2913"; } .ddgsi-expand:before { content: "\21f2"; } .ddgsi-eye:before { content: "\69"; } .ddgsi-football:before { content: "\61"; } .ddgsi-frown:before { content: "\28"; } .ddgsi-grid:before { content: "\47"; } .ddgsi-heart:before { content: "\2665"; } .ddgsi-home:before { content: "\2302"; } .ddgsi-horn:before { content: "\48"; } .ddgsi-info:before { content: "\49"; } .ddgsi-left-big:before { content: "\2039"; } .ddgsi-left-sign:before { content: "\25c1"; } .ddgsi-left:before { content: "\3c"; } .ddgsi-less-sign:before { content: "\229d"; } .ddgsi-location:before { content: "\21d7"; } .ddgsi-lock:before { content: "\6c"; } .ddgsi-loupe:before { content: "\53"; } .ddgsi-marker:before { content: "\40"; } .ddgsi-menu:before { content: "\21f6"; } .ddgsi-minus:before { content: "\2d"; } .ddgsi-more-sign:before { content: "\2295"; } .ddgsi-more:before { content: "\2026"; } .ddgsi-move:before { content: "\2629"; } .ddgsi-music-note:before { content: "\266b"; } .ddgsi-news:before { content: "\6e"; } .ddgsi-next:before { content: "\bb"; } .ddgsi-pause:before { content: "\2551"; } .ddgsi-play:before { content: "\25ba"; } .ddgsi-plus:before { content: "\2b"; } .ddgsi-prev:before { content: "\ab"; } .ddgsi-region:before { content: "\2637"; } .ddgsi-right-big:before { content: "\203a"; } .ddgsi-right-sign:before { content: "\25b7"; } .ddgsi-right:before { content: "\3e"; } .ddgsi-settings:before { content: "\2700"; } .ddgsi-smile:before { content: "\29"; } .ddgsi-star:before { content: "\2605"; } .ddgsi-swap-2:before { content: "\21c4"; } .ddgsi-swap:before { content: "\21a9"; } .ddgsi-t-down:before { content: "\25bc"; } .ddgsi-t-left:before { content: "\25c0"; } .ddgsi-t-right:before { content: "\25b6"; } .ddgsi-t-up:before { content: "\25b2"; } .ddgsi-twitter:before { content: "\74"; } .ddgsi-up:before { content: "\5e"; } .ddgsi-upload:before { content: "\2912"; } .ddgsi-uploaded:before { content: "\21d1"; } .ddgsi-user:before { content: "\75"; } .ddgsi-users:before { content: "\55"; } .sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; } .sticky--dummy { display: none; } .is-stuck + .sticky--dummy { display: block; } .browser--chrome, .browser--firefox, .browser--safari, .browser--opera, .browser--ie, .browser--edge, .browser--arora, .browser--maxthon, .browser--seamonkey, .browser--palemoon, .browser--vivaldi, .browser--ddg, .logo_modal, .browser--brave { width: 64px; height: 64px; text-indent: -999999px; display: inline-block; vertical-align: middle; position: relative; background-position: 50% 50%; background-repeat: no-repeat; } .browser--chrome { background-image: url("/assets/icons/browsers/small/chrome.png"); } .svg .browser--chrome { background-image: url("/assets/icons/browsers/small/chrome.svg"); } .browser--firefox { background-image: url("/assets/icons/browsers/small/firefox.png"); } .svg .browser--firefox { background-image: url("/assets/icons/browsers/small/firefox.svg"); } .browser--safari { background-image: url("/assets/icons/browsers/small/safari.png"); } .svg .browser--safari { background-image: url("/assets/icons/browsers/small/safari.svg"); } .browser--opera { background-image: url("/assets/icons/browsers/small/opera.png"); } .svg .browser--opera { background-image: url("/assets/icons/browsers/small/opera.svg"); } .browser--ie { background-image: url("/assets/icons/browsers/small/ie.png"); } .svg .browser--ie { background-image: url("/assets/icons/browsers/small/ie.svg"); } .browser--edge { background-image: url("/assets/icons/browsers/small/edge.png"); } .svg .browser--edge { background-image: url("/assets/icons/browsers/small/edge.svg"); } .browser--arora { background-image: url("/assets/icons/browsers/small/arora.png"); } .svg .browser--arora { background-image: url("/assets/icons/browsers/small/arora.svg"); } .browser--maxthon { background-image: url("/assets/icons/browsers/small/maxthon.png"); } .svg .browser--maxthon { background-image: url("/assets/icons/browsers/small/maxthon.svg"); } .browser--seamonkey { background-image: url("/assets/icons/browsers/small/seamonkey.png"); } .svg .browser--seamonkey { background-image: url("/assets/icons/browsers/small/seamonkey.svg"); } .browser--palemoon { background-image: url("/assets/icons/browsers/small/palemoon.png"); } .svg .browser--palemoon { background-image: url("/assets/icons/browsers/small/palemoon.svg"); } .browser--vivaldi { background-image: url("/assets/icons/browsers/small/vivaldi.png"); } .svg .browser--vivaldi { background-image: url("/assets/icons/browsers/small/vivaldi.svg"); } .browser--ddg, .logo_modal, .browser--brave { background-image: url("/assets/icons/browsers/small/ddg.png"); } .svg .browser--ddg, .svg .logo_modal, .svg .browser--brave { background-image: url("/assets/icons/browsers/small/ddg.svg"); } .logo_homepage, .header__logo, .logo--dax { background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; color: transparent; text-indent: -9999px; font-size: 0px; } .logo_homepage { width: 205px; height: 200px; display: block; position: relative; margin: 0 auto; background-image: url("assets/logo_homepage.normal.v108.svg"); } .dark-bg .logo_homepage { background-image: url("assets/logo_homepage.alt.v108.svg"); } @media only screen and (max-width: 425px) { .logo_homepage { width: 166px; height: 134px; } } @media only screen and (max-height: 425px) { .logo_homepage { width: 221px; height: 62px; background-image: url("assets/logo_homepage_mobile.normal.v107.svg"); } .dark-bg .logo_homepage { background-image: url("assets/logo_homepage_mobile.alt.v106.svg"); } } .body--html .logo_homepage { background: no-repeat center url("assets/logo_homepage.normal.v108.png"); background: no-repeat center/100% url("assets/logo_homepage.normal.v108.svg"), linear-gradient(transparent, transparent); } @media only screen and (max-height: 425px) { .body--html .logo_homepage { background: no-repeat center url("assets/logo_homepage_mobile.normal.v107.png"); background: no-repeat center/100% url("assets/logo_homepage_mobile.normal.v107.svg"), linear-gradient(transparent, transparent); } } .header__logo { background-size: 36px 36px; background-image: url("assets/logo_header.v108.svg"); } .header--html .header__logo { display: block; background: no-repeat center url("assets/logo_header.v108.png"); background: no-repeat center/auto 36px url("assets/logo_header.v108.svg"), linear-gradient(transparent, transparent); } .dark-header .header__logo { background-image: url("assets/logo_header.alt.v108.svg"); } .logo--dax { background-image: url("https://poketube.fun/css/yt-ukraine.svg"); width: 90px; height: 90px; background-size: 90px 90px; margin: auto; } html:not(.svg) .logo--dax { background-image: url("https://poketube.fun/css/yt-ukraine.svg"); } .logo_homepage__tt { padding: 0 12px; font-weight: 600; font-size: 16px; bottom: auto; right: auto; left: 90%; top: 35%; } @media only screen and (max-height: 425px) { .logo_homepage__tt { bottom: 0; left: 95%; top: 0; } } .no-touch .logo_homepage:hover .logo_homepage__tt { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; visibility: visible; opacity: 1; } .search, .search__input, .search__clear, .search__button, .search--adv, .search__input--adv { font-size: 1em; } .search, .search--adv { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; border-radius: var(--default-border-radius); display: block; position: relative; height: 2.8em; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06); padding-left: 0.75em; padding-right: 6.5em; } .search.has-suggestions, .search--adv.has-suggestions { border-radius: 4px 4px 0 0; border-radius: var(--default-border-radius) var(--default-border-radius) 0 0; } .search--adv { padding-right: 3.5em; } .search--adv:hover, .search--adv.search--header.has-text.search--hover, .search--adv.search--header.has-text.search--focus, .search--adv.search--home.has-text { padding-right: 6.5em; } .is-mobile .search--adv { padding-left: 15px; padding-right: 6em; } .is-mobile .search--adv.has-text.search--focus { padding-right: 6em; } .is-mobile .search--adv.has-text:after { content: ""; position: absolute; top: 14px; right: 46px; height: 16px; width: 1px; background-color: #d9d9d9; } .search--adv.hide-search-button:hover { padding-right: 3.5em; } .hide-search-button .search--adv { padding-right: 0.75em; } .hide-search-button .search--adv:hover, .hide-search-button .search--adv.search--header.has-text.search--hover, .hide-search-button .search--adv.search--header.has-text.search--focus, .hide-search-button .search--adv.search--home.has-text { padding-right: 3em; } .search--no-clear { padding-right: 3.5em; } .search--header { background-color: #fff; height: 44px; padding-left: 11px; } .search--header .search__input, .search--header .search__input--adv { height: 44px; } .vertical--map__sidebar__header__search .search--header { width: 338px; } @media only screen and (max-width: 864px) { .vertical--map__sidebar__header__search .search--header { width: 238px; } } .directions-search .search--header { width: auto; } .directions-search .search--header:hover { padding-right: 3.5em; } .search--header .search__clear { font-size: 14.4px; } .search--header .search__button { font-size: 18px; } .lt-ie9 .search--header .search__input, .lt-ie9 .search--header .search__input--adv { line-height: 44px; } .search--home { font-size: 1.14em; } .search--home .search__clear { margin-right: 3.2em; } .lt-ie9 .search--home .search__button { right: 7px; } .search--iframe .search--home { margin: 0; } .search--hero { border-radius: 4px; border-radius: var(--default-border-radius); border-color: white; background-color: #e37151; } .search--hero .search__clear, .search--hero .search__button, .search--hero .search__button--hero { color: white; } .search--hero .search__input, .search--hero .search__input--adv { font-weight: 300; color: white; } .search--hero .search__input::-moz-placeholder, .search--hero .search__input--adv::-moz-placeholder { color: white; opacity: 1; } .search--hero .search__input::-webkit-input-placeholder, .search--hero .search__input--adv::-webkit-input-placeholder { color: white; } .search__input, .search__input--adv { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 1.1em; font-weight: normal; display: block; width: 100%; background: none; outline: none; border: none; padding: 0; height: 2.545455em; z-index: 1; position: relative; top: -1px; } .search--header .search__input, .search--header .search__input--adv { font-size: 16px; } .search__input:focus, .search__input--adv:focus { outline: none; } .search__input::-ms-clear, .search__input--adv::-ms-clear { display: none; } .search__input::-moz-placeholder, .search__input--adv::-moz-placeholder { color: #aaa; } .search__input::-webkit-input-placeholder, .search__input--adv::-webkit-input-placeholder { color: #aaa; } .search--focus .search__input--adv { opacity: 1; } .search__hidden { display: none; } .search__clear, .search__button, .search__button--hero { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 1em; display: block; cursor: pointer; background: transparent; text-align: center; border: none; height: 2.45em; line-height: 2.45em; position: absolute; top: 0; bottom: 0; right: 2px; left: auto; margin: auto; z-index: 2; outline: none; } .search__clear:active, .search__button:active, .search__button--hero:active { -webkit-transition: none 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: none 0.3s ease-in-out 0s; -o-transition: none 0.3s ease-in-out 0s; transition: none 0.3s ease-in-out 0s; } .lt-ie9 .search__clear, .lt-ie9 .search__button, .lt-ie9 .search__button--hero { right: 10px; } .lt-ie8 .search__clear, .lt-ie8 .search__button, .lt-ie8 .search__button--hero { height: auto; border: none !important; } .search__dropdown { display: none; } .search__clear { padding: 0 0.5em; line-height: 1; min-width: 21px; margin-right: 3.6em; color: #aaa; visibility: hidden; opacity: 0; } .search__clear:focus, .search__clear:hover { outline: none; color: #222; visibility: visible; } .search__clear:active:focus, .search__clear:active:hover { color: #de5833; } .search__clear.empty, .search--no-clear .search__clear { display: none; } .search:hover .search__clear, .search__input:focus ~ .search__clear, .search--header.has-text.search--hover .search__clear, .search--header.has-text.search--focus .search__clear, .search--home.has-text .search__clear { visibility: visible; opacity: 0.9; } .is-mobile .search:hover .search__clear, .is-mobile .search__input:focus ~ .search__clear, .is-mobile .search--header.has-text.search--hover .search__clear, .is-mobile .search--header.has-text.search--focus .search__clear, .is-mobile .search--home.has-text .search__clear { opacity: 1; } .lt-ie8 .search__clear { margin-right: 4.6em; } .is-mobile .search__clear { text-align: right; visibility: visible; opacity: 1; font-size: 16px; padding-right: 0; } .hide-search-button .search__clear { margin-right: 5px; } .search__button, .search__button--hero { border-radius: 0 4px 4px 0; border-radius: 0 var(--default-border-radius) var(--default-border-radius) 0; min-width: 26px; color: #999; font-size: 1.25em; padding: 0 0.64em; height: auto; min-height: 1.8em; margin-top: -1px; margin-bottom: -1px; margin-right: -3px; line-height: 1.5; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; -webkit-font-smoothing: subpixel-antialiased; } .search__button:hover, .search__button--hero:hover, .search__button:focus, .search__button--hero:focus { outline: none; } .lt-ie8 .search__button, .lt-ie8 .search__button--hero { height: 1.96em; min-width: 3em; } .has-suggestions .search__button, .has-suggestions .search__button--hero { border-radius: 0 4px 0 0; border-radius: 0 var(--default-border-radius) 0 0; } .is-mobile .search__button, .is-mobile .search__button--hero { right: 3px; font-size: 18px; } .hide-search-button .search__button, .hide-search-button .search__button--hero { display: none; } .search:hover .search__button, .search__input:focus ~ .search__button, .search--header.has-text.search--hover .search__button, .search--header.has-text.search--focus .search__button, .search--home.has-text .search__button { background-color: #5b9e4d; color: white; } .is-link-style-exp .search:hover .search__button, .is-link-style-exp .search__input:focus ~ .search__button, .is-link-style-exp .search--header.has-text.search--hover .search__button, .is-link-style-exp .search--header.has-text.search--focus .search__button, .is-link-style-exp .search--home.has-text .search__button { background-color: #3969ef; } .is-mobile .search:hover .search__button, .is-mobile .search__input:focus ~ .search__button, .is-mobile .search--header.has-text.search--hover .search__button, .is-mobile .search--header.has-text.search--focus .search__button, .is-mobile .search--home.has-text .search__button { background-color: transparent; color: #aaa; } .search__button:hover, .search__button:focus, .search:hover .search__button:focus, .search--header.has-text.search--hover .search__button:hover, .search--header.has-text.search--focus .search__button:hover, .search--home.has-text .search__button:focus, .search--home.has-text .search__button:hover { background-color: #66ad57; color: white; } .is-link-style-exp .search__button:hover, .is-link-style-exp .search__button:focus, .is-link-style-exp .search:hover .search__button:focus, .is-link-style-exp .search--header.has-text.search--hover .search__button:hover, .is-link-style-exp .search--header.has-text.search--focus .search__button:hover, .is-link-style-exp .search--home.has-text .search__button:focus, .is-link-style-exp .search--home.has-text .search__button:hover { background-color: #2950bf; } .is-mobile .search__button:hover, .is-mobile .search__button:focus, .is-mobile .search:hover .search__button:focus, .is-mobile .search--header.has-text.search--hover .search__button:hover, .is-mobile .search--header.has-text.search--focus .search__button:hover, .is-mobile .search--home.has-text .search__button:focus, .is-mobile .search--home.has-text .search__button:hover { background-color: transparent; color: #222; } .search__button:active, .search:hover .search__button:active, .search--header.has-text.search--hover .search__button:active, .search--home.has-text .search__button:active { background-color: #222; } .search__button--active { background-color: #5b9e4d; color: #fff; } .search__button--hero { background-color: #e37151; color: white; } .badge-link { border-radius: 4px; border-radius: var(--default-border-radius); background-color: #fff; border: 1px solid #d2d2d2; cursor: pointer; display: block; margin: 0 auto; position: relative; text-align: left; } .nav-menu--slideout .badge-link { display: block; text-align: center; position: absolute; bottom: 0; left: 0; margin: 0 8px 8px; padding: 5px; } .badge-link--home, .badge-link--top, .badge-link--serp { z-index: 200; border: 1px solid rgba(0, 0, 0, 0.15); } .badge-link--top, .badge-link--serp { position: absolute; top: 64px; width: 280px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .badge-link__background { position: absolute; height: 100vh; width: 100vw; z-index: 20; background: #e5e5e5; opacity: 0.6; } .badge-link__background--dark { transition: opacity 0.6s; background: #7b7b7b; opacity: 1; } .badge-link__background--dark.fade-out { opacity: 0; } .badge-link__image--narrow { height: 135px; background: url("/assets/about/hiker.svg") no-repeat center; background-size: cover; background-size: 239%; background-position: 47% 42%; } .badge-link--top.badge-link--experiment, .badge-link--home.badge-link--experiment { transition: all 0.3s; left: 0; right: 0; margin-left: auto; margin-right: auto; box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.15); transition: opacity 0.6s; } .badge-link--top.badge-link--experiment.fade-out, .badge-link--home.badge-link--experiment.fade-out { opacity: 0; } .badge-link--top.badge-link--experiment .badge-link__wrap, .badge-link--home.badge-link--experiment .badge-link__wrap { max-width: initial; } .badge-link--top.badge-link--experiment .badge-link__close, .badge-link--home.badge-link--experiment .badge-link__close { line-height: 1; padding: 20px; } .badge-link--top.badge-link--experiment .badge-link__bullets, .badge-link--home.badge-link--experiment .badge-link__bullets { padding: 25px 75px 0 75px; } .badge-link--top.badge-link--experiment .badge-link__title, .badge-link--home.badge-link--experiment .badge-link__title { padding-top: 10px; } .badge-link--top.badge-link--experiment .badge-link__btn-group, .badge-link--home.badge-link--experiment .badge-link__btn-group { margin-top: 22px; width: 88%; margin-left: auto; margin-right: auto; } .badge-link--top.badge-link--experiment .badge-link__btn-group .badge-link__btn, .badge-link--home.badge-link--experiment .badge-link__btn-group .badge-link__btn { display: flex; justify-content: center; align-items: center; height: 42px; box-sizing: border-box; padding: 0; background-color: #4495d4; border: none; } .badge-link--top.badge-link--experiment .badge-link__btn-group .badge-link__btn:hover, .badge-link--home.badge-link--experiment .badge-link__btn-group .badge-link__btn:hover { background-color: #7cb5e0; border-color: #6c9bc1; } .badge-link--top.badge-link--experiment .badge-link__skip, .badge-link--home.badge-link--experiment .badge-link__skip { text-align: center; padding-bottom: 35px; padding-top: 18px; } .badge-link--top.badge-link--experiment .badge-link__skip button, .badge-link--home.badge-link--experiment .badge-link__skip button { background: none; padding: 0; cursor: pointer; color: #888; font-size: 14px; border: none; } .badge-link--top.badge-link--experiment .badge-link__skip span, .badge-link--home.badge-link--experiment .badge-link__skip span { text-decoration: underline; } .badge-link--top.badge-link--experiment .badge-link__skip span:hover, .badge-link--home.badge-link--experiment .badge-link__skip span:hover { color: #333; } .badge-link--top.badge-link--experiment--nodismiss, .badge-link--top.badge-link--experiment--center, .badge-link--home.badge-link--experiment--nodismiss, .badge-link--home.badge-link--experiment--center { z-index: 20; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullets, .badge-link--top.badge-link--experiment--center .badge-link__bullets, .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullets, .badge-link--home.badge-link--experiment--center .badge-link__bullets { display: flex; justify-content: center; align-items: center; padding: 0; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet, .badge-link--top.badge-link--experiment--center .badge-link__bullet, .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet, .badge-link--home.badge-link--experiment--center .badge-link__bullet { display: inline-flex; align-items: center; margin: 0; padding: 0; font-size: 13px; color: #666; margin-right: 24px; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet:last-of-type, .badge-link--top.badge-link--experiment--center .badge-link__bullet:last-of-type, .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet:last-of-type, .badge-link--home.badge-link--experiment--center .badge-link__bullet:last-of-type { margin-right: 0; } .dark-bg .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet, .dark-bg .badge-link--top.badge-link--experiment--center .badge-link__bullet, .dark-bg .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet, .dark-bg .badge-link--home.badge-link--experiment--center .badge-link__bullet { color: #fff; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet__icon, .badge-link--top.badge-link--experiment--center .badge-link__bullet__icon, .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet__icon, .badge-link--home.badge-link--experiment--center .badge-link__bullet__icon { margin-right: 7px; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group, .badge-link--top.badge-link--experiment--center .badge-link__btn-group, .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group, .badge-link--home.badge-link--experiment--center .badge-link__btn-group { margin: 0; padding: 0; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn, .badge-link--top.badge-link--experiment--center .badge-link__btn-group .badge-link__btn, .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn, .badge-link--home.badge-link--experiment--center .badge-link__btn-group .badge-link__btn { height: 50px; margin: 0; padding: 0; background-color: #678fff; color: white; font-size: 14px; font-weight: 600; } .dark-bg .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover, .dark-bg .badge-link--top.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover, .dark-bg .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover, .dark-bg .badge-link--home.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover { background-color: #fff; color: #678fff; } .dark-bg .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon, .dark-bg .badge-link--top.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon, .dark-bg .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon, .dark-bg .badge-link--home.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon { display: none; } .dark-bg .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon--dark, .dark-bg .badge-link--top.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon--dark, .dark-bg .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon--dark, .dark-bg .badge-link--home.badge-link--experiment--center .badge-link__btn-group .badge-link__btn:hover .badge-link__btn__icon--dark { display: block; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn__icon, .badge-link--top.badge-link--experiment--center .badge-link__btn__icon, .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn__icon, .badge-link--home.badge-link--experiment--center .badge-link__btn__icon { margin-right: 7.5px; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn__icon--dark, .badge-link--top.badge-link--experiment--center .badge-link__btn__icon--dark, .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn__icon--dark, .badge-link--home.badge-link--experiment--center .badge-link__btn__icon--dark { display: none; } @media only screen and (max-width: 599px) { .badge-link--top.badge-link--experiment--nodismiss, .badge-link--top.badge-link--experiment--center, .badge-link--home.badge-link--experiment--nodismiss, .badge-link--home.badge-link--experiment--center { display: none !important; } } .badge-link--top.badge-link--experiment--center, .badge-link--home.badge-link--experiment--center { position: absolute; bottom: 10%; width: 600px; overflow: hidden; } .badge-link--top.badge-link--experiment--center .badge-link__wrap, .badge-link--home.badge-link--experiment--center .badge-link__wrap { position: static; } .badge-link--top.badge-link--experiment--center .badge-link__close, .badge-link--home.badge-link--experiment--center .badge-link__close { padding: 10px; } .badge-link--top.badge-link--experiment--center .badge-link__title, .badge-link--home.badge-link--experiment--center .badge-link__title { font-size: 20px; text-align: center; margin-bottom: 0; } .badge-link--top.badge-link--experiment--center .badge-link__bullets, .badge-link--home.badge-link--experiment--center .badge-link__bullets { margin: 11px 20px 22px; } .badge-link--top.badge-link--experiment--center .badge-link__btn-group, .badge-link--home.badge-link--experiment--center .badge-link__btn-group { width: 100%; } .badge-link--top.badge-link--experiment--center .badge-link__btn-group .badge-link__btn, .badge-link--home.badge-link--experiment--center .badge-link__btn-group .badge-link__btn { width: 100%; height: 50px; border-radius: 0; } @media only screen and (max-height: 700px) { .badge-link--top.badge-link--experiment--center, .badge-link--home.badge-link--experiment--center { display: none !important; } } @media only screen and (min-height: 700px) and (max-height: 850px) { .badge-link--top.badge-link--experiment--center, .badge-link--home.badge-link--experiment--center { bottom: 5%; } } .badge-link--top.badge-link--experiment--nodismiss, .badge-link--home.badge-link--experiment--nodismiss { max-width: 920px; width: 90%; height: 70px; position: absolute; top: 100%; margin-top: -86px; padding: 16px 23px 14px; display: flex; box-sizing: border-box; border-radius: 2px; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__wrap, .badge-link--home.badge-link--experiment--nodismiss .badge-link__wrap { display: flex; width: 100%; justify-content: space-between; align-items: center; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullets, .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullets { width: 100%; margin: 0; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet, .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet { font-size: 14px; color: #aaa; font-weight: bold; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet__icon, .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet__icon { max-height: 20px; width: auto; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group, .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group { display: inline-block; width: auto; } .badge-link--top.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn, .badge-link--home.badge-link--experiment--nodismiss .badge-link__btn-group .badge-link__btn { height: 40px; width: 240px; border-radius: 2px; } .badge-link--top.badge-link--experiment--nodismiss + .onboarding-ed, .badge-link--home.badge-link--experiment--nodismiss + .onboarding-ed { margin-top: -30px; } .badge-link--top.badge-link--experiment--nodismiss + .onboarding-ed .onboarding-ed__slide-1, .badge-link--home.badge-link--experiment--nodismiss + .onboarding-ed .onboarding-ed__slide-1 { background-color: #678fff; } @media only screen and (min-width: 600px) and (max-width: 750px) { .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet:nth-child(-n + 2), .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet:nth-child(-n + 2) { display: none; } } @media only screen and (min-width: 751px) and (max-width: 950px) { .badge-link--top.badge-link--experiment--nodismiss .badge-link__bullet:nth-child(2), .badge-link--home.badge-link--experiment--nodismiss .badge-link__bullet:nth-child(2) { display: none; } } .badge-link--top.badge-link--experiment--narrow, .badge-link--top.badge-link--experiment--wide, .badge-link--home.badge-link--experiment--narrow, .badge-link--home.badge-link--experiment--wide { border: none; overflow: hidden; } .badge-link--top.badge-link--experiment--narrow, .badge-link--home.badge-link--experiment--narrow { width: 374px; } .badge-link--top.badge-link--experiment--narrow .badge-link__wrap__title, .badge-link--home.badge-link--experiment--narrow .badge-link__wrap__title { text-align: center; } .badge-link--top.badge-link--experiment--narrow .badge-link__wrap__message, .badge-link--home.badge-link--experiment--narrow .badge-link__wrap__message { padding-left: 4em; padding-right: 4em; } .badge-link--top.badge-link--experiment--narrow .badge-link__thumb__img, .badge-link--home.badge-link--experiment--narrow .badge-link__thumb__img { height: 60px; width: 60px; top: -44px; } .badge-link--top.badge-link--experiment--narrow .badge-link__title, .badge-link--home.badge-link--experiment--narrow .badge-link__title { padding-top: 27px; } .badge-link--top.badge-link--experiment--narrow .badge-link__bullets, .badge-link--home.badge-link--experiment--narrow .badge-link__bullets { padding: 25px 48px 0 48px; } .badge-link--top.badge-link--experiment--wide, .badge-link--home.badge-link--experiment--wide { display: flex; width: 680px; height: auto; } .badge-link--top.badge-link--experiment--wide.smallify .badge-link__wrap, .badge-link--home.badge-link--experiment--wide.smallify .badge-link__wrap { padding: 0; } .badge-link--top.badge-link--experiment--wide.smallify .badge-link__img, .badge-link--home.badge-link--experiment--wide.smallify .badge-link__img { display: none; } .badge-link--top.badge-link--experiment--wide .badge-link__wrap, .badge-link--home.badge-link--experiment--wide .badge-link__wrap { flex: 1; box-sizing: border-box; padding: 65px 40px 40px; } .badge-link--top.badge-link--experiment--wide .badge-link__img, .badge-link--home.badge-link--experiment--wide .badge-link__img { width: 50%; max-width: 50%; background: center/auto 100% no-repeat #ccc url("/assets/about/hiker.svg"); background-position: -455px center; } .badge-link--top.badge-link--experiment--wide .badge-link__thumb__img, .badge-link--home.badge-link--experiment--wide .badge-link__thumb__img { display: block; position: initial; height: 48px; width: 48px; margin: 0 0 28px; padding: 0; } .badge-link--top.badge-link--experiment--wide .badge-link__title, .badge-link--home.badge-link--experiment--wide .badge-link__title { text-align: left; padding: 0; margin: 0 0 15px; } .badge-link--top.badge-link--experiment--wide .badge-link__bullets, .badge-link--home.badge-link--experiment--wide .badge-link__bullets { margin: 0 0 28px; padding: 0; } .badge-link--top.badge-link--experiment--wide .badge-link__bullet, .badge-link--home.badge-link--experiment--wide .badge-link__bullet { font-size: 14px; } .badge-link--top.badge-link--experiment--wide .badge-link__btn-group, .badge-link--home.badge-link--experiment--wide .badge-link__btn-group { width: 100%; margin: 0 0 65px; padding: 0; } .badge-link--top.badge-link--experiment--wide .badge-link__btn, .badge-link--home.badge-link--experiment--wide .badge-link__btn { margin: 0; } .badge-link--top.badge-link--experiment--wide .badge-link__skip, .badge-link--home.badge-link--experiment--wide .badge-link__skip { display: block; margin: 0; padding: 0; text-align: left; text-decoration: underline; } .badge-link--top.badge-link--experiment.smallify, .badge-link--home.badge-link--experiment.smallify { transition: all 0.6s; height: 160px; width: 374px; transform: translateY(calc(100vh - 183px)); top: 0; } .badge-link--top.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__title, .badge-link--home.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__title { text-align: center; font-size: 17px; font-weight: 600; } .badge-link--top.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__message, .badge-link--home.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__message { text-align: center; } .badge-link--top.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__link, .badge-link--home.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__link { text-align: center; width: 100%; display: block; border: 1px solid #ddd; border-radius: 4px; border-radius: var(--default-border-radius); padding-top: 1em; padding-bottom: 1em; color: #333; margin-top: 1em; } .dark-bg .badge-link--top.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__link, .dark-bg .badge-link--home.badge-link--experiment .badge-link__cookie-msg .badge-link__wrap__link { color: #fff; } .badge-link--settings .badge-link__bullets { padding: 25px 70px 0 70px; } .badge-link--settings .badge-link__title { padding-left: 45px; padding-right: 45px; } .badge-link__thumb { text-align: center; } .badge-link__thumb__img { position: relative; width: 156px; height: 129px; top: -60px; margin: 0 auto -56px; } .badge-link__thumb__img--newsletter { width: 88px; height: 88px; top: -44px; margin-bottom: -52px; } .badge-link__thumb__img--survey { width: 120px; height: 120px; top: -40px; margin-bottom: -34px; } .badge-link__form .badge-link__email { margin: 1em; position: relative; } .badge-link__form .badge-link__email .frm__input { height: 2.4em; margin-bottom: -0.5em; } .badge-link__form .badge-link__email .frm__input::-ms-clear { display: none; } .badge-link__form .badge-link__email .badge-link__lock-icon { position: absolute; bottom: 21.5%; right: 3%; cursor: initial; } .badge-link__form .badge-link__submit { width: 80.5%; margin: 0 1em; } .badge-link__form .badge-link__disclaimer { margin: 1em; text-align: center; } .badge-link--success { padding-top: 1em; } .badge-link--success .badge-link--newsletter__text { margin: 1em; padding: 0; } .badge-link--top { right: 7px; } .badge-link--serp { right: 14px; } @media only screen and (max-width: 979px) { .badge-link--serp { display: none !important; } } .badge-link__wrap { display: block; position: relative; max-width: 300px; } .badge-link__wrap, .badge-link__wrap:hover { text-decoration: none; } .badge-link__wrap--hidden { display: none; } .badge-link__top { display: table; padding-right: 30px; } .badge-link__icon { position: relative; display: table-cell; vertical-align: middle; padding: 0 5px; } .nav-menu--slideout .badge-link__icon { display: inline-block; } .badge-link__title { display: block; font-size: 17px; font-weight: 600; color: #333; padding: 0px 20px 0; text-align: center; margin-bottom: -5px; } .badge-link__text { color: #666; display: table-cell; vertical-align: middle; font-size: 14px; line-height: 20px; padding: 10px 0; } .nav-menu--slideout .badge-link__text { padding: 8px; } .badge-link__bullets { display: block; clear: both; font-size: 14px; background: none; border: none; color: #666; padding: 15px 15px 0px; line-height: 1.4; } .badge-link__bullets .badge-link__bullet { margin-bottom: 10px; position: relative; padding-left: 20px; } .badge-link__bullets .badge-link__bullet-num { position: absolute; top: 0; left: 0; display: block; height: 24px; width: 10px; text-align: center; } .badge-link__btn { display: block; margin: 1em; } .badge-link__cookie-msg { color: #666; padding: 10px 15px; cursor: default; } .badge-link__close { color: #888; cursor: pointer; display: block; font-size: 14px; padding: 8px; position: absolute; right: 0; top: 0; } .badge-link__close--white { color: white; } .badge-link--newsletter { cursor: initial; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.15); width: 300px; } .badge-link--newsletter .transparent { opacity: 0; } .badge-link--newsletter.reset-height { height: auto; min-height: initial; } .badge-link--newsletter .badge-link-illustration__text-wrapper { color: #888; padding: 14px 10px 0 14px; text-align: center; } .badge-link--newsletter .badge-link__close--dark { color: #888; } .badge-link--survey { width: 280px; height: 240px; } .badge-link--survey .badge-link__text { font-size: 15px; padding: 12px 20px 8px; text-align: center; line-height: 1.33; } .badge-link--survey .badge-link__close--dark { color: #888; } .badge-link-illustration__img-wrapper { background: #5f63bd; overflow: hidden; height: 130px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .onboarding-bottom-bathroomguy-img { display: block; width: 180px; margin: 0 auto; position: relative; top: 27px; } .atb-new { border: none; width: 300px; } .atb-new .badge-link__wrap { max-width: none; } .atb-new .badge-link__thumb__img { height: 113px; margin: 20px auto -10px; top: unset; width: 248px; } .atb-new .badge-link__title { color: #222; font-size: 17px; line-height: 22px; margin-bottom: 12px; } .atb-new .badge-link__subtitle { color: #222; font-size: 15px; line-height: 22px; padding: 10px 20px 0; text-align: center; } .atb-new .badge-link__close { color: #222; font-size: 18px; top: 10px; right: 15px; } .atb-new .badge-link__btn { font-size: 14px; } .atb-new .badge-link__checkbox { color: #000; font-size: 14px; line-height: 18px; border-radius: 12px; padding: 14px 10px 10px; margin: 12px 16px; } .atb-new .badge-link__checkbox .badge-link__btn { margin: 8px 0 0; flex: 1; } .atb-new .badge-link__checkbox_unchecked { margin-bottom: 16px; } .atb-new .badge-link__checkbox__container { display: flex; align-items: center; } .atb-new .badge-link__checkbox__container::before { content: ""; display: block; border-radius: 50%; width: 16px; height: 16px; flex: 0 0 auto; margin: 0 12px 0 4px; border: 2px solid #399f29; background: #eee; } .atb-new .badge-link__checkbox__label { font-weight: 600; font-size: 15px; line-height: 19px; } .atb-new .badge-link__checkbox.badge-link__checkbox_checked { background: #eee; } .atb-new .badge-link__checkbox.badge-link__checkbox_checked.badge-link__checkbox__container::before { background: #399f29; background-image: url(assets/onboarding/atb-check.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 10px 8px; } .atb-new .badge-link__checkbox:not(.badge-link__checkbox_checked) { border: 2px solid #399f29; box-sizing: border-box; } .modal__box.modal__box--add-to-browser { display: block; max-width: 316px; padding: 1.5em; } .add-to-browser__title { font-size: 1.3em; } .add-to-browser__directions { text-align: left; counter-reset: li; list-style: none; } .add-to-browser__directions > li { padding: 0.25em 0.25em 0.5em 1.75em; position: relative; display: block; line-height: 1.2; } .add-to-browser__directions > li:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: counter(li); counter-increment: li; background-color: #666; color: #fff; display: block; padding: 3px; position: absolute; margin-right: 0.5em; top: 3px; left: 0; text-align: center; font-size: 12px; line-height: 13px; height: 12px; width: 12px; } .add-to-browser__directions > li.has-btn { line-height: 24px; } .add-to-browser__directions > li.has-btn:before { top: 7px; } .add-to-browser__directions .btn--inline { padding-left: 0.5em; padding-right: 0.5em; } .add-to-browser__image { display: block; margin-top: 0.5em; max-width: none; } .add-to-browser__footer { display: block; margin-top: 1.75em; } .add-to-browser__footer a:visited { color: #4495d4; } .add-to-browser-badge--lite { -webkit-transition: opacity 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: opacity 0.3s ease-in-out 0s; -o-transition: opacity 0.3s ease-in-out 0s; transition: opacity 0.3s ease-in-out 0s; opacity: 1; } .add-to-browser-badge--lite, .add-to-browser-badge--lite:hover { background: none; color: #666; border-color: #888; } .is-blurred .add-to-browser-badge--lite { opacity: 0.5; } .has-search-focus .add-to-browser-badge--lite { opacity: 0; } .add-to-browser--blurred, .add-to-browser--blurred-dark { -webkit-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); position: fixed; top: 100%; left: 0; width: 60%; text-align: center; padding: 15px 20% 140px; z-index: 300; font-size: 1.7em; } @media only screen and (max-height: 590px) { .add-to-browser--blurred, .add-to-browser--blurred-dark { width: 96%; font-size: 1.2em; padding: 30px 2%; } } .has-search-focus .add-to-browser--blurred, .has-search-focus .add-to-browser--blurred-dark { display: none; } .add-to-browser--blurred-dark { width: 90%; padding: 0 5%; } .add-to-browser--blurred__backdrop, .add-to-browser--blurred__backdrop-dark { display: none; position: fixed; top: 0; left: 0; width: 0; height: 0; } .add-to-browser--blurred__backdrop.is-showing, .is-showing.add-to-browser--blurred__backdrop-dark { z-index: 299; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); } .add-to-browser--blurred__backdrop-dark.is-showing { background: rgba(41, 41, 41, 0.95); } .atb-overlay { padding-top: 30%; font-size: 1em; } .atb-overlay__close { font-size: 1em; padding-top: 15px; } .atb-overlay__panel { background-color: #434343; color: #ffffff; font-size: 15px; border-radius: 20px; padding-bottom: 20px; } .atb-overlay__image { margin-top: -60px; } @media only screen and (max-height: 475px) { .atb-overlay__image { margin-top: -36px; height: 70px; } } .atb-overlay__title { padding: 15px 0 5px 0; font-weight: bold; font-size: 1.375em; } @media only screen and (max-height: 475px) { .atb-overlay__title { font-size: 3vh; padding: 2vh 0 0.5vh 0; } } .atb-overlay__copy { width: 250px; margin: 0 auto; padding-bottom: 25px; } @media only screen and (max-height: 475px) { .atb-overlay__copy { padding-bottom: 3vh; font-size: 2vh; } } .atb-overlay__steps { display: table; width: 250px; margin: 0 auto; } .atb-overlay__step { display: table-row; height: 60px; } .atb-overlay__step-cell { display: table-cell; vertical-align: middle; } .atb-overlay__step-cell img { vertical-align: middle; } .atb-overlay__step-cell--bg { background-color: #fff; border-radius: 10px; } .atb-overlay__step-cell--bg-dark { background-color: #292d30; border-radius: 10px; } .atb-overlay__step-cell--bg-gray { background-color: #e6e6ec; border-radius: 10px; } .atb-overlay__step-cell--bg-dax { background-color: #d44227; border-radius: 10px; } .atb-overlay__step-number { background-color: #1e1e1e; border-radius: 30px; line-height: 26px; text-align: center; height: 26px; width: 26px; font-size: 0.794em; font-weight: bold; } .atb-overlay__step-copy, .atb-overlay__step-copy-only { width: 150px; text-align: left; display: table-cell; vertical-align: middle; font-size: 1.062em; } @media only screen and (max-height: 475px) { .atb-overlay__step-copy, .atb-overlay__step-copy-only { font-size: 2.3vh; } } .atb-overlay__step-copy-only { padding-left: 25px; width: unset; } .blurred-animation .header-wrap, .blurred-animation .zci-wrap, .blurred-animation .content-wrap { -webkit-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .is-blurred .header-wrap, .is-blurred .zci-wrap, .is-blurred .content-wrap { opacity: 0.5; } .is-blurred.cssfilters .header-wrap, .is-blurred.cssfilters .zci-wrap, .is-blurred.cssfilters .content-wrap { -webkit-filter: blur(5px); -moz-filter: blur(5px); filter: blur(5px); opacity: 1; } .atb-banner { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 200; } .atb-banner--hidden { display: none; } .atb-banner--inline { position: absolute; left: 0; right: 0; bottom: 25px; margin: 0 auto; width: 90%; text-align: center; } .atb-banner--inline div { position: relative; font-size: 4.2vw; padding-left: 4.75vw; padding-right: 4.75vw; } @media only screen and (min-width: 500px) { .atb-banner--inline div { font-size: 2.5vw; } } .atb-banner--inline .atb-banner__btn--install { margin-right: 5px; } @media only screen and (min-width: 500px) { .atb-banner--inline .atb-banner__btn--install { margin-right: 10px; } } .atb-banner--inline .atb-banner__btn--app img[src$=".png"] { height: 72px; } .atb-banner--inline .atb-banner__btn--app img[src$=".svg"] { height: 48px; } .atb-banner--inline .atb-banner__learn-more { background-color: #aaa; border-color: #aaa; margin-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width: 320px) and (max-width: 359px) { .atb-banner--inline .atb-banner__learn-more { max-width: 90px; } } @media only screen and (min-width: 360px) and (max-width: 399px) { .atb-banner--inline .atb-banner__learn-more { max-width: 106px; } } @media only screen and (min-width: 400px) and (max-width: 499px) { .atb-banner--inline .atb-banner__learn-more { max-width: 112px; } } @media only screen and (min-width: 500px) { .atb-banner--inline .atb-banner__learn-more { margin-left: 10px; } } .is-firefox-focus .atb-banner { bottom: 55px; } .is-firefox-focus .atb-banner--inline { bottom: 75px; } .atb-banner__bottom { box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.06); background-color: #fff; color: #666; border-top: 1px solid #d2d2d2; padding: 18px 7.5vw 7px; font-size: initial; } @media only screen and (max-width: 767px) { .atb-banner__bottom .atb-banner__content { width: 58vw; float: left; } } @media only screen and (max-width: 310px) { .atb-banner__bottom .atb-banner__content { width: 100%; } } .atb-banner__bottom .atb-banner__start .atb-banner__title { margin-bottom: 5px; } .atb-banner__bottom .atb-banner__start .atb-banner__copy { line-height: 1.6; } .atb-banner__bottom .atb-banner__start .atb-banner__link { font-size: inherit; display: inline; margin: 0 0 0 6px; } @media only screen and (max-width: 360px) { .atb-banner__bottom { padding-top: 2.75vmax; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .atb-banner__bottom { padding: 30px 0; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .atb-banner__bottom { padding: 30px 0; } } .atb-banner__bottom .atb-banner__title { text-align: left; font-size: 2.6vmax; font-weight: 600; color: #333; } @media only screen and (max-width: 360px) { .atb-banner__bottom .atb-banner__title { margin-bottom: 2px; line-height: 1.22em; } } @media only screen and (min-width: 768px) { .atb-banner__bottom .atb-banner__title { text-align: center; font-size: 1.125em; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .atb-banner__bottom .atb-banner__title { font-size: 22px; margin-top: 10px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .atb-banner__bottom .atb-banner__title { font-size: 22px; margin-top: 10px; } } .atb-banner__bottom .atb-banner__title .atb-banner__title--blue { color: #5190c1; display: block; position: relative; top: -5px; margin-bottom: 5px; } .atb-banner__bottom .atb-banner__title--two-line { padding-top: 5px; font-weight: bold; } @media only screen and (min-width: 768px) { .atb-banner__bottom .atb-banner__title--two-line { padding-top: 0px; font-size: 2.5vmax; } } .atb-banner__bottom .atb-banner__title--small { font-size: 2.4vmax; } .atb-banner__bottom .atb-banner__copy { text-align: left; font-size: 2.2vmax; margin-bottom: 2vmax; line-height: 1.4; } @media only screen and (min-width: 768px) { .atb-banner__bottom .atb-banner__copy { width: auto; text-align: center; margin-bottom: 15px; font-size: 0.875em; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .atb-banner__bottom .atb-banner__copy { font-size: 20px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .atb-banner__bottom .atb-banner__copy { font-size: 20px; } } .atb-banner__bottom .atb-banner__thumbnail { margin-top: -60px; } @media only screen and (max-width: 767px) { .atb-banner__bottom .atb-banner__thumbnail { float: left; padding-right: 5px; margin-bottom: 2.5vmax; margin-top: 0; } } @media only screen and (min-width: 400px) and (max-width: 767px) { .atb-banner__bottom .atb-banner__thumbnail { height: 75px; } } @media only screen and (max-height: 475px) { .atb-banner__bottom .atb-banner__thumbnail { height: 45px; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .atb-banner__bottom .atb-banner__thumbnail { height: 90px !important; margin-top: -80px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .atb-banner__bottom .atb-banner__thumbnail { height: 90px !important; margin-top: -80px; } } @media only screen and (max-width: 310px) { .atb-banner__bottom .atb-banner__thumbnail { display: none; } } .atb-banner__bottom .atb-banner__thumbnail--app { margin-right: 12px; filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.2)); } .atb-banner__bottom .atb-banner__thumbnail--round { margin-right: 12px; } .atb-banner__bottom .atb-banner__btn { margin: 0; clear: both; font-size: 2.3vmax; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 500px) { .atb-banner__bottom .atb-banner__btn.atb-banner__btn--small, .atb-banner__bottom .atb-banner__btn.atb-banner__btn--medium { font-size: 18px; } } @media only screen and (max-width: 480px) { .atb-banner__bottom .atb-banner__btn.atb-banner__btn--small, .atb-banner__bottom .atb-banner__btn.atb-banner__btn--medium { font-size: 16px; } } @media only screen and (max-width: 400px) { .atb-banner__bottom .atb-banner__btn.atb-banner__btn--small, .atb-banner__bottom .atb-banner__btn.atb-banner__btn--medium { font-size: 14px; } } @media only screen and (max-width: 360px) { .atb-banner__bottom .atb-banner__btn.atb-banner__btn--small { font-size: 12px; } } @media only screen and (min-width: 768px) { .atb-banner__bottom .atb-banner__btn { display: inline-block; margin: 0 auto; font-size: 1em; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .atb-banner__bottom .atb-banner__btn { margin-top: 20px; font-size: 20px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .atb-banner__bottom .atb-banner__btn { margin-top: 20px; font-size: 20px; } } .atb-banner__bottom .atb-banner__link { color: #66abff; display: block; margin: 6px 0 0; font-weight: bold; font-size: 2.3vmax; } @media only screen and (min-width: 768px) { .atb-banner__bottom .atb-banner__link { font-size: 1em; } } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) { .atb-banner__bottom .atb-banner__link { font-size: 20px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .atb-banner__bottom .atb-banner__link { font-size: 20px; } } .atb-banner__bottom .atb-banner__close { color: #aaa; cursor: pointer; display: block; padding: 10px; position: absolute; right: 0; top: 0; font-size: 1.15em; } .atb-banner__bottom--app { padding-bottom: 20px; } .atb-banner__bottom--app .atb-banner__title { text-transform: lowercase; } .atb-banner__bottom--app .atb-banner__title::first-letter { text-transform: uppercase; } .atb-banner__bottom--less-padding { padding: 18px 5vw 7px; } .atb-banner__bottom--survey { padding-bottom: 20px; } .atb-banner__bottom--survey .atb-banner__thumbnail { box-sizing: border-box; height: 21vw; max-height: 95px; } .atb-banner__btn--standalone { -webkit-transform: translate3d(-50%, 200%, 0); -moz-transform: translate3d(-50%, 200%, 0); -ms-transform: translate3d(-50%, 200%, 0); -o-transform: translate3d(-50%, 200%, 0); transform: translate3d(-50%, 200%, 0); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); position: fixed; bottom: 15px; left: 50%; background: #66abff; color: white; font-weight: bold; font-size: 16px; padding-right: 0.5em; padding-top: 2px; padding-bottom: 2px; opacity: 0; border: 1px solid #66abff; z-index: 199; max-width: calc(100vw - 2.5em); display: flex; align-items: center; } @media only screen and (min-width: 425px) { .atb-banner__btn--standalone { font-size: 18px; } } @media only screen and (max-height: 453px) and (orientation: landscape) { .atb-banner__btn--standalone { display: none; } } .atb-banner__btn--standalone:hover, .atb-banner__btn--standalone:focus, .atb-banner__btn--standalone:active { background: #66abff; color: white; } .atb-banner__btn--standalone span[role="button"] { padding-left: 5px; color: rgba(255, 255, 255, 0.6); } .atb-banner__btn--standalone a, .atb-banner__btn--standalone a:hover, .atb-banner__btn--standalone a:focus, .atb-banner__btn--standalone a:visited, .atb-banner__btn--standalone a:active { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; text-decoration: none; } .atb-banner__btn--standalone.atb-loaded { -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 1; } .atb-banner__btn--standalone.atb-loaded--animated { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 1; } @media only screen and (max-width: 400px) { .atb-banner__btn--standalone .atb-banner__btn--small, .atb-banner__btn--standalone .atb-banner__btn--medium { font-size: 14px; } } @media only screen and (max-width: 360px) { .atb-banner__btn--standalone .atb-banner__btn--small { font-size: 13px; } } .atb-extension-overlay { -webkit-transition: opacity 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: opacity 0.3s ease-in-out 0s; -o-transition: opacity 0.3s ease-in-out 0s; transition: opacity 0.3s ease-in-out 0s; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3000; background: rgba(0, 0, 0, 0.85); color: #fff; opacity: 0; } .atb-extension-overlay.is-showing { opacity: 1; } .dark-bg .atb-extension-overlay { background: rgba(51, 51, 51, 0.75); } .atb-extension-overlay__content { -webkit-transition: opacity 0.1s ease-out; -webkit-transition-delay: 0.5s; -moz-transition: opacity 0.1s ease-out 0.5s; -o-transition: opacity 0.1s ease-out 0.5s; transition: opacity 0.1s ease-out 0.5s; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; opacity: 0; } .is-showing .atb-extension-overlay__content { opacity: 1; } .atb-extension-overlay--safari .atb-extension-overlay__content { position: absolute; margin: auto; bottom: 0; right: 0; left: 0; top: 0; width: 100%; height: 400px; text-align: center; } .badge-link__wrap:before { content: ""; background-image: url("/assets/install_arrow.svg"); position: absolute; visibility: hidden; } .atb-extension-overlay__dynamic-instructions { position: relative; margin: 0 auto; width: 480px; top: 200px; text-align: center; padding-top: 50px; } .atb-extension-overlay__instructions { position: relative; margin: 0 auto; width: 400px; top: 220px; text-align: center; padding-top: 50px; } .atb-extension-overlay__instructions--chrome { top: 280px; } .atb-extension-overlay__instructions--chrome:before { -webkit-transform: scale(-1, 1) rotate(0deg); -moz-transform: scale(-1, 1) rotate(0deg); -ms-transform: scale(-1, 1) rotate(0deg); -o-transform: scale(-1, 1) rotate(0deg); transform: scale(-1, 1) rotate(0deg); left: 380px; } .atb-extension-overlay__directions { font-size: 32px; } .atb-extension-overlay__dynamic-directions { font-size: 32px; text-align: left; font-weight: 300; } .atb-extension-overlay__dynamic-directions > li { list-style-type: none; counter-increment: item; } .atb-extension-overlay__dynamic-directions > li:before { content: counter(item) "."; width: 1.5em; display: inline-block; text-align: center; } .atb-extension-overlay__permissions { display: block; margin-top: 0.8em; font-size: 1.1em; font-weight: 300; line-height: 1.8em; letter-spacing: 0.5px; } .atb-extension-overlay__header { font-size: 2.8em; font-weight: bold; padding: 5px 0; } .atb-extension-overlay__left-col { display: inline-block; text-align: right; width: 50%; } .atb-extension-overlay__right-col { display: inline-block; text-align: left; width: 45%; margin-left: 5%; } .atb-extension-overlay__col-inner { display: inline-block; width: 400px; text-align: left; } .atb-extension-overlay__icn { font-size: 2em; padding-right: 10px; vertical-align: middle; } .atb-extension-overlay__img { width: 280px; } .atb-extension-overlay__text { font-size: 1.4em; vertical-align: middle; padding: 0; } .atb-extension-overlay--safari .atb-extension-overlay__text { margin-bottom: 10px; } .atb-extension-overlay__subtext { color: #aaa; } .atb-extension-overlay__link, .atb-extension-overlay__link:active, .atb-extension-overlay__link:hover, .atb-extension-overlay__link:visited { color: #aaa; text-decoration: underline; } .atb-extension-overlay__confetti { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .atb-extension-overlay__success { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding-top: 20vh; width: 430px; height: 100%; text-align: center; margin: 0 auto; -webkit-transform: scale(0.85, 0.85); -moz-transform: scale(0.85, 0.85); -ms-transform: scale(0.85, 0.85); -o-transform: scale(0.85, 0.85); transform: scale(0.85, 0.85); opacity: 0; display: none; position: absolute; left: -webkit-calc((100% - 430px) / 2); left: calc((100% - 430px) / 2); } .atb-extension-overlay__success.is-showing { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .atb-extension-overlay__headline { margin: 10px 0; padding: 0; line-height: 1.2; font-size: 3em; font-weight: bold; } .atb-extension-overlay__image { height: 140px; width: 140px; margin: 0 auto; } .atb-extension-overlay__newsletter-form { display: none; } .frm--newsletter--dialog { margin-top: 2em; } .frm--newsletter--dialog .frm--newsletter--dialog--email { background: #ddd; border: none; } .dark-bg .frm--newsletter--dialog .frm--newsletter--dialog--email { background: #4b4b4b; } .frm--newsletter--dialog .frm--newsletter--dialog--submit { margin-left: 10px; } .atb-extension-overlay__nav, .atb-extension-overlay__lower-loupe { padding-top: 1.25em; color: #4495d4; position: absolute; -webkit-transform: translateY(-10em); -moz-transform: translateY(-10em); -ms-transform: translateY(-10em); -o-transform: translateY(-10em); transform: translateY(-10em); -webkit-transition: translate 0.5s ease-in; -moz-transition: translate 0.5s ease-in; -o-transition: translate 0.5s ease-in; transition: translate 0.5s ease-in; width: 100%; min-width: 100%; } .atb-extension-overlay__nav > span, .atb-extension-overlay__lower-loupe > span { cursor: pointer; } .atb-extension-overlay__nav .ddgsi-loupe, .atb-extension-overlay__nav .ddgsi-close-bold, .atb-extension-overlay__lower-loupe .ddgsi-loupe, .atb-extension-overlay__lower-loupe .ddgsi-close-bold { font-size: 1.5em; vertical-align: middle; margin-left: 1.1em; margin-right: 0.5em; } .atb-extension-overlay__nav .ddgsi-close-bold, .atb-extension-overlay__lower-loupe .ddgsi-close-bold { margin-right: 1.1em; } .atb-extension-overlay__nav.is-showing, .atb-extension-overlay__lower-loupe.is-showing { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .atb-extension-overlay__nav-text, .atb-extension-overlay__nav-text:visited, .atb-extension-overlay__nav-text:hover { vertical-align: middle; font-weight: bold; color: #4495d4; text-decoration: none; } .atb-extension-overlay__lower-loupe { position: initial; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); padding-top: 0; } .atb-extension-overlay__lower-loupe .ddgsi-loupe { margin-left: 0; font-size: 1.2em; } .atb-extension-overlay__disclaimer { margin: 2em 0; } .atb-extension-overlay__disclaimer .atb-extension-overlay__disclaimer__link { color: #888; } .atb-extension-overlay__nope { color: #4495d4; cursor: pointer; margin-top: 2em; } .atb-extension-overlay__fade-out { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .atb-extension-overlay__fade-out.is-faded { height: 0; opacity: 0; } .atb-extension-overlay__success-message { opacity: 0; -webkit-transition: opacity 0.2s; -webkit-transition-delay: 0.5s; -moz-transition: opacity 0.2s 0.5s; -o-transition: opacity 0.2s 0.5s; transition: opacity 0.2s 0.5s; } .atb-extension-overlay__success-message.is-shown { opacity: 1; } .atb-extension-overlay__thanks { width: 71%; margin: 0 auto 1em; } .atb-extension-overlay__search-btn { margin-top: 1.2em; font-weight: bold; } .tx-bld { font-weight: 600; } .tx-lt, .hd-hr, .hd-lg { font-weight: 300; } .tx-it { font-weight: normal; font-style: italic; } .tx-up, .hd-lg, .hd-md { text-transform: uppercase; } .hd-hr { line-height: 1.1; text-align: center; } .hd-hr + .hd-hr { padding-top: 0; } .hd-lg { padding-top: 1em; padding-bottom: 0; } .hd-md .anchor--link { float: right; font-size: 0.5em; margin-top: 1em; } .dropdown { display: inline-block; position: relative; cursor: pointer; height: 35px; line-height: 35px; margin-bottom: 0.5em; margin-right: 20px; } .dropdown.is-open { display: inline-block; } .dropdown:last-child { margin-right: 0.75em; } .is-mobile .dropdown { margin-right: 15px; } .dropdown__button { color: #666; height: 100%; line-height: 36px; padding-right: 25px; display: inline-block; } .dropdown__button--no-icon { padding-right: 0px; } .dropdown.is-active .dropdown__button { font-weight: 600; color: #222; } .dropdown__button:hover, .dropdown__button:focus, .dropdown__button:visited, .dropdown.is-open .dropdown__button { text-decoration: none; color: #333; } .dropdown__button:not(.dropdown__button--no-icon):after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\25bc"; margin-top: -6px; margin-left: 7px; font-size: 12px; line-height: 1; pointer-events: none; vertical-align: middle; display: inline-block; position: absolute; top: 50%; } .modal--dropdown.modal--popout { width: 100%; height: 0; position: absolute; left: auto; right: auto; bottom: auto; top: 40px; } .modal--dropdown.modal--popout .modal__box { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.12); left: -1em; box-sizing: border-box; } .modal--dropdown.modal--popover .modal__box { max-height: 400px; display: block; overflow-y: auto; } @media only screen and (max-height: 425px) { .modal--dropdown.modal--popover .modal__box { max-height: 300px; } } .modal--dropdown.modal--dropdown--filter .modal__box { display: inline-block; max-width: 95vw; min-width: 220px; text-align: left; width: auto; } .modal--dropdown.modal--dropdown--filter .modal__box .modal__list__link { overflow: hidden; text-overflow: ellipsis; } .modal--dropdown .modal__box { margin-top: 0; width: 220px; min-width: auto; text-align: left; left: 0; } .modal--dropdown .modal__box:before, .modal--dropdown .modal__box:after { content: none; } .is-showing .modal--dropdown .modal__box { z-index: 99; } .modal--dropdown .modal__header { padding: 0.75em 1em; } .modal--dropdown .modal__close { top: 0.9em; } .modal--dropdown .modal__body { padding: 0.5em; } .modal--dropdown .modal__list { position: relative; } .modal--dropdown .modal__list__link { white-space: nowrap; padding: 0.5em; height: 19px; line-height: 20px; } .modal--dropdown .modal__list__link.is-selected, .modal--dropdown .modal__list__link.is-selected:hover, .modal--dropdown .modal__list__link.is-selected:visited { color: #222; } .modal--dropdown.modal--dropdown--date .modal__footer, .modal--dropdown.modal--dropdown--license .modal__footer { border-bottom: 0; border-top: 1px solid #e0e0e0; background-color: transparent; padding: 0; } .modal--dropdown.modal--dropdown--date .modal__footer .modal__list__link, .modal--dropdown.modal--dropdown--license .modal__footer .modal__list__link { font-weight: bold; color: #00278e; padding: 10px 1em; } .modal--dropdown.modal--dropdown--date .modal__footer .modal__list__link:hover, .modal--dropdown.modal--dropdown--license .modal__footer .modal__list__link:hover { text-decoration: underline; background-color: transparent; } .modal--dropdown .modal__list__link.has-description { min-height: 34px; height: auto; line-height: 17px; position: relative; padding-right: 2em; } .modal--dropdown .modal__list__link.has-description:before { position: absolute; right: 0.5em; top: 50%; margin-top: -10px; } .modal--dropdown .modal__list__link__description { display: block; font-weight: 400; color: #999; white-space: normal; } .modal--dropdown--directions .modal__header { padding: 0.75em 1em; } .modal--dropdown--directions.modal--popout .modal__box { width: 160px; left: -80px; } .modal--dropdown--directions .modal__list__link { padding-left: 0.5em; } .modal--dropdown--directions.modal--popout--bottom, .modal--dropdown--directions.modal--popout--bottom-right, .modal--dropdown--directions.modal--popout--bottom-left { margin-top: 10px; } .modal--dropdown--directions.modal--popout--bottom .modal__box:before, .modal--dropdown--directions.modal--popout--bottom .modal__box:after, .modal--dropdown--directions.modal--popout--bottom-right .modal__box:before, .modal--dropdown--directions.modal--popout--bottom-right .modal__box:after, .modal--dropdown--directions.modal--popout--bottom-left .modal__box:before, .modal--dropdown--directions.modal--popout--bottom-left .modal__box:after { content: "\25b2"; } .modal--dropdown--directions.modal--popout--top { margin-bottom: 5px; } .modal--dropdown--directions.modal--popout--top .modal__box:before, .modal--dropdown--directions.modal--popout--top .modal__box:after { content: "\25bc"; } .dropdown--translation-select { border: 1px solid #ddd; border-radius: 4px; border-radius: var(--default-border-radius); } .dropdown--translation-select, .dropdown--translation-select:last-child { margin: 0 0 10px; } .dropdown--translation-select, .dropdown--translation-select.is-open { display: block; } .dropdown--translation-select .dropdown__button { color: #222; display: block; padding-left: 13px; position: relative; } .dropdown--translation-select .dropdown__button::after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\76"; right: 10px; } @media only screen and (max-width: 864px) { .dropdown--translation-select { border-radius: 0; border-width: 0 0 1px; margin: 0 !important; } } .modal__list__filter { border-bottom: 1px solid rgba(0, 0, 0, 0.12); height: 46px; } .modal__list__filter input { -webkit-appearance: none; appearance: none; border: 0; color: #666; display: block; font-size: 14px; height: 46px; line-height: 46px; padding: 0 1em 0 calc(1em + 16px * 1.5); width: 100%; } .modal__list__filter input:focus, .modal__list__filter input:active { outline: 0; } .modal__list__filter input::placeholder { color: #666; opacity: 1; } .modal__list__filter::before { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\53"; color: #999; font-size: 16px; left: 1em; position: absolute; top: 12.631579px; } .modal--popover .modal__list__filter { border: none; height: auto; padding: 10px 10px 0; } .modal--popover .modal__list__filter input { background: #f7f7f7; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 4px; color: #333; height: 32px; line-height: 32px; padding: 0 10px; } .modal--popover .modal__list__filter input::placeholder { color: #aaa; } .modal--popover .modal__list__filter::before { display: none; } .modal--dropdown--translation.modal--popout .modal__wrap { left: 14px; position: relative; top: -1px; } .modal--dropdown--translation.modal--popout .modal__box { transition: none !important; } .modal--dropdown--translation.modal--dropdown .modal__box { margin-top: -5px; } .modal--dropdown--translation .modal__body { padding: 0; } .modal--dropdown--translation .modal__list { height: 250px; overflow: auto; padding: 0.5em 0; } .modal--dropdown--translation .modal__list li { margin: 0 0.5em; } .modal--dropdown--translation .modal__list li.modal__list__divider { margin: 0.5em 0; height: 1px; background: rgba(0, 0, 0, 0.1); } .modal--dropdown--translation .modal__list .is-active { background-color: #f7f7f7; } @media only screen and (max-height: 425px) { .modal--dropdown--translation .modal__list { height: 200px; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { .js-dropdown-filter, .js-dropdown-filter:focus { font-size: 16px !important; } } .atb-extension-overlay--promote-mobile .atb-extension-overlay__success { padding-top: 40px; width: 550px; left: -webkit-calc((100% - 550px) / 2); left: calc((100% - 550px) / 2); } .atb-extension-overlay--promote-mobile .atb-extension-overlay__image { width: 72px; height: 72px; margin: 0; } .atb-extension-overlay--promote-mobile .atb-extension-overlay__headline { margin-top: 25px; margin-bottom: 10px; font-weight: normal; line-height: 1.4; font-size: 34px; } .atb-extension-overlay--promote-mobile .atb-extension-overlay__text { color: #ebebeb; font-size: 20px; margin-bottom: 20px; } .atb-extension-overlay--promote-mobile .atb-extension-overlay__mobile-image { width: 179px; height: 360px; display: block; margin: 30px auto; background-image: url("/assets/onboarding/mobile/phone@2xl.png"); } .atb-extension-overlay--promote-mobile .atb-extension-overlay__search-btn { margin-top: 0px; padding: 2px 20px; } .atb-extension-overlay--promote-mobile .atb-extension-overlay__search-btn:visited { color: #4495d4; } @media (max-height: 770px) { .atb-extension-overlay--promote-mobile .atb-extension-overlay__mobile-image { width: 149px; height: 300px; background-image: url("/assets/onboarding/mobile/phone@2xm.png"); } } @media (max-height: 750px) { .atb-extension-overlay--promote-mobile .atb-extension-overlay__mobile-image { width: 99px; height: 200px; background-image: url("/assets/onboarding/mobile/phone@2xs.png"); } } @media (max-height: 600px) { .atb-extension-overlay--promote-mobile .atb-extension-overlay__mobile-image { display: none; } .atb-extension-overlay--promote-mobile .atb-extension-overlay__success { padding-top: 100px; } } .example-search { display: inline-block; height: 34px; background-color: white; color: #222; border-radius: 17px; box-sizing: border-box; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); font-size: 14px; padding: 6px 14px 0 32px; margin-right: 10px; position: relative; white-space: nowrap; } .example-search:hover, .example-search:focus { text-decoration: none; color: #222; background-color: #f9f9f9; } .example-search:before { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\53"; position: absolute; left: 13px; } .header-wrap { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-tab-highlight-color: rgba(0, 0, 0, 0); background-color: #fafafa; padding-top: 16px; position: relative; z-index: 15; } .header-wrap:after { content: ""; width: 100%; display: block; margin-top: -2px; height: 1px; } .lt-ie9 .header-wrap { border-bottom: 1px solid #dbdbdb; } .header-wrap--show { display: block; } .header-wrap--with-hero { -webkit-transition: top 0.1s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: top 0.1s ease-in-out 0s; -o-transition: top 0.1s ease-in-out 0s; transition: top 0.1s ease-in-out 0s; position: absolute; width: 100%; right: 0; left: 0; padding-bottom: 15px; top: -102px; } .has-search-focus .header-wrap--with-hero { top: 0; } .header-wrap--fixed { position: fixed; top: 0; } .header { min-height: 58px; } .header.cw, .header.cw--c { padding-left: 0; padding-right: 0; max-width: none; } @media only screen and (max-width: 864px) { .has-zcm .header { margin-bottom: 0; width: 98%; } .has-zcm .header .header__shrink-beyond-min-size { width: 98vw; } .has-zcm .header .header__shrink-beyond-min-size .header--aside { right: -8px; } } @media only screen and (max-width: 590px) { .has-zcm .header { float: none; width: auto; } .has-zcm .header .header__shrink-beyond-min-size { width: 100vw; } } .lt-ie9 .header { float: none; } .body--serp .header { min-height: 85px; } body:not(.body--serp) .header--aside { margin-top: 22px; } @media only screen and (max-width: 1072px) { .header__shrink-beyond-min-size { position: relative; width: 100vw; } body.body--serp .header--aside { padding-right: 7px; } } .header__search-wrap { position: relative; margin-bottom: 3px; margin-top: 1px; } .header__logo-wrap { margin: auto; margin-left: 3.5px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media only screen and (min-width: 1350px) { .header__logo-wrap { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } } .header__logo-wrap:hover { text-decoration: none; } .header__logo, .header__praise, .header__avatar { width: 36px; height: 36px; } @media only screen and (min-width: 1350px) { .header__logo, .header__praise, .header__avatar { margin-right: 28px; } } .header__logo-wrap--flex:hover { text-decoration: none; } .header__logo--flex { height: 39px; width: 39px; } .header__logo-wrap .header__praise, .header__logo-wrap .header__avatar { height: 36px; top: auto; display: none; } @media only screen and (min-width: 1350px) { .header__logo-wrap .header__praise, .header__logo-wrap .header__avatar { left: auto; right: 0; } } @media only screen and (min-width: 1350px) { .header__praise, .header__avatar { top: -4px; } } .header__avatar { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .header__search { position: relative; left: 5px; } .header--aside { display: block; margin: 5px auto auto 16px; height: 44px; right: 7px; position: absolute; bottom: 0; top: 0; z-index: 199; } .header__button, .header__button--menu { display: block; float: right; top: 1px; z-index: 10; } .header__button, .header__button--menu, .header__button:visited, .header__button--menu:visited, .header__button:focus, .header__button--menu:focus, .header__button:hover, .header__button--menu:hover { color: #a5a5a5; } .header__button--menu { margin-left: 20px; } .header--aside__item { height: 39px; display: inline-block; vertical-align: middle; position: relative; white-space: nowrap; z-index: 1; line-height: 37px; } .header--aside__item .popout-trig { position: relative; margin-left: 5px; } .is-mobile .header--aside__item { display: none; } .header--aside__social { margin-left: 25px; } .header--aside__social:hover { text-decoration: none; } .header--aside__social-icon { font-size: 25px; } .header__label, .header__link { color: #aaa; } .header__clickable { cursor: pointer; display: flex; align-items: center; } .header__clickable .header__clickable--icon { position: relative; top: 1px; width: 12px; height: 12px; } .header__clickable:hover, .header__clickable:focus { color: #6d6d6d; } .header-wrap--hero { background: #e37151; color: #fff; position: relative; width: 100%; right: 0; left: 0; top: 0; padding-top: 1.25em; } .header-wrap--hero--alt { border-top-color: #00278e; background-color: #66abff; } .header--hero { cursor: pointer; line-height: 1.9; z-index: 5; } .header--hero__loupe { position: relative; vertical-align: middle; margin-left: 0.8em; margin-right: 0.5em; top: 0; font-size: 1.5em; } .header--hero__loupe:before { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\53"; } .header--hero__link { padding-left: 1em; font-size: 16px; } .header--hero__link, .header--hero__link:hover, .header--hero__link:focus, .header--hero__link:active { color: #fff; } .header-wrap--hero .header__button--menu, .header-wrap--hero .header__button--menu:visited, .header-wrap--hero .header__button--menu:focus, .header-wrap--hero .header__button--menu:hover { color: #fff; } .no-touch .header-wrap--hero .header__button--menu:hover, .no-touch .header-wrap--hero .header__button--menu:focus, .no-js .header-wrap--hero .header__button--menu:hover, .no-js .header-wrap--hero .header__button--menu:focus { background-color: #bd4b2b; background-color: rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 864px) { .header__search-wrap { padding-right: 45px; } } @media only screen and (max-width: 590px) { .header__search-wrap { padding-right: 45px; } .header__logo-wrap { margin-left: 0; } .header__search { left: 0; } .site-wrapper .header-wrap .header .header--aside, .site-wrapper header .header-wrap--hero .header--aside { right: 3.5px; top: -9px; } .has-search-focus .header__search-wrap { margin-left: 0; padding-left: 7px; padding-right: 7px; } .has-search-focus .header-wrap .header--aside { right: -45px; } .has-search-focus .header__logo, .has-search-focus .header__avatar { margin-left: -36px; opacity: 0; } .header-wrap { padding-top: 9px; } .site-wrapper .header-wrap .header--aside { margin-top: 13.5px; } .header-wrap--hero { padding-top: 11px; } } .is-mobile.has-zcm.is-mobile-device.set-header--fixed body, .is-mobile.has-zcm.is-mobile-device.set-header--floating body { padding-top: 134px; } .is-mobile.set-header--floating .header-wrap { transition: top 0.2s ease-in-out 0.05s, background-color 0.3s ease-out; } .is-mobile .body--serp .header-wrap { padding-top: 9px; transition: background-color 0.3s ease-out; } .is-mobile .body--serp .header { width: 100%; padding-top: 41px; } .is-mobile .body--serp .header .header__shrink-beyond-min-size { width: 100vw; position: unset; } .is-mobile .body--serp .header .header__shrink-beyond-min-size .header--aside { top: -9px; } .is-mobile .body--serp .header__logo-wrap { position: absolute; top: -41px; width: 160px; height: 32px; left: calc(50% - 80px); } .is-mobile .body--serp .header__logo-wrap--offset { left: calc(50% - 89px); } .is-mobile .body--serp .header__logo { background-image: url("assets/logo_header_mobile.svg"); width: 160px; height: 32px; background-size: 154px 32px; opacity: 1; margin: 0; } .is-mobile .body--serp .header__search-wrap { margin-top: 0; margin-left: 0; padding: 0 7px; max-width: none; } .is-mobile .body--serp .header__search { left: 0; } .is-mobile .body--serp .header--aside__social { display: none; } .is-mobile.dark-header .body--serp .header__logo { background-image: url("assets/logo_header_mobile.alt.svg"); } .is-mobile.dark-header .search--adv.has-text .search__button, .is-mobile.dark-header .search__button, .is-mobile.dark-header .search__clear, .is-mobile.dark-header .has-text .search__clear { color: #aaa; } .is-mobile .body--serp .header--aside, .is-mobile .body--home .header--aside { left: 0; right: auto; margin: 7px 50px 0 16px; } .is-mobile .header-wrap .header__button--menu, .is-mobile .header-wrap--home .header__button--menu { margin-left: 0; float: none; color: #aaa; } .is-mobile.set-header--menu .header-wrap > .dropdown--settings { display: none; } .is-mobile.set-header--menu .header-wrap .header { padding-top: 0; } .is-mobile .body--serp .nav-menu--slideout:not(.nav-menu--right), .is-mobile .body--home .nav-menu--slideout:not(.nav-menu--right) { right: auto; left: 0; -webkit-transform: translate3d(-14.25em, 0, 0); -moz-transform: translate3d(-14.25em, 0, 0); -ms-transform: translate3d(-14.25em, 0, 0); -o-transform: translate3d(-14.25em, 0, 0); transform: translate3d(-14.25em, 0, 0); box-shadow: 1px 0 1px rgba(0, 0, 0, 0.2); } .is-mobile .body--serp .nav-menu--slideout:not(.nav-menu--right).is-open, .is-mobile .body--home .nav-menu--slideout:not(.nav-menu--right).is-open { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .search__autocomplete { display: none; position: absolute; top: 2.8em; left: 0; width: 100%; max-height: 208px; border: 1px solid #d0d0d0; border-radius: 0 0 4px 4px; border-radius: 0 0 var(--default-border-radius) var(--default-border-radius); margin-top: -2px; margin-left: -1px; margin-right: -1px; z-index: 25; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); overflow: hidden; } .header__search .search__autocomplete { top: 44px; } .lt-ie8 .search__autocomplete { display: none !important; } .is-mobile .search--adv .search__autocomplete { max-height: unset; } .search--home .search__autocomplete { max-height: 230px; margin-top: -4px; } .search__autocomplete.search__autocomplete--bang { max-height: none; overflow: initial; } .is-mobile .search__autocomplete.search__autocomplete--bang { overflow-y: hidden; } .search__autocomplete.search__autocomplete--two-rows { top: 44px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); max-height: 318px; } .is-mobile .search__autocomplete.search__autocomplete--two-rows { max-height: 218px; } .acp-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 4px 0; max-height: 208px; background-color: #fff; overflow: auto; overflow-x: hidden; position: static; } .search--home .acp-wrap { max-height: 230px; } .search__autocomplete--bang .acp-wrap { padding: 0; max-height: 256px; } .search--home .search__autocomplete--bang .acp-wrap { max-height: 272px; } .search__autocomplete--two-rows .acp-wrap { max-height: 318px; padding: 6px 0; } .lt-ie9 .acp-wrap { max-height: 200px; } .acp-footer { position: absolute; width: 100%; box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1); border: 1px solid #d0d0d0; background-color: #fff; margin-left: -1px; padding: 4px 0; border-radius: 0 0 4px 4px; border-radius: 0 0 var(--default-border-radius) var(--default-border-radius); } .acp-footer .acp-footer__instructions { margin-left: 16px; color: #666; } .acp-footer .acp-footer__link { position: absolute; right: 0; margin-right: 16px; } .acp, .acp--bang { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; cursor: pointer; line-height: 1.1; font-size: 1.1em; padding: 4px 0.681818em; margin: 0 auto; position: static; color: #222; font-weight: bold; } .search__autocomplete--two-rows .acp, .search__autocomplete--two-rows .acp--bang { padding: 6px 11px; margin: 0; min-height: 42px; } .acp-wrap__column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding: 4px; } .acp-wrap__column.acp-wrap__column--left { border-right: 1px solid #e0e0e0; } .acp--bang { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 8px 16px; position: relative; z-index: 1; } .acp--bang__img-wrap { margin-right: 4px; background-color: #fff; float: left; width: 16px; height: 16px; } .acp--bang__img-wrap, .acp--bang__img { border-radius: 4px; border-radius: var(--default-border-radius); } .acp--bang__body { position: relative; padding-left: 12px; } .acp--bang__phrase, .acp--bang__snippet { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .acp--bang__phrase { position: absolute; right: 0; } .acp--bang__snippet { display: inline-block; width: 75%; font-weight: normal; } .acp--long-phrase .acp--bang__snippet { width: 50%; } .acp--highlight { background-color: #f2f2f2; } .acp--highlight.acp--bang { margin-top: 0; margin-bottom: 0; } .acp--highlight.acp--bang .acp--bang__snippet { color: #111; } .acp__phrase { overflow: hidden; text-overflow: ellipsis; font-size: 1em; line-height: 1.1; } .acp__detail { font-weight: normal; font-size: 13px; overflow: hidden; text-overflow: ellipsis; margin-top: 3px; color: #666; line-height: 100%; } .is-mobile .acp-wrap__column.acp-wrap__column--left { float: none; width: 100%; border-right: none; } .is-mobile .acp-wrap__column.acp-wrap__column--right { display: none; } .is-mobile .acp-footer { display: none; } .is-mobile .search__autocomplete--bang .acp-wrap { max-height: 208px; } .is-mobile .search--adv .acp-wrap { position: relative; max-height: 256px; } .is-mobile .search--adv .search__autocomplete--bang .acp-wrap { max-height: 276px; } .is-mobile .search--adv .acp, .is-mobile .search--adv .acp--bang { padding: 7px 35px 7px 15px; font-size: 16px; height: 31px; } .is-mobile .search--adv .acp--bang { padding-left: 11px; padding-right: 14px; height: 34px; } .is-mobile .search--adv .acp__search-fill { position: absolute; right: 0; margin-top: -6px; padding: 6px; padding-right: 17px; font-size: 12px; color: #aaa; -webkit-tap-highlight-color: transparent; } .is-mobile .search--adv .acp__search-fill:active { color: #222; } @media only screen and (max-width: 864px) { .acp--bang__snippet { width: 50%; } .acp--long-phrase .acp--bang__snippet { width: 30%; } } @media only screen and (max-height: 800px) { .search--home .search__autocomplete--bang .acp-wrap { max-height: 188px; } } .is-mobile .hide--mob { display: none; } .is-mobile .show--mob { display: block; } .feedback-btn__icon, .nav-menu__feedback__icon { -webkit-transition: opacity 0.2s, color 0.15s; -moz-transition: opacity 0.2s, color 0.15s; -o-transition: opacity 0.2s, color 0.15s; transition: opacity 0.2s, color 0.15s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; font-size: 22px; color: #666; } .feedback-btn__icon:hover, .nav-menu__feedback__icon:hover, .feedback-btn__icon:focus, .nav-menu__feedback__icon:focus { color: #333; text-decoration: none; } .feedback-btn { -webkit-transition: height 0.2s ease-in-out; -webkit-transition-delay: 0.05s; -moz-transition: height 0.2s ease-in-out 0.05s; -o-transition: height 0.2s ease-in-out 0.05s; transition: height 0.2s ease-in-out 0.05s; border: none; padding: 0; height: 28px; min-width: 120px; text-align: center; margin: 0.5em; box-sizing: border-box; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); } .feedback-btn:hover { background-color: #fafafa; } .footer--mobile .feedback-btn { box-shadow: none; border: 1px solid #d0d0d0; border-radius: 3px; } @media only screen and (max-width: 1130px) { .has-right-rail-ads .serp__top-right .feedback-btn { display: none; } } @media only screen and (max-width: 1340px) { .has-right-rail-module .serp__top-right .feedback-btn { display: none; } } .feedback-btn--clicked { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; height: 42px; } .feedback-btn__send { -webkit-transition: opacity 0.2s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s; transition: opacity 0.2s ease-in-out 0s; width: 100%; height: 100%; display: block; color: #999; font-weight: 600; opacity: 1; padding: 0 0.75em; box-sizing: border-box; text-transform: capitalize; } .feedback-btn__send:hover, .feedback-btn__send:focus { color: #666; text-decoration: none; } .feedback-btn--clicked .feedback-btn__send { opacity: 0; } .feedback-btn__icon-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 42px; } .feedback-btn__icon { opacity: 0; width: 50%; height: 42px; display: inline-block; box-sizing: border-box; } .feedback-btn__icon:first-child { padding-right: 0.5em; text-align: right; } .feedback-btn__icon:last-child { padding-left: 0.5em; text-align: left; } .feedback-btn--clicked .feedback-btn__icon { -webkit-transition-delay: 0.1s, 0s; -moz-transition-delay: 0.1s, 0s; -o-transition-delay: 0.1s, 0s; transition-delay: 0.1s, 0s; opacity: 1; visibility: visible; } .feedback-btn__icon--love:before { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\29"; } .feedback-btn__icon--nolove:before { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\28"; } .nav-menu__feedback { top: -0.25em; height: 28px; } .nav-menu__feedback__icon { display: inline-block; height: 28px; } .nav-menu__feedback__icon--love { margin-right: 20px; } .nav-menu__feedback__icon--love:before { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\29"; } .nav-menu__feedback__icon--nolove:before { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\28"; } .modal__box.modal__box--feedback { -webkit-transition: height 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: height 0.3s ease-in-out 0s; -o-transition: height 0.3s ease-in-out 0s; transition: height 0.3s ease-in-out 0s; max-width: 360px; width: 80%; padding: 20px; overflow-y: auto; height: auto; max-height: 100%; box-sizing: border-box; display: block; } .modal__box.modal__box--feedback.modal__box--headed { padding: 0; } .modal__box.modal__box--feedback.modal__box--headed .modal__box__content { padding: 20px; } .modal__box.modal__box--feedback.modal__box--headed .modal__box__content p { padding: 0; } .modal__box.modal__box--feedback.modal__box--headed .modal__close { font-weight: bolder !important; } .modal__box.modal__box--feedback.modal__box--headed .modal__box__header { background-color: #fafafa; padding: 20px 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .dark-bg .modal__box.modal__box--feedback.modal__box--headed .modal__box__header { background-color: #333333; } .modal__box.modal__box--feedback.modal__box--headed .modal__box__header.modal__box__header--form { text-transform: capitalize; } @media only screen and (max-width: 384px) { .modal__box.modal__box--feedback.modal__box--headed .modal__box__header.modal__box__header--form { padding: 20px 12px; } } .modal__box.modal__box--feedback.modal__box--headed .modal__box__header h5 { font-weight: bolder; } .modal__box.modal__box--feedback.modal__box--headed .feedback-modal__subtitle { margin-bottom: 20px; } .modal__box.modal__box--feedback.modal__box--headed .frm--feedback { padding-top: 0px; } .modal__wrap.modal__wrap--feedback { height: 100%; display: flex; overflow: hidden; align-items: center; } .frm--feedback { padding-top: 20px; } .feedback-modal { display: block; } .feedback-modal__heading { text-align: left; position: relative; } .feedback-modal__heading .feedback-modal__close { right: 0; top: 6px; } .feedback-modal__heading__prompt { font-size: 0.8em; display: block; color: #666; } .feedback-modal__heading__prompt.has-category { color: #111; font-size: 1em; display: inline; } .feedback-modal__heading__category { text-transform: capitalize; } .feedback-modal__heading__query { font-weight: 600; } .feedback-modal__heading__query:before { content: open-quote; } .feedback-modal__heading__query:after { content: close-quote; } .feedback-modal__heading__main { font-size: 16px; font-weight: 600; } .feedback-modal__heading--success { text-align: center; font-weight: 600; } .feedback-modal__image { background: #f7f7f7; margin-bottom: 10px; padding: 10px; } .feedback-modal__image img { display: block; max-height: 200px; max-width: 200px; margin: 0 auto; } .dark-bg .feedback-modal__image { background: #111; } .feedback-modal__label { display: block; text-align: left; font-weight: normal; font-size: 1.1em; margin-bottom: 10px; } .feedback-modal__input { display: block; width: 100%; margin-bottom: 10px; padding-left: 0.5em; height: 2.2em; } .feedback-modal__input--dropdown { padding-left: 0; } .feedback-modal__input--dropdown select { width: 100% !important; height: 100% !important; } .is-mobile-device .feedback-modal__input--dropdown select { font-size: 16px; line-height: 100%; } .is-mobile-device .feedback-modal__input--text { font-size: 16px; } .feedback-modal__issues { margin-bottom: 10px; padding-left: 0; text-align: left; overflow: hidden; height: auto; } .feedback-modal__radio { display: block; margin-bottom: 10px; } .feedback-modal__radio .feedback-modal__radio__input { display: inline-block; margin-right: 5px; margin-left: 1px; } .feedback-modal__input--text { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto; padding: 0.5em 0.5em 0.5em 0.75em; overflow: auto; resize: vertical; max-height: 210px; } .feedback-modal__issues, .feedback-modal__input--other, .feedback-modal__input--ads { -webkit-transition: border-width 0.3s, opacity 0.3s, height 0.3s, margin 0.3s; -moz-transition: border-width 0.3s, opacity 0.3s, height 0.3s, margin 0.3s; -o-transition: border-width 0.3s, opacity 0.3s, height 0.3s, margin 0.3s; transition: border-width 0.3s, opacity 0.3s, height 0.3s, margin 0.3s; } .feedback-modal__issues.is-invisible, .feedback-modal__input--other.is-invisible, .feedback-modal__input--ads.is-invisible { height: 0; opacity: 0; margin: 0; padding: 0; border-width: 0; } .feedback-modal__input--other { opacity: 1; padding-left: 0.75em; } .feedback-modal__input--other.frm__input { background-color: #f7f7f7; color: #333; } .feedback-modal__submit { width: 100%; box-sizing: border-box; text-align: center; font-size: 1em; position: relative; } .feedback-modal__submit.is-disabled:hover, .feedback-modal__submit.is-disabled:active, .feedback-modal__submit.is-disabled:focus { background-color: #c3c3c3; border-color: #c3c3c3; color: #eee; } .feedback-modal__message { font-size: 1.1em; text-align: center; color: #666; } .dark-bg .feedback-modal__message { color: #f7f7f7; } .feedback-single-place-modal__manage { display: block; text-align: left; margin-bottom: 10px; } .feedback-single-place-modal__disclaimer { font-size: 0.9em; text-align: left; margin-top: 10px; color: #666; } .dark-bg .feedback-single-place-modal__disclaimer { color: #f7f7f7; } .lt-ie10 .modal__box--feedback { display: block; } .report-ad { color: #888; display: inline-block; white-space: nowrap; line-height: 1.45; margin-left: 0.7em; } .result--ad--small .report-ad { display: none; } .report-ad__start { cursor: pointer; } .report-ad__start { border-left: solid 1px #e5e5e5; padding-left: 0.7em; } .report-ad__link, .report-ad__link:hover, .report-ad__link:visited, .report-ad__link:visited:hover { color: #888; } .report-ad__link:hover { text-decoration: underline; } .report-ad__link { margin-left: 0.4em; } .modal .newsletter-modal__heading--success { padding: 0; padding-bottom: 0.5em; } .newsletter-modal__disclaimer { padding-top: 0.5em; text-align: left; } .newsletter-modal__disclaimer__link { color: #aaa; text-decoration: underline; } .spread-icon, .woman-icon, .privacy-simplified-icon, .mailbox-icon { height: 50px; width: 50px; margin: 0 auto; } .donations-icon, .traffic-icon, .privacy-tips-icon { height: 35px; width: 35px; margin: 0 auto; } .spread-icon { background: url("assets/icons/spread.svg"); background-size: 50px; } .woman-icon { background: url("assets/icons/woman.svg"); background-size: 50px; } .privacy-simplified-icon { background: url("assets/icons/privacy-simplified.svg"); background-size: 50px; } .mailbox-icon { background: url("assets/icons/mailbox.svg"); background-size: 50px; } .donations-icon { background: url("assets/icons/donations.svg"); background-size: 35px; } .traffic-icon { background: url("assets/icons/traffic.svg"); background-size: 35px; } .privacy-tips-icon { background: url("assets/icons/privacy-tips.svg"); background-size: 35px; } .showcase__dropdown__list { display: none; } .is-showing .showcase__dropdown__list { display: block; } .showcase .modal__box, .social .modal__box { -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); width: 450px; box-shadow: 0 2.5px 20px 0 rgba(0, 0, 0, 0.15); right: -22px; } .showcase .modal__body, .social .modal__body { padding: 0; } @media only screen and (max-width: 1400px) { .set-align-center .showcase { display: none; } } @media only screen and (max-width: 1079px) { .showcase { display: none; } } .showcase .showcase__heading { font-size: 17px; } .showcase .showcase__subheading { font-size: 14px; } .showcase .eighteen { width: 18%; float: left; position: relative; box-sizing: border-box; } .showcase .showcase__dropdown-top { padding: 11px 19px; } .showcase .showcase__dropdown-top .showcase__link, .showcase .showcase__dropdown-top .showcase__link:hover, .showcase .showcase__dropdown-top .showcase__link:focus { color: currentColor; text-decoration: none; } .showcase .showcase__dropdown-top .showcase__heading:hover, .showcase .showcase__dropdown-top .showcase__heading:focus { text-decoration: underline currentColor; } .showcase .showcase__dropdown-top .showcase__link:nth-child(2) { padding-top: 3px; } .showcase .showcase__dropdown-top .showcase__dropdown__list { padding: 15px 0; border-radius: 4px; border-radius: var(--default-border-radius); margin-left: 4px; } .showcase .showcase__dropdown-top .showcase__dropdown__list:hover { background: #f7f7f7; } .dark-bg .showcase .showcase__dropdown-top .showcase__dropdown__list:hover { background: #434343; } .showcase .showcase__dropdown-top .showcase__dropdown__list:last-child { margin-bottom: 0; } .showcase .showcase__dropdown-top .showcase__subheading { padding: 3px 0 0 0; color: #888; } .showcase .showcase__dropdown-bottom { padding: 30px 19px; background: #fafafa; border-top: solid 1px #eee; } .showcase .showcase__dropdown-bottom .showcase__link, .showcase .showcase__dropdown-bottom .showcase__link:hover, .showcase .showcase__dropdown-bottom .showcase__link:focus { color: currentColor; } .showcase .showcase__dropdown-bottom .showcase__dropdown__list { margin-left: 4px; padding-bottom: 1em; } .showcase .showcase__dropdown-bottom .showcase__dropdown__list:last-child { padding-bottom: 0; } .showcase .showcase__icon { text-align: center; } .showcase .showcase__text { padding-top: 0.7em; } @media only screen and (max-width: 864px) { .social { display: none; } } .social .modal__box { width: 130px; min-width: unset; box-sizing: border-box; } .social .social__link { margin: 15px; height: 20px; font-size: 14px; } .social .social__link__text { display: flex; align-items: center; color: #666; } .dark-bg .social .social__link__text { color: #ededed; } .social .social__icon { margin-right: 10px; } .body--home .social { display: inline-block; } .set-wide .header__search-wrap, .set-wide .msg--box, .set-wide .msg--info, .set-wide .msg--help, .set-wide .msg--untranslated, .set-wide .msg--warning, .set-wide #error_homepage, .set-wide .msg, .set-wide .content__text, .set-wide .cw, .set-wide .cw--c { max-width: 1352px; } .set-wide .header--aside__msg { display: none; } .set-wide .header__search-wrap { max-width: 590px; } .set-wide .results--main { float: none; } .set-super-wide .header__search-wrap, .set-super-wide .msg--box, .set-super-wide .msg--info, .set-super-wide .msg--help, .set-super-wide .msg--untranslated, .set-super-wide .msg--warning, .set-super-wide #error_homepage, .set-super-wide .msg, .set-super-wide .content__text, .set-super-wide .cw, .set-super-wide .cw--c { max-width: 1553px; } .set-super-wide .header--aside__msg { display: none; } .set-super-wide .header__search-wrap { max-width: 590px; } .set-super-wide .results--main { float: none; } .set-header--fixed body, .set-header--floating body { padding-top: 68px; } .set-header--fixed.has-zcm body, .set-header--floating.has-zcm body { padding-top: 105px; } .set-header--fixed.is-mobile.has-zcm body, .set-header--floating.is-mobile.has-zcm body { padding-top: 98px; } .set-header--fixed .site-wrapper, .set-header--floating .site-wrapper { margin-top: -3px; } .set-header--fixed .header-wrap, .set-header--floating .header-wrap { position: fixed; width: 100%; left: 0; right: 0; z-index: 105; padding-bottom: 0; } .set-header--floating .header-wrap, .set-header--floating .metabar { -webkit-transition: top 0.2s ease-in-out; -webkit-transition-delay: 0.05s; -moz-transition: top 0.2s ease-in-out 0.05s; -o-transition: top 0.2s ease-in-out 0.05s; transition: top 0.2s ease-in-out 0.05s; } .set-header--fixed .metabar--fixed { top: 68px; } .set-header--fixed.has-zcm .metabar--fixed { top: 101px; } .set-header--fixed.is-mobile.has-zcm .metabar--fixed { top: 97px; } .set-header--fixed .header-wrap { top: 0; } .set-header--hidden .header-wrap { display: none; } .set-header--menu.has-zcm .header { min-height: 0; } .set-header--menu.has-zcm .header-wrap, .set-header--menu.has-zcm .body--serp .header-wrap { padding-top: 6px; } .set-header--menu.has-zcm .header__search-wrap { display: none; } .set-header--menu.has-zcm .header--aside { margin: 4px auto; top: -6px; right: 4px; } .set-header--menu.has-zcm.is-mobile .header--aside { width: 4em; right: 0; left: auto; margin-top: -1px; display: none; } .set-header--menu.has-zcm.is-mobile .header--aside.is-showing { display: block; top: -6px; padding-right: 0; z-index: 1; } .set-header--menu.has-zcm.is-mobile:not(.dark-header) .header--aside { background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, #fff 40%, #fff 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, #fff 40%, #fff 100% ); } .set-header--menu.has-zcm.is-mobile .header__button--menu { right: 4px; float: right; margin-left: 20px; margin-top: 5px; } .set-header--menu.has-zcm.is-app .header-wrap { border-top: none; border-bottom: 0; padding-top: 0; } .set-header--menu.has-zcm.is-app .header--aside { display: none; } .set-header--menu.is-mobile-device .header-wrap { border-top-color: transparent; } .set-header--menu.is-mobile-device .site-wrapper:before { display: none; } .set-text--small { font-size: 72%; } .set-text--medium { font-size: 81%; } .set-text--larger { font-size: 99%; } .set-text--largest { font-size: 112.5%; } .set-align-center .cw, .set-align-center .cw--c, .set-align-center .cw--c { margin-left: auto; float: none; } .set-align-center .cw .zci__main--detail, .set-align-center .cw--c .zci__main--detail, .set-align-center .cw--c .zci__main--detail { padding-left: 0; margin: 0 auto; } @media only screen and (max-width: 864px) { .set-align-center .cw.header, .set-align-center .header.cw--c, .set-align-center .cw--c.header { margin-left: 0; } } .set-align-center .cw.has-aux, .set-align-center .has-aux.cw--c { margin-left: 0; } @media only screen and (min-width: 864px) { .set-align-center .cw.has-aux, .set-align-center .has-aux.cw--c { width: 77%; } } @media only screen and (min-width: 971.1px) { .set-align-center .cw.has-aux, .set-align-center .has-aux.cw--c { width: 67%; } } .set-align-center .cw.has-aux .zci__main, .set-align-center .has-aux.cw--c .zci__main { padding-left: 0; } .set-align-center .serp__results, .set-align-center .metabar__in, .set-align-center .zci__main.has-tiles { padding-left: 0; } .set-align-center .results--main { float: none; } .set-align-center .header__search-wrap, .set-align-center .zcm-wrap--header, .set-align-center .msg--result, .set-align-center .msg--serp, .set-align-center .welcome, .set-align-center .results--main { margin-left: auto; margin-right: auto; } .set-align-center.has-right-rail-ads .results { padding-right: 60px; } .set-align-center .welcome, .set-align-center .zcm-wrap { padding-left: 0; } .set-align-center .header--aside__msg { display: none; } .set-themes { display: flex; flex: 1; flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding: 0 0 4px 0; } .set-themes .set-theme__check, .set-themes .set-theme__inp { display: none; } .set-themes .set-themes__wrapper { flex-basis: 47%; display: flex; flex-direction: column; text-align: center; } .set-themes .set-themes__wrapper .set-theme__label { cursor: pointer; } .set-themes .set-theme { width: 70%; padding: 15%; border: 1px solid rgba(150, 150, 150, 0.3); border-radius: 4px; margin: 5px 0; position: relative; cursor: pointer; display: flex; justify-content: center; flex-direction: column; background: #fff; } .set-themes .set-theme:hover { opacity: 0.9; } .set-themes .set-theme.is-checked { border: 1px solid rgba(150, 150, 150, 0.6); } .set-themes .set-theme.is-checked .set-theme__check { display: flex; position: absolute; right: -3px; bottom: -5px; width: 16px; height: 16px; border-radius: 8px; color: #fff; background: #66abff; font-size: 10px; justify-content: center; align-items: center; pointer-events: none; flex-direction: column; z-index: 10; } .set-themes .set-theme.is-checked + .set-theme__label { font-weight: bold; } .set-themes .set-theme [class^="set-theme__color-"] { content: ""; height: 4px; overflow: hidden; margin: 2px 0; border-radius: 4px; width: 100%; } .set-themes .set-theme .set-theme__color-2 { width: 75%; } .logo_homepage--it { background-image: url("/assets/logos/initech/logo_homepage.png"); } .svg .logo_homepage--it { background-image: url("/assets/logos/initech/logo_homepage.svg"); } @media only screen and (max-height: 425px) { .logo_homepage--it { background-image: url("/assets/logos/initech/logo_homepage_mobile.png"); } .svg .logo_homepage--it { background-image: url("/assets/logos/initech/logo_homepage_mobile.svg"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dppx) { .logo_homepage--it { background-image: url("/assets/logos/initech/logo_homepage.retina.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 425px), only screen and (-ms-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min-resolution: 192dppx) and (max-width: 425px) { .logo_homepage--it { background-image: url("/assets/logos/initech/logo_homepage_small.retina.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (-moz-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min--moz-device-pixel-ratio: 2) and (max-height: 425px), only screen and (-ms-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min-resolution: 192dppx) and (max-height: 425px) { .logo_homepage--it { background-image: url("/assets/logos/initech/logo_homepage_mobile.retina.png"); } } .logo_homepage--it.header__logo { width: 60px; } .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage.normal.png"); } .svg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage.normal.svg"); } .dark-bg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage.alt.png"); } .svg.dark-bg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage.alt.svg"); } @media only screen and (max-width: 425px) { .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_small.normal.png"); } .svg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_small.normal.svg"); } .dark-bg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_small.alt.png"); } .svg.dark-bg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_small.alt.svg"); } } @media only screen and (max-height: 425px) { .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_mobile.normal.png"); } .svg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_mobile.normal.svg"); } .dark-bg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_mobile.alt.png"); } .svg.dark-bg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_mobile.alt.svg"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dppx) { .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage.normal.retina.png"); } .dark-bg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage.alt.retina.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 425px), only screen and (-ms-min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min-device-pixel-ratio: 2) and (max-width: 425px), only screen and (min-resolution: 192dppx) and (max-width: 425px) { .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_small.normal.retina.png"); } .dark-bg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_small.alt.retina.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (-moz-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min--moz-device-pixel-ratio: 2) and (max-height: 425px), only screen and (-ms-min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min-device-pixel-ratio: 2) and (max-height: 425px), only screen and (min-resolution: 192dppx) and (max-height: 425px) { .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_mobile.normal.retina.png"); } .dark-bg .logo_homepage--resetthenet { background-image: url("/assets/logos/resetthenet/logo_homepage_mobile.alt.retina.png"); } } .is-open { display: block; } .is-closed, .is-hidden { display: none !important; } .is-invisible { visibility: hidden !important; } .no-js .no-js__hide { display: none !important; } .cw, .cw--c { position: relative; padding: 0 7px; max-width: 1270px; margin-left: 0; margin-right: auto; } .cw--c { margin-left: auto; } @media only screen and (max-height: 455px) and (orientation: portrait) { .displayable-atb-banner .cw--c { top: -2em; } } .content__internal { padding-top: 1em; } img { max-width: 100%; } .site-wrapper { width: 100%; overflow: hidden; } .content-wrap { margin: 0 auto; position: relative; } .text-center, .text-mid { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .r-block { display: block; } .r-inline { display: inline; } .r-inline-block, .r-iblock { display: inline-block; } .r-valign--top { vertical-align: top; } .r-valign--mid { vertical-align: middle; } .r-valign--bottom { vertical-align: bottom; } .r-border-box, html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .r-content-box, .r-grid-pad { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .whole, .half, .third, .twothird, .twothirds, .quarter, .threequarter, .threequarters, .sixth, .eighth, .ninety, .eighty, .seventy, .sixty, .fifty, .forty, .thirty, .twenty, .ten { float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .whole { width: 100%; } .half, .fifty { width: 50%; } .third { width: 33.3%; } .twothird, .twothirds { width: 66.6%; } .quarter { width: 25%; } .threequarter, .threequarters { width: 75%; } .sixth { width: 16.6%; } .eighth { width: 12.5%; } .ninety { width: 90%; } .eighty { width: 80%; } .seventy { width: 70%; } .sixty { width: 60%; } .forty { width: 40%; } .thirty { width: 30%; } .twenty { width: 20%; } .ten { width: 10%; } .gw { margin-left: -1em; letter-spacing: -0.31em; } .g { padding-left: 1em; display: inline-block; vertical-align: top; letter-spacing: normal; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .gw--h { margin-left: -0.5em; } .gw--h .g { padding-left: 0.5em; } .block-mid { margin-left: auto; margin-right: auto; display: block; float: none; } .pull-left, .fl, .float--left { float: left; } .pull-right, .fr, .float--right { float: right; } .pull-none, .killfloat { float: none; } .clear, .r-clear { clear: both; } .hide, .r-hide { display: none; } .hide--important, #state_hidden, #iframe_hidden { display: none !important; } .allcaps { text-transform: uppercase; } .clearfix:after, .fix:after, .group:after, .row:after, .gw:after, .media:after, .acp--bang:after { content: ""; display: block; clear: both; } @media only screen and (min-width: 1079px) { .hide--screen-l { display: none; } .show--screen-l, .r-block--screen-l { display: block; } .block-mid--screen-l { margin-left: auto; margin-right: auto; display: block; float: none; } .pull-left--screen-l, .fl--screen-l { float: left; } .pull-right--screen-l, .fr--screen-l { float: right; } .pull-none--screen-l, .killfloat--screen-l { float: none; } .whole--screen-l { width: 100%; } .ninety--screen-l { width: 90%; } .eighty--screen-l { width: 80%; } .seventy--screen-l { width: 70%; } .sixty--screen-l { width: 60%; } .half--screen-l, .fifty--screen-l { width: 50%; } .forty--screen-l { width: 40%; } .thirty--screen-l { width: 30%; } .quarter--screen-l { width: 25%; } .twenty--screen-l { width: 20%; } .ten--screen-l { width: 10%; } } @media only screen and (min-width: 1440px) { .hide--screen-xl { display: none; } .show--screen-xl, .r-block--screen-xl { display: block; } .block-mid--screen-xl { margin-left: auto; margin-right: auto; display: block; float: none; } .pull-left--screen-xl, .fl--screen-xl { float: left; } .pull-right--screen-xl, .fr--screen-xl { float: right; } .pull-none--screen-xl, .killfloat--screen-xl { float: none; } .whole--screen-xl { width: 100%; } .ninety--screen-xl { width: 90%; } .eighty--screen-xl { width: 80%; } .seventy--screen-xl { width: 70%; } .sixty--screen-xl { width: 60%; } .half--screen-xl, .fifty--screen-xl { width: 50%; } .forty--screen-xl { width: 40%; } .thirty--screen-xl { width: 30%; } .quarter--screen-xl { width: 25%; } .twenty--screen-xl { width: 20%; } .ten--screen-xl { width: 10%; } } @media only screen and (max-width: 864px) { .port-half, .half--screen-m { width: 50%; float: left; clear: none; } .block-mid--screen-m { margin-left: auto; margin-right: auto; display: block; float: none; } .port-hide, .hide--screen-m { display: none; } .port-block, .show--screen-m, .r-block--screen-m { display: block; } .port-clear, .clear--screen-m, .r-clear--screen-m { clear: both; } .port-killfloat, .port-pull-none, .port-float--none, .pull-none--screen-m, .killfloat--screen-m { float: none; } .whole--screen-m { width: 100%; } .ninety--screen-m { width: 90%; } .eighty--screen-m { width: 80%; } .seventy--screen-m { width: 70%; } .sixty--screen-m { width: 60%; } .half--screen-m, .fifty--screen-m { width: 50%; } .forty--screen-m { width: 40%; } .thirty--screen-m { width: 30%; } .quarter--screen-m { width: 25%; } .twenty--screen-m { width: 20%; } .ten--screen-m { width: 10%; } } @media only screen and (max-width: 590px) { html { min-width: initial; } .whole, .half, .third, .twothird, .twothirds, .quarter, .threequarter, .threequarters, .sixth, .eighth, .ninety, .eighty, .seventy, .sixty, .fifty, .forty, .thirty, .twenty, .ten { width: 100%; margin: 0 auto; } img.half, img.third, img.twothird, img.quarter, img.threequarter, img.sixth { width: auto; } .palm-half, .half--screen-s { width: 50%; float: left; clear: none; } .block-mid--screen-s { margin-left: auto; margin-right: auto; display: block; float: none; } .palm-hide, .hide--screen-s { display: none; } .palm-block, .show--screen-s, .r-block--screen-s { display: block; } .palm-clear, .clear--screen-s, .r-clear--screen-s { clear: both; } .palm-killfloat, .palm-pull-none, .palm-float--none, .killfloat-s, .pull-none--screen-s { float: none; } .whole--screen-s { width: 100%; } .ninety--screen-s { width: 90%; } .eighty--screen-s { width: 80%; } .seventy--screen-s { width: 70%; } .sixty--screen-s { width: 60%; } .half--screen-s, .fifty--screen-s { width: 50%; } .forty--screen-s { width: 40%; } .thirty--screen-s { width: 30%; } .quarter--screen-s { width: 25%; } .twenty--screen-s { width: 20%; } .ten--screen-s { width: 10%; } } @media only screen and (max-width: 425px) { .half--screen-xs { width: 50%; float: left; clear: none; } .hide--screen-xs { display: none; } .show--screen-xs, .r-block--screen-xs { display: block; } .clear--screen-xs, .r-clear--screen-xs { clear: both; } .killfloat-xs, .pull-none--screen-xs { float: none; } .whole--screen-xs { width: 100%; } .ninety--screen-xs { width: 90%; } .eighty--screen-xs { width: 80%; } .seventy--screen-xs { width: 70%; } .sixty--screen-xs { width: 60%; } .half--screen-xs, .fifty--screen-xs { width: 50%; } .forty--screen-xs { width: 40%; } .thirty--creen-xs { width: 30%; } .quarter--screen-xs { width: 25%; } .twenty--screen-xs { width: 20%; } .ten--screen-xs { width: 10%; } } .tile--cat .tile__content a, .tile--cat .tile__content br { display: none; } .zci-wrap { padding: 0 !important; } #error_homepage { text-align: center; font-weight: bold; display: none; } #bottom_spacing2 { padding-bottom: 180px; } .has-footer #bottom_spacing2 { padding-bottom: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 16px; padding-left: 16px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1104px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 16px; padding-left: 16px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1104px; } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 16px; padding-left: 16px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-sm-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-sm-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-md-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-md-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-lg-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-lg-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-xl-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-xl-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img, .card-img-top, .card-img-bottom { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 16px; } @media (min-width: 576px) { .card-deck { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -16px; margin-left: -16px; } .card-deck .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-right: 16px; margin-bottom: 0; margin-left: 16px; } } .card-group > .card { margin-bottom: 16px; } @media (min-width: 576px) { .card-group { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item { display: -ms-flexbox; display: flex; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row, .fact-cards { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } :root { --max-content-width: 590px; --default-border-radius: 4px; } .is-vertical-tabs-exp { --max-content-width: 672px; --default-border-radius: 8px; } .bang__resultset:after { content: ""; display: block; clear: both; } .tx--bold { font-weight: 600; } .tx--light { font-weight: 300; } .tx--italic { font-weight: normal; font-style: italic; } .tx--25 { font-size: 25px; font-size: 1.736111rem; } .tx--21 { font-size: 21px; font-size: 1.458333rem; } .tx--19 { font-size: 19px; font-size: 1.319444rem; } .tx--17 { font-size: 17px; font-size: 1.180556rem; } .tx--16 { font-size: 16px; font-size: 1.111111rem; } .tx--15 { font-size: 15px; font-size: 1.041667rem; } .tx--14 { font-size: 14px; font-size: 0.972222rem; } .tx--13 { font-size: 13px; font-size: 0.902778rem; } .tx--12 { font-size: 12px; font-size: 0.833333rem; } .tx--11 { font-size: 11px; font-size: 0.763889rem; } .tx-clr--white { color: #fff; } .text--primary, .tx-clr--dk, .tx-clr--slate { color: #333; } .tx-clr--dk2, .tx-clr--slate-light { color: #666; } .text--secondary, .tx-clr--grey-dark { color: #888; } .tx-clr--lt, .tx-clr--grey { color: #999; } .tx-clr--lt2, .tx-clr--grey-light { color: #aaa; } .tx-clr--silver-dark { color: #ededed; } .tx-clr--silver { color: #f2f2f2; } .tx-clr--silver-light { color: #f7f7f7; } .tx-clr--lt3, .tx-clr--platinum-darker { color: #c3c3c3; } .tx-clr--platinum-dark { color: #d0d0d0; } .tx-clr--platinum { color: #e0e0e0; } .tx-clr--platinum-light { color: #e5e5e5; } .tx-clr--red { color: #de5833; } .tx-clr--red-light { color: #e37151; } .tx-clr--red-dark { color: #bd4b2b; } .tx-clr--blue { color: #4495d4; } .tx-clr--blue-light { color: #66abff; } .tx-clr--blue-dark { color: #00278e; } .tx-clr--purple { color: #6d59a3; } .tx-clr--gold { color: #f1a031; } .tx-clr--green { color: #5b9e4d; } .bg-tile, .bg-clr--white { background-color: #fff; } .bg-btn { background-color: #fafafa; } .bg-clr--dk, .bg-clr--slate { background-color: #333; } .bg-clr--dk2, .bg-clr--slate-light { background-color: #666; } .bg-clr--grey-dark { background-color: #888; } .bg-clr--lt, .bg-clr--grey { background-color: #999; } .bg-clr--lt2, .bg-clr--grey-light { background-color: #aaa; } .bg-clr--silver-dark { background-color: #ededed; } .bg-clr--silver { background-color: #f2f2f2; } .bg-clr--silver-light { background-color: #f7f7f7; } .bg-clr--lt3, .bg-clr--platinum-darker { background-color: #c3c3c3; } .bg-clr--platinum-dark { background-color: #d0d0d0; } .bg-clr--platinum { background-color: #e0e0e0; } .bg-clr--platinum-light { background-color: #e5e5e5; } .bg-clr--red { background-color: #de5833; } .bg-clr--red-light { background-color: #e37151; } .bg-clr--red-dark { background-color: #bd4b2b; } .bg-clr--blue { background-color: #4495d4; } .bg-clr--blue-light { background-color: #66abff; } .bg-clr--blue-dark { background-color: #00278e; } .bg-clr--purple { background-color: #6d59a3; } .bg-clr--gold { background-color: #f1a031; } .bg-clr--green { background-color: #5b9e4d; } .hero-link { color: #5c2d1e; text-decoration: underline; } .hero-link:hover { color: #964931; } .hr--mid, .hr { clear: both; display: block; border: none; border-bottom: 2px solid #2f2f2f; margin: 1.25em 0; width: 4.5em; height: 0; } .hr--mid { margin-left: auto; margin-right: auto; } .red-title { color: #de5833; font-weight: normal; display: block; margin: 68px 0 20px; padding: 0; line-height: 1.1; clear: both; letter-spacing: 0.05em; } .page-about .links__card .btn, .page-press .asset__card .btn, .fact-card .btn, .blog-card .btn, .page-press .press--hero__btn, .btn--rounded { box-sizing: border-box; border-radius: 22px; font-size: 14px; letter-spacing: 0.7px; height: 42px; line-height: 37px; } .fact-card__footer, .blog-card__content, .tw-card__header, .tw-card__footer { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .flex-row, .fact-cards { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; } .ie9 .flex-row, .ie9 .fact-cards { display: table; margin-left: auto; margin-right: auto; } .ie9 .flex-row > div, .ie9 .fact-cards > div, .ie9 .flex-row > a, .ie9 .fact-cards > a { display: table-cell !important; vertical-align: middle; } .page-about .links__card, .page-press .asset__card, .fact-card, .blog-card { box-sizing: border-box; color: #333; display: block; box-shadow: 0 22px 48px -12px rgba(0, 0, 0, 0.12); border-radius: 4px; border-radius: var(--default-border-radius); overflow: hidden; } .page-about .links__card .btn, .page-press .asset__card .btn, .fact-card .btn, .blog-card .btn { width: 100%; margin-top: auto; max-width: 260px; } .page-about .links__card, .page-press .asset__card { -moz-flex: 0 0 310px; -ms-flex: 0 0 310px; flex: 0 0 310px; min-height: 360px; padding: 0 2px; background: none; box-shadow: none; margin: 0 16px 70px; } .blk--fact-cards + .blk { padding-top: 205px !important; } .fact-cards { padding-top: 20px; margin-bottom: -240px; margin-left: -30px; } .fact-card { -moz-flex: 1 1 180px; -ms-flex: 1 1 180px; flex: 1 1 180px; padding: 16px 0px 30px; margin-left: 30px; margin-bottom: 30px; } .fact-card:hover { text-decoration: none; } .fact-card:visited { color: #333; } .fact-card__icon { width: 100px; } .fact-card__title { padding: 0; margin-bottom: 9px; font-size: 44px; line-height: 1; font-weight: bold; color: #111; } .fact-card__subtitle { padding: 0; margin-bottom: 15px; font-size: 22px; line-height: 1; font-weight: bold; color: #111; } .fact-card__text { padding: 0; font-size: 16px; line-height: 1; color: #666; } @media only screen and (max-width: 900px) { .blk--fact-cards + .blk { padding-top: 460px !important; } .fact-cards { margin-bottom: -520px; } .fact-card { -moz-flex: 0 1 calc(50% - 32px); -ms-flex: 0 1 calc(50% - 32px); flex: 0 1 calc(50% - 32px); } } @media only screen and (min-width: 351px) and (max-width: 460px) { .blk--fact-cards + .blk { padding-top: 340px !important; } .fact-cards { margin-left: -20px; padding-top: 20px; margin-bottom: -370px; } .fact-card { margin-left: 20px; margin-bottom: 20px; padding: 14px 0 20px; } .fact-card__icon { width: 80px; } .fact-card__title { font-size: 31px; margin-bottom: 0; } .fact-card__subtitle { font-size: 16px; margin-bottom: 5px; } .fact-card__text { font-size: 12px; } } @media only screen and (max-width: 350px) { .blk--fact-cards + .blk { padding-top: 1040px !important; } .fact-cards { margin-bottom: -1090px; } .fact-card { -moz-flex: 0 1 320px; -ms-flex: 0 1 320px; flex: 0 1 320px; } } .blk { padding-bottom: 4em; position: relative; display: block; clear: both; z-index: 1; } .blk--alt { background-color: #181818; color:#fff; } .blk--dark { background-color: #34383b; color: #fff; } .blk--dark .hr { border-bottom-color: #fff; } .blk--hero { background-color: #e37151; color: #fff; } .blk--hero .hr { border-bottom-color: #fff; } .blk--hero--alt { background-color: #66abff; } .blk--foot { text-align: center; padding: 1.25em 0; color: #dbdce1; background: #353748; } .blk--foot p { padding: 0; } .blk--foot a { color: #dbdce1; } .blk--foot--alt { background-color: #e4e4e4; } .blk--foot--alt, .blk--foot--alt a { color: #999; } .blk--foot--alt p { display: inline-block; } .blk--foot--nav { padding: 50px 0 0; } .blk--foot--about .blk--foot__nav-head { line-height: 1; font-size: 18px; margin-bottom: 0; padding-bottom: 25px; } .blk--foot--about .blk--foot__nav-col p { margin-bottom: 10px; } .blk--foot--about .blk--foot__nav-link { color: white; } .blk--foot--about .blk--foot__nav-link:hover { text-decoration: none; } .blk--foot--about .blk--foot__nav-link .ddgsi { vertical-align: middle; margin-left: 5px; } .blk--content { padding-top: 1.25em; } .blk--arr, .blk--arr--white { padding-top: 4em; } .blk--arr:before, .blk--arr--white:before { content: ""; display: block; position: absolute; margin: auto; top: 0; left: 0; right: 0; width: 0; height: 0; border-style: solid; border-color: transparent; border-right-width: 28px; border-left-width: 28px; border-top-width: 22px; border-bottom-width: 0; border-top-color: #fff; } @media only screen and (max-width: 590px) { .blk--arr:before, .blk--arr--white:before { border-right-width: 18px; border-left-width: 18px; border-top-width: 14px; } } .blk--alt + .blk--arr:before { border-top-color: #f7f7f7; } .blk--dark + .blk--arr:before { border-top-color: #34383b; } .blk--hero + .blk--arr:before { border-top-color: #e37151; } .blk--hero--alt + .blk--arr:before { border-top-color: #66abff; } .blk--foot--nav, .blk--foot--about, .blk--border { border-bottom: 1px solid #575f66; } .blk__title { padding: 0; margin-bottom: 15px; font-size: 2.25em; font-weight: 600; line-height: 1.44; } .blk--hero .blk__title { color: #fff; } @media only screen and (max-width: 590px) { .blk__title { font-size: 1.5em; line-height: 1.14; } } .blk__sub { padding: 0; margin-bottom: 50px; color: #888; } .blk--hero .blk__sub { color: #fff; } .blk__text { max-width: 40em; margin: 0 auto; } .footer-nav a { margin-right: 1em; display: inline-block; } .blk--foot__nav-col { padding: 0 25px 35px 25px; } .blk--foot__nav-col ul { font-size: 1em; margin-bottom: 15px; line-height: 1.7; padding: 0; } .blk--foot__nav-head { padding: 0; margin-bottom: 5px; font-weight: 600; } @media only screen and (max-width: 590px) { .blk--foot__nav-col { padding-left: 0; padding-right: 0; font-size: 1em; display: inline-block; vertical-align: top; float: none; } .blk--foot--about .blk--foot__nav-col { padding-left: 25px; padding-right: 25px; } .blk--foot__nav-head { font-size: 1.1em; } } .blk--foot { box-sizing: border-box; } .blk--foot *, .blk--foot *:before, .blk--foot *:after { box-sizing: inherit; } .blk--foot__col { text-align: left; } .blk--foot__col ul { padding: 0; } .tw-slider, .page-about .timeline-slider, .slider { width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -moz-justify-content: space-around; justify-content: space-around; -ms-flex-align: center; -moz-align-items: center; align-items: center; } .slider__window { max-width: 100%; margin: 0 auto; } .slider__wrap { display: -moz-flex; display: -ms-flexbox; display: flex; max-width: 100%; position: relative; transition: margin-left 0.4s ease-out; } .tw-card, .page-about .timeline__panel, .slider__item { display: inline-block; box-sizing: border-box; max-width: 100%; -webkit-transition: opacity 0.3s ease-in-out; -webkit-transition-delay: 0s; transition: opacity 0.3s ease-in-out 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); vertical-align: top; white-space: normal; opacity: 0; } .no-js .tw-card, .no-js .page-about .timeline__panel, .page-about .no-js .timeline__panel, .is-active.tw-card, .page-about .is-active.timeline__panel, .no-js .slider__item, .slider__item.is-active { opacity: 1; } .is-first.tw-card, .page-about .is-first.timeline__panel, .slider__item.is-first { transition: margin-left 0.3s, opacity 0.3s; } .tw-nav, .slider-nav { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; margin: 1em 0; } .tw-nav__dot, .slider-nav__item { display: inline-block; font-size: 15px; width: 10px; height: 10px; margin: 0 6px; background-color: #e0e0e0; border-radius: 50%; vertical-align: middle; list-style: none; cursor: pointer; } .is-active.tw-nav__dot, .slider-nav__item.is-active { background-color: #ed7c5c; } .slider__arrow { -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 100%; background-color: #eee; cursor: pointer; font-size: 1.2em; text-align: center; line-height: 42px; z-index: 1; margin: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slider__arrow:active { opacity: 0.65; } .slider__arrow.no-scroll { cursor: default; opacity: 0.25; } .slider--prev { padding-right: 1px; } .slider--next { padding-left: 1px; } @media only screen and (max-width: 864px) { .slider__arrow { display: none; } } .blog-card { -moz-flex: 1 1 200px; -ms-flex: 1 1 200px; flex: 1 1 200px; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 390px; margin: 30px 15px; text-align: left; } .blog-card:hover { text-decoration: none; } .blog-card:visited { color: #333; } .blog-card__image { display: block; width: auto; height: 180px; background: #fff no-repeat 50%; background-image: none; background-size: auto auto; background-size: cover; } .blog-card__content { -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px; } .blog-card__title { padding: 0; font-size: 21px; margin-bottom: 15px; line-height: 1.3; } .blog-card__topic { font-size: 14px; color: rgba(51, 51, 51, 0.66); padding: 0; letter-spacing: 1.4px; } .tw-slider { -ms-flex-align: center; -moz-align-items: center; align-items: center; } .tw-slider .slider__window { width: 480px; } .tw-nav { margin: 70px 0 0px; } .tw-card { -moz-flex: 0 0 480px; -ms-flex: 0 0 480px; flex: 0 0 480px; min-height: 250px; text-align: center; color: #333; padding: 0 5px; visibility: hidden; outline: 0; will-change: transform; } .tw-card.is-active { visibility: visible; } .tw-card__header, .tw-card__footer { -ms-flex-align: center; -moz-align-items: center; align-items: center; } a.tw-card__link { color: #333; font-size: 13px; text-decoration: none; line-height: 1; } a.tw-card__link:visited { color: #333; } .tw-card__avatar { margin-right: 6px; margin-top: 4px; border-radius: 100%; width: 40px; height: 40px; } .tw-card__name { font-weight: bold; vertical-align: text-top; } .tw-card__verified { margin-left: 4.5px; width: 12px; height: 12px; } .tw-card__username { display: block; margin-top: -5px; } .tw-card__text { margin: 30.5px 0 43px; font-size: 21px; line-height: 1.37; text-align: left; white-space: pre-wrap; } .tw-card__logo { margin-left: auto; width: 27px; height: 22px; } .tw-card__footer { -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; } .tw-card__action { margin-right: 22px; } .tw-card__date { margin-left: auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: right; } @media only screen and (max-width: 590px) { .tw-card__text { font-size: 16px; } } .body--home, .site-wrapper--home { background: #f7f7f7; } .site-wrapper--home { height: 100%; } .site-wrapper--home:before { display: none !important; } .content-wrap--home { position: absolute; margin: auto; width: 100%; top: 24%; left: 0; right: 0; z-index: 12; } .no-js .content--home { visibility: visible !important; } .logo-wrap--home { position: relative; display: block; max-width: 300px; margin: auto; margin-bottom: 0.8em; margin-top: -1.25em; } @media only screen and (max-width: 425px) { .logo-wrap--home { margin-bottom: 1.25em; margin-top: 0; } } @media only screen and (max-height: 425px) { .logo-wrap--home { margin-bottom: 0; margin-top: 0; } } .search-wrap--home { padding: 1.3em 0.8em 1em; max-width: 590px; margin-left: auto; margin-right: auto; display: block; float: none; width: 70%; } .is-mobile .search-wrap--home .search--adv { height: 44px; } .is-mobile .search-wrap--home .search__input--adv { font-size: 16px; height: 44px; } .is-mobile .search-wrap--home .search__clear { margin-right: 3.6em; opacity: 1; } .is-mobile .search-wrap--home .acp-wrap { max-height: 162px; } .is-mobile .search-wrap--home .search__autocomplete--bang .acp-wrap { max-height: 174px; } @media only screen and (max-width: 590px) { .search-wrap--home { width: 80%; } .has-search-focus .search-wrap--home { width: auto; } } @media only screen and (max-width: 425px) { .search-wrap--home { width: auto; } } @media only screen and (max-height: 455px) and (orientation: portrait) { .displayable-atb-banner .search-wrap--home { padding-top: 0.694em; padding-bottom: 0.2em; } } .is-mobile .header--aside__item.social { display: block; position: absolute; top: -1px; left: 30px; pointer-events: auto; } .is-mobile .header--aside__item.social .modal--popout { margin-left: 17px; } .tag-home { position: relative; line-height: 1.4; font-size: 1.25em; padding: 0; margin: 0.5em auto; text-align: center; color: #9a9a9a; } @media only screen and (max-width: 590px) { .tag-home { font-size: 1em; } } .tag-home__link, .tag-home__link:hover, .tag-home__link:visited, .tag-home__link:active { text-decoration: underline; color: #9a9a9a; } .tag-home__link:hover { text-decoration: none; } .is-mobile .tag-home__link { display: none; } .tag-home__link.tag-home__link-1 { text-decoration: none; } .tag-home__link.tag-home__link-1:hover { text-decoration: underline; } .tag-home__icon { position: relative; top: 2px; width: 16px; height: 16px; } .foot-home { position: absolute; bottom: 14%; left: 0; right: 0; width: 100%; padding: 1em 0; text-align: center; } .lt-ie9 .foot-home { display: none; } .foot-home.show-on-small-screens { display: block; } .foot-home.fix-to-bottom { display: block; bottom: 0; padding: 0; height: auto !important; right: 0; } @media only screen and (max-width: 590px) { .foot-home { font-size: 0.9176em; } } @media only screen and (max-height: 425px) { .foot-home { display: none; } } @media only screen and (max-height: 425px) { .foot-home, .foot-home.show-on-small-screens { display: none; } } .blurred-animation .header--aside, .blurred-animation .header-wrap--hero, .blurred-animation .header-wrap--home, .blurred-animation .content-wrap--home, .blurred-animation .onboarding-ed, .blurred-animation .onboarding-scroll-teaser, .blurred-animation .foot-home { -webkit-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .is-blurred .header--aside, .is-blurred .header-wrap--hero, .is-blurred .header-wrap--home, .is-blurred .content-wrap--home, .is-blurred .onboarding-ed, .is-blurred .onboarding-scroll-teaser, .is-blurred .foot-home { opacity: 0.5; } .is-blurred.cssfilters .header--aside, .is-blurred.cssfilters .header-wrap--hero, .is-blurred.cssfilters .header-wrap--home, .is-blurred.cssfilters .content-wrap--home, .is-blurred.cssfilters .onboarding-ed, .is-blurred.cssfilters .onboarding-scroll-teaser, .is-blurred.cssfilters .foot-home { -webkit-filter: blur(5px); -moz-filter: blur(5px); filter: blur(5px); opacity: 1; } @media only screen and (max-height: 361.25px) and (min-width: 864px) { .content-wrap--home { margin-bottom: 3em; text-align: center; } .content--home { padding-bottom: 2em; display: -ms-flexbox; display: flex; } .content--home .cw--c { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .logo-wrap--home, .search-wrap--home { display: block; margin: 0; } .search-wrap--home { box-sizing: border-box; text-align: left; max-width: 400px; padding-right: 0; } .search--home { margin-left: 1em; margin-top: -0.25em; } .logo_homepage { margin-left: -22px; margin-right: -22px; } .tag-home { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media only screen and (max-height: 590px) { .content-wrap--home { top: 20%; } } @media only screen and (min-height: 700px) { .foot-home { bottom: 20%; } } @media only screen and (max-height: 650px) { .is-firefox-focus .tag-home { display: none; } } @media only screen and (max-height: 560px) and (min-width: 320px) { .is-firefox-focus .fix-to-bottom { display: none !important; } } @media only screen and (max-height: 480px) and (min-width: 360px) { .fix-to-bottom { display: none !important; } } @media only screen and (max-height: 540px) { .foot-home { display: none; } .fix-to-bottom { top: auto !important; } } @media only screen and (max-height: 540px) and (min-width: 590px) { .foot-home { padding-top: 21px; right: 90px; } } @media only screen and (max-height: 595px) and (min-width: 590px) { .content-wrap--home { top: 7em; padding-bottom: 4em; margin-bottom: 0; } } @media only screen and (max-height: 318.75px) and (min-width: 590px) { .content-wrap--home { top: 4em; } } @media only screen and (max-height: 276.25px) and (min-width: 590px) { .content-wrap--home { position: absolute; top: 30%; } } .is-atb-fullbleed .content-wrap--home { position: relative !important; top: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .is-atb-fullbleed .onboarding-ed:not(.onboarding-ed--faq) { position: static; height: 100vh; top: 100vh; } .is-atb-fullbleed .onboarding-ed__slide { height: 100vh; } .is-atb-fullbleed .header-wrap--home { display: block; width: 100%; max-width: 1400px; box-sizing: border-box; padding: 1px 23px 0 23px; margin: 0 auto; height: auto; } .is-atb-fullbleed .content--home { display: block; padding-bottom: 0; height: auto; } .is-atb-fullbleed .content--home .cw--c { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin: 0 auto; } .is-atb-fullbleed .content--home .logo-wrap--home { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 14px 0 40px; } .is-atb-fullbleed .content--home .logo_homepage { width: 200px; height: 162px; margin: 0; background-image: url(assets/logo_homepage.normal.v108.svg); background-size: 100% 100%; } .is-atb-fullbleed .content--home .logo_homepage__tt { left: 105%; top: 30%; } .is-atb-fullbleed .content--home .search-wrap--home { padding: 0; margin: 0; width: 100%; max-width: none; } .is-atb-fullbleed .content--home .search--home { width: 100%; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 665px; margin: 0 auto; padding-left: 1em; padding-top: 1px; } .is-atb-fullbleed .content--home .search__input--adv:-ms-input-placeholder { color: #aaa; } .is-atb-fullbleed .content--home .search--adv:hover, .is-atb-fullbleed .content--home .search--adv.search--header.has-text.search--hover, .is-atb-fullbleed .content--home .search--adv.search--header.has-text.search--focus, .is-atb-fullbleed .content--home .search--adv.search--home.has-text { padding-right: 3.5em; } .is-atb-fullbleed .content--home .tag-home { display: none; } .is-atb-fullbleed .header--aside { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: normal; height: auto; } .is-atb-fullbleed .header--aside { margin: 0; -ms-flex-pack: end; justify-content: flex-end; position: static; } .is-atb-fullbleed .header--aside .header--aside__item { line-height: normal; height: auto; z-index: auto; } .is-atb-fullbleed .header--aside .header--aside__item.showcase { display: none; } .is-atb-fullbleed .header--aside .header__button--menu { -ms-flex-order: 1; order: 1; position: static; top: 0; height: auto; width: auto; padding: 8px; line-height: normal; margin-right: -8px; } .is-atb-fullbleed .onboarding-ed__arrow { display: none !important; } .is-atb-fullbleed .badge-link.badge-link--full { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: auto; max-width: 1140px; margin: 30px auto 48px; padding: 0 40px; text-align: center; border: none; background: none; cursor: initial; box-shadow: none !important; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .is-atb-fullbleed .badge-link.badge-link--full.badge-link--set-as-default .badge-link__subtitle { max-width: 530px; } .is-atb-fullbleed .badge-link__wrap { box-sizing: border-box; width: auto; max-width: none; padding: 0; margin: 0; -ms-flex-negative: 1; flex-shrink: 1; } .is-atb-fullbleed .badge-link__content { max-width: none; padding: 0; } .is-atb-fullbleed .badge-link__title { margin-bottom: auto; padding: 0 0 5px; font-size: 32px; line-height: 44px; text-align: center; color: #353748; } .is-atb-fullbleed .badge-link__title span { white-space: nowrap; } .is-atb-fullbleed .badge-link__title, .is-atb-fullbleed .content-info__item__title { font-weight: 700; } .is-atb-fullbleed :lang(en) .badge-link__title, .is-atb-fullbleed :lang(en) .content-info__item__title { font-weight: 800; } .is-atb-fullbleed :lang(de) .badge-link__title, .is-atb-fullbleed :lang(de) .content-info__item__title { font-weight: 800; } .is-atb-fullbleed :lang(fr) .badge-link__title, .is-atb-fullbleed :lang(fr) .content-info__item__title { font-weight: 800; } .is-atb-fullbleed :lang(es) .badge-link__title, .is-atb-fullbleed :lang(es) .content-info__item__title { font-weight: 800; } .is-atb-fullbleed :lang(it) .badge-link__title, .is-atb-fullbleed :lang(it) .content-info__item__title { font-weight: 800; } .is-atb-fullbleed .badge-link__bullets, .is-atb-fullbleed .badge-link__subtitle { font-size: 17px; color: #353748; } .is-atb-fullbleed .badge-link__subtitle { margin: 0 auto; padding: 0; max-width: none; color: #353748; font-size: 17px; line-height: 28px; font-weight: normal; } .is-atb-fullbleed .badge-link__bullets { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 0; } .is-atb-fullbleed .badge-link__bullets .badge-link__bullet { display: -ms-flexbox; display: flex; position: relative; padding-left: 0px; margin-bottom: 0px; font-size: 17px; line-height: 28px; font-weight: 600; -ms-flex-align: center; align-items: center; } .is-atb-fullbleed .badge-link__bullets .badge-link__bullet:not(:last-child) { margin-right: 22px; } .is-atb-fullbleed .badge-link__bullets .badge-link__bullet span { text-transform: capitalize; } .is-atb-fullbleed .badge-link__bullets .badge-link__bullet-check { color: #6fbf5c; margin-right: 6px; margin-top: -1px; } .is-atb-fullbleed .badge-link__btn-wrap { display: inline-block; min-width: 235px; } .is-atb-fullbleed .badge-link__btn-wrap, .is-atb-fullbleed .badge-link__btn-wrap:hover { text-decoration: none; } .is-atb-fullbleed .badge-link__btn { display: -ms-flexbox; display: flex; height: 43px; min-height: 44px; margin: 0; margin-top: 20px; width: 100%; font-size: 15px; line-height: 1.3; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-color: #678fff !important; border-color: #678fff !important; box-sizing: border-box; font-weight: 700; border-radius: 10px; white-space: normal; } .is-atb-fullbleed .badge-link__social { margin: 14px auto 0; padding: 0; font-size: 12px; line-height: 1.35; font-weight: bold; color: #333; } .is-atb-fullbleed .content-info { text-align: center; -ms-flex-order: 4; order: 4; color: #353748; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .is-atb-fullbleed .content-info__title { font-size: 17px; line-height: 24px; font-weight: bold; color: #353748; } .is-atb-fullbleed .content-info__items { display: -ms-flexbox; display: flex; position: relative; min-height: 322px; -ms-flex-pack: center; justify-content: center; margin: 30px auto 0; padding: 0 40px; } @media (max-height: 260px) { .is-atb-fullbleed .content-info__items { padding-bottom: 4em !important; } } .is-atb-fullbleed .body--home .content-info__items { padding-bottom: 50px; } .is-atb-fullbleed .body--home .content-info__items::after { display: none; } .is-atb-fullbleed .body--home.body--onboarding .content-info__items { padding-bottom: 0px; } .is-atb-fullbleed .body--home.body--onboarding .content-info__items::after { display: block; position: absolute; left: 0; right: 0; bottom: 0; background: #58b792; width: 100vw; content: " "; height: calc(100% - 180px); z-index: -1; } .is-atb-fullbleed .content-info__items-wrap { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 1140px; min-height: 322px; } .is-atb-fullbleed .content-info__item { box-sizing: border-box; width: 332px; min-height: 322px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin: 0 12px; padding: 24px; background-color: #fff; border-radius: 18px; box-shadow: 0px 10px 16px -8px rgba(0, 0, 0, 0.2); } .is-atb-fullbleed .content-info__item:first-of-type { margin-left: 0; } .is-atb-fullbleed .content-info__item:last-of-type { margin-right: 0; } .is-atb-fullbleed .body--home .content-info__curve { position: absolute; bottom: -2px; width: 100vw; color: #e37151; z-index: -1; } .is-atb-fullbleed .body--home.body--onboarding .content-info__curve { top: 120px; -webkit-transform: translateY(-25%); transform: translateY(-25%); } @media only screen and (max-width: 930px) { .is-atb-fullbleed .body--home.body--onboarding .content-info__curve { top: 100%; } } .is-atb-fullbleed.hide-curve .body--home .content-info__curve { display: none; } .is-atb-fullbleed .content-info__item__icon { display: block; width: auto; margin: 20px 20px 32px; min-height: 72px; max-height: 72px; } .is-atb-fullbleed .content-info__item__title { margin-bottom: 6px; font-size: 21px; line-height: 27px; color: inherit; width: 100%; } .is-atb-fullbleed .content-info__item__subtitle { font-size: 16px; line-height: 24px; font-weight: normal; color: inherit; width: 100%; } .is-atb-fullbleed .content-info__item__link { font-weight: 600; color: #678fff !important; white-space: nowrap; } .is-atb-fullbleed .content-info__item__link:visited, .is-atb-fullbleed .content-info__item__link:hover { color: #678fff !important; text-decoration: none; } .is-atb-fullbleed .content-info__item__link:hover { cursor: pointer; } .is-atb-fullbleed .onboarding-ed, .is-atb-fullbleed .onboarding-ed__slide { height: 100vh; } .is-atb-fullbleed .onboarding-ed.onboarding-ed--faq, .is-atb-fullbleed .onboarding-ed--faq .onboarding-ed__slide { height: auto; } .is-atb-fullbleed .onboarding-ed__slide:not(:first-of-type) { display: none; } .is-atb-fullbleed:not(.dark-bg) .body--home.body--onboarding .content-info__items::after, .is-atb-fullbleed:not(.dark-bg) .onboarding-ed__slide-1 { background: #e37151; } .is-atb-fullbleed .onboarding-ed__image--animated { background: inherit; } .is-atb-fullbleed .onboarding-ed__image--animated .cloud-top { fill: #e2a693; } .is-atb-fullbleed .onboarding-ed__image--animated .cloud-bottom { fill: #db8e76; } .is-atb-fullbleed .onboarding-ed__content { margin: 100px auto; } .is-atb-fullbleed .onboarding-ed__button-small { border-radius: 10px; } @media only screen and (max-width: 930px) { .is-atb-fullbleed .site-wrapper--home { min-height: 100vh; height: auto; } .is-atb-fullbleed .badge-link.badge-link--full { -ms-flex-direction: row; flex-direction: row; padding: 0 10px; -ms-flex-align: center; align-items: center; -ms-flex-order: 1; order: 1; -webkit-transform: none; transform: none; } .is-atb-fullbleed .badge-link__wrap { max-width: none; -ms-flex-negative: 1; flex-shrink: 1; } .is-atb-fullbleed .badge-link__title, .is-atb-fullbleed .badge-link__content { text-align: center; } .is-atb-fullbleed .badge-link__title { margin-top: 0px; } .is-atb-fullbleed .badge-link__content { margin: 0 auto; padding: 0; } .is-atb-fullbleed .badge-link__bullet-check { display: block; } .is-atb-fullbleed .badge-link__rating-wrap { -ms-flex-pack: center; justify-content: center; } .is-atb-fullbleed .badge-link__rating { max-width: unset; } .is-atb-fullbleed .badge-link__btn { padding-left: 1.8em; padding-right: 1.8em; } .is-atb-fullbleed .content-info__items-wrap { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding: 0; } .is-atb-fullbleed .body--home.body--onboarding .content-info__items::after { display: none; } .is-atb-fullbleed .content-info__item { width: 290px; margin: 0 12px 20px; max-width: 90%; } .is-atb-fullbleed .content-info__item:first-of-type { margin: 0 12px 20px; } .is-atb-fullbleed .content-info__item:last-of-type { margin: 0 12px 100px; } .is-atb-fullbleed .content-info__item__icon { margin: 10px 0 30px; } } @media only screen and (max-width: 650px) { .is-atb-fullbleed .badge-link__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .is-atb-fullbleed .badge-link.badge-link--full .badge-link__subtitle { max-width: 375px; } .is-atb-fullbleed .badge-link__bullets { display: block; padding-bottom: 0px; margin: 20px auto 0px; } .is-atb-fullbleed .badge-link__btn { margin-top: 30px; } .is-atb-fullbleed .badge-link__bullet:not(:last-child) { margin: 0 0 12px; } .is-atb-fullbleed .badge-link__bullet:last-of-type { margin-bottom: 0; } } .is-atb-fullbleed.dark-bg .logo_homepage { background-image: url(assets/logo_homepage.alt.v108.svg); } .is-atb-fullbleed.dark-bg .content-info__curve, .is-atb-fullbleed.dark-bg .onboarding-ed__curve { color: #58b792; } .page-about .timeline__logo, .page-about .links__card__icon, .page-about .timeline__icon { width: 100px; height: 100px; } .page-about .abt { text-align: center; padding: 100px 0; } .page-about .abt p { padding: 0; } .page-about .abt .cw--c { max-width: 1070px; padding: 0 20px; } .page-about .abt .blk__text { text-align: center; } .page-about .abt .blk__content { background-color: #f9f9f9; } .page-about .abt__hr { width: 50px; margin: 50px auto; border: 0; height: 2px; background-color: #3fa4f2; } .page-about .abt__title { font-size: 36px; font-weight: bold; padding: 0; line-height: 1; color: #222; margin-bottom: 30px; } .page-about .abt__title--small { padding: 0; font-size: 14px; font-weight: 600; letter-spacing: 1.4px; color: #999; } .page-about .abt__subtitle, .page-about .timeline__snippet { font-size: 21px; max-width: 550px; color: #494949; margin: 0 auto; padding: 0; } .page-about .header-wrap--hero { background-color: #afd2ec; color: #391e6d; } .page-about .header-wrap--hero .header__button--menu { color: #391e6d; } .page-about .abt--hero { background-color: #afd2ec; text-align: center; padding-top: 50px; padding-bottom: 0 !important; line-height: 1; } .page-about .abt--hero__logo { width: 104px; } .page-about .abt--hero__title { color: #230545; font-size: 40px; font-weight: 800; padding: 0; margin: 20px 0; line-height: 1.33; } .page-about .abt--hero__text { color: #230545; font-size: 21px; line-height: 1.5; max-width: 610px; padding: 0 0 100px; margin: 0 auto -2px; } @media only screen and (max-width: 864px) { .page-about .abt--hero__text { padding-bottom: 40px; } } @media only screen and (max-width: 590px) { .page-about .abt--hero__text { padding-bottom: 20px; } } @media only screen and (max-width: 425px) { .page-about .abt--hero__text { padding-bottom: 10px; } } .page-about .abt--hero-bottom { background-color: #230545; padding: 40px 0 3em; z-index: 5; } .page-about .abt--hero-bottom .abt__title--small { color: #80748f; } .page-about .abt--hero__img { margin-bottom: -2px; margin-top: -2px; z-index: -1; width: 102%; margin-left: -1%; max-width: none; } .page-about .abt--hero__subtext { font-size: 21px; width: 750px; max-width: 100%; margin: 0 auto; padding: 0; font-weight: 300; } .page-about .abt--follow { z-index: 2; } .page-about .abt--follow .abt__subtitle, .page-about .abt--follow .timeline__snippet { margin-bottom: 10px; } .page-about .abt__facts { z-index: 25; position: relative; } .page-about .abt__btn { background-color: #66abff; max-width: 280px; margin-left: auto; margin-right: auto; text-transform: none; } .page-about .abt--timeline { padding-bottom: 70px; padding-top: 17px; } .page-about .timeline-slider .slider__arrow { position: relative; top: -60px; } .page-about .timeline-slider .slider__window { width: 480px; } .page-about .timeline-slider .slider__wrap { -ms-flex-align: center; -moz-align-items: center; align-items: center; white-space: nowrap; font-size: 0; width: 100%; } .ie9 .timeline-slider > div { display: inline-block; } .page-about .timeline__panel { -moz-flex: 0 0 480px; -ms-flex: 0 0 480px; flex: 0 0 480px; margin: 0; padding: 0; vertical-align: middle; min-height: 250px; text-align: center; } .page-about .timeline__icon, .page-about .timeline__logo { margin: 0 auto 20px auto; display: block; } .page-about .timeline__snippet { font-size: 18px; } .page-about .timeline__date { margin: 30px 0 0; padding: 0; color: #e74c58; font-size: 15px; } .page-about .btn--timeline-atb { margin-top: 15px; } .page-about .timeline--nav { width: 42px; height: 42px; border-radius: 100%; color: #333; background-color: #fff; box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.25); cursor: pointer; font-size: 1.2em; text-align: center; line-height: 42px; } .page-about .timeline--nav:active { opacity: 0.65; } .page-about .timeline--nav.no-scroll { cursor: default; opacity: 0.25; } .page-about .timeline-nav { height: 64px; width: 100%; margin: 50px 0; white-space: nowrap; display: table; position: relative; z-index: 30; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-about .timeline-nav__cw { transition: margin-left 0.4s ease-out; left: 50%; margin-left: -32px; position: absolute; } .page-about .timeline-nav__cw:after { content: ""; height: 2px; width: 200%; top: 50%; left: 0; margin: -1px 12px 0; background: #eee; position: absolute; z-index: 1; } .page-about .timeline-nav__it { transition: background-color 0.2s ease-out; box-sizing: border-box; border: 0 solid #eee; height: 36px; width: 36px; margin: 0 25px; background: #eee; display: inline-block; white-space: normal; vertical-align: middle; position: relative; cursor: pointer; z-index: 20; border-radius: 100%; } .lt-ie9 .page-about .timeline-nav__it { border-width: 2px; } .page-about .timeline-nav__it.is-active { background: #e74c58; } .page-about .timeline-nav__it--start { margin-left: 0; position: relative; font-size: 24px; height: 64px; width: 64px; line-height: 64px; color: #fff; } .page-about .timeline-nav__it--start:before { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\25ba"; } .page-about .timeline-nav__it--year { box-shadow: none; cursor: default; border: none; color: #e74c58; font-size: 18px; } .page-about .timeline-nav__it__text { position: relative; top: 50px; } .page-about .abt--links { padding-bottom: 30px; } .page-about .abt--links .abt__title { margin-bottom: 80px; } .page-about .links__card { min-height: initial; } .page-about .links__card__icon { display: block; margin: 0 auto 30px; } .page-about .links__card__title { font-size: 24px; font-weight: bold; padding: 0; margin-bottom: 22px; line-height: 1; } .page-about .links__card__text { font-size: 17px; color: rgba(51, 51, 51, 0.66); padding: 0; margin-bottom: 30px; } .page-about .abt--mission { padding-bottom: 0px; } .page-about .abt--mission .cw--c { padding-top: 50px; } .page-about .abt--mission .abt__hr { margin-top: 100px; margin-bottom: 0; } .page-about .abt--blog { position: relative; z-index: 25; margin-bottom: -363px; } .page-about .abt.abt--twitter { padding-top: 295px; } .page-about .abt--map { padding-bottom: 0; } .page-about .abt--map.abt { padding-top: 295px; } .page-about .abt--map .cw--c { padding-bottom: 100px; } .page-about .abt--map .abt__title { margin-bottom: 30px; } .page-about .abt--map__link { margin-top: 30px; width: 100%; max-width: 260px; } .page-about .abt--map__link--right { position: absolute; right: 15px; text-decoration: none; } .page-about .abt--newsletter .abt__title { margin-bottom: 20px; } .page-about .abt--newsletter .abt__subtitle, .page-about .abt--newsletter .timeline__snippet { max-width: 400px; margin-bottom: 20px; } .page-about .abt--newsletter .frm--newsletter { display: block; width: 100%; max-width: 600px; margin: 0 auto; } .page-about .abt--newsletter input[type="email"] { background-color: white; } .page-about .abt--newsletter input[type="checkbox"] { vertical-align: middle; } .page-about .abt--newsletter .abt__input, .page-about .abt--newsletter .abt__btn { box-sizing: border-box; display: block; width: 100%; margin-bottom: 20px; } .page-about .abt--newsletter .abt__input { height: 44px; font-size: 14px; margin-left: auto; margin-right: auto; min-width: 100%; } .page-about .abt--newsletter .abt--newsletter__text { max-width: 320px; margin: 0 auto; } .page-about .abt--newsletter .abt--newsletter__link { color: #3fa4f2; font-weight: 600; } .page-about .abt--newsletter .course__options { -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; } .page-about .abt--newsletter .course__options .course__options__checkbox { margin-right: 3px; } @media only screen and (max-width: 590px) { .page-about .abt { padding: 35px 0; } .page-about .abt--hero__logo { width: 80px; margin-bottom: 0; } .page-about .abt--hero__title { font-size: 34px; margin: 10px 0; line-height: 1.1; } .page-about .abt--hero__text { font-size: 17px; margin-bottom: 0; } .page-about .abt--hero__subtext { font-size: 17px; } .page-about .abt--hero__img { height: 300px; width: auto; max-width: none; margin-left: -250px; margin-top: -50px; } .page-about .abt__title { font-size: 32px; } .page-about .abt__subtitle, .page-about .timeline__snippet { font-size: 17px; } .page-about .abt--message { padding: 50px 0; } .page-about .abt--message .abt__subtitle, .page-about .abt--message .timeline__snippet { font-size: 18px; } .page-about .abt--links .abt__title { margin-bottom: 25px; } .page-about .abt--mission { padding-bottom: 0; } .page-about .abt--mission .cw--c { padding-top: 0; } .page-about .abt--mission .abt__hr { margin-top: 35px; } .page-about .abt--timeline { padding-bottom: 45px; padding-top: 0; } .page-about .timeline__panel .abt__title { margin-bottom: 25px; } .page-about .abt__hr { margin: 25px auto; } .page-about .timeline-nav { height: 52px; margin: 20px 0; } .page-about .timeline-nav .timeline-nav__it { margin: 0 10px; } .page-about .timeline-nav .timeline-nav__it--start { height: 52px; width: 52px; line-height: 52px; margin-left: 0; } .page-about .links__card { margin-bottom: 25px; } .page-about .links__card:last-of-type { margin-bottom: 0; } .page-about .tw-nav { margin: 25px 0 0; } .page-about .abt--map { padding-bottom: 0px; } .page-about .abt--map .cw--c { padding-bottom: 35px; } } @media only screen and (max-width: 425px) { .page-about .abt--newsletter .cw--c { width: 80%; max-width: 250px; } } .atb--foot { text-align: center; background-color: #434a50; padding: 4em 0 8em; } .atb--foot__title { line-height: 1.2; font-size: 2.5em; } .atb--foot__subtitle { font-weight: 300; font-size: 1.2em; margin-top: 1em; } .atb--foot__list { margin-top: 2em; } .atb--foot__list li { display: inline-block; } .atb--foot__btn--media { font-size: 1.2em; margin: 5px; padding-top: 8px; padding-bottom: 8px; border: none; width: 120px; } .atb--foot__btn__img { margin-right: 12px; height: 20px; display: inline-block; position: relative; top: -2px; vertical-align: middle; } .atb--foot__btn__img.btn--media__email { height: 12px; } .atb--header__title { padding-bottom: 0.5em; padding-top: 1.5em; line-height: 1.2em; font-weight: 600; font-size: 2.5em; } .atb--header { border-bottom: 1px solid #ccc; text-align: center; padding-bottom: 0; margin-bottom: 60px; } .atb--header__img { position: relative; top: 7px; max-width: 800px; width: 100%; } .blk--atb { font-size: 16px; margin: 15px auto; max-width: 790px; } .atb--step--col { margin: 0 50px; } .atb--step__counter { background: #de5833; border-radius: 100%; color: #fff; width: 35px; height: 35px; line-height: 35px; text-align: center; padding: 0; } .atb--step__hint { background: #ededed; text-align: center; color: #666; font-weight: 200; width: 100%; max-width: 315px; border: 3px solid #ededed; } .atb--step__img { width: 100%; max-width: 315px; border: 3px solid #ededed; } .atb--step__desc { margin-top: 40px; color: #666; font-weight: 200; } .atb--step__btn { margin-top: 75px; } .show--extra__link { cursor: pointer; } .extra--steps { display: block; } .extra--steps__hidden { display: none; } .adblock-install { background: -moz-linear-gradient(to bottom, #eee, #fff 65%) no-repeat; } .adblock-install .page-install { background: none; } .adblock-install .badge-main-msg--splash { border-radius: 10px; text-decoration: none !important; } .adblock-install .badge-link--splash { border-radius: 10px; box-shadow: 0px 28px 40px -15px rgba(130, 130, 130, 0.5); display: table; position: relative; right: 0; top: 0; margin-top: 50px; margin-bottom: 100px; text-decoration: none !important; padding: 35px 40px 30px; width: 260px; border: none; -webkit-background-clip: padding-box; } .adblock-install .splash__logo { background-image: url("assets/add-to-browser/ddg_stacked.png"); background-size: 142px 112px; width: 142px; height: 112px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 192), only screen and (min-resolution: 192dppx) { .adblock-install .splash__logo { background-image: url("assets/add-to-browser/ddg_stacked@2x.png"); } } .adblock-install .badge-link__title { font-size: 21px; line-height: 1.15; padding: 35px 0px 10px; } .adblock-install .badge-link__bullets { padding: 15px 0 22px 0px; font-size: 14.5px; } .adblock-install .badge-link__bullet { margin-bottom: 2px; padding-left: 0px; } .adblock-install .badge-link__bullet:before { content: "•"; font-size: 12px; position: relative; top: -2px; display: inline-block; padding-right: 12px; } .adblock-install .badge-link__btn { background-color: #4495d4; font-size: 18px; margin: 0px; border: 0px none; } .reddit-install { overflow: hidden; } .reddit-install .page-install { overflow: auto; height: 100%; background: #f7f7f7 linear-gradient(309.41deg, #88b5f9 -38.89%, rgba(136, 190, 249, 0) 76.71%); } .reddit-install .site-wrapper { overflow: visible; } .reddit-install h1 { font-size: 36px; font-weight: bold; line-height: 1.1; padding: 0; } @media (max-width: 1200px) { .reddit-install h1 { font-size: 32px; } } .reddit-install ul { max-width: 520px; margin: 30px 0 31px; font-size: 16px; padding: 0; } @media (min-width: 1400px) { .reddit-install ul { font-size: 18px; } } .reddit-install li { padding-left: 1.5em; margin-bottom: 0.35em; line-height: 1.4; background: url("assets/add-to-browser/bullet.svg") no-repeat 0.2em 0.45em; } .reddit-install .logo--splash { margin: 0 0 60px; width: 92px; } .reddit-install .atb-tagline { font-size: 18px; padding: 0; } .reddit-install .flex-container { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; height: 100vh; font-size: 18px; } @media (max-height: 730px) { .reddit-install .flex-container { height: 640px; padding-top: 50px; } } @media (max-width: 990px) { .reddit-install .flex-container { width: 100%; margin-left: 50px; } } .reddit-install .flex-container .content-wrap { color: black; } .reddit-install .flex-container .flex { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.1s ease-out; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; } @media (max-width: 990px) { .reddit-install .flex-container .flex { -ms-flex-pack: left; -moz-justify-content: left; justify-content: left; } } .reddit-install .flex-container .flex.loaded { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .reddit-install .flex-container .flex--align-start { -ms-flex-align: start; -moz-align-items: start; align-items: start; } .reddit-install .flex-container .flex-item { max-width: 45vw; min-width: 33vw; } @media (max-width: 990px) { .reddit-install .flex-container .flex-item { min-width: 450px; padding-right: 1.5em; } } .reddit-install .flex-container .flex-item__heading { font-size: 21px; font-weight: 600; padding: 0; } .reddit-install .flex-container .flex-list li { background-size: 16px auto; background-position-y: center; padding-left: 1.8em; font-size: 18px; white-space: nowrap; } .reddit-install .flex-container .flex-item--first { padding-bottom: 157px; padding-right: 1.5em; margin-right: auto; } @media (min-width: 1400px) { .reddit-install .flex-container .flex-item--first { padding-right: 4em; } } @media (max-height: 730px) { .reddit-install .flex-container .flex-item--first { padding-bottom: 0; } } .reddit-install .atb-btn { box-shadow: 0 12px 30px -8px rgba(100, 100, 160, 0.7); border-radius: 5px; display: inline-block; padding: 11px 15px; margin-bottom: 12px; margin-top: 57px; text-decoration: none; font-weight: bold; border: 1px solid #ddd; background-color: #ee785f; color: #fff; border-width: 0; cursor: pointer; font-size: 18px; } .reddit-install .atb-btn:hover, .reddit-install .atb-btn:active, .reddit-install .atb-btn:focus { background-color: #de5833; } .reddit-install .wolf-and-sheep { margin-top: 10px; } .guide-grid, .guide-box, .guide-clr { box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1), inset -1px -1px 0 rgba(0, 0, 0, 0.1); } .guide-icon-example { display: block; font-size: 24px; padding-top: 0.5em; padding-bottom: 0.25em; } .guide-text-spec { line-height: 1.4; } .guide-grid { display: block; font-weight: 600; padding-left: 1em; margin-bottom: 1em; background-color: #f2f2f2; color: #666; height: 3em; line-height: 3; } .guide-box { display: block; text-align: left; height: 2.5em; line-height: 2.5; font-weight: 600; padding: 0 0.5em; margin-bottom: 0.25em; } .guide-popover-box { padding: 4em; } .guide-popout-wrapper { overflow: visible !important; } .guide-popout-wrapper .popout-trig { position: relative; display: inline-block; } .guide-popout { display: inline-block; margin: 2em; position: relative; width: 30%; } .guide-popout .modal__box { -webkit-transform: scale(1); transform: scale(1); max-width: 100%; position: static; visibility: visible; opacity: 1; z-index: 1; } .guide-popout-trig { margin: 140px auto 125px; } .guide-font-reset { font-size: 1rem; } .guide-clr-wrap { margin: -0.25em; text-align: center; } .guide-clr { display: inline-block; position: relative; margin: 0.25em; height: 72px; width: 72px; color: #fff; color: rgba(255, 255, 255, 0.8); } .guide-clr:before, .guide-clr:after { position: absolute; display: block; line-height: 1; right: 0; left: 0; } .guide-clr:before { font-weight: 600; bottom: 46%; } .guide-clr:after { content: attr(data-name); font-size: 0.8em; top: 52%; } .guide-clr--white { background-color: #fff; color: #999; } .guide-clr--white:before { content: "#fff"; } .guide-clr--silver-light { background-color: #f7f7f7; color: #888; } .guide-clr--silver-light:before { content: "#f7f7f7"; } .guide-clr--silver { background-color: #f2f2f2; color: #666; } .guide-clr--silver:before { content: "#f2f2f2"; } .guide-clr--silver-dark { background-color: #ededed; color: #666; } .guide-clr--silver-dark:before { content: "#ededed"; } .guide-clr--platinum-light { background-color: #e5e5e5; color: #333; } .guide-clr--platinum-light:before { content: "#e5e5e5"; } .guide-clr--platinum { background-color: #e0e0e0; color: #333; } .guide-clr--platinum:before { content: "#e0e0e0"; } .guide-clr--platinum-dark { background-color: #d0d0d0; color: #333; } .guide-clr--platinum-dark:before { content: "#d0d0d0"; } .guide-clr--platinum-darker { background-color: #c3c3c3; color: #333; } .guide-clr--platinum-darker:before { content: "#c3c3c3"; } .guide-clr--grey-light { background-color: #aaa; color: #333; } .guide-clr--grey-light:before { content: "#aaa"; } .guide-clr--grey { background-color: #999; color: #333; } .guide-clr--grey:before { content: "#999"; } .guide-clr--grey-dark { background-color: #888; color: #333; } .guide-clr--grey-dark:before { content: "#888"; } .guide-clr--slate-light { background-color: #666; } .guide-clr--slate-light:before { content: "#666"; } .guide-clr--slate { background-color: #333; } .guide-clr--slate:before { content: "#333"; } .guide-clr--red { background-color: #de5833; } .guide-clr--red:before { content: "#de5833"; } .guide-clr--red-light { background-color: #e37151; } .guide-clr--red-light:before { content: "#e37151"; } .guide-clr--red-dark { background-color: #bd4b2b; } .guide-clr--red-dark:before { content: "#bd4b2b"; } .guide-clr--green { background-color: #5b9e4d; } .guide-clr--green:before { content: "#5b9e4d"; } .guide-clr--gold { background-color: #f1a031; } .guide-clr--gold:before { content: "#f1a031"; } .guide-clr--blue { background-color: #4495d4; } .guide-clr--blue:before { content: "#4495d4"; } .guide-clr--blue-dark { background-color: #00278e; } .guide-clr--blue-dark:before { content: "#00278e"; } .guide-clr--blue-light { background-color: #66abff; } .guide-clr--blue-light:before { content: "#66abff"; } .guide-clr--purple { background-color: #6d59a3; } .guide-clr--purple:before { content: "#6d59a3"; } .ia-index-topics { float: left; overflow: scroll; margin-right: 2em; height: 800px; margin-left: 1em; } .ia-index-description { margin-left: 2em; white-space: normal; width: 200px; } .ia-index-detail-right { float: right; display: inline-block; } .ia-index-detail-left { display: inline-block; padding-left: 6em; } .ia-index-queries { padding-top: 3em; } .ia-index-attribution { padding-top: 3em; } .ia-index-detail-foot { padding-top: 3em; } .ia-index-name { font-size: 2em; } .ia-index-topic-detail { padding-top: 4em; } .ia-index-selected { width: 0.2em; background: #c9481c; } .ia-index-bug_link { padding-right: 1em; } .page-settings .content.cw { max-width: none; } .page-settings .content__internal { max-width: 100.5em; } .settings-page-wrapper { position: relative; } .set-main { position: relative; float: left; width: 60%; } .set-main .frm__field { padding: 0.5em 0.7em; position: relative; } .set-main .frm__section-label { font-size: 1.2em; padding: 1em 0.583333em; color: #de5833; } .set-main .frm__label { font-size: 1.1em; padding: 0; font-weight: 400; } .set-main .frm__desc { padding: 0; color: #666; max-width: 70%; } .set-main .frm__switch, .set-main .frm__color, .set-main .frm__select { float: right; margin-left: 30px; } .set-main .frm__switch { margin-top: 2px; } .set-main .frm__color { padding-top: 5px; } .set-main .frm__select { margin-top: 3px; } .set-main .frm__color .frm__input { border-radius: 4px; border-radius: var(--default-border-radius); width: 6em; } .set-main .frm__color__swatch { float: right; margin-left: 0.5em; } .set-main .frm__input--clearable { float: right; } .set-head { border-bottom: 1px solid #eaeaea; padding: 15px 0.7em; margin-bottom: 15px; } .set-head__title { padding: 0; float: left; } .set-head__menu { float: right; } .set-themes .set-themes__wrapper { margin-bottom: 15px; -ms-flex-preferred-size: 15%; flex-basis: 15%; } @media only screen and (max-width: 864px) { .set-themes .set-themes__wrapper { -ms-flex-preferred-size: 30%; flex-basis: 30%; } } .set-themes .set-theme { padding: 10% 15%; } .set-themes .set-theme [class^="set-theme__color-"] { height: 10px; margin: 4px 0; } .set-themes .set-theme.is-checked .set-theme__check { width: 22px; height: 22px; border-radius: 11px; font-size: 14px; right: -5px; bottom: -5px; } .set-thumbnails { display: block; width: 102%; margin-left: -1%; margin-bottom: 1em; } .set-thumbnail { display: inline-block; width: 30%; margin: 1em 1% 0; text-align: center; cursor: pointer; } .set-thumbnail__img { box-sizing: border-box; border-radius: 4px; border-radius: var(--default-border-radius); overflow: hidden; display: block; position: relative; margin: 0 auto; border: 1px solid #eaeaea; } .set-thumbnail:hover .set-thumbnail__img { box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); } .is-checked .set-thumbnail__img { border: 4px solid #333; } .set-thumbnail__label { display: inline-block; padding: 0.5em 0; } .is-checked .set-thumbnail__label { font-weight: 600; } .set-thumbnail__inp { display: block; height: 0; width: 0; margin: 0; padding: 0; opacity: 0; } .set-thumbnail__check { display: none; color: #de5833; margin-right: 2px; position: relative; top: 1px; } .is-checked .set-thumbnail__check { display: inline-block; } .set-main-footer { border-top: 1px solid #eaeaea; text-align: right; margin-top: 1em; padding: 1em 0.7em; } .set-main-footer .btn--primary { padding-left: 2.5em; padding-right: 2.5em; } .set-side { position: relative; float: left; width: 35%; margin-left: 5%; margin-top: 15px; } .set-side .btn { margin: 0 0.25em; } .set-reset, .set-bookmarklet { border-radius: 4px; border-radius: var(--default-border-radius); margin: 1em 0; border: 1px solid #ddd; text-align: center; } .set-bookmarklet__title { display: block; cursor: pointer; padding: 1em; } .set-reset__title { display: block; cursor: pointer; padding: 1em; } .set-bookmarklet__title:hover, .set-reset__title:hover { background-color: rgba(150, 150, 150, 0.025); } .set-bookmarklet__detail { position: relative; text-align: left; padding: 1em; } .set-reset__detail { padding: 1em; } .set-bookmarklet__close { position: absolute; top: 1em; right: 1em; color: #696969; cursor: pointer; } .set-bookmarklet__info { padding: 0.5em 0; color: #888; } .set-bookmarklet__data { border-radius: 4px; border-radius: var(--default-border-radius); background: #f2f2f2; padding: 0.5em 3%; width: 94%; min-height: 3em; word-wrap: break-word; margin-bottom: 1em; } .set-bookmarklet__input { border-radius: 4px; border-radius: var(--default-border-radius); background: #f2f2f2; border: none; padding: 0.5em 3%; width: 94%; font-size: 1em; margin-bottom: 1em; } .set-reset__msg { font-size: 1.2em; font-weight: 600; margin-bottom: 1em; } .cloudsave { border-radius: 4px; border-radius: var(--default-border-radius); padding: 1em 1em 40px 1em; background: #f2f2f2; text-align: center; margin: 0 0 1em 0; } .cloudsave .frm__label { display: block; font-size: 1em; font-weight: 400; margin-bottom: 0.5em; } .cloudsave .frm__input { box-sizing: content-box; padding: 2px 0 2px 0.5em; width: 70%; } .cloudsave__title { padding: 0; line-height: 1; margin-bottom: 30px; } .cloudsave__icn { font-size: 5em; } .cloudsave__actions { margin-top: 1em; } .cloudsave__faq { font-size: 14px; font-weight: 300; line-height: 20px; text-align: left; } .cloudsave__faq p { padding: 0; } .cloudsave__faq ul, .cloudsave__faq ol { padding-top: 0; padding-bottom: 0; } .cloudsave__faq ul li, .cloudsave__faq ol li { line-height: inherit; } .cloudsave__faq ul { list-style: disc; padding-left: 1.35em; } .cloudsave__faq ol { list-style: decimal; list-style-position: inside; padding-left: 0; } .cloudsave__faq p + p, .cloudsave__faq p + ol { margin-top: 1em; } .cloudsave__faq strong, .cloudsave__faq em { font-weight: 500; } .cloudsave__faq h5 { font-size: 16px; font-weight: 500; line-height: 1; padding: 0; margin-top: 40px; margin-bottom: 20px; } .cloudsave__close { position: absolute; cursor: pointer; top: 1em; right: 1em; color: #696969; } .cloudsave__show-hide-passphrase { display: none; cursor: pointer; margin-top: 1em; color: #4495d4; } .cloudsave__show-hide-passphrase:hover { text-decoration: underline; } .cloudsave__hide-password { display: none; } .show-passphrase .cloudsave__hide-password { display: block; } .cloudsave__load-text { display: none; } .show-passphrase .cloudsave__load-text { display: inline-block; } .show-passphrase .cloudsave__show-password { display: none; } .show-passphrase .cloudsave__load-password { display: none; } .show-passphrase .cloudsave__load-text { display: inline-block; } .cloudsave__new-suggestion { color: #4495d4; cursor: pointer; margin-top: 1em; display: block; } .cloudsave__new-suggestion:hover { text-decoration: underline; } .cloudsave__new-suggestion.is-disabled { text-decoration: none; color: #888; } .cloudsave__error { border-radius: 4px; border-radius: var(--default-border-radius); background: #de5833; color: #fff; margin-top: 1em; padding: 0.5em; display: none; } .has-error .cloudsave__error { display: block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 192), only screen and (min-resolution: 192dppx) { .cloudsave__img { background-image: url("/assets/settings/icon_cloudsave.v100.retina.png"); } } @media only screen and (max-width: 864px) { .set-side { float: none; position: relative; width: auto; margin: 1em 0.7em; } .set-main { float: none; width: auto; min-height: initial; } } @media only screen and (max-width: 590px) { .set-thumbnail { width: 47%; } } @media only screen and (max-width: 425px) { .set-head { padding: 0 0.7em 15px; } .set-head__title { margin-bottom: 10px; margin-bottom: 0.694444rem; float: none; text-align: center; } .set-head__menu { float: none; text-align: center; } .set-main .frm__desc--break-xs { margin-bottom: 50px; margin-bottom: 3.472222rem; } .set-main .frm__ctrl--break-xs { float: none; position: absolute; bottom: 1em; margin-left: 0; } .set-main .frm__color .frm__input { float: right; clear: both; margin-top: 0.5em; } } .bang--about__content, .bang--about__text, .bang__list-header { color: #666; font-size: 1.1em; line-height: 1.6; } .page-bang .header--aside { z-index: auto; } .bang--hero { text-align: center; padding: 6em 0 10em; } .bang--hero__icon { width: 260px; height: 210px; } .bang--hero__title { font-size: 4em; line-height: 1.1; font-weight: 600; padding-top: 0; padding-bottom: 0.3em; } .bang--about { box-sizing: border-box; height: 700px; padding-bottom: 0; border-bottom: 2px solid #ededed; } .bang--about__cw { height: 700px; top: 0; left: 50%; box-sizing: border-box; position: absolute; display: table; width: 50%; padding-left: 2em; padding-right: 2em; max-width: 504px; } .bang--about__screenshot { position: absolute; right: 50%; bottom: 0; width: 570px; height: 660px; margin-right: -26px; } .bang--about__content { width: 80%; box-sizing: border-box; display: table-cell; vertical-align: middle; position: relative; left: 20%; } .bang--about__content a:visited { color: #4495d4; } .bang--about__title { font-weight: 600; font-size: 2.3em; color: #333; padding-bottom: 1em; } .bang--about__text { padding-bottom: 1em; } .bang--about__text:last-child { padding-bottom: 0; } .bang--list__cw { padding-left: 2em; padding-right: 2em; padding-bottom: 2em; box-sizing: border-box; min-height: 750px; -webkit-transition: height 0.5s ease-out; -webkit-transition-delay: 0s; transition: height 0.5s ease-out 0s; height: 750px; } .bang__list-header { text-align: center; padding-top: 70px; padding-bottom: 40px; } .bang__list-header__title { font-size: 2.3em; font-weight: 600; color: #333; line-height: 1; padding-bottom: 0.3em; } .bang__list-header__snippet { padding-top: 0; } .bang--list__no-js { text-align: center; font-size: 1.2em; padding-top: 50px; } .bang__search { position: relative; height: 52px; max-width: 510px; margin: 0 auto 40px; } .bang__search .frm__input { height: 52px; width: 100%; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: #ededed; font-size: 1.4em; color: #666; padding-top: 1px; padding-bottom: 0; padding-left: 2.6em; } .bang__search .frm__input::-ms-clear { display: none; } .bang__search__loupe { position: absolute; left: 16px; font-size: 1.7em; top: 6px; color: #666; } .bang__search__loupe:after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\53"; } .bang__search__clear { position: absolute; right: 16px; margin-right: 0.2em; line-height: 52px; color: #333; } .bang__search__clear:after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\58"; } .bang__search__clear:visited, .bang__search__clear:focus, .bang__search__clear:hover { color: #333; text-decoration: none; } .bang__heading { -webkit-transition: padding 0.15s ease-out, opacity 0.15s ease-out; -webkit-transition-delay: 0s, 0s; transition: padding 0.15s ease-out 0s, opacity 0.15s ease-out 0s; opacity: 1; padding-top: 0; padding-bottom: 10px; font-size: 1.4em; text-align: center; margin-bottom: 10px; position: relative; } .bang__heading.is-transitioning { padding-top: 10px; padding-bottom: 0; opacity: 0; } .bang__heading__breadcrumb { white-space: nowrap; } .bang__heading__breadcrumb:visited { color: #4495d4; } .bang__heading__breadcrumb--last { font-weight: 600; } .bang__heading__sep { font-size: 0.8em; margin: 0 0.75em; position: relative; top: 2px; color: #e0e0e0; } .bang__heading__sep:after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\203a"; } .bang__heading__btn { color: #333; position: absolute; top: 1px; } .bang__heading__btn:visited, .bang__heading__btn:hover { color: #333; text-decoration: none; } .bang__heading__btn--back { left: 0; } .bang__heading__btn--back:after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\2190"; } .bang__heading__btn--close { right: 0; } .bang__heading__btn--close:after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\58"; } .bang__categories { font-size: 1.4em; text-align: center; position: relative; max-width: 510px; margin: 0 auto; } .bang__categories:before { content: " "; width: 100px; border-top: 1px solid #e0e0e0; display: block; margin: 0 auto 20px; } .bang__categories__selected-wrap { -webkit-transition: padding 0.15s ease-out, opacity 0.15s ease-out; -webkit-transition-delay: 0.075s, 0.075s; transition: padding 0.15s ease-out 0.075s, opacity 0.15s ease-out 0.075s; opacity: 1; padding-top: 0; padding-bottom: 10px; } .is-transitioning .bang__categories__selected-wrap { padding-top: 10px; padding-bottom: 0; opacity: 0; } .bang__categories__list { -webkit-transition: padding 0.15s ease-out, opacity 0.15s ease-out; -webkit-transition-delay: 0.2s, 0.2s; transition: padding 0.15s ease-out 0.2s, opacity 0.15s ease-out 0.2s; opacity: 1; padding-top: 0; padding-bottom: 10px; } .is-transitioning .bang__categories__list { padding-top: 10px; padding-bottom: 0; opacity: 0; } .bang__categories__category { display: block; } .bang__categories__category--selected { font-weight: bold; } .bang__categories__subtitle { font-size: 0.8em; color: #999; margin-bottom: 10px; } .bang__categories__remove { position: absolute; top: 24px; right: 10px; color: #333; font-size: 0.8em; } .bang__categories__remove:hover { text-decoration: none; } .bang__categories__remove:after { font-family: "ddg-serp-icons" !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\58"; } .bang__results { -webkit-transition: padding 0.15s ease-out, opacity 0.15s ease-out; -webkit-transition-delay: 0.075s, 0.075s; transition: padding 0.15s ease-out 0.075s, opacity 0.15s ease-out 0.075s; opacity: 1; padding-top: 0; padding-bottom: 10px; } .bang__results.is-transitioning { padding-top: 10px; padding-bottom: 0; opacity: 0; } .bang__resultset { border-top: 1px solid #e0e0e0; padding-top: 40px; } .bang__resultset__no-results { text-align: center; color: #888; font-size: 1.1em; } .bang__resultset__column { box-sizing: border-box; float: left; } .bang__resultset__column--2-col:first-child, .bang__resultset__column--3-col:first-child { margin-left: 0; } .bang__resultset__column--1-col { width: 100%; } .bang__resultset__column--2-col { width: 40%; margin-left: 20%; } .bang__resultset__column--3-col { width: 25%; margin-left: 12.5%; } .bang__result { color: #111; margin-bottom: 0.5em; display: table; width: 100%; } .bang__result__site-name { display: table-cell; } .bang__result__bang-wrap { display: table-cell; text-align: right; } .bang__result__bang-name { background-color: #e5e5e5; padding: 0 0.5em; border-radius: 20px; white-space: nowrap; } .bang__result:hover .bang__result__bang-name { color: #fff; background-color: #00278e; } @media only screen and (max-width: 864px) { .bang--about__screenshot { position: static; display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; } .bang--about { height: auto; } .bang--about__cw { width: 100%; height: auto; position: static; } .bang--about__content { width: 100%; left: 0; } } @media only screen and (max-width: 590px) { .bang--list__cw { min-height: 500px; } .bang__nav__loupe { top: 51px; } .bang--hero__title { font-size: 3em; padding-bottom: 0.2em; } .bang--hero__snippet { font-size: 1.2em; } } @media only screen and (max-width: 425px) { .bang--hero__title { font-size: 2.5em; padding-bottom: 0.1em; } .bang--hero__snippet { font-size: 1.1em; } } .newbang { max-width: 500px; } .newbang code { color: inherit; } .newbang__header { margin-top: 10px; margin-bottom: 20px; font-size: 20px; } .newbang__help { margin-top: 20px; } .newbang__mode-select .btn { margin-right: 20px; } .is-warning { color: #d86b00; } .form-control { box-sizing: border-box; } .blk__text--hero-privacy { text-align: center; } .blk__text--hero-privacy .btn--wire--hero { font-size: 1.33em; margin-top: 1em; } .btn--privacy-bottom-atb { font-size: 1.33em; margin-top: 2em; } .page-traffic .header-wrap--hero, .page-traffic .blk--hero, .page-traffic .blk--alt { background: #4495d4; color: #fff; } .page-traffic .blk a { color: #f6f9fc; } .page-traffic .blk pre { background-color: transparent; padding-left: 0; } .page-traffic .blk__text { max-width: 720px; } .page-traffic .blk--hero { padding-bottom: 2em; } .page-traffic .blk--hero .blk__text { padding: 0px 28px; } @media only screen and (max-width: 590px) { .page-traffic .blk--hero { padding-bottom: 1em; } } .page-traffic .blk--content { padding: 0; } .page-traffic .blk--content .blk__text { margin: 0 auto; background-color: #fff; max-width: none; border-top: 10px solid #f2f2f2; } .page-traffic .blk--content .blk__text:last-of-type { border-bottom: 10px solid #f2f2f2; } .page-traffic .hd-hr { font-weight: 600; font-size: 3.5em; } @media only screen and (max-width: 727px) { .page-traffic .hd-hr { font-size: 2.2em; } } .page-traffic .graph-label, .page-traffic .rolling-avg-label, .page-traffic .graph-reset-label { position: relative; top: 24px; font-size: 13px; height: 15px; display: inline-block; line-height: 15px; padding: 0.4em 0.6em; } @media only screen and (max-width: 727px) { .page-traffic .graph-label, .page-traffic .rolling-avg-label, .page-traffic .graph-reset-label { top: 39px; } } .page-traffic .rolling-avg-label { left: 55px; width: 100px; } .page-traffic .graph-reset-label { text-decoration: underline; right: 0px; float: right; z-index: 500; cursor: pointer; } @media only screen and (max-width: 864px) { .page-traffic .graph-reset-label { right: -2px; } } .page-traffic #graph__container { margin: 0 0 4em -45px; position: relative; left: 0; right: 0; width: auto; } @media only screen and (max-width: 864px) { .page-traffic #graph__container { margin-left: -35px; } } @media only screen and (max-width: 727px) { .page-traffic #graph__container { margin: 1em 0 2em -35px; } } .page-traffic #graph__container .dygraph-roller { top: 0 !important; border-radius: 2px; width: 23px; padding: 0.4em 0.6em; background-color: #367cb2; color: white; border: none; z-index: 500 !important; font-size: 12px; text-align: center; margin: 0; } .page-traffic .dygraph-axis-label { color: #fff; } .page-traffic .dygraph-axis-label-y { margin-right: 3px; } .page-traffic .dygraph-axis-label-x { margin-top: 2em; } .page-traffic .dygraph-legend { background-color: #367cb2; left: 65px !important; top: 35px !important; } .page-traffic .dygraph-title { color: #f6f9fc; line-height: 1em; font-weight: 600; font-size: 1em; } @media only screen and (max-width: 727px) { .page-traffic .dygraph-title { margin-top: -30px; } } .page-traffic .graph__annotation { border-radius: 100%; background-color: #216294 !important; border-color: #216294 !important; font-weight: 600; } .page-traffic .traffic__annotations { width: 340px; display: inline-block; } @media only screen and (max-width: 864px) { .page-traffic .traffic__annotations { width: 100%; box-sizing: border-box; } .page-traffic .traffic__annotations.column__left { padding-bottom: 0; } .page-traffic .traffic__annotations.column__left li:last-of-type { border-bottom: 1px solid; border-color: rgba(255, 255, 255, 0.2); } } .page-traffic .traffic__annotations.column__right { float: right; } @media only screen and (max-width: 864px) { .page-traffic .traffic__annotations.column__right { float: none; padding-top: 0; } } .page-traffic .traffic__annotations li { font-size: 14px; line-height: 2.29; border-bottom: 1px solid; border-color: rgba(255, 255, 255, 0.2); margin: 0.2em 0; padding: 0.2em 0; } @media only screen and (max-width: 590px) { .page-traffic .traffic__annotations li { font-size: 12px; } } .page-traffic .traffic__annotations li:last-of-type { border: none; } .page-traffic .traffic__annotations li a { padding: 0 1em; font-weight: 600; } .page-traffic .traffic__annotations li .annotation__date { display: inline-block; float: right; color: #fff; font-weight: 300; } .page-traffic .traffic__total__left, .page-traffic .traffic__total__right, .page-traffic .traffic__year__left, .page-traffic .traffic__year__right, .page-traffic .traffic__month__left, .page-traffic .traffic__month__right { display: inline-block; width: 40%; } @media only screen and (max-width: 727px) { .page-traffic .traffic__total__left, .page-traffic .traffic__total__right, .page-traffic .traffic__year__left, .page-traffic .traffic__year__right, .page-traffic .traffic__month__left, .page-traffic .traffic__month__right { box-sizing: border-box; display: block; width: 100%; padding-right: 25px; } } .page-traffic .traffic__total__left, .page-traffic .traffic__year__left, .page-traffic .traffic__month__left { margin-right: 20%; } @media only screen and (max-width: 727px) { .page-traffic .traffic__total__left, .page-traffic .traffic__year__left, .page-traffic .traffic__month__left { padding-bottom: 20px; } } .page-traffic .traffic__total, .page-traffic .traffic__year { width: 750px; margin: 11px auto; } @media only screen and (max-width: 727px) { .page-traffic .traffic__total, .page-traffic .traffic__year { width: 100%; } } .page-traffic .traffic__total .wrap, .page-traffic .traffic__year .wrap { padding: 35px 28px 36px; margin: 10px 0; } .page-traffic .traffic__total h2, .page-traffic .traffic__year h2 { font-size: 32px; padding: 0; margin-bottom: 0; line-height: 1; font-weight: 600; } .page-traffic .traffic__total h2.highlight, .page-traffic .traffic__year h2.highlight { color: #5b9e4d; } .page-traffic .traffic__total h4, .page-traffic .traffic__year h4 { font-size: 12px; color: #666; text-transform: uppercase; line-height: 1; padding-top: 0; } .page-traffic .traffic__total .touch.collapsed .expand, .page-traffic .traffic__year .touch.collapsed .expand { display: initial; } .page-traffic .traffic__total .touch.expanded .collapse, .page-traffic .traffic__year .touch.expanded .collapse { display: initial; } .page-traffic .wrap { position: relative; box-sizing: border-box; font-size: 0; } .page-traffic .wrap .ddgsi { display: none; float: right; font-size: 20px; position: absolute; bottom: 0px; top: 0px; right: 30px; height: 20px; width: 20px; line-height: 1; margin: auto; } .no-touch .page-traffic .traffic__year.highlight > .wrap, .no-touch .page-traffic .traffic__month.highlight > .wrap { background-color: #f7f7f7; } .page-traffic .traffic__year.collapsed.highlight > .wrap .expand, .touch .page-traffic .traffic__year.collapsed > .wrap .expand, .page-traffic .traffic__month.collapsed.highlight > .wrap .expand, .touch .page-traffic .traffic__month.collapsed > .wrap .expand { display: initial !important; } .page-traffic .traffic__year.expanded.highlight > .wrap .collapse, .touch .page-traffic .traffic__year.expanded > .wrap .collapse, .page-traffic .traffic__month.expanded.highlight > .wrap .collapse, .touch .page-traffic .traffic__month.expanded > .wrap .collapse { display: initial !important; } .page-traffic .traffic__year.collapsed .traffic__month { display: none; } .page-traffic .traffic__month { border-top: 1px solid rgba(0, 0, 0, 0.08); } .page-traffic .traffic__month h2 { font-weight: 300; } .page-traffic .traffic__month h3 { font-size: 18px; font-weight: 600; padding-top: 0; } .page-traffic .traffic__month h3 span { font-weight: normal; color: #666; } .page-traffic .traffic__month.collapsed table { display: none; } .page-traffic .traffic__month .wrap { padding: 15px 28px 14px; margin: 10px 0; } .page-traffic .traffic__month__left, .page-traffic .traffic__month__right { width: 25%; } @media only screen and (max-width: 590px) { .page-traffic .traffic__month__left, .page-traffic .traffic__month__right { width: 100%; display: block; } } .page-traffic .traffic__month__left { margin-right: 100px; } @media only screen and (max-width: 727px) { .page-traffic .traffic__month__left { padding-bottom: 20px; } } .page-traffic .traffic__month.expanded .table-wrap { position: relative; overflow-x: scroll; } .page-traffic .traffic__month table { width: 750px; min-width: 400px; color: #444; margin-bottom: 25px; } @media only screen and (max-width: 727px) { .page-traffic .traffic__month table { width: 100%; margin-left: 0; } } .page-traffic .traffic__month table .highest td:first-of-type, .page-traffic .traffic__month table .highest td:first-of-type + td { color: #5b9e4d; } .page-traffic .traffic__month table .highest td:first-of-type::before { content: "★"; display: block; position: absolute; width: 16px; color: #5b9e4d; margin-left: -22px; } .page-traffic .traffic__month table tr:nth-child(odd) { background-color: #f7f7f7; } .page-traffic .traffic__month table th { font-size: 11px; line-height: 26px; color: #666; } .page-traffic .traffic__month table td { line-height: 24px; } .page-traffic .traffic__month table th:first-of-type, .page-traffic .traffic__month table td:first-of-type { padding-left: 30px; } .page-traffic .blk--cta .blk__text { padding: 66px 28px 63px; text-align: center; border-top: none; } .page-traffic .blk--cta .tx-l { padding-top: 0; font-size: 36px; padding-bottom: 0; margin-bottom: 40px; } @media only screen and (max-width: 590px) { .page-traffic .blk--cta .tx-l { font-size: 26px; } } .page-traffic .blk--cta .btn { font-size: 18px; font-weight: 500; padding: 16px 20px; line-height: 1; background-color: #4495d4; } .page-donations .blk__text { max-width: 920px; } .page-donations .header-wrap--hero { background-color: transparent; color: #3f1672; padding-top: 0; } .page-donations .header__button--menu { color: #3f1672; } .page-donations .donations__hero { background-color: #afd2ec; text-align: center; padding-bottom: 0; padding-top: 1.25em; } .page-donations .donations__hero__wrap { background-color: #c3e7fc; } .page-donations .donations__hero .cw--c { padding: 0 40px; } .page-donations .donations__hero__logo { width: 90px; padding-top: 40px; } .page-donations .donations__hero .hd-hr { color: #3f1672; font-size: 48px; font-weight: 800; padding-bottom: 15px; line-height: 1; padding-top: 20px; } @media only screen and (max-width: 864px) { .page-donations .donations__hero .hd-hr { font-size: 44px; } } @media only screen and (max-width: 590px) { .page-donations .donations__hero .hd-hr { font-size: 36px; } } .page-donations .donations__hero p { padding-top: 0; color: #3f1672; font-size: 18px; line-height: 1.33; max-width: 580px; margin: 0 auto; padding-bottom: 1em; } @media only screen and (max-width: 590px) { .page-donations .donations__hero p { font-size: 17px; } } @media only screen and (max-width: 425px) { .page-donations .donations__hero p { font-size: 16px; } } .page-donations .donations__hero__img { display: block; width: 100%; } .page-donations .donations__img { margin-bottom: -1px; background: #afd2ec; } @media only screen and (max-width: 590px) { .page-donations .donations__img { height: 270px; width: auto; max-width: none; margin-left: -219px; } } .page-donations .donations__cta { width: 100%; background-color: #f8f8f8; text-align: center; padding-bottom: 0; } .page-donations .donations__cta__btn { width: 17px; height: 10px; position: absolute; top: 0; left: 0; right: 0; margin: auto auto; bottom: 0; } .page-donations .donations__cta__btn__wrap { display: block; width: 57px; height: 57px; border-radius: 100%; background-color: #e74c58; box-shadow: 0px 10px 18px -5px rgba(0, 0, 0, 0.35); text-align: center; position: relative; top: -34px; left: 0; right: 0; margin: 0 auto; transition: all 0.25s ease-out; } .page-donations .donations__cta__btn__wrap:hover { text-decoration: none; width: 67px; height: 67px; top: -39px; margin-bottom: -10px; } .page-donations .donations__cta__text { max-width: 580px; margin: 0 auto; padding: 0 40px 20px; font-size: 20px; line-height: 1.2; color: #3f1672; } .page-donations .donations__timeline { background-color: #f8f8f8; padding-top: 5em; padding-bottom: 0; } .page-donations .donations__timeline h2, .page-donations .donations__timeline h3, .page-donations .donations__timeline p, .page-donations .donations__timeline li { color: #3f1672; } .page-donations .donations__timeline .blk__text { position: relative; padding: 0 60px; } @media only screen and (max-width: 864px) { .page-donations .donations__timeline .blk__text { padding: 0 50px; } } @media only screen and (max-width: 590px) { .page-donations .donations__timeline .blk__text { padding: 0 40px; } } @media only screen and (max-width: 425px) { .page-donations .donations__timeline .blk__text { padding: 0 20px; } } .page-donations .donations__timeline .timeline__item { padding-bottom: 130px !important; padding-left: 60px; border-left: 1px solid #e0e0e0; font-size: 0; } .page-donations .donations__timeline .timeline__item:last-of-type { border-color: transparent; padding-bottom: 0; } @media only screen and (max-width: 864px) { .page-donations .donations__timeline .timeline__item { padding-left: 50px; padding-bottom: 170px; } } @media only screen and (max-width: 590px) { .page-donations .donations__timeline .timeline__item { padding-left: 40px; } } @media only screen and (max-width: 425px) { .page-donations .donations__timeline .timeline__item { padding-left: 27px; } } .page-donations .donations__timeline .timeline__item:first-of-type::before { content: ""; display: block; position: absolute; float: left; border: 4px solid #e74c58; background-color: #fff; box-shadow: 0px 6px 12px -3px rgba(0, 0, 0, 0.35); width: 20px; height: 20px; left: 46.5px; } @media only screen and (max-width: 864px) { .page-donations .donations__timeline .timeline__item:first-of-type::before { left: 37.5px; } } @media only screen and (max-width: 590px) { .page-donations .donations__timeline .timeline__item:first-of-type::before { left: 27.5px; } } @media only screen and (max-width: 425px) { .page-donations .donations__timeline .timeline__item:first-of-type::before { left: 7.5px; } } .page-donations .donations__timeline .timeline__item::before { content: ""; display: block; position: absolute; float: left; width: 16px; height: 16px; left: 52.5px; border-radius: 100%; background-color: #e74c58; box-shadow: 0px 5px 8px -2px rgba(0, 0, 0, 0.35); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 864px) { .page-donations .donations__timeline .timeline__item::before { left: 41.5px; } } @media only screen and (max-width: 590px) { .page-donations .donations__timeline .timeline__item::before { left: 31.5px; } } @media only screen and (max-width: 425px) { .page-donations .donations__timeline .timeline__item::before { left: 11.5px; } } .page-donations .donations__timeline .timeline__title { -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; -moz-align-items: center; align-items: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; color: #3f1672; font-weight: bold; } .page-donations .donations__timeline .timeline__title__year { font-size: 20px; } @media only screen and (max-width: 864px) { .page-donations .donations__timeline .timeline__title__year { margin-bottom: 30px; } } .page-donations .donations__timeline .timeline__title__total { font-size: 48px; } .page-donations .donations__timeline .timeline__title__arrow-right { vertical-align: middle; margin: 0 15px; } @media only screen and (max-width: 864px) { .page-donations .donations__timeline .timeline__title__arrow-right { display: none; } } @media only screen and (max-width: 864px) { .page-donations .donations__timeline .timeline__title { margin-bottom: 15px; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; -moz-align-items: start; align-items: start; -webkit-transform: translateY(-12px); transform: translateY(-12px); } } @media only screen and (max-width: 425px) { .page-donations .donations__timeline .timeline__title { font-size: 32px; } } .page-donations .donations__timeline .timeline__donations { display: inline-block; vertical-align: top; padding: 0; } .page-donations .donations__timeline .timeline__donations:first-of-type { margin-right: 60px; } .page-donations .donations__timeline .timeline__donations li { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-align: baseline; -moz-align-items: baseline; align-items: baseline; } @media only screen and (max-width: 727px) { .page-donations .donations__timeline .timeline__donations li { -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; } } @media only screen and (max-width: 727px) { .page-donations .donations__timeline .timeline__donations { margin-right: 0 !important; width: 100%; } } .page-donations .donations__timeline .donation__amount, .page-donations .donations__timeline .donation__recipient { display: inline-block; font-weight: 600; } @media only screen and (max-width: 590px) { .page-donations .donations__timeline .donation__amount, .page-donations .donations__timeline .donation__recipient { display: block; width: 100%; padding: 0; } } .page-donations .donations__timeline .donation__amount { color: #e74c58; font-size: 16px; margin-right: 20px; width: 70px; vertical-align: top; } @media only screen and (max-width: 590px) { .page-donations .donations__timeline .donation__amount { margin-right: 0; } } .page-donations .donations__timeline .donation__recipient { font-size: 18px; width: 305px; } .page-donations .donations__timeline .donation__recipient a { color: #3f1672; } @media only screen and (max-width: 727px) { .page-donations .donations__timeline .donation__recipient { margin-right: 0 !important; margin-bottom: 1em; width: 100%; } } .page-app_info .header--aside, .page-app_info .addons__hero__logo { display: none; } .page-app_info .no-atb .addons__install, .page-app_info .no-atb .addons__hero-install-text, .page-app_info .no-atb .addons__extras, .page-app_info .no-atb .js-addons-buttons-search { display: none; } .page-app .header--hero, .page-app_info .header--hero { visibility: hidden; } .page-app .header-wrap--hero, .page-app_info .header-wrap--hero { background: #b7ddfc; color: #230944; padding-top: 1.25em; } .page-app .header--aside, .page-app_info .header--aside { margin-top: 22px; } .page-app .header--aside .header__button--menu, .page-app_info .header--aside .header__button--menu { color: #230944; } .page-app .header--aside .header__button--menu:hover, .page-app_info .header--aside .header__button--menu:hover { color: #fff; } .page-app .cw--c, .page-app_info .cw--c { padding: 0px 25px; padding-top: 0em; } @media only screen and (min-width: 590px) { .page-app .cw--c, .page-app_info .cw--c { padding: 0 25px; } } .page-app .addons__content, .page-app_info .addons__content { max-width: 1005px; margin: 0 auto; } .page-app .addons__hero, .page-app .addons__subhero, .page-app_info .addons__hero, .page-app_info .addons__subhero { padding-top: 40px; color: #230944; background: url("/assets/addons/background.svg"), linear-gradient(to top, #230944, #230944 5%, #b7ddfc 5%), #b7ddfc; background-position: bottom; background-repeat: no-repeat; background-size: 1042px 393px; background-position-x: 29%; min-height: 525px; max-height: 740px; height: calc(145vh - 80px); padding-bottom: 0; } @media only screen and (min-width: 590px) { .page-app .addons__hero, .page-app .addons__subhero, .page-app_info .addons__hero, .page-app_info .addons__subhero { background-position-x: 9%; } } @media only screen and (min-width: 1079px) { .page-app .addons__hero, .page-app .addons__subhero, .page-app_info .addons__hero, .page-app_info .addons__subhero { background: #b7ddfc; max-height: unset; height: auto; } } .page-app .addons__subhero-cw, .page-app_info .addons__subhero-cw { max-width: 1100px; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; -moz-align-items: center; align-items: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; } @media only screen and (min-width: 1079px) { .page-app .addons__subhero-cw, .page-app_info .addons__subhero-cw { -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .page-app .addons__monster, .page-app_info .addons__monster { -webkit-transform: translateX(-6px); transform: translateX(-6px); width: 340px; height: 205px; } .page-app .addons__encryption, .page-app_info .addons__encryption { -webkit-transform: translateX(-30px); transform: translateX(-30px); width: 320px; height: 208.2px; } .page-app .addons__privacy, .page-app_info .addons__privacy { -webkit-transform: translateX(-20px); transform: translateX(-20px); width: 302px; height: 222px; } .page-app .addons__search, .page-app_info .addons__search { width: 283px; height: 208px; } .page-app .addons__subhero, .page-app_info .addons__subhero { height: 650px; background: #230944; min-height: 0; margin-top: -1.5em; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; -moz-align-items: center; align-items: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; -webkit-transform: translateY(-2px); transform: translateY(-2px); padding-bottom: 1em; } @media only screen and (min-width: 1079px) { .page-app .addons__subhero, .page-app_info .addons__subhero { height: 523px; padding: 0 4em; clear: both; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; -moz-align-items: center; align-items: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; } } .page-app .addons__subhero--onboarding, .page-app_info .addons__subhero--onboarding { padding-top: 80px; margin-top: -1.75em; } .page-app .addons__hero-illustrations, .page-app_info .addons__hero-illustrations { text-align: center; -webkit-transform: translateX(10px); transform: translateX(10px); } @media only screen and (min-width: 414px) { .page-app .addons__hero-illustrations, .page-app_info .addons__hero-illustrations { -webkit-transform: translateX(0); transform: translateX(0); } } @media only screen and (min-width: 1079px) { .page-app .addons__hero-illustrations, .page-app_info .addons__hero-illustrations { float: left; -webkit-transform: translate(0, 60px); transform: translate(0, 60px); } } .page-app .addons__mockup-a, .page-app .addons__mockup-b, .page-app_info .addons__mockup-a, .page-app_info .addons__mockup-b { width: auto; height: 513px; } .page-app .addons__mockup-c, .page-app_info .addons__mockup-c { width: auto; height: 526px; } .page-app .addons__mockup-d, .page-app_info .addons__mockup-d { width: auto; height: 499px; } .page-app .addons__subhero-container, .page-app_info .addons__subhero-container { color: white; } .page-app .addons__subhero-container button, .page-app_info .addons__subhero-container button { margin-bottom: 40px; } @media only screen and (min-width: 1079px) { .page-app .addons__subhero-container, .page-app_info .addons__subhero-container { float: left; width: 40%; padding-left: 0em; margin-left: 2em; } } .page-app .addons__subhero-desc, .page-app .addons__subhero-blurb, .page-app_info .addons__subhero-desc, .page-app_info .addons__subhero-blurb { padding: 0 25px; } @media only screen and (min-width: 1079px) { .page-app .addons__subhero-desc, .page-app .addons__subhero-blurb, .page-app_info .addons__subhero-desc, .page-app_info .addons__subhero-blurb { padding-top: 1em; padding-left: 2em; } } .page-app .addons__learn-more, .page-app_info .addons__learn-more { color: #66abff; } .page-app .addons__rounded-button, .page-app_info .addons__rounded-button { width: 150px; height: 44px; border-radius: 25px; background-color: #f89f22; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); border: none; font-size: 15px; line-height: 1.1; color: white; margin: 0 auto; display: block; font-weight: 400; margin-top: 1.5em; cursor: pointer; font-weight: bold; } .page-app .addons__rounded-button:focus, .page-app_info .addons__rounded-button:focus { outline: none; } @media only screen and (min-width: 1079px) { .page-app .addons__rounded-button, .page-app_info .addons__rounded-button { margin-left: 1.6em; margin-top: 1.5em; } } .page-app .addons__subhero-blurb, .page-app_info .addons__subhero-blurb { padding-top: 0; padding-bottom: 0.2em; } .page-app .addons__blurb-quotes, .page-app_info .addons__blurb-quotes { font-size: 32px; font-weight: bold; line-height: 1.25; padding-bottom: 0.2em; } .page-app .addons__blurb-publisher, .page-app_info .addons__blurb-publisher { font-size: 18px; line-height: 1.67; } .page-app .addons__subhero-title, .page-app_info .addons__subhero-title { font-size: 35px; font-weight: bold; line-height: 1.1; text-align: center; } @media only screen and (min-width: 1079px) { .page-app .addons__subhero-title, .page-app_info .addons__subhero-title { text-align: left; font-size: 48px; } } .page-app .addons__list, .page-app_info .addons__list { padding: 0; } .page-app .addons__list > li, .page-app_info .addons__list > li { list-style-type: none; counter-increment: item; } .page-app .addons__list > li:before, .page-app_info .addons__list > li:before { font-weight: 400; content: counter(item) "."; width: 1.5em; display: inline-block; text-align: center; margin-left: -5px; position: relative; } .page-app .addons__subhero-subtitle, .page-app_info .addons__subhero-subtitle { font-size: 17px; line-height: 1.36; text-align: center; } @media only screen and (min-width: 1079px) { .page-app .addons__subhero-subtitle, .page-app_info .addons__subhero-subtitle { text-align: left; font-size: 21px; } } .page-app .addons__hero-container, .page-app_info .addons__hero-container { text-align: center; margin: 0 auto; max-width: 39em; padding-top: 1em; z-index: 10; position: relative; } @media only screen and (min-width: 425px) { .page-app .addons__hero-container, .page-app_info .addons__hero-container { padding-top: 1em; } } .page-app .addons__title, .page-app .addons__footer-title, .page-app_info .addons__title, .page-app_info .addons__footer-title { font-weight: 800; font-size: 34px; line-height: 1; padding-bottom: 0; padding-top: 8px; } @media only screen and (min-width: 590px) { .page-app .addons__title, .page-app .addons__footer-title, .page-app_info .addons__title, .page-app_info .addons__footer-title { font-size: 44px; } } @media only screen and (min-width: 1079px) { .page-app .addons__title, .page-app .addons__footer-title, .page-app_info .addons__title, .page-app_info .addons__footer-title { font-size: 48px; } } .page-app .addons__subtitle, .page-app .addons__footer-subtitle, .page-app_info .addons__subtitle, .page-app_info .addons__footer-subtitle { font-size: 17px; line-height: 1.36; padding-top: 22px; } @media only screen and (min-width: 864px) { .page-app .addons__subtitle, .page-app .addons__footer-subtitle, .page-app_info .addons__subtitle, .page-app_info .addons__footer-subtitle { font-size: 21px; } } .page-app .addons__subtitle_pbm, .page-app_info .addons__subtitle_pbm { font-size: 17px; margin: 0; padding-bottom: 0.5em; } .page-app .addons__logo, .page-app_info .addons__logo { width: 80px; height: 80px; } @media only screen and (min-width: 864px) { .page-app .addons__logo, .page-app_info .addons__logo { width: 100px; height: 100px; } } .page-app .addons__section-title, .page-app_info .addons__section-title { font-weight: bold; font-size: 36px; line-height: 1.1; text-align: center; } @media only screen and (max-width: 590px) { .page-app .addons__section-title, .page-app_info .addons__section-title { font-size: 28px; line-height: 1.1; } } @media only screen and (min-width: 864px) { .page-app .addons__section-title, .page-app_info .addons__section-title { text-align: left; max-width: 370px; } } .page-app .addons__padding, .page-app_info .addons__padding { padding: 3em 0; } @media only screen and (min-width: 864px) { .page-app .addons__padding, .page-app_info .addons__padding { padding: 5em 0; padding-top: 6em; } } .page-app .addons__extras, .page-app_info .addons__extras { color: white; text-decoration: underline; padding-right: 0.5em; } .page-app .addons__extras:last-of-type, .page-app_info .addons__extras:last-of-type { padding-right: 0; } .page-app .addons__section-container, .page-app_info .addons__section-container { display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; -moz-align-items: center; align-items: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; height: 550px; min-height: 500px; } @media only screen and (min-width: 864px) { .page-app .addons__section-container, .page-app_info .addons__section-container { -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; max-width: 1100px; margin-left: auto; margin-right: auto; max-height: 600px; -webkit-transform: translateX(5%); transform: translateX(5%); height: 95vh; min-height: 600px; } } @media only screen and (min-width: 864px) { .page-app .addons__section-container.flex-reverse, .page-app_info .addons__section-container.flex-reverse { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .page-app .addons__section-image-cw, .page-app_info .addons__section-image-cw { text-align: center; } @media only screen and (min-width: 864px) { .page-app .addons__section-image-cw, .page-app_info .addons__section-image-cw { width: 50%; text-align: left; } } .page-app .addons__section-image-cw .image-offset, .page-app_info .addons__section-image-cw .image-offset { -webkit-transform: translateX(-6%); transform: translateX(-6%); } .page-app .addons__product-screen, .page-app_info .addons__product-screen { width: 490px; } @media only screen and (min-width: 1079px) { .page-app .addons__product-screen, .page-app_info .addons__product-screen { width: 728px; } } .page-app .addons__section-text-cw, .page-app_info .addons__section-text-cw { width: 100%; } @media only screen and (min-width: 864px) { .page-app .addons__section-text-cw, .page-app_info .addons__section-text-cw { width: 50%; padding-left: 2em; } } .page-app .addons__section-text, .page-app_info .addons__section-text { font-size: 18px; color: #494949; text-align: center; } @media only screen and (min-width: 864px) { .page-app .addons__section-text, .page-app_info .addons__section-text { text-align: left; max-width: 370px; } } .page-app .addons__footer, .page-app_info .addons__footer { display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; -moz-align-items: center; align-items: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; height: 100vh; min-height: 680px; max-height: 700px; background: #532d7a; color: white; text-align: center; } .page-app .addons__install, .page-app_info .addons__install { display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; -moz-align-items: stretch; align-items: stretch; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; height: 47px; padding: 25px 1em; } .page-app .addons__install .addons__button, .page-app .addons__install .addons__button--badge, .page-app_info .addons__install .addons__button, .page-app_info .addons__install .addons__button--badge { min-height: 35px; margin: 0 10px; } .page-app .addons__install .addons__button:first-child, .page-app .addons__install .addons__button--badge:first-child, .page-app_info .addons__install .addons__button:first-child, .page-app_info .addons__install .addons__button--badge:first-child { margin-left: 0; } .page-app .addons__install .addons__button:last-child, .page-app .addons__install .addons__button--badge:last-child, .page-app_info .addons__install .addons__button:last-child, .page-app_info .addons__install .addons__button--badge:last-child { margin-right: 0; } @media only screen and (max-width: 535px) { .page-app .addons__install .addons__button, .page-app .addons__install .addons__button--badge, .page-app_info .addons__install .addons__button, .page-app_info .addons__install .addons__button--badge { margin: 0 5px; } } .is-post-install .page-app .addons__install, .is-post-install .page-app_info .addons__install { -ms-flex-align: center; -moz-align-items: center; align-items: center; } .page-app .addons__hero .addons__install, .page-app .addons__subhero .addons__install, .page-app_info .addons__hero .addons__install, .page-app_info .addons__subhero .addons__install { padding-bottom: 1em; } .page-app .addons__button, .page-app_info .addons__button { box-sizing: border-box; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -moz-align-items: center; align-items: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; min-width: 158px; padding: 4px 10px; border: 1.1px solid #a6a6a6; border-radius: 8.5px; background-color: #000; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3); font-size: 15px; line-height: 18px; font-weight: 600; color: #fff; } .page-app .addons__button__image, .page-app_info .addons__button__image { margin-left: -5px; width: 40px; height: 40px; } @media only screen and (max-width: 500px) { .page-app .addons__button, .page-app_info .addons__button { min-width: 113px; font-size: 12px; } .page-app .addons__button__image, .page-app_info .addons__button__image { height: 20px; width: 20px; } } .page-app .addons__button--badge, .page-app_info .addons__button--badge { padding: 0; } .page-app .addons__button--badge img, .page-app_info .addons__button--badge img { height: 47px; } .page-app .addons__hero-install-text, .page-app_info .addons__hero-install-text { text-align: center; margin: 0 auto; max-width: 100%; font-weight: 600; } @media only screen and (max-width: 590px) { .page-app .addons__hero-install-text, .page-app_info .addons__hero-install-text { max-width: 70%; } } .page-app .addons__footer-title, .page-app_info .addons__footer-title { font-weight: bold; font-size: 32px; line-height: 1.1; } @media only screen and (min-width: 1079px) { .page-app .addons__footer-title, .page-app_info .addons__footer-title { font-size: 40px; } } .page-app .addons__footer-subtitle, .page-app_info .addons__footer-subtitle { font-size: 17px; } @media only screen and (min-width: 1079px) { .page-app .addons__footer-subtitle, .page-app_info .addons__footer-subtitle { font-size: 20px; } } .page-app .addons__footer-nav .cw--c, .page-app_info .addons__footer-nav .cw--c { padding-bottom: 3em; } @media only screen and (min-width: 590px) { .page-app .addons__footer-nav .cw--c, .page-app_info .addons__footer-nav .cw--c { padding-bottom: 0; } } .page-app .addons__atb, .page-app_info .addons__atb { margin-left: 1em; } .page-app .addons__footer-nav, .page-app_info .addons__footer-nav { background: #353748; text-align: left; } .page-app .blk--foot, .page-app_info .blk--foot { background: #353748; } .page-app .blk--foot ul, .page-app .blk--foot p, .page-app_info .blk--foot ul, .page-app_info .blk--foot p { color: #dbdce1; } .page-app .blk--foot h5, .page-app_info .blk--foot h5 { color: white; } .page-app .blk--foot--nav:after, .page-app_info .blk--foot--nav:after { max-width: unset; } .page-app .nobreak, .page-app_info .nobreak { white-space: nowrap; } .page-app .blk--foot__nav-link, .page-app_info .blk--foot__nav-link { color: #66abff; } .page-app .addons__header, .page-app_info .addons__header { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 80px; background-color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: 0.2s -webkit-transform cubic-bezier(0.3, 0.75, 0.3, 0.75); transition: 0.2s transform cubic-bezier(0.3, 0.75, 0.3, 0.75); transition: 0.2s transform cubic-bezier(0.3, 0.75, 0.3, 0.75), 0.2s -webkit-transform cubic-bezier(0.3, 0.75, 0.3, 0.75); z-index: 4; overflow: hidden; } .page-app .addons__header.down, .page-app_info .addons__header.down { -webkit-transform: translateY(0); transform: translateY(0); } .page-app .addons__header .addons__hero__logo, .page-app_info .addons__header .addons__hero__logo { position: absolute; width: 150px; top: 18px; left: 20px; } .page-app .addons__header .addons__rounded-button, .page-app_info .addons__header .addons__rounded-button { margin-top: 18px; margin-left: 0; } .page-app .addons__header--button-wrapper, .page-app_info .addons__header--button-wrapper { float: right; margin-right: 63px; } .page-app .modal--tracker-blocking.is-showing, .page-app_info .modal--tracker-blocking.is-showing { background: rgba(0, 0, 0, 0.8); } .page-app .modal--tracker-blocking .modal__box, .page-app_info .modal--tracker-blocking .modal__box { width: 70%; max-width: 540px; padding: 36px 54px 42px; } .page-app .modal--tracker-blocking .modal__hero, .page-app_info .modal--tracker-blocking .modal__hero { margin: 0px auto 20px; width: 130px; height: 130px; } .page-app .modal--tracker-blocking .modal__close, .page-app_info .modal--tracker-blocking .modal__close { cursor: pointer; font-weight: bold !important; font-size: 1.25em; } .page-app .modal--tracker-blocking .modal__title, .page-app_info .modal--tracker-blocking .modal__title { color: #230545; font-weight: 800; font-size: 2.25rem; margin-bottom: 0.7rem; } .page-app .modal--tracker-blocking .modal__copy, .page-app_info .modal--tracker-blocking .modal__copy { color: #230545; font-size: 1.25rem; line-height: 1.3; margin-bottom: 0.85rem; font-weight: normal; } .page-app .modal--tracker-blocking .modal__copy--success, .page-app_info .modal--tracker-blocking .modal__copy--success { margin-bottom: 2.5rem; } .page-app .modal--tracker-blocking .addons__rounded-button, .page-app_info .modal--tracker-blocking .addons__rounded-button { display: inline-block; background-color: #230545; border: 1.5px solid #230545; width: 192px; box-shadow: none; } .page-app .modal--tracker-blocking .addons__rounded-button--continue, .page-app_info .modal--tracker-blocking .addons__rounded-button--continue { background-color: transparent; color: #230545; } .page-app .modal--tracker-blocking .addons__rounded-button--close, .page-app_info .modal--tracker-blocking .addons__rounded-button--close { margin-left: 1.6em; } .page-app .addons__promo, .page-app_info .addons__promo { background-color: #afd2ec; position: relative; top: -1.25em; color: #230944; } .page-app .addons__promo .addons__title, .page-app .addons__promo .addons__footer-title, .page-app_info .addons__promo .addons__title, .page-app_info .addons__promo .addons__footer-title { font-weight: 800; font-size: 40px; line-height: 47px; } @media only screen and (min-width: 860px) and (max-width: 920px) { .page-app .addons__promo .addons__title, .page-app .addons__promo .addons__footer-title, .page-app_info .addons__promo .addons__title, .page-app_info .addons__promo .addons__footer-title { font-size: 34px; } } .page-app .addons__promo .addons__hero__logo, .page-app_info .addons__promo .addons__hero__logo { position: absolute; top: 18px; left: 18px; width: 165px; z-index: 2; } @media only screen and (max-width: 860px) { .page-app .addons__promo .addons__hero__logo, .page-app_info .addons__promo .addons__hero__logo { display: none; } } .page-app .addons__promo__body, .page-app_info .addons__promo__body { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 150px 50px 0px 50px; position: relative; min-height: 600px; } @media only screen and (max-width: 860px) { .page-app .addons__promo__body, .page-app_info .addons__promo__body { min-height: none; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 100px; } } .page-app .addons__promo__body__content, .page-app_info .addons__promo__body__content { max-width: 540px; z-index: 1; text-align: center; } @media only screen and (min-width: 860px) { .page-app .addons__promo__body__content, .page-app_info .addons__promo__body__content { margin-right: 50px; text-align: left; } } @media only screen and (max-width: 860px) { .page-app .addons__promo__body__content__bullets-wrapper, .page-app_info .addons__promo__body__content__bullets-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } } .page-app .addons__promo__body__content__bullets, .page-app_info .addons__promo__body__content__bullets { list-style: none; margin: 25px 0 0 0; padding: 0; } .page-app .addons__promo__body__content__bullets li, .page-app_info .addons__promo__body__content__bullets li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #353748; font-size: 21px; line-height: 28px; font-weight: 600; text-transform: capitalize; margin-bottom: 15px; } .page-app .addons__promo__body__content__bullets__check-wrapper, .page-app_info .addons__promo__body__content__bullets__check-wrapper { margin-right: 15px; position: relative; } .page-app .addons__promo__body__content__bullets__check-wrapper svg, .page-app_info .addons__promo__body__content__bullets__check-wrapper svg { position: absolute; top: 0; right: 0; width: 23px; height: 23px; } .page-app .addons__promo__body__content__bullets__check-circle, .page-app_info .addons__promo__body__content__bullets__check-circle { opacity: 1; background-color: #230944; width: 19px; height: 19px; border-radius: 100%; border: 2px solid #230944; } .page-app .addons__promo__body__content__bullets__check-circle--open, .page-app_info .addons__promo__body__content__bullets__check-circle--open { background-color: transparent; } .page-app .addons__promo__body__content__bullets__check-path, .page-app_info .addons__promo__body__content__bullets__check-path { stroke-dasharray: 34; stroke-dashoffset: 34; stroke-width: 6; stroke: white; -webkit-animation: addons-promo-anim-stroke 0.1s ease-in 1s forwards; animation: addons-promo-anim-stroke 0.1s ease-in 1s forwards; } .page-app .addons__promo__body__content__bullets li:nth-child(2) .addons__promo__body__content__bullets__check-path, .page-app_info .addons__promo__body__content__bullets li:nth-child(2) .addons__promo__body__content__bullets__check-path { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .page-app .addons__promo__body__content__bullets li:nth-child(3) .addons__promo__body__content__bullets__check-path, .page-app_info .addons__promo__body__content__bullets li:nth-child(3) .addons__promo__body__content__bullets__check-path { -webkit-animation-delay: 2s; animation-delay: 2s; } .page-app .addons__promo__body__content__bullets li:nth-child(4), .page-app_info .addons__promo__body__content__bullets li:nth-child(4) { -webkit-animation: addons-promo-anim-shake 0.82s ease-in-out 2.5s both; animation: addons-promo-anim-shake 0.82s ease-in-out 2.5s both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .page-app .addons__promo__body__content .addons__subtitle, .page-app .addons__promo__body__content .addons__footer-subtitle, .page-app_info .addons__promo__body__content .addons__subtitle, .page-app_info .addons__promo__body__content .addons__footer-subtitle { padding-top: 12px; } .page-app .addons__promo__body__content__buttons, .page-app_info .addons__promo__body__content__buttons { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 25px; } @media only screen and (max-width: 860px) { .page-app .addons__promo__body__content__buttons, .page-app_info .addons__promo__body__content__buttons { -ms-flex-pack: center; justify-content: center; margin-bottom: 46px; } } @media only screen and (max-width: 540px) { .page-app .addons__promo__body__content__buttons, .page-app_info .addons__promo__body__content__buttons { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .page-app .addons__promo__body__content__buttons a ~ a, .page-app_info .addons__promo__body__content__buttons a ~ a { margin-left: 20px; } @media only screen and (max-width: 420px) { .page-app .addons__promo__body__content__buttons a ~ a, .page-app_info .addons__promo__body__content__buttons a ~ a { margin-left: 10px; margin-right: 10px; } } .page-app .addons__promo__body__content__buttons a, .page-app_info .addons__promo__body__content__buttons a { text-decoration: none; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 14px; } .page-app .addons__promo__body__content__buttons__btn, .page-app_info .addons__promo__body__content__buttons__btn { display: inline-block; background-color: #7aa9cb; width: 150px; height: 47px; border-radius: 25px; border: none; font-family: "DDG_ProximaNova", "DDG_ProximaNova_UI_0", "DDG_ProximaNova_UI_1", "DDG_ProximaNova_UI_2", "DDG_ProximaNova_UI_3", "DDG_ProximaNova_UI_4", "DDG_ProximaNova_UI_5", "DDG_ProximaNova_UI_6", "Proxima Nova", "Helvetica Neue", "Helvetica", "Segoe UI", "Nimbus Sans L", "Liberation Sans", "Open Sans", FreeSans, Arial, sans-serif; font-size: 15px; line-height: 1.1; color: white; display: block; cursor: pointer; font-weight: 600; } .page-app .addons__promo__body__content__buttons__btn:focus, .page-app_info .addons__promo__body__content__buttons__btn:focus { outline: none; } .page-app .addons__promo__body__img img, .page-app_info .addons__promo__body__img img { max-width: 250px; } @media only screen and (max-width: 860px) { .page-app .addons__promo__body__img img, .page-app_info .addons__promo__body__img img { max-width: 100%; } } @media only screen and (max-width: 860px) { .page-app .addons__promo__footer, .page-app_info .addons__promo__footer { background-color: white; } } .page-app .addons__promo__footer img, .page-app_info .addons__promo__footer img { width: 100%; min-height: 358px; -o-object-fit: cover; object-fit: cover; -o-object-position: 29%; object-position: 29%; } @media only screen and (min-width: 860px) { .page-app .addons__promo__footer img, .page-app_info .addons__promo__footer img { margin-top: -120px; } } .is-safari .page-app .addons__subhero, .is-safari .page-app .addons__section-container:nth-child(2), .is-safari .page-app .addons__section-image-cw, .is-safari .page-app_info .addons__subhero, .is-safari .page-app_info .addons__section-container:nth-child(2), .is-safari .page-app_info .addons__section-image-cw { display: none !important; } .is-safari .page-app .addons__content, .is-safari .page-app_info .addons__content { max-width: unset; } .is-safari .page-app .addons__promo__footer, .is-safari .page-app_info .addons__promo__footer { background-color: white; } .is-safari .page-app .addons__padding, .is-safari .page-app_info .addons__padding { width: 100%; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; padding: 100px 0 95px; } @media only screen and (max-width: 864px) { .is-safari .page-app .addons__padding, .is-safari .page-app_info .addons__padding { -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .is-safari .page-app .addons__section-container, .is-safari .page-app_info .addons__section-container { -moz-flex: 1; -ms-flex: 1; flex: 1; height: auto; min-height: unset; margin: 0 15px; -webkit-transform: none; transform: none; } .is-safari .page-app .addons__section-container:first-of-type, .is-safari .page-app_info .addons__section-container:first-of-type { margin-left: 0; } .is-safari .page-app .addons__section-container:last-of-type, .is-safari .page-app_info .addons__section-container:last-of-type { margin-right: 0; } @media only screen and (max-width: 864px) { .is-safari .page-app .addons__section-container, .is-safari .page-app_info .addons__section-container { width: 100%; margin: 0 auto; height: 400px; min-height: 350px; } } .is-safari .page-app .addons__privacy, .is-safari .page-app .addons__monster, .is-safari .page-app .addons__search, .is-safari .page-app_info .addons__privacy, .is-safari .page-app_info .addons__monster, .is-safari .page-app_info .addons__search { display: block; height: 180px; max-height: 180px; width: auto; margin-bottom: 40px; -webkit-transform: none; transform: none; } .is-safari .page-app .addons__section-text-cw, .is-safari .page-app_info .addons__section-text-cw { display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; width: auto; padding-left: 0; } .is-safari .page-app .addons__section-title, .is-safari .page-app .addons__section-text, .is-safari .page-app_info .addons__section-title, .is-safari .page-app_info .addons__section-text { text-align: center; padding: 0; } .is-safari .page-app .addons__section-title, .is-safari .page-app_info .addons__section-title { -moz-flex: 2; -ms-flex: 2; flex: 2; margin-bottom: 21px; font-size: 24px; } @media only screen and (max-width: 864px) { .is-safari .page-app .addons__section-title, .is-safari .page-app_info .addons__section-title { min-height: unset; } } .is-safari .page-app .addons__section-text, .is-safari .page-app_info .addons__section-text { font-size: 17px; } @-webkit-keyframes addons-promo-anim-stroke { 100% { stroke-dashoffset: 0; } } @keyframes addons-promo-anim-stroke { 100% { stroke-dashoffset: 0; } } @-webkit-keyframes addons-promo-anim-shake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes addons-promo-anim-shake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .page-press .asset__card__icon { width: 100px; } .page-press .press { text-align: center; padding: 100px 0; } .page-press .press .cw--c { max-width: 1070px; padding: 0 20px; } .page-press .press .blk--content { padding-top: 90px; padding-bottom: 0; } .page-press .press__hr { width: 50px; margin: 50px auto; border: 0; height: 2px; background-color: #3fa4f2; } .page-press .press__title { font-size: 36px; font-weight: bold; padding: 0; line-height: 1; color: #222; margin-bottom: 30px; } .page-press .press__title--small { padding: 0; font-size: 14px; font-weight: 600; letter-spacing: 1.4px; color: #999; } .page-press .press__subtitle { font-size: 21px; max-width: 480px; color: #494949; margin: 0 auto; padding: 0; } .page-press .header-wrap--hero { background-color: #b2d3ed; color: #391e6d; } .page-press .header-wrap--hero .header__button--menu { color: #391e6d; } .page-press .press--hero { background-color: #b2d3ed; color: #230545; text-align: center; padding-top: 20px; padding-bottom: 0 !important; line-height: 1; } .page-press .press--hero__top { margin-bottom: -35px; } .page-press .press--hero__logo { width: 100px; height: 100px; margin-bottom: 30px; } .page-press .press--hero__title { font-size: 48px; font-weight: 800; padding: 0; margin-bottom: 30px; } @media only screen and (max-width: 864px) { .page-press .press--hero__title { font-size: 44px; } } @media only screen and (max-width: 590px) { .page-press .press--hero__title { font-size: 36px; } } .page-press .press--hero__text { font-size: 21px; line-height: 1.33; max-width: 500px; margin: 0 auto; padding: 0; } @media only screen and (max-width: 864px) { .page-press .press--hero__text { padding-bottom: 40px; } } @media only screen and (max-width: 590px) { .page-press .press--hero__text { font-size: 17px; padding-bottom: 20px; } } @media only screen and (max-width: 425px) { .page-press .press--hero__text { font-size: 16px; padding-bottom: 10px; } } .page-press .press--hero__subtext { font-size: 21px; max-width: 480px; margin: 0 auto; padding: 0; font-weight: 300; } .page-press .press--hero__btn { position: absolute; width: 260px; height: 44px; margin: 40px auto 0; box-sizing: border-box; border-radius: 26px; left: 0; right: 0; } @media only screen and (max-width: 864px) { .page-press .press--hero__btn { margin-top: 0px; } } @media only screen and (max-width: 425px) { .page-press .press--hero__btn { margin-top: 20px; } } .page-press .press--hero__img { z-index: -1; margin-bottom: -2px; width: 102%; margin-left: -1%; max-width: none; } @media only screen and (min-width: 1944px) { .page-press .press--hero__img { margin-top: -150px; } } .page-press .press--hero-bottom { background-color: #230545; padding: 0 0 3em; z-index: 10; } .page-press .press--hero-bottom .press__title--small { color: #80748f; } .page-press .press__facts { z-index: 25; position: relative; } .page-press .press--mission { z-index: 5; } .page-press .press--mission .press__title { margin-top: 30px; } .page-press .press--mission .press__subtitle + .press__subtitle { margin-top: 1em; } .page-press .press__blog { position: relative; z-index: 25; margin-bottom: -340px; } .page-press .press--twitter { padding-top: 295px; } .page-press .press--assets { padding-bottom: 0px; } .page-press .asset__card__icon { display: block; margin: 0 auto 36px; } .page-press .asset__card__title { font-size: 24px; font-weight: bold; padding: 0; margin-bottom: 22px; line-height: 1; } .page-press .asset__card__text { font-size: 17px; color: rgba(51, 51, 51, 0.66); min-height: 4.5em; } .page-press .press__btn { background-color: #58b0f5; text-transform: none; } @media only screen and (max-width: 864px) { .page-press .press__btn.btn--primary { font-size: 13px; padding-top: 3px; } } .page-press .press--message { padding-top: 150px; padding-bottom: 170px; } .page-press .press--message .flex-row, .page-press .press--message .fact-cards { -ms-flex-align: center; -moz-align-items: center; align-items: center; padding-bottom: 0; } .page-press .press--message__content { width: 100%; margin: auto; text-align: center; margin-bottom: 40px; } .page-press .press--message__text { font-size: 21px; font-weight: 300; line-height: 1.3; color: #333; } .page-press .press__alt-email { line-height: 1.35; } @media only screen and (min-width: 864px) { .page-press .press--message .flex-row, .page-press .press--message .fact-cards { -ms-flex-wrap: none; flex-wrap: nowrap; } .page-press .press--message__content { width: 400px; margin-bottom: auto; text-align: left; } .page-press .press--message__image { margin: 0 auto; } } @media only screen and (max-width: 864px) { .page-press .asset__card { -ms-flex-preferred-size: 210px; flex-basis: 210px; } } @media only screen and (max-width: 590px) { .page-press .press--hero { padding-top: 35px; } .page-press .press--hero__logo { width: 80px; height: 80px; margin-bottom: 0; } .page-press .press--hero__title { font-size: 34px; margin-bottom: 10px; line-height: 1.1; } .page-press .press--hero__text { font-size: 17px; margin-bottom: 0; } .page-press .press--hero__subtext { font-size: 17px; } .page-press .press--hero__img { height: 305px; width: auto; max-width: none; margin-left: -200px; } .page-press .press__title { font-size: 32px; } .page-press .press__subtitle { font-size: 17px; } } .page-chrome_newtab { outline: none; overflow-y: auto; } .page-chrome_newtab .site-wrapper { height: 100%; } .page-chrome_newtab .newtab__wrapper { position: absolute; margin: auto; width: 100%; top: 15%; left: 0; right: 0; z-index: 12; } @media only screen and (max-width: 590px) { .page-chrome_newtab .newtab__wrapper { top: 10%; } } .page-chrome_newtab .newtab__section-container { margin: 1.5em auto; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: left; justify-content: left; max-width: 800px; } .page-chrome_newtab .newtab__section-container--column { -ms-flex-direction: column; flex-direction: column; } .marketing { box-sizing: border-box; } .marketing *, .marketing *:before, .marketing *:after { box-sizing: inherit; } .marketing .marketing__hero { color: #230545; background: #b0d2ed; text-align: center; margin-bottom: -7px; } .marketing .marketing__hero .marketing__hero__container { position: relative; } .marketing .marketing__hero .marketing__hero__title { font-size: 2.778em; font-weight: bold; line-height: 1.1; max-width: 558px; padding: 0; padding-bottom: 1.875rem; } @media (min-width: 576px) { .marketing .marketing__hero .marketing__hero__title { font-size: 3.4725em; } } .marketing .marketing__hero .marketing__hero__subtitle { font-size: 1.389em; line-height: 1.4; max-width: 426px; padding: 0; padding-bottom: 2.5rem; } @media (min-width: 768px) { .marketing .marketing__hero .marketing__hero__subtitle { max-width: 749px; } } .marketing .marketing__hero .marketing__hero__background { background-repeat: no-repeat; background-size: cover; background-position: center; height: 560px; margin-top: -11em; } @media (min-width: 1300px) { .marketing .marketing__hero .marketing__hero__background { height: 45vw; margin-top: -15em; } } .marketing .marketing__btn { font-family: "DDG_ProximaNova", "DDG_ProximaNova_UI_0", "DDG_ProximaNova_UI_1", "DDG_ProximaNova_UI_2", "DDG_ProximaNova_UI_3", "DDG_ProximaNova_UI_4", "DDG_ProximaNova_UI_5", "DDG_ProximaNova_UI_6", "Proxima Nova", "Helvetica Neue", "Helvetica", "Segoe UI", "Nimbus Sans L", "Liberation Sans", "Open Sans", FreeSans, Arial, sans-serif; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 338px; background: #4495d4; box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.5); height: 42px; color: white; border: none; border-radius: 25px; font-size: 1.181em; font-weight: 500; margin: 0 auto; margin-bottom: 0.8rem; transition: all 0.3s ease-in-out; } .marketing .marketing__btn:hover, .marketing .marketing__btn:focus { outline: 0; background: #4a7daf; box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.25); } @media (min-width: 768px) { .marketing .marketing__btn { width: initial; max-width: initial; padding: 0 2em; } } .marketing .marketing__btn--outline { background: transparent; border: 1px solid currentColor; padding-top: 1px; box-shadow: none; } .marketing .marketing__btn--outline:hover, .marketing .marketing__btn--outline:focus { outline: 0; background: rgba(0, 0, 0, 0.25); } .marketing .marketing__section { padding: 60px 0; } .marketing .marketing__section .marketing__section__title { font-size: 2.083em; font-weight: bold; padding-bottom: 1.389rem; padding-top: 0; margin-bottom: 0; line-height: 1.27; } .marketing .marketing__section .marketing__section__subtitle { font-size: 1.389em; padding-bottom: 2.5rem; padding-top: 0; line-height: 1.4; } @media (min-width: 768px) { .marketing .marketing__section { padding: 100px 0; } } .marketing a:focus, .marketing button:focus { outline: 3px solid #66abff !important; } .page-newsletter .frm__btn { padding: 0; box-sizing: border-box; width: 100%; background-color: #66abff; height: 50px; max-width: 280px; border-radius: 100px; text-transform: uppercase; } .page-newsletter .frm__btn:hover, .page-newsletter .frm__btn:focus { background-color: #73bcff; } .is-btn-exp .page-newsletter .frm__btn:hover, .is-btn-exp .page-newsletter .frm__btn:active, .is-btn-exp .page-newsletter .frm__btn { box-sizing: border-box; background: #3969ef; height: 48px; width: auto; min-width: 100px; padding: 0 24px; border-radius: 8px; border: none; font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; text-transform: capitalize; letter-spacing: normal; } .is-btn-exp .page-newsletter .frm__btn:hover { background: #2950bf; } .is-btn-exp .page-newsletter .frm__btn:active { background: #294698; } .page-newsletter .header-wrap--hero { background: #b0d2ed; } .page-newsletter .header__button--menu { color: #333; } .page-newsletter .header__button--menu:hover, .page-newsletter .header__button--menu:focus { color: #333; } .page-newsletter .header--hero__loupe { color: #333; } .page-newsletter .header--aside { z-index: 20; } .page-newsletter #header_wrapper { z-index: 21; } .page-newsletter .frm__btn { text-transform: none; } .course { background: linear-gradient(to bottom, #b0d2ed, #fff); color: #333; } .course .cw--c { padding: 1em 16px; } .course .section-title { font-size: 32px; margin-bottom: 0; } @media only screen and (min-width: 544px) { .course .section-title { font-size: 40px; } } .course__logo { width: 80px; height: 80px; } @media only screen and (min-width: 864px) { .course__logo { width: 100px; height: 100px; } } .course--hero { transition: all 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22); will-change: transform; text-align: center; } .course--hero-container { background: linear-gradient(to bottom, #b0d2ed, #fff); } .course--hero__title { font-weight: 800; text-align: center; font-size: 34px; line-height: 1.06; margin: 0 auto; padding-bottom: 0.2em; padding-top: 8px; } @media only screen and (min-width: 544px) { .course--hero__title { font-size: 44px; max-width: 485px; } } .course__subtitle { text-align: center; line-height: 24px; font-size: 17px; max-width: 330px; margin-left: auto; margin-right: auto; } .course--form { transition: opacity 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22), -webkit-transform 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22); transition: transform 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22), opacity 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22); transition: transform 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22), opacity 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22), -webkit-transform 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22); will-change: transform; margin-top: 20px; height: 526px; background: url("/assets/course/skyline.svg"); background-position: 20% 111%; background-size: 237%; background-repeat: no-repeat; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } @media only screen and (min-width: 370px) { .course--form { background-position: 9% 102%; background-size: 191%; } } @media only screen and (min-width: 434px) { .course--form { background-position: 3% 100%; background-size: 155%; } } @media only screen and (min-width: 510px) { .course--form { background-position: 0% 100%; background-size: 129%; } } @media only screen and (min-width: 584px) { .course--form { height: auto; background: none; margin-top: 35px; } } .course__options { text-align: left; padding-bottom: 20px; } .course__options .course__options__checkbox { vertical-align: middle; margin: 0; margin-right: 9px; } .course__options .course__options__container { margin-bottom: 10px; } .course__options--bottom { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 360px) { .course__options--bottom { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } } .course__options--bottom .course__options__container { margin: 0; margin-right: 10px; } .course__options--bottom .course__options__container:last-of-type { margin: 0; } .course--bg { display: none; margin-top: -95px; width: 100%; margin-bottom: -1px; } @media only screen and (min-width: 584px) { .course--bg { display: block; } } @media only screen and (min-width: 1074px) { .course--bg { margin-top: -187px; } } @media only screen and (min-width: 1400px) { .course--bg { margin-top: -280px; } } .course--form__thanks { margin: 0 auto; text-align: center; width: 445px; position: absolute; left: 0; right: 0; line-height: 24px; font-size: 17px; color: #333333; -webkit-transform: translateY(-8em); transform: translateY(-8em); } .course--animate-out { opacity: 0; visibility: hidden; -webkit-transform: translateY(-8em); transform: translateY(-8em); } .course--form__container { transition: all 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22); padding: 0 16px; text-align: center; max-width: 600px; margin: 0 auto; } .course--form__container .frm__input { display: block; width: 100%; margin-bottom: 20px; height: 50px; font-size: 14px; background: white; border-radius: 4px; border-radius: var(--default-border-radius); border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); padding: 0 25px; } .course--hero__list { display: inline-block; margin: 1em auto 0 auto; text-align: left; padding-left: 1em; font-size: 17px; } .course--hero__list i { padding-right: 0.5em; } .course--hero__thanks { text-align: center; opacity: 0; position: absolute; margin: 0 auto; left: 0; right: 0; transition: all 300ms ease-in-out 700ms; } .course--hero__thanks--bottom { margin-top: 4em; } .course--hero__thanks-animate { -webkit-transform: translateY(-29em); transform: translateY(-29em); opacity: 1; } .course--form__notice { transition: all 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22); will-change: transform; text-align: center; width: 286px; margin: 0 auto; margin-top: 20px; } .course--peek-container { background-image: linear-gradient(to top, #fff, #d2e6f5); } .course--peek__subtitle { max-width: none; } .course--testimonial-container { background: white; } .course--cta-container { background: #fafafa; } .course--form__link { color: #3fa4f2; font-weight: 600; } .course--form__link:hover, .course--form__link:focus { color: #3fa4f2; } .course--link { color: #3fa4f2; } .course--link:hover, .course--link:focus { color: #3fa4f2; } .course--hero__list .course--link:hover, .course--hero__list .course--link:focus { text-decoration: none; } .course--link-inline:hover, .course--link-inline:focus { text-decoration: underline; } .course--peek { background-image: linear-gradient(to top, #fff, #d2e6f5); } .course--peek .blog-card { margin-top: 10px; } .course--peek.cw--c { padding-bottom: 31px; padding-top: 21px; } @media only screen and (min-width: 900px) { .course--peek.cw--c { padding-bottom: 71px; padding-top: 61px; } } .course--peek__title { text-align: center; font-size: 40px; font-weight: bold; padding-bottom: 15px; line-height: 38px; } .course--peek__blog { padding-top: 10px; } .course--peek__blog .blog-card { min-height: auto; } .course--peek__blog .blog-card__title { margin-bottom: 0; } .course--peek__blog .blog-card__topic { display: none; } .course--hr { width: 50px; margin: 25px auto; border: 0; height: 2px; background-color: #3fa4f2; } .course--testimonial { background: white; } .course--testimonial.cw--c { padding-top: 16px; padding-bottom: 51px; max-width: 741px; } @media only screen and (min-width: 900px) { .course--testimonial.cw--c { padding-top: 56px; padding-bottom: 91px; } } .course--testimonial__title { text-align: center; font-size: 40px; font-weight: bold; line-height: 38px; } .course--testimonial__subtitle { max-width: none; } .course--testimonial__post { padding-top: 52px; } .course--testimonial__post:first-of-type { padding-top: 1.3em; } .course--testimonial__post__text { font-size: 17px; } .course--testimonial__post__author { font-size: 17px; padding-top: 11px; } .course--testimonial__post__author .course--testimonial__post__name, .course--testimonial__post__author .course--testimonial__post__twitter { padding: 0; } .course--testimonial__post__twitter { color: #666; } .course--testimonial__post__name { font-weight: bold; } .course--testimonial__post__image { height: 88px; width: 86px; border-radius: 50%; } .course--testimonial__post__image-container { text-align: center; margin-bottom: 1em; } @media only screen and (min-width: 880px) { .course--testimonial__post__image-container { display: inline-block; } } .course--testimonial__post__text-container { padding-left: 3em; position: relative; } .course--testimonial__post__text-container::before { display: inline; content: "“"; font-size: 85px; position: absolute; top: -37px; left: 4px; height: 0; color: #cfcfcf; } @media only screen and (min-width: 880px) { .course--testimonial__post__text-container { width: 81%; float: right; } } .course--cta { transition: all 500ms cubic-bezier(0.9, 0.03, 0.69, 0.22); padding-top: 40px; padding-bottom: 40px; text-align: center; } .course--cta.cw--c { padding-top: 26px; padding-bottom: 51px; } @media only screen and (min-width: 900px) { .course--cta.cw--c { padding-top: 66px; padding-bottom: 91px; } } .course--cta__title { text-align: center; font-weight: bold; line-height: 38px; } .course--cta__subtitle { padding-top: 0; padding-bottom: 34px; margin-bottom: 0; } .page-hiring *, .page-hiring *::before, .page-hiring *::after { box-sizing: border-box; } .page-hiring section { color: #222; font-size: 22px; line-height: 30px; margin: 0 auto; } .page-hiring h1 { font-weight: 800; } .page-hiring h2, .page-hiring h3 { font-weight: bold; } .page-hiring h1 { font-size: 48px; line-height: 52px; } @media (min-width: 576px) { .page-hiring h1 { font-size: 60px; line-height: 64px; } } .page-hiring h2 { font-size: 48px; line-height: 52px; padding: 20px 0; margin: 0; } .page-hiring .content-wrap header p { font-size: 16px; line-height: 20px; letter-spacing: 2px; margin: 0; padding: 0; } .page-hiring p { font-size: 20px; line-height: 28px; } .page-hiring .content-wrap a { color: #3969ef; } @media (max-width: 767.98px) { .page-hiring .container { padding-left: 32px; padding-right: 32px; } } .page-hiring .card { -ms-flex-align: center; align-items: center; text-align: center; border: none; height: 100%; } .page-hiring .card-body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding: 0; width: 100%; } .page-hiring .card-title { font-weight: 800; font-size: 32px; line-height: 36px; margin: 0; padding: 0; } .page-hiring .card-text { font-size: 15px; line-height: 22px; width: 100%; } @media (max-width: 767.98px) { .page-hiring .card-text { font-size: 17px; line-height: 26px; letter-spacing: -0.07px; } } .page-hiring #header_wrapper { background-color: transparent; box-shadow: none; } .page-hiring #header_wrapper .header__logo-wrap--flex { color: #222; } .page-hiring .header { max-width: 1440px; margin: 0 auto; padding: 22px 32px 0; } @media (min-width: 576px) { .page-hiring .header { padding: 22px 40px 14px; } } .page-hiring .header__logo-wrap--flex { box-sizing: content-box; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 50px; width: auto; min-width: 0; } @media (min-width: 576px) { .page-hiring .header__logo-wrap--flex { height: 60px; } } .page-hiring .header__logo--flex { height: 100%; width: auto; max-width: 100%; } .page-hiring .header__button--menu { color: #222; } .page-hiring .hero { padding-top: 75px; margin-bottom: 100px; } @media (min-width: 768px) { .page-hiring .hero { margin-top: 0; } } .page-hiring .hero__img { width: auto; margin-top: 50px; border-radius: 50px 0px 50px; } @media (min-width: 992px) { .page-hiring .hero__img { margin-top: 0px; max-width: none; max-height: 428px; border-radius: 100px 0px 200px; } } @media (min-width: 1200px) { .page-hiring .hero__img { max-height: 628px; } } .page-hiring .join__btn { width: 100%; background: #fdd20a; border-radius: 10px; border: none; padding: 16px; font-weight: bold; font-size: 16px; line-height: 16px; text-align: center; color: #222; } @media (min-width: 576px) { .page-hiring .join__btn { width: auto; } } @media (min-width: 1200px) { .page-hiring .join header { margin-top: 114px; } } .page-hiring .join figure img { max-width: none; width: auto; border-radius: 0px 100px 0px 200px; } .page-hiring .join figcaption { max-width: 430px; font-style: italic; font-size: 12px; line-height: 15px; } .page-hiring .join .join__cards { margin-top: 144px; } .page-hiring .join .card { padding: 30px; } @media (min-width: 768px) and (max-width: 991.98px) { .page-hiring .join .card svg { margin-right: 60px; } } .page-hiring .join .card-body { max-width: 336px; } @media (min-width: 768px) and (max-width: 991.98px) { .page-hiring .join .card-body { max-width: 376px; text-align: left; -ms-flex-align: start; align-items: start; } } .page-hiring .join .card-title { margin-top: 25px; margin-bottom: 25px; } @media (min-width: 768px) and (max-width: 991.98px) { .page-hiring .join .card-title { margin-top: 0; margin-bottom: 20px; } } .page-hiring .join .card-1 { background: #fdd20a; border-radius: 0 20px 0px 40px; } .page-hiring .join .card-2 { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) ), #fdd20a; border-radius: 60px 0px 60px 0px; } .page-hiring .join .card-3 { background: linear-gradient( 0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4) ), #fdd20a; border-radius: 0px 0px 40px 20px; } .page-hiring .process { margin-top: 100px; } @media (min-width: 768px) { .page-hiring .process { margin-top: 150px; } } .page-hiring .process .process__cards { margin-top: 45px; } .page-hiring .process .process__cards .col:nth-of-type(1) .card { border-radius: 20px 0px 20px 20px; } .page-hiring .process .process__cards .col:nth-of-type(2) .card { border-radius: 20px 20px 0px 20px; } .page-hiring .process .process__cards .col:nth-of-type(3) .card { border-radius: 0px 20px 20px 20px; } .page-hiring .process .process__cards .col:nth-of-type(4) .card { border-radius: 20px 20px 20px 0px; } .page-hiring .process .card { padding: 20px 30px 24px; background: #f2f2f2; border: none; } .page-hiring .process .card-number { display: -ms-flexbox; display: flex; width: 32px; height: 32px; margin: 12px 0 0 12px; position: absolute; top: 0; left: 0; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 100%; -ms-flex-item-align: start; align-self: flex-start; font-size: 14px; } .page-hiring .process .card-title { font-size: 21px; line-height: 34px; margin: 8px 0 4px; } .page-hiring .process .card-text { line-height: 22px; letter-spacing: -0.07px; } .page-hiring .positions { margin: 150px auto; } .page-hiring .jobs-list .job { background: #f4f4f4; border-radius: 0px 20px 20px 20px; padding: 32px 36px; margin-bottom: 32px; } .page-hiring .jobs-list .job dl { font-size: 13.6px; line-height: 17px; } .page-hiring .jobs-list .job dt { font-weight: bold; } .page-hiring .jobs-list .job dd { margin-right: 5px; } .page-hiring .jobs-list .job__title { font-weight: bold; font-size: 22px; line-height: 27px; margin-bottom: 16px; } .page-hiring .jobs-list .job__heading { font-weight: bold; font-size: 13.6px; line-height: 17px; } .page-hiring .jobs-list .job__toggle { background: none; border: none; font-weight: bold; font-size: 13.6px; line-height: 17px; color: #3969ef; cursor: pointer; } .page-hiring .jobs-list .job__toggle:focus { outline: none; } .page-hiring .jobs-list .job__description { font-size: 14px; margin-top: 20px; } .page-hiring .jobs-list .job__description p, .page-hiring .jobs-list .job__description li { font-size: 14px; margin: 0 0 1em; padding: 0; line-height: 20px; } .page-hiring .jobs-list .job__description ul, .page-hiring .jobs-list .job__description ol { margin: 0 0 1.2em 40px; padding: 0; } .page-hiring .jobs-list .job__description li { list-style-type: disc; line-height: 20px; } .page-hiring .jobs-list .job__description ol li { list-style-type: number; } .page-hiring .jobs-list .job__apply { font-size: 1rem; background: #3969ef; border-radius: 3px; border: none; color: white; padding: 0.4rem 0.6rem 0.4rem 0.6rem; } .page-hiring .blk--foot { background: #f4f4f4; color: #222; } .page-hiring .blk--foot--about { border: none; } .page-hiring .blk--foot--about li, .page-hiring .blk--foot--about p { font-size: 14px; font-size: 14px; line-height: 24px; letter-spacing: -0.3px; } .page-hiring .blk--foot--about h5 { font-weight: 800; font-size: 21px; line-height: 34px; padding: 0; } .page-hiring .blk--foot--about a { color: #3969ef; } .page-hiring .blk--foot--copyright p { font-size: 12px; line-height: 15px; font-style: italic; } .page-hiring .blk--foot--copyright a { color: #222; } .most-visited__parent { width: 100%; } .most-visited { text-align: center; margin: 0 auto; max-width: 600px; } @media only screen and (min-width: 425px) and (max-width: 590px) { .most-visited { width: 80%; } } @media only screen and (max-width: 425px) { .most-visited { padding: 0 0.8em; } } .most-visited__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; padding-top: 2.5em; } .most-visited__separator { border-top: 1px solid #e5e5e5; } .most-visited__toggle-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; } .most-visited__toggle { padding: 3px 3em; margin-left: 25px; } @media only screen and (max-width: 590px) { .most-visited__toggle { margin-left: 0; } } .most-visited__info { margin-left: 10px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; width: 15px; } @media only screen and (max-width: 590px) { .most-visited__info { display: none; } } .most-visited__info-trigger { padding: 0; background: none; border: none; outline: none; } .most-visited__info-icon { color: #999; } .most-visited__info-tt { position: absolute; top: 100%; margin: 10px 0; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); text-align: left; padding: 0.75em 1em; width: 250px; background: #fff; display: none; } .most-visited__info-tt:before { content: ""; display: block; position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc; } .most-visited__info-tt:after { content: ""; display: block; position: absolute; top: -8px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .most-visited__info-trigger:hover + .most-visited__info-tt, .most-visited__info-trigger:focus + .most-visited__info-tt { display: block; } .most-visited__info-tt--above { bottom: 100%; top: initial; } .most-visited__info-tt--above:before { top: initial; bottom: -10px; border-bottom: none; border-top: 10px solid #ccc; } .most-visited__info-tt--above:after { top: initial; bottom: -8px; border-bottom: none; border-top: 10px solid #fff; } .most-visited__undo-wrapper { box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.33); border-radius: 8px; padding: 1.5em; position: relative; display: inline-block; background: #fff; } .most-visited__undo-label { margin-right: 2em; } .most-visited__undo-btn { background: none; border: none; color: #4495d4; cursor: pointer; outline: none; } .most-visited__undo-btn:hover, .most-visited__undo-btn:focus { text-decoration: underline; } .most-visited__undo-close { position: absolute; top: -8px; right: -8px; height: 16px; width: 16px; cursor: pointer; border: none; font-family: "ddg-serp-icons"; border-radius: 50%; font-size: 8px; line-height: 10px; padding: 0; font-weight: bold; color: white; background: #999; } .most-visited__undo-close:focus, .most-visited__undo-close:hover { outline: none; } .most-visited__site { float: left; margin: 0 10px; position: relative; cursor: pointer; width: 110px; padding-bottom: 2em; } .most-visited__site-icon { border: 1px solid transparent; background: #fff; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 60px; width: 60px; margin: 0 auto 0.5em auto; cursor: pointer; border-radius: 8px; box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.25); transition: box-shadow 0.3s ease-in-out; } .most-visited__site-link--focused .most-visited__site-icon, .most-visited__site-link--highlight .most-visited__site-icon { box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.33); } .most-visited__site-favicon { height: 32px; width: 32px; pointer-events: none; } .most-visited__site-link { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .most-visited__site-link-text { height: 1.5em; width: 100%; } .most-visited__site-link--highlight .most-visited__site-link-text, .most-visited__site-link--focused .most-visited__site-link-text { display: none; } .most-visited__site-link-highlight-text { height: 1.5em; width: 100%; display: none; } .most-visited__site-link--highlight .most-visited__site-link-highlight-text, .most-visited__site-link--focused .most-visited__site-link-highlight-text { display: inline-block; } .most-visited__site-link-delete { position: absolute; top: -8px; right: 17px; height: 16px; width: 16px; cursor: pointer; border: none; font-family: "ddg-serp-icons"; border-radius: 50%; font-size: 8px; line-height: 10px; padding: 0; font-weight: bold; color: #fff; background: #999; opacity: 0; transition: opacity 0.3s ease-in-out; } .most-visited__site-link-delete:focus, .most-visited__site-link-delete:hover { opacity: 1; outline: none; } .most-visited__site-link--focused .most-visited__site-link-delete, .most-visited__site-link--highlight .most-visited__site-link-delete { opacity: 1; }