diff --git a/css/pv.main.css b/css/pv.main.css index 7195e73b..7585a554 100644 --- a/css/pv.main.css +++ b/css/pv.main.css @@ -1,22539 +1 @@ -: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; -} +: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:400;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} \ No newline at end of file