#IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } *{} html { text-size-adjust: 100%;line-height: 1.25;font-family: sans-serif;box-sizing: border-box; } @media (max-width: 639px) { html { font-family: sans-serif;text-size-adjust: 100%;line-height: 1.25;box-sizing: border-box; } } @media (max-width: 767px) and (min-width: 640px) { html { font-family: sans-serif;text-size-adjust: 100%;line-height: 1.25;box-sizing: border-box; } } @media (max-width: 991px) and (min-width: 768px) { html { font-family: sans-serif;text-size-adjust: 100%;line-height: 1.25;box-sizing: border-box; } } @media (max-width: 1199px) and (min-width: 992px) { html { font-family: sans-serif;text-size-adjust: 100%;line-height: 1.25;box-sizing: border-box; } } @media (min-width: 1200px) { html { font-family: sans-serif;text-size-adjust: 100%;line-height: 1.25;box-sizing: border-box; } } body { max-width: 1024px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } @media (max-width: 639px) { body { max-width: 1024px;margin-left: 10px;margin-bottom: 10px;margin-right: 10px;margin-top: 10px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } } @media (max-width: 767px) and (min-width: 640px) { body { max-width: 1024px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } } @media (max-width: 991px) and (min-width: 768px) { body { max-width: 1024px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { body { max-width: 1024px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } } @media (min-width: 1200px) { body { max-width: 1024px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } } body * { border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } @media (max-width: 639px) { body * { border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } } @media (max-width: 767px) and (min-width: 640px) { body * { border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } } @media (max-width: 991px) and (min-width: 768px) { body * { border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { body * { border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } } @media (min-width: 1200px) { body * { border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit; } } h1 { font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em; } @media (max-width: 639px) { h1 { font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em; } } @media (max-width: 767px) and (min-width: 640px) { h1 { font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em; } } @media (max-width: 991px) and (min-width: 768px) { h1 { font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em; } } @media (max-width: 1199px) and (min-width: 992px) { h1 { font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em; } } @media (min-width: 1200px) { h1 { font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em; } } p { font-size: 18px;font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } @media (max-width: 639px) { p { font-family: Roboto, sans-serif;font-size: 18px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { p { font-family: Roboto, sans-serif;font-size: 18px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { p { font-family: Roboto, sans-serif;font-size: 18px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { p { font-family: Roboto, sans-serif;font-size: 18px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (min-width: 1200px) { p { font-family: Roboto, sans-serif;font-size: 18px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } li { line-height: 30px;font-family: Roboto, sans-serif;font-size: 18px; } @media (max-width: 639px) { li { font-family: Roboto, sans-serif;line-height: 30px;font-size: 18px; } } @media (max-width: 767px) and (min-width: 640px) { li { font-family: Roboto, sans-serif;line-height: 30px;font-size: 18px; } } @media (max-width: 991px) and (min-width: 768px) { li { font-family: Roboto, sans-serif;line-height: 30px;font-size: 18px; } } @media (max-width: 1199px) and (min-width: 992px) { li { font-family: Roboto, sans-serif;line-height: 30px;font-size: 18px; } } @media (min-width: 1200px) { li { font-family: Roboto, sans-serif;line-height: 30px;font-size: 18px; } } a { color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent; } @media (max-width: 639px) { a { color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent; } } @media (max-width: 767px) and (min-width: 640px) { a { color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent; } } @media (max-width: 991px) and (min-width: 768px) { a { color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent; } } @media (max-width: 1199px) and (min-width: 992px) { a { color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent; } } @media (min-width: 1200px) { a { color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent; } } ul { list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } @media (max-width: 639px) { ul { list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { ul { list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { ul { list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { ul { list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } } @media (min-width: 1200px) { ul { list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } } main { display: block; } @media (max-width: 639px) { main { display: block; } } @media (max-width: 767px) and (min-width: 640px) { main { display: block; } } @media (max-width: 991px) and (min-width: 768px) { main { display: block; } } @media (max-width: 1199px) and (min-width: 992px) { main { display: block; } } @media (min-width: 1200px) { main { display: block; } } hr { overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box; } @media (max-width: 639px) { hr { overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box; } } @media (max-width: 767px) and (min-width: 640px) { hr { overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box; } } @media (max-width: 991px) and (min-width: 768px) { hr { overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box; } } @media (max-width: 1199px) and (min-width: 992px) { hr { overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box; } } @media (min-width: 1200px) { hr { overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box; } } pre { font-size: 1em;font-family: monospace, monospace;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } @media (max-width: 639px) { pre { font-family: monospace, monospace;font-size: 1em;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { pre { font-family: monospace, monospace;font-size: 1em;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { pre { font-family: monospace, monospace;font-size: 1em;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { pre { font-family: monospace, monospace;font-size: 1em;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (min-width: 1200px) { pre { font-family: monospace, monospace;font-size: 1em;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } b { font-weight: bolder; } @media (max-width: 639px) { b { font-weight: bolder; } } @media (max-width: 767px) and (min-width: 640px) { b { font-weight: bolder; } } @media (max-width: 991px) and (min-width: 768px) { b { font-weight: bolder; } } @media (max-width: 1199px) and (min-width: 992px) { b { font-weight: bolder; } } @media (min-width: 1200px) { b { font-weight: bolder; } } strong { font-weight: bolder; } @media (max-width: 639px) { strong { font-weight: bolder; } } @media (max-width: 767px) and (min-width: 640px) { strong { font-weight: bolder; } } @media (max-width: 991px) and (min-width: 768px) { strong { font-weight: bolder; } } @media (max-width: 1199px) and (min-width: 992px) { strong { font-weight: bolder; } } @media (min-width: 1200px) { strong { font-weight: bolder; } } code { font-size: 1em;font-family: monospace, monospace; } @media (max-width: 639px) { code { font-family: monospace, monospace;font-size: 1em; } } @media (max-width: 767px) and (min-width: 640px) { code { font-family: monospace, monospace;font-size: 1em; } } @media (max-width: 991px) and (min-width: 768px) { code { font-family: monospace, monospace;font-size: 1em; } } @media (max-width: 1199px) and (min-width: 992px) { code { font-family: monospace, monospace;font-size: 1em; } } @media (min-width: 1200px) { code { font-family: monospace, monospace;font-size: 1em; } } kbd { font-size: 1em;font-family: monospace, monospace; } @media (max-width: 639px) { kbd { font-family: monospace, monospace;font-size: 1em; } } @media (max-width: 767px) and (min-width: 640px) { kbd { font-family: monospace, monospace;font-size: 1em; } } @media (max-width: 991px) and (min-width: 768px) { kbd { font-family: monospace, monospace;font-size: 1em; } } @media (max-width: 1199px) and (min-width: 992px) { kbd { font-family: monospace, monospace;font-size: 1em; } } @media (min-width: 1200px) { kbd { font-family: monospace, monospace;font-size: 1em; } } samp { font-size: 1em;font-family: monospace, monospace; } @media (max-width: 639px) { samp { font-family: monospace, monospace;font-size: 1em; } } @media (max-width: 767px) and (min-width: 640px) { samp { font-family: monospace, monospace;font-size: 1em; } } @media (max-width: 991px) and (min-width: 768px) { samp { font-family: monospace, monospace;font-size: 1em; } } @media (max-width: 1199px) and (min-width: 992px) { samp { font-family: monospace, monospace;font-size: 1em; } } @media (min-width: 1200px) { samp { font-family: monospace, monospace;font-size: 1em; } } small { font-size: 80%; } @media (max-width: 639px) { small { font-size: 80%; } } @media (max-width: 767px) and (min-width: 640px) { small { font-size: 80%; } } @media (max-width: 991px) and (min-width: 768px) { small { font-size: 80%; } } @media (max-width: 1199px) and (min-width: 992px) { small { font-size: 80%; } } @media (min-width: 1200px) { small { font-size: 80%; } } sub { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em; } @media (max-width: 639px) { sub { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em; } } @media (max-width: 767px) and (min-width: 640px) { sub { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em; } } @media (max-width: 991px) and (min-width: 768px) { sub { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em; } } @media (max-width: 1199px) and (min-width: 992px) { sub { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em; } } @media (min-width: 1200px) { sub { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em; } } sup { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em; } @media (max-width: 639px) { sup { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em; } } @media (max-width: 767px) and (min-width: 640px) { sup { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em; } } @media (max-width: 991px) and (min-width: 768px) { sup { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em; } } @media (max-width: 1199px) and (min-width: 992px) { sup { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em; } } @media (min-width: 1200px) { sup { vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em; } } img { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%; } @media (max-width: 639px) { img { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { img { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { img { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { img { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%; } } @media (min-width: 1200px) { img { border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%; } } button { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;font-family: inherit;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer; } button:focus,button.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } @media (max-width: 639px) { button { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer; } button:focus,button.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } } @media (max-width: 767px) and (min-width: 640px) { button { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer; } button:focus,button.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } } @media (max-width: 991px) and (min-width: 768px) { button { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer; } button:focus,button.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } } @media (max-width: 1199px) and (min-width: 992px) { button { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer; } button:focus,button.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } } @media (min-width: 1200px) { button { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer; } button:focus,button.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } } input { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;font-family: inherit;overflow-y: visible;overflow-x: visible; } @media (max-width: 639px) { input { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible; } } @media (max-width: 767px) and (min-width: 640px) { input { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible; } } @media (max-width: 991px) and (min-width: 768px) { input { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible; } } @media (max-width: 1199px) and (min-width: 992px) { input { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible; } } @media (min-width: 1200px) { input { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible; } } optgroup { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;font-family: inherit; } @media (max-width: 639px) { optgroup { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%; } } @media (max-width: 767px) and (min-width: 640px) { optgroup { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%; } } @media (max-width: 991px) and (min-width: 768px) { optgroup { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { optgroup { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%; } } @media (min-width: 1200px) { optgroup { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%; } } select { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;font-family: inherit;text-transform: none; } @media (max-width: 639px) { select { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;text-transform: none; } } @media (max-width: 767px) and (min-width: 640px) { select { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;text-transform: none; } } @media (max-width: 991px) and (min-width: 768px) { select { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;text-transform: none; } } @media (max-width: 1199px) and (min-width: 992px) { select { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;text-transform: none; } } @media (min-width: 1200px) { select { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;text-transform: none; } } textarea { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;font-family: inherit;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit; } textarea:focus,textarea.gp-focus { outline-width: 0px;outline-style: initial;outline-color: initial; } @media (max-width: 639px) { textarea { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit; } textarea:focus,textarea.gp-focus { outline-width: 0px;outline-style: initial;outline-color: initial; } } @media (max-width: 767px) and (min-width: 640px) { textarea { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit; } textarea:focus,textarea.gp-focus { outline-width: 0px;outline-style: initial;outline-color: initial; } } @media (max-width: 991px) and (min-width: 768px) { textarea { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit; } textarea:focus,textarea.gp-focus { outline-width: 0px;outline-style: initial;outline-color: initial; } } @media (max-width: 1199px) and (min-width: 992px) { textarea { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit; } textarea:focus,textarea.gp-focus { outline-width: 0px;outline-style: initial;outline-color: initial; } } @media (min-width: 1200px) { textarea { font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit; } textarea:focus,textarea.gp-focus { outline-width: 0px;outline-style: initial;outline-color: initial; } } fieldset { padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } @media (max-width: 639px) { fieldset { padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { fieldset { padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { fieldset { padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { fieldset { padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (min-width: 1200px) { fieldset { padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } legend { white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box; } @media (max-width: 639px) { legend { white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box; } } @media (max-width: 767px) and (min-width: 640px) { legend { white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box; } } @media (max-width: 991px) and (min-width: 768px) { legend { white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box; } } @media (max-width: 1199px) and (min-width: 992px) { legend { white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box; } } @media (min-width: 1200px) { legend { white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box; } } progress { vertical-align: baseline; } @media (max-width: 639px) { progress { vertical-align: baseline; } } @media (max-width: 767px) and (min-width: 640px) { progress { vertical-align: baseline; } } @media (max-width: 991px) and (min-width: 768px) { progress { vertical-align: baseline; } } @media (max-width: 1199px) and (min-width: 992px) { progress { vertical-align: baseline; } } @media (min-width: 1200px) { progress { vertical-align: baseline; } } details { display: block; } @media (max-width: 639px) { details { display: block; } } @media (max-width: 767px) and (min-width: 640px) { details { display: block; } } @media (max-width: 991px) and (min-width: 768px) { details { display: block; } } @media (max-width: 1199px) and (min-width: 992px) { details { display: block; } } @media (min-width: 1200px) { details { display: block; } } summary { display: list-item; } @media (max-width: 639px) { summary { display: list-item; } } @media (max-width: 767px) and (min-width: 640px) { summary { display: list-item; } } @media (max-width: 991px) and (min-width: 768px) { summary { display: list-item; } } @media (max-width: 1199px) and (min-width: 992px) { summary { display: list-item; } } @media (min-width: 1200px) { summary { display: list-item; } } template { display: none; } @media (max-width: 639px) { template { display: none; } } @media (max-width: 767px) and (min-width: 640px) { template { display: none; } } @media (max-width: 991px) and (min-width: 768px) { template { display: none; } } @media (max-width: 1199px) and (min-width: 992px) { template { display: none; } } @media (min-width: 1200px) { template { display: none; } } blockquote { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } @media (max-width: 639px) { blockquote { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { blockquote { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { blockquote { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { blockquote { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (min-width: 1200px) { blockquote { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } dd { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } @media (max-width: 639px) { dd { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { dd { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { dd { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { dd { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (min-width: 1200px) { dd { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } dl { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } @media (max-width: 639px) { dl { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { dl { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { dl { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { dl { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (min-width: 1200px) { dl { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } figure { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } @media (max-width: 639px) { figure { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { figure { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { figure { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { figure { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } @media (min-width: 1200px) { figure { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } } ol { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } @media (max-width: 639px) { ol { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } } @media (max-width: 767px) and (min-width: 640px) { ol { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } } @media (max-width: 991px) and (min-width: 768px) { ol { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { ol { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } } @media (min-width: 1200px) { ol { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px; } } table { border-collapse: collapse; } @media (max-width: 639px) { table { border-collapse: collapse; } } @media (max-width: 767px) and (min-width: 640px) { table { border-collapse: collapse; } } @media (max-width: 991px) and (min-width: 768px) { table { border-collapse: collapse; } } @media (max-width: 1199px) and (min-width: 992px) { table { border-collapse: collapse; } } @media (min-width: 1200px) { table { border-collapse: collapse; } }/*endBaseStyles*/ @import 'https://fonts.googleapis.com/css?family=Roboto'; body { margin: 10px auto; max-width: 1024px; } h1 { font-family: 'Roboto', sans-serif; } h2 { font-size: 1.7em; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; } h3 { font-family: 'Roboto', sans-serif; } h4 { font-size: 18px; font-weight: bold; font-family: 'Roboto', sans-serif; } p { font-family: 'Roboto', sans-serif; font-size: 18px; } li { font-size: 18px; font-family: 'Roboto', sans-serif; line-height: 30px; } a { text-decoration: none; color: #FFFFFF; } .mobileButton { margin: 2%; margin-bottom: 3%; padding: 2%; border: solid #adadba 1px; border-radius: 0px; text-align: center; font-family: verdana; font-weight: bold; } .wrapper { width: 800px; text-align: left; } .container{ margin: 0 auto; } ul{ list-style:none; } ul li{ padding:10px 10px; } a{ color:white; } ul li a{ text-align:center; font-size: 21px; text-decoration:none; } .columnHeading{ width:25%; float:left; } .headingBorder{ padding:20px 0; text-align:center; border-top:2px solid gray; border-bottom:2px solid gray; } .endRow{ float:right; } .clearRight{ clear:left; } .submenuPopularAppBtn,.submenuEmailClientBtn,.submenuSecuritySoftBtn,.submenuSpamFiltersBtn{ text-align:center; width:75%; padding:10px; cursor:pointer; } .submenuPopularAppBtn{ background-color:#007abd; } .submenuEmailClientBtn{ background-color:#7ec324; } .submenuSecuritySoftBtn{ background-color:#fdab00; } .submenuSpamFiltersBtn{ background-color:#eb605a; } @media only screen and (min-width:600px) and (max-width: 879px){ .columnHeading{ width:50%; } .headingBorder{ padding:20px 0; text-align:center; border-top:2px solid gray; border-bottom:2px solid gray; } #sSoftware{ clear:left; } } @media only screen and (min-width : 880px) and (max-width:1140px) { .columnHeading{ width:33.33333%; } #sFilters{ clear:both; } } /*fix margin*/ @media only screen and (min-width:0) and (max-width:600px){ body{ margin:10px; } .columnHeading{ width:100%; } .clearFix { clear: both; } } /*Instruction Icons*/ .instruction-icon { float: left; margin: 10px; } /* BEGIN Back to top button */ a.backTop { padding: 10px; } .backTop { color: #FFFFFF; font-weight: bold; font-family: roboto; display: inline-block; position: fixed; bottom: 40px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; white-space: nowrap; background: #CC0000; } .backTop.backTopVisible, .backTop.backTopFadeOut, .no-touch .backTop:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .backTop.backTopIsVisible { /* the button becomes visible */ visibility: visible; opacity: 1; } .backTop.backTopFadeOut { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .backTop:hover { background-color: #e86256; opacity: 1; } @media only screen and (min-width: 768px) { .backTop { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .backTop { right: 30px; bottom: 30px; } } /* END Back to top button */