/* Colors */
/**********************************
Teal (primary): #00b2a9;
Blue (secondary): #003b5c;
Lighter Blue (secondary Alt.): #42788F;
Lightest Blue: #8db9ca;
Gray (tertiary): #97999b;
Light Gray (icons): #939596;
Coral (dismissive): #d1344f;
Gray Bg: #eaebeb;
Light Gray Bg: #f3f3f3;
Light Gray Hover: #f8f8f8;
Gold: #f2a900;

Default Gray: #54585A;
Default Gray Alt: #444444;
Default Black: #222222;

Hyperlink: #217cb8;
Hyperlink:hover: #0091dc;
***********************************/
/* Import serif font to match Lexia (Trocchi for quote marks - Sanchez for other text) */
@import url("https://fonts.googleapis.com/css2?family=Trocchi&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sanchez&display=swap");

.async-hide {
  opacity: 0 !important;
}

/* Avenir font import */
@font-face {
  font-family: "Avenir Light";
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/962e0d9d-7610-4b34-a16b-254ff1e3bcad.eot?#iefix");
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/962e0d9d-7610-4b34-a16b-254ff1e3bcad.eot?#iefix") format("eot"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/f5354f80-92cf-4f4b-b36f-8c045d5c8426.woff2") format("woff2"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/8677474f-cbca-4e71-a08e-1f86baaba210.woff") format("woff"),
    url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/dae72e0a-0185-45cd-818d-41627b670f78.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Avenir Light Oblique";
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/b234534f-cb2d-4327-8035-d85d8292fcab.eot?#iefix");
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/b234534f-cb2d-4327-8035-d85d8292fcab.eot?#iefix") format("eot"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/fd879dcd-b7a1-4173-86d9-bf9c7dda8393.woff2") format("woff2"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/e8a7c6b2-29ca-45c2-8928-c5a361266238.woff") format("woff"),
    url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/96ea88b9-b924-4b9f-8f2c-12d3e95a6bed.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/2a3d3f7d-64c1-4412-8b2c-17d7a782e237.eot?#iefix");
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/2a3d3f7d-64c1-4412-8b2c-17d7a782e237.eot?#iefix") format("eot"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/22c9fb19-d2ca-4a69-913f-3d216e2744d1.woff2") format("woff2"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/cb8027e4-2dba-4d36-8dee-0f22afe62776.woff") format("woff"),
    url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/d49a6a27-a94b-43dc-8dc4-af608e272353.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Avenir Oblique";
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/e01c57cf-d060-46af-b133-26de5ee92e76.eot?#iefix");
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/e01c57cf-d060-46af-b133-26de5ee92e76.eot?#iefix") format("eot"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/bc7b5f69-276a-4189-b78f-13d5298def95.woff2") format("woff2"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/5a3d5b16-119c-4b2e-91e5-dfccedad7dbd.woff") format("woff"),
    url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/e280a85d-3822-44d1-8d41-59cc51ba173c.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Avenir Medium";
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/4b08ce72-f57c-4113-84ba-56062e307075.eot?#iefix");
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/4b08ce72-f57c-4113-84ba-56062e307075.eot?#iefix") format("eot"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/7839a002-2019-46e4-8db8-c8335356ceee.woff2") format("woff2"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/28433854-a1b7-4a30-b6a4-10c3a5c75494.woff") format("woff"),
    url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/edcbf576-7e55-423b-9ec9-cf526614a117.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Avenir Medium Oblique";
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/4790f9a9-578d-44b8-a4c9-31bf8ad9dd6f.eot?#iefix");
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/4790f9a9-578d-44b8-a4c9-31bf8ad9dd6f.eot?#iefix") format("eot"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/4e89beca-e104-42f2-b069-115eba961f22.woff2") format("woff2"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/728b12a3-0bd7-4f4b-89d2-42cf7c346f67.woff") format("woff"),
    url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/08db587f-8317-4144-927c-80ac40e68271.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Avenir Heavy";
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/7ed39c78-4da5-42df-831b-798b2272d1ac.eot?#iefix");
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/7ed39c78-4da5-42df-831b-798b2272d1ac.eot?#iefix") format("eot"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/e9b44b79-923f-49b3-837c-290bc70628cc.woff2") format("woff2"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/fbd14ec6-aa86-4ccd-af83-931d5eb79910.woff") format("woff"),
    url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/0d230b6d-eb52-48b7-9c4b-c3f876465fe6.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Avenir Heavy Oblique";
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/3e18dbe2-fb03-4772-a5f4-cf7aa4c92098.eot?#iefix");
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/3e18dbe2-fb03-4772-a5f4-cf7aa4c92098.eot?#iefix") format("eot"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/8e5b26ea-572e-4c54-aa76-ead98ccb9b18.woff2") format("woff2"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/0931e747-e24f-4520-8aad-98c037b3c141.woff") format("woff"),
    url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/19378c4f-fba2-4fb9-b693-c0c8978e3a76.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Avenir Black";
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/d54f0688-824d-4cae-88f3-ebed1ed3d2be.eot?#iefix");
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/d54f0688-824d-4cae-88f3-ebed1ed3d2be.eot?#iefix") format("eot"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/ef5440cb-9db6-4c3a-b4ab-8135481379cd.woff2") format("woff2"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/6497b0cb-750c-4e79-b974-2d66cef3ac7d.woff") format("woff"),
    url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/7b88d46c-84c0-49b1-91d7-5a63a6d0b09a.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Avenir Black Oblique";
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/6caef51d-ab1f-4416-853b-32882889bfb6.eot?#iefix");
  src: url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/6caef51d-ab1f-4416-853b-32882889bfb6.eot?#iefix") format("eot"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/5cf403f1-9390-4e3f-a340-a61a21e4cfff.woff2") format("woff2"), url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/3eede984-273e-4173-9fa5-96bb87dd969a.woff") format("woff"),
    url("https://ocp.cscglobal.com/cdn/global/csc/styles/fonts/avenir/e9f2e667-6119-4d54-b674-807c1567b199.ttf") format("truetype");
  font-weight: normal;
}
/* Lato font import */
@font-face {
  font-family: "LatoWeb";
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Regular.eot"); /* IE9 Compat Modes */
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Regular.woff2") format("woff2"), /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Regular.woff") format("woff"),
    /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "LatoWeb";
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Italic.eot"); /* IE9 Compat Modes */
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Italic.woff2") format("woff2"), /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Italic.woff") format("woff"),
    /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "LatoWebBold";
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Bold.eot"); /* IE9 Compat Modes */
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Bold.woff2") format("woff2"), /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Bold.woff") format("woff"),
    /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "LatoWebBold";
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-BoldItalic.eot"); /* IE9 Compat Modes */
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-BoldItalic.woff2") format("woff2"), /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-BoldItalic.woff") format("woff"),
    /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
}

/* Avenir classing */
.avenir-light {
  font-family: "Avenir Light", sans-serif !important;
}
.avenir-light-oblique {
  font-family: "Avenir Light Oblique", sans-serif !important;
}
.avenir {
  font-family: "Avenir", sans-serif !important;
}
.avenir-oblique {
  font-family: "Avenir Oblique", sans-serif !important;
}
.avenir-medium {
  font-family: "Avenir Medium", sans-serif !important;
}
.avenir-medium-oblique {
  font-family: "Avenir Medium Oblique", sans-serif !important;
}
.avenir-heavy {
  font-family: "Avenir Heavy", sans-serif !important;
}
.avenir-heavy-oblique {
  font-family: "Avenir Heavy Oblique", sans-serif !important;
}
.avenir-black {
  font-family: "Avenir Black", sans-serif !important;
}
.avenir-black-oblique {
  font-family: "Avenir Black Oblique", sans-serif !important;
}
/* CN overwrites for Avenir */
.cn .avenir-light {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 400;
}
.cn .avenir-light-oblique {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 400;
}
.cn .avenir {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 400;
}
.cn .avenir-oblique {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 400;
}
.cn .avenir-medium {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 400;
}
.cn .avenir-medium-oblique {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 400;
}
.cn .avenir-heavy {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 700;
}
.cn .avenir-heavy-oblique {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 700;
}
.cn .avenir-black {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 900;
}
.cn .avenir-black-oblique {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 900;
}
/* Lato classing */
.lato {
  font-family: "LatoWeb", sans-serif !important;
  font-weight: 400;
}
.lato-oblique {
  font-family: "LatoWeb", sans-serif !important;
  font-style: italic;
  font-weight: 400;
}
.lato-bold {
  font-family: "LatoWebBold", sans-serif !important;
  font-weight: 700;
}
.lato-bold-oblique {
  font-family: "LatoWebBold", sans-serif !important;
  font-style: italic;
  font-weight: 700;
}
/* CN overwrites for Lato */
.cn .lato {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 400;
}
.cn .lato-oblique {
  font-family: "Noto Sans SC", sans-serif !important;
  font-style: normal;
  font-weight: 400;
}
.cn .lato-bold {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 700;
}
.cn .lato-bold-oblique {
  font-family: "Noto Sans SC", sans-serif !important;
  font-style: normal;
  font-weight: 700;
}
/* Noto CN classing */
.noto-cn {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 400;
}
.noto-cn-bold {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 700;
}
.noto-cn-black {
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 900;
}

/* Helpers */

/* z-index */
.z-index--999 {
  z-index: -999 !important;
}

.z-index--2 {
  z-index: -2 !important;
}

.z-index--1 {
  z-index: -1 !important;
}

.z-index-0 {
  z-index: 0 !important;
}

.z-index-1 {
  z-index: 1 !important;
}

.z-index-2 {
  z-index: 2 !important;
}

.z-index-999 {
  z-index: 999 !important;
}

/* positioning */
.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.border-none {
  border: none !important;
}

.box-shadow-dark {
  box-shadow: 0px 0px 10px #444444 !important;
  -webkit-box-shadow: 0px 0px 10px #444444 !important;
}

.box-shadow-light {
  box-shadow: 0px 0px 10px #97999b !important;
  -webkit-box-shadow: 0px 0px 10px #97999b !important;
}

.box-shadow-none {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.text-shadow-none {
  text-shadow: none !important;
}

.text-shadow-dark {
  text-shadow: 0px 0px 20px #000000 !important;
}

.text-shadow-light {
  text-shadow: 0px 0px 20px #000000 !important;
}

.row {
  margin-bottom: 0;
}

select {
  display: block;
  color: inherit;
  -webkit-text-fill-color: inherit;
}

img.shadow {
  box-shadow: 0px 0px 10px #ababab;
  -webkit-box-shadow: 0px 0px 10px #ababab;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.display-inline {
  display: inline !important;
}

.display-inline-block {
  display: inline-block !important;
}

.show-on-xl-inline {
  display: none !important;
}

@media only screen and (min-width: 1201px) {
  .show-on-xl-inline {
    display: inline !important;
  }
}

@media only screen and (min-width: 769px) {
  .fill-window-view {
    min-height: 50vh;
  }
}

.padding-left-right {
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (min-width: 769px) {
  .padding-left-right {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* Flexbox helpers */
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.f-direction-col {
  flex-direction: column;
}

.f-direction-row {
  flex-direction: row;
}

.f-align-center {
  align-items: center !important;
}

.f-align-start {
  align-items: flex-start !important;
}

.f-align-end {
  align-items: flex-end !important;
}

.f-justify-center {
  justify-content: center !important;
}

.f-justify-start {
  justify-content: flex-start !important;
}

.f-justify-end {
  justify-content: flex-end !important;
}

.f-justify-between {
  justify-content: space-between !important;
}

.f-justify-around {
  justify-content: space-around !important;
}

.f-wrap {
  flex-wrap: wrap;
}

.f-nowrap {
  flex-wrap: nowrap;
}

.f-mobile-only-wrap {
  flex-wrap: wrap;
}

[class^="f-basis-"],
[class*=" f-basis-"] {
  flex-basis: 100%;
}

@media only screen and (min-width: 993px) {
  .f-mobile-only-wrap {
    flex-wrap: nowrap;
  }

  .f-basis-25 {
    flex-basis: 25%;
  }

  .f-basis-33 {
    flex-basis: 33.3333%;
  }

  .f-basis-50 {
    flex-basis: 50%;
  }

  .f-basis-66 {
    flex-basis: 66.6666%;
  }

  .f-basis-75 {
    flex-basis: 75%;
  }

  .f-basis-100 {
    flex-basis: 100%;
  }
}

/* Width helpers */
.w-100 {
  width: 100% !important;
}
.w-50 {
  width: 50% !important;
}
.w-33 {
  width: 33% !important;
}
.w-25 {
  width: 25% !important;
}
.w-20 {
  width: 20% !important;
}
/* Height helpers */
.h-100 {
  width: 100% !important;
}
.h-50 {
  width: 50% !important;
}
.h-33 {
  width: 33% !important;
}
.h-25 {
  width: 25% !important;
}
.h-20 {
  width: 20% !important;
}

/* Cookie Bar Styles */
#cookie-bar {
  background-color: #ffffff;
  padding: 10px 15px 5px;
  z-index: 9999;
  position: fixed;
  bottom: 0;
  box-shadow: 0px 0px 10px #444444 !important;
  border-top: 1px solid #ababab;
}

#cookie-bar p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}

#cookie-bar a {
  background-color: #00b2a9;
  color: #ffffff;
  font-family: "Avenir Heavy", sans-serif;
  font-weight: normal;
  padding: 10px 20px;
  margin: 10px 20px;
  text-align: center;
  flex: none;
}

#cookie-bar a.cb-policy {
  background-color: #97999b;
}

#cookie-bar a.cb-disable {
  background-color: #d1344f;
}

@media only screen and (min-width: 1200px) {
  #cookie-bar p {
    flex-wrap: nowrap;
    justify-content: space-around;
  }
}

/* Typography */
html,
body {
  color: #444444;
  font-family: "LatoWeb", sans-serif;
  font-weight: normal;
}

a {
  color: #075a92;
}

a:hover {
  color: #217cb8;
}

.main a,
.main a:visited,
.main a:active {
  text-decoration: underline;
}

.main a:hover {
  color: #217cb8;
}

.text-uppercase {
  text-transform: uppercase;
}

p {
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 2rem;
}

p strong,
li strong {
  font-family: "Avenir Heavy", sans-serif;
  font-weight: normal;
}

h1,
h2 {
  font-family: "Avenir Black", sans-serif;
  font-weight: normal;
  margin: 0;
}

h3,
h4 {
  font-family: "Avenir Heavy", sans-serif;
  font-weight: normal;
  margin: 0;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: 38px;
  margin: 15px 0 10px;
}

h2,
.h2 {
  font-size: 34px;
  margin: 10px 0 5px;
}

h3,
.h3 {
  font-size: 24px;
  margin: 8px 0 4px;
}

h4,
.h4 {
  font-size: 20px;
  margin: 6px 0 4px;
}

sup {
  top: -0.3em;
  font-size: 70%;
}

.main-content-section h2,
.main-content-section .h2 {
  font-size: 24px;
  margin: 15px 0 10px;
}

.h1-large {
  font-size: 3.5rem !important;
}

/* Mobile ONLY */
@media only screen and (max-width: 600px) {
  p,
  .section-content p {
    font-size: 16px;
  }

  h1,
  .h1,
  .section-content h1,
  .section-content .h1 {
    font-size: 34px;
  }

  h2,
  .h2,
  .section-content h2,
  .section-content .h2 {
    font-size: 32px;
  }

  h3,
  .h3,
  .section-content h3,
  .section-content .h3 {
    font-size: 24px;
  }
}

p.big-number {
  font-size: 3rem;
  margin: 0;
  padding: 0;
}

input,
textarea,
select {
  font-family: "Avenir", sans-serif !important;
}

/* Font sizes */
.font-xs {
  font-size: 13px !important;
}

.font-sm {
  font-size: 16px !important;
}

.font-md {
  font-size: 19px !important;
}

.font-lg {
  font-size: 2rem !important;
}

.font-xl {
  font-size: 4rem !important;
}

/* Lexia (alt for quotes) */
.lexia {
  font-family: "Lexia", serif !important;
}
/* Trocchi (alt for quotes) */
.trocchi {
  font-family: "Trocchi", serif !important;
}
/* Lexia/Sanchez (alt for text) */
.sanchez {
  font-family: "Sanchez", serif !important;
}

/* Backgrounds */
.bg-primary {
  background-color: #00b2a9;
}

.bg-secondary {
  background-color: #003b5c;
}

.bg-secondary-alt {
  background-color: #42788f;
}

.bg-tertiary {
  background-color: #97999b;
}

.bg-gray {
  background-color: #54585a;
}

.bg-dismiss {
  background-color: #d1344f;
}

.bg-lt-blue {
  background-color: #8db9ca;
}

.bg-lightest-blue {
  background-color: #edf5f7;
}

.bg-lt-gray {
  background-color: #eaebeb;
}

.bg-gold {
  background-color: #f2a900;
}

.bg-green {
  background-color: #509e2f;
}

.bg-lt-gold {
  background-color: #fdf2d9;
}

.bg-white {
  background-color: #ffffff;
}

.bg-black {
  background-color: #222222;
}

.bg-transparent {
  background-color: transparent !important;
}

/* Text Colors*/
.text-default {
  color: #444444 !important;
}

.text-primary {
  color: #00b2a9 !important;
}

.text-secondary {
  color: #003b5c !important;
}

.text-secondary-alt {
  color: #42788f !important;
}

.text-tertiary {
  color: #97999b !important;
}

.text-hyperlink {
  color: #217cb8 !important;
}

.text-hyperlink:hover {
  color: #3297da !important;
}

.text-gold {
  color: #f2a900 !important;
}

.text-dismissive {
  color: #d1344f !important;
}

.text-white {
  color: #ffffff !important;
}

.text-white a {
  color: #ffffff !important;
  text-decoration: underline;
}

.text-white a:hover {
  color: #dddddd !important;
}

.text-black {
  color: #222222 !important;
}

.text-gray {
  color: #54585a !important;
}

.text-lt-gray {
  color: #939596 !important;
}

/* Borders */
.border-default {
  border: 1px solid #444444;
}

.border-primary {
  border: 1px solid #00b2a9;
}

.border-secondary {
  border: 1px solid #003b5c;
}

.border-secondary-alt {
  border: 1px solid #42788f;
}

.border-tertiary {
  border: 1px solid #97999b;
}

.border-gray {
  border: 1px solid #54585a;
}

.border-dismiss {
  border: 1px solid #d1344f;
}

.border-lt-blue {
  border: 1px solid #8db9ca;
}

.border-lt-gray {
  border: 1px solid #eaebeb;
}

.border-gold {
  border: 1px solid #f2a900;
}

.border-lt-gold {
  border: 1px solid #fdf2d9;
}

.border-white {
  border: 1px solid #ffffff;
}

.border-black {
  border: 1px solid #222222;
}

/* Border radius */
.border-rad-2 {
  border-radius: 2px !important;
}

.border-rad-4 {
  border-radius: 4px !important;
}

.border-rad-6 {
  border-radius: 6px !important;
}

.border-rad-8 {
  border-radius: 8px !important;
}

.border-rad-circle {
  border-radius: 50% !important;
}

/* Buttons */
.btn {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: none;
  font-family: "Avenir Heavy", sans-serif;
  font-weight: normal;
  font-size: 16px;
}

.btn:hover,
.btn:active,
.btn:focus,
.btn:visited {
  text-decoration: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.btn-rounded {
  border-radius: 20px;
}

.btn-primary,
a.btn-primary {
  background-color: #00b2a9;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-primary:hover,
a.btn-primary:hover,
.btn-primary:focus,
a.btn-primary:focus,
.btn-primary:visited,
a.btn-primary:visited {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) #00b2a9;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-secondary,
a.btn-secondary {
  background-color: #003b5c;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-secondary:hover,
a.btn-secondary:hover,
.btn-secondary:focus,
a.btn-secondary:focus,
.btn-secondary:visited,
a.btn-secondary:visited {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)) #003b5c;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-secondary-alt,
a.btn-secondary-alt {
  background-color: #42788f;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-secondary-alt:hover,
a.btn-secondary-alt:hover,
.btn-secondary-alt:focus,
a.btn-secondary-alt:focus,
.btn-secondary-alt:visited,
a.btn-secondary-alt:visited {
  background: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)) #42788f;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-tertiary,
a.btn-tertiary {
  background-color: #42788f;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-tertiary:hover,
a.btn-tertiary:hover,
.btn-tertiary:focus,
a.btn-tertiary:focus,
.btn-tertiary:visited,
a.btn-tertiary:visited {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) #42788f;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-gold,
a.btn-gold {
  background-color: #f2a900;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-gold:hover,
a.btn-gold:hover,
.btn-gold:focus,
a.btn-gold:focus,
.btn-gold:visited,
a.btn-gold:visited {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) #f2a900;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-white,
a.btn-white,
.btn-white:visited,
a.btn-white:visited,
.btn-white:focus,
a.btn-white:focus {
  background-color: #ffffff;
  color: #003b5c;
  -webkit-text-fill-color: #003b5c;
  border: 1px solid #ffffff;
}

.btn-white:hover,
a.btn-white:hover {
  background-color: #003b5c;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.btn-flat,
a.btn-flat {
  background-color: none;
  color: #217cb8;
  font-family: "Avenir", sans-serif;
  font-size: 1.1rem;
}

.btn-flat:hover,
a.btn-flat:hover,
.btn-flat:focus,
a.btn-flat:focus,
.btn-flat:visited,
a.btn-flat:visited {
  background: none;
  color: #0091dc;
  -webkit-text-fill-color: #0091dc;
}

.btn-arrow img {
  display: inline-block;
  width: 1rem;
  vertical-align: middle;
  margin-left: 0.4rem;
  margin-top: -0.2rem;
}

/* Lists */
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  margin-left: -5px;
}

/* Overwrite default list styles */
.main-content-section ul:not(.main-accordion) > li {
  list-style-type: disc;
  margin-bottom: 12px;
  font-size: 15px;
}

.main-content-section ul:not(.main-accordion) > li > ul > li {
  list-style-type: circle;
  margin-top: 12px;
}

ul.list-inline-section-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}

ul.list-inline-section-text > li {
  font-size: 20px;
  font-family: "Avenir", sans-serif;
  white-space: nowrap;
  margin-right: 10px;
}

ul.list-inline-section-text .arrow.arrow-left {
  margin-right: 8px;
  height: 12px;
  width: 12px;
  margin-top: -4px;
}

ul.section-content-list {
  list-style-type: disc;
}

ul.section-content-list li {
  list-style-type: disc;
  color: #00b2a9;
  padding-left: 10px;
}

ol.section-content-list li {
  color: #003b5c;
  padding-left: 10px;
  font-size: 19px;
}

ul.section-content-list li p,
ol.section-content-list li p {
  color: #444444;
  padding-bottom: 5px;
}

/* Arrows: Chevron look */
.arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-width: 3px 3px 0 0;
  border-style: solid;
  border-radius: 3px;
  color: #939596;
}

.arrow:after,
.arrow:before {
  content: "";
  box-sizing: border-box;
}

.arrow:before {
  right: 0;
  top: -3px;
  position: absolute;
  height: 4px;
  box-shadow: inset 0 0 0 32px;
  -webkit-box-shadow: inset 0 0 0 32px;
  transform: rotate(-45deg);
  width: 0px;
  transform-origin: right top;
}

.arrow-left {
  transform: rotate(45deg);
}

.arrow-right {
  transform: rotate(-135deg);
}

.arrow-up {
  transform: rotate(-45deg);
}

.arrow-down {
  transform: rotate(135deg);
}

/* Arrows: triangle version */
.triangle-arrow {
  display: inline-block;
  border-style: solid;
  border-width: 8px;
  border-color: #939596;
  box-sizing: border-box;
}
.triangle-arrow:after,
.triangle-arrow:before {
  box-sizing: border-box;
}
.triangle-arrow-right-down {
  width: 16px;
  height: 16px;
  border-left-color: transparent;
  border-top-color: transparent;
}
.triangle-arrow-left-down {
  width: 16px;
  height: 16px;
  border-right-color: transparent;
  border-top-color: transparent;
}
.triangle-arrow-left {
  width: 8px;
  height: 16px;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-left-color: transparent;
}
.triangle-arrow-right {
  width: 8px;
  height: 16px;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}
.triangle-arrow-up {
  width: 16px;
  height: 8px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}
.triangle-arrow-down {
  width: 16px;
  height: 8px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.btn span.triangle-arrow {
  top: 7px;
  position: relative;
  margin-left: 10px;
}

.btn span.triangle-arrow.arrow-white {
  border-top-color: #fff;
}

.btn span.triangle-arrow.arrow-secondary {
  border-top-color: #003b5c;
}

.btn:hover span.triangle-arrow {
  border-top-color: inherit;
}

/* Rotate */
.rotate45 {
  transform: rotate(45deg);
}

.rotate90 {
  transform: rotate(90deg);
}

.rotate135 {
  transform: rotate(135deg);
}

.rotate180 {
  transform: rotate(180deg);
}

.rotate-45 {
  transform: rotate(-45deg);
}

.rotate-90 {
  transform: rotate(-90deg);
}

.rotate-135 {
  transform: rotate(-135deg);
}

/* Divider */
.divider.h2-divider {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

span.vertical-divider {
  height: 1.5rem;
  margin: 0;
  width: 1px;
}

/* Blockquote */
blockquote {
  border-top: 3px solid #00b2a9;
  border-left: none;
  padding-top: 20px;
  width: 95%;
}

blockquote.dark-bg {
  border-color: #ffffff;
}

blockquote h3,
blockquote h4 {
  font-family: "Avenir Black", sans-serif;
}

blockquote p {
  padding-bottom: 10px;
}

@media only screen and (min-width: 993px) {
  blockquote {
    border-top: none;
    border-left: 5px solid #00b2a9;
    padding-left: 1.5rem;
    margin-top: 0;
    padding-top: 0px;
    padding-bottom: 10px;
    width: auto;
  }

  blockquote.dark-bg {
    border-color: #ffffff;
  }
}

blockquote.blockquote-resource {
  border: none;
  padding: 10px 20px 25px;
  text-align: center;
}

blockquote.blockquote-resource .btn .csc-icon {
  position: relative;
  top: 4px;
  font-size: 20px;
  margin-right: 5px;
}

/* Modal styles */
/* image modals */
.img-modal {
  width: 70%;
}

a.img-modal-trigger {
  position: relative;
}

.img-expand-icon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 30px;
  opacity: 0;
}

a.img-modal-trigger:hover .img-expand-img {
  opacity: 0.75;
}

a.img-modal-trigger:hover .img-expand-icon {
  opacity: 1;
  z-index: 1;
}

a.modal-close {
  position: absolute;
  right: 0;
  top: 2px;
}

@media only screen and (min-width: 1400px) {
  a.modal-close {
    right: 10%;
  }
}

a.modal-close .csc-icon {
  font-size: 24px;
  color: #217cb8;
  -webkit-text-fill-color: #217cb8 !important;
}

.video-modal .modal-video-content {
  padding: 30px;
}

/* specific icon styles */
.c-i-lure {
  display: inline-block;
  transform: rotate(-45deg);
}

/***********************************************************************************/

/**********/
/* Mobile */
/**********/

/* Navigation */

.hamburger-layer {
  width: 35px;
  height: 5px;
  margin: 3px 0;
  border-radius: 4px;
}

.close {
  font-size: 28px;
  border: none;
  padding: 0;
  -webkit-text-fill-color: #97999b;
  color: #97999b;
  display: none;
  width: 35px;
}

.close:hover {
  background-color: #ffffff;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.header-container {
  z-index: 105;
  height: auto;
  width: 100%;
}

.header {
  width: 100%;
}

.utility-nav {
  height: 40px;
  padding: 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

.nav-tabs {
  height: 60px;
  padding: 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav-logo img {
  width: 150px;
  height: 43px;
}

.utility-nav .nav-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.utility-nav .nav-wrapper > a,
.language-dropdown-container a.dropdown-trigger-lang {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-left: 10px;
  color: #003b5c;
  font-size: 12px;
  font-family: "Avenir", sans-serif;
}

.utility-nav .nav-wrapper a .csc-icon {
  line-height: unset;
  margin-right: 5px;
  color: #00b2a9;
  font-size: 1.5rem;
}

.utility-nav .nav-wrapper span.vertical-divider {
  height: 1.5rem;
  margin: 0 0 0 8px;
}

.utility-nav .nav-wrapper a .triangle-arrow {
  border-top-color: #003b5c;
  width: 14px;
  height: 6px;
  border-width: 7px;
  margin-left: 8px;
  margin-top: 4px;
}

.utility-nav .language-dropdown-container {
  position: relative;
}

.utility-nav .language-dropdown-container .dropdown-content.language-dropdown.active {
  opacity: 1;
  display: block;
  top: 30px;
  right: 0;
}

.nav-tabs .dropdown-content-mobile {
  width: 100% !important;
  left: 0 !important;
  top: 100px !important;
  margin-top: 0;
}

.dropdown-content li.divider {
  height: auto;
}

.dropdown-content li.divider:hover {
  background-color: #e0e0e0;
}

.dropdown-content-mobile {
  margin: 4px 0;
}

.dropdown-content li.divider .nav-section-header {
  font-size: 16px;
  font-family: "Avenir", sans-serif;
  font-weight: normal;
  padding: 5px 10px;
  color: #003b5c;
}

.dropdown-content li .collapsible-header {
  font-family: "Avenir Heavy", sans-serif;
  font-weight: normal;
  color: #003b5c;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dropdown-content li .collapsible-header .triangle-arrow-down {
  border-top-color: inherit;
}

.dropdown-content li .collapsible-body {
  border-bottom: none;
  padding: 0;
}

/* Footer */

#footnotes .section-content {
  padding: 20px 0;
}

.footer {
  padding-bottom: 15px;
  margin-bottom: 0;
}

.footer-top,
.footer-bottom {
  padding: 20px 0 0;
}

.footer-logo {
  text-align: center;
}

.footer-logo img {
  padding-bottom: 20px;
}

.footer-links,
.footer-legal-text {
  text-align: center;
}

.footer-links ul > li {
  margin-top: 5px;
  margin-bottom: 5px;
}

.footer-links ul.list-inline > li {
  border-right: 1px solid #fff;
  padding-right: 8px;
  font-size: 14px;
}
.footer-links ul.list-inline > li:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

.footer a {
  color: #ffffff !important;
}

.footer p {
  color: #ffffff !important;
}

.footer-legal-text p {
  font-size: 12px;
}

.footer .social-icon-bg {
  border-radius: 2px;
  width: 20px;
  padding: 2.5px;
}

/* Homepage specific */

.home-hero {
  margin-top: 100px;
  padding: 0;
}

/* homepage carousel styles */

.carousel-dash,
.content-dash {
  padding: 45px 0 15px 20px;
}

.carousel-dash-rectangle,
.content-dash-rectangle {
  width: 25%;
  height: 8px;
}

.carousel-home {
  width: 100%;
  height: 360px;
  position: relative;
  overflow: hidden;
}

.inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.slide {
  width: 100%;
  height: 80%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.slide.active,
.slide.left,
.slide.right {
  z-index: 2;
  opacity: 1;
}

.js-reset-left {
  left: auto;
}

.slide.left {
  left: -100%;
  right: 0;
}

.slide.right {
  right: -100%;
  left: auto;
}

.transition .slide.left {
  left: 0%;
}
.transition .slide.right {
  right: 0%;
}

.transition .slide.shift-right {
  right: 100%;
  left: auto;
}
.transition .slide.shift-left {
  left: 100%;
  right: auto;
}

.transition .slide {
  transition-property: right, left, margin;
  -webkit-transition-property: right, left, margin;
}

.slide-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  padding: 0 20px;
  height: 100%;
}

.slide-text {
  width: 100%;
}

.slide-text p {
  font-size: 16px;
  padding-bottom: 0;
}

p.video-cta-text {
  position: absolute;
  bottom: 40px;
  left: 1%;
  right: 1%;
}

ul.slide-indicators {
  margin: 0 25%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 50%;
  position: absolute;
  bottom: 20px;
  z-index: 4;
  padding: 0;
}

.slide-indicators li {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: #fff;
  list-style-type: none;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
  transition: width 0.3s, height 0.3s;
}

.slide-indicators li.active {
  background: #00b2a9;
  width: 19px;
  height: 19px;
}

.slide-indicators li:hover {
  background-color: #939596;
}
.slide-indicators li.active:hover {
  background-color: #00b2a9;
}

.indicator-border {
  position: absolute;
  bottom: 60px;
  height: 1px;
  background-color: #8db9ca;
  width: 90%;
  left: 5%;
}

.page-hero-image {
  display: none;
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #003b5c;
  height: 550px;
  width: auto;
  z-index: -1;
}

.home-hero-video-container {
  padding: 40px 20px;
}

.home-hero .page-hero-image {
  height: 850px;
  width: auto;
}

.in-view .page-hero-image {
  display: block;
}

.hero-tab-content {
  position: relative;
  margin-top: 100px;
  padding: 20px 15px;
}

.video-container {
  border: 1px solid #ababab;
  box-shadow: 0px 0px 10px #ababab;
  -webkit-box-shadow: 0px 0px 10px #ababab;
  background-color: #000000;
}

.hero-cta-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.info-row {
  padding: 50px 20px;
}

.section-content {
  flex-wrap: wrap;
  justify-content: center;
}

.home .section-content {
  justify-content: flex-start;
}

.home .stats-row-content {
  justify-content: center;
}

.stats-row-content {
  padding: 30px 15px 20px;
}

.section-content .btn {
  margin-top: 20px;
}

.section-content .display-flex .btn {
  margin-top: 0;
}

.statistics {
  margin-top: 30px;
  flex-basis: 100%;
}

.section-content p.stat-number {
  font-size: 58px;
  font-family: "Avenir Light", sans-serif;
  padding-bottom: 0;
  line-height: 1;
  text-align: center;
}

.section-content p.stat-number sup {
  top: -0.4em;
}

.section-content p.section-icon-label {
  margin: 4px 0 30px;
  padding: 0;
  font-family: "Avenir Heavy", sans-serif;
  text-align: center;
}

.icon-group-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.icon-group-item p.section-icon-label {
  margin-top: 12px;
}

.icon-group-item p.section-icon-label small {
  font-size: 85%;
}

.icon-group-circle {
  border: 1px solid #00b2a9;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.icon-group-item .csc-icon {
  font-size: 70px;
}

.home .graph-row-content {
  justify-content: center;
}

.graph-section {
  padding-top: 50px;
  padding-bottom: 60px;
}

.graph-content-container,
.threat-stats-container {
  width: 100%;
}

.graph-content-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.graph-content,
.threat-stats-content {
  border-radius: 4px;
  margin: 20px 10px;
}

.graph-content {
  padding: 30px 10px 20px;
}

.threat-stats-content {
  padding: 10px;
}

.graph-pie-chart {
  position: relative;
  width: 180px;
  padding: 0 15px;
}

.pie-chart-svg-container {
  position: absolute;
  width: 180px;
  top: -65px;
}

.pie-chart-label {
  position: relative;
  padding: 0;
  font-family: "Avenir Heavy", sans-serif;
  line-height: 18px;
  font-size: 16px;
}

.pie-chart-legend-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.pie-chart-legend-item:last-child {
  margin-bottom: 0;
}

.legend-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.legend-value {
  font-family: "Avenir Heavy", sans-serif;
  width: 35px;
  padding-left: 10px;
}

.legend-text {
  border-left: 1px solid #dddddd;
  padding-left: 5px;
}

.graph-content-bottom {
  border-top: 2px solid #dddddd;
  padding-top: 10px;
  margin-top: 30px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.threat-stats-content-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 20px;
  padding-bottom: 20px;
}

p.stat-number-icon,
p.stat-number-digits {
  font-size: 50px;
  padding-bottom: 0;
  line-height: normal;
}

p.stat-number-icon {
  flex: 1 1 20%;
  text-align: center;
  font-style: 58px;
}

p.stat-number-icon .c-i-lure {
  display: inline-block;
  transform: rotate(-45deg);
  position: relative;
  top: 5px;
}

p.stat-number-digits {
  font-family: "Avenir Light", sans-serif;
  flex: 1 1 40%;
}

p.threat-stat-text {
  padding: 0;
  line-height: normal;
  font-size: 15px;
  flex: 1 1 40%;
}

p.threat-stat-text a {
  font-size: 13px;
}

.threat-stats-content .divider {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  height: 2px;
}

.solutions-top {
  position: relative;
  padding-top: 0;
  height: 500px;
  background: url(/images/headers/DBSHero23a-blue.jpg) no-repeat center center transparent;
}

.solutions-top .background-video {
  display: none;
}

.solutions-container {
  position: absolute;
  top: 0;
  left: 1px;
  right: 1px;
  padding: 50px 15px;
}

.solutions-container .divider.h2-divider {
  margin: 30px auto;
}

.solutions-bottom .divider.h2-divider {
  width: 85%;
  display: block;
}

.solutions-thumb-container {
  border-bottom: 1px solid #eaebeb;
  padding-bottom: 50px;
}

.solutions-thumb-item {
  margin: 50px 0;
  width: 100%;
}

.thumb-item-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 15px;
}

.thumb-text-container {
  width: 100%;
}

.solutions-thumb-item h3 {
  margin: 20px 16px;
}

.thumb-icon .icon-group-circle {
  width: 90px;
  height: 90px;
}

.thumb-icon .csc-icon {
  font-size: 65px;
}

.customers-section::after {
  content: "";
  background-image: linear-gradient(to right, rgba(0, 59, 92, 0.8), rgba(0, 59, 92, 0));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.customers-section {
  position: relative;
}

.section-bg-image {
  display: none;
  position: fixed;
  background-color: transparent;
  height: 100vh;
  width: auto;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.in-view .section-bg-image {
  display: block;
}

.customer-section-content {
  flex-wrap: wrap;
  padding: 10px 15px 50px;
  position: relative;
}

.home .customer-section-content {
  border-bottom: 1px solid #ffffff;
}

.customer-section-content,
.customer-section-more {
  position: relative;
  z-index: 101;
}

.customer-section-content > div {
  flex-basis: 100%;
}

.customer-section-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 60px 0 40px;
}

.section.resources-section {
  padding: 30px 15px;
}

.section.resources-section h2 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}

.card .card-image img {
  height: auto;
}

.secondary-page .card .card-image .csc-icon {
  font-size: 80px;
  display: block;
}

.card-type {
  padding: 8px 0;
  position: relative;
  width: 100%;
}

.card-type .csc-icon {
  font-size: 22px;
}

.card-type p {
  font-family: "Avenir Heavy", sans-serif;
  padding: 0;
  margin-left: 10px;
}

.card-type .csc-icon {
  margin-left: 10px;
}

.partner-table {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.partner-section h2 {
  margin: 30px auto 50px;
}

.partner-table .col.partner-table-item {
  padding: 30px;
}

.partner-table-item .partner-logo {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 150px;
}

.partner-table-item .csc-icon {
  font-size: 80px;
}

.partner-table-item .csc-icon::before {
  display: inline-block;
  width: 120px;
}

/* Secondary content page styles*/
/* Default template */

.page-breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.page-breadcrumbs .arrow {
  color: #00b2a9;
  width: 6px;
  height: 6px;
  border-width: 1.5px 1.5px 0 0;
  border-radius: 0;
  top: -1px;
  margin-right: 10px;
  /*margin-left: -15px;*/
}

ul.breadcrumb {
  margin-left: -5px;
}

ul.breadcrumb:before {
  content: "";
  margin-left: 0;
}

.breadcrumb li {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

.breadcrumb li a {
  font-size: 15px;
  color: #ffffff;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

.breadcrumbs-home .c-i-home {
  font-size: 16px;
  position: relative;
  top: 2px;
}

.secondary-page-hero,
.contact-page-hero-top {
  margin-top: 100px;
}

.secondary-page-hero .hero-content {
  position: relative;
  min-height: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.secondary-page h1 {
  font-size: 36px;
}

.secondary-page-hero .hero-content h1,
.secondary-page-hero .hero-content p {
  text-shadow: 0 0 30px #000000;
}

.secondary-page h2 {
  margin-bottom: 15px;
}

.scroll-down {
  text-align: center;
}

.scroll-down-link .csc-icon {
  font-size: 60px;
  opacity: 0.5;
}

.scroll-down-link .csc-icon::before {
  transform: rotate(90deg);
  position: absolute;
  left: 1%;
  right: 1%;
  bottom: 20px;
}

.scroll-up .back-to-top-link .csc-icon {
  transform: rotate(-90deg);
  position: absolute;
  font-size: 50px;
  opacity: 0.5;
}

.secondary-page .section {
  position: relative;
}

.secondary-page .section-content {
  padding: 40px 15px 40px;
}

.section-content.section-content-tall {
  padding: 55px 15px;
}

.section-content.section-content-short {
  padding: 10px 15px;
}

.section-content.section-additional-content {
  padding-top: 0;
}

.secondary-page .section-content.section-content-tall {
  padding-left: 15px;
  padding-right: 15px;
}

.secondary-page .section-content .btn {
  font-family: "Avenir", sans-serif;
  font-size: 1rem;
  margin-top: 20px;
}

.resources-card-item {
  margin: 40px 0;
}

.resources-news-content .resources-card-item {
  margin: 30px auto;
}

.resources-news-content .card .card-content {
  padding: 0;
}

.resources-news-content .card-content h3,
.resources-news-content .card-content p {
  padding: 0 15px;
}

.resources-news-content .card-content h3 {
  font-size: 22px;
}

.resources-news-content .card-content p {
  margin: 10px 0 20px;
  font-size: 17px;
}

.resources-news-content .card .card-image {
  position: relative;
  border-bottom: 2px groove #ccc;
}

.upcoming-banner {
  padding: 5px 0 3px;
  position: absolute;
  z-index: 1;
  width: 70%;
  display: flex;
  justify-content: center;
  border: 2px solid #00b2a9;
  border-radius: 20px;
  top: 65px;
  left: 15%;
}

.secondary-page .card .card-image .upcoming-banner .csc-icon {
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}

.card .card-action {
  border-top: 1px solid #00b2a9;
  height: 20px;
}

.card .card-action a:hover {
  opacity: 0.8;
}

.card-action a span.arrow {
  margin-top: -4px;
  margin-left: -2px;
}

.tile-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.tile-item {
  flex: 1 1 33%;
  margin-bottom: 20px;
}

.tile-item-content {
  margin: 10px 10px 0;
  height: 100%;
  padding: 0 20px;
}

.tile-item p {
  padding-bottom: 0;
  line-height: normal;
}

p.tile-number {
  font-size: 45px;
  font-family: "Avenir Black", sans-serif;
  padding: 20px 15px 10px;
}

.tile-container span.csc-icon {
  font-size: 80px;
}

.tile-container span.csc-icon.c-i-binoculars {
  font-size: 60px;
  margin-top: 15px;
  display: block;
  margin-bottom: 15px;
}

.tile-container span.csc-icon.c-i-clock {
  font-size: 90px !important;
  display: block;
}

.tile-item-title {
  margin-bottom: 20px;
}

.tile-item-title p {
  font-size: 27px;
  font-family: "Avenir Heavy", sans-serif;
  margin-top: 1px;
}

.tile-item ul {
  margin-left: 0px;
}

.tile-item li p {
  line-height: 28px;
}

.numbered-row {
  padding: 30px 20px;
  margin: 40px 0;
  box-shadow: 0px 0px 10px #ababab;
  -webkit-box-shadow: 0px 0px 10px #ababab;
}

.numbered-row.icon-row {
  box-shadow: 0px 0px 10px #333333;
  -webkit-box-shadow: 0px 0px 10px #333333;
}

.numbered-row-content .big-number {
  text-align: left;
  padding: 0 10px;
  margin: -10px 0 0;
}

.numbered-row-content h3 {
  padding: 0 20px;
  margin: 0;
}

.numbered-row-content p {
  padding-bottom: 0;
}

.mini-column {
  margin: 20px 0;
  padding: 0 20px;
}

.mini-column-icon .csc-icon.c-i-binoculars {
  font-size: 50px;
  margin: 12px 0 8px;
  display: block;
}

.divider-arrow {
  width: 100%;
  margin-top: -20px;
  margin-bottom: -10px;
}

.divider-arrow .c-i-arrow-right-up {
  font-size: 40px;
  display: inline-block;
  transform: rotate(135deg);
}

.our-dbs-stats-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.our-stats-item {
  flex: 0 1 475px;
  margin-top: 30px;
}

.our-stats-item h3 {
  padding: 0 0 10px 10px;
}

.our-stats-item-content {
  text-align: center;
  padding: 30px 40px;
  border-radius: 2px;
}

.our-stats-text {
  border-radius: 2px;
  text-align: center;
}

.our-stats-text p {
  border-bottom: 1px solid #444444;
  text-align: center;
  font-size: 14px;
  padding: 6px 20px;
}

.our-stats-text p:last-child {
  border-bottom: none;
}

.our-stats-item .csc-icon,
.our-dbs-stats-item .csc-icon {
  font-size: 120px;
}

.our-stats-item .csc-icon.c-i-handshake {
  font-size: 100px;
}

.our-partners-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.our-partners-item {
  flex: 0 1 100%;
  margin-top: 30px;
}

.our-partners-item h3 {
  padding: 0 0 10px 10px;
}

.our-partners-item-content {
  text-align: center;
  padding: 30px 40px;
  border-radius: 2px;
}

.our-partners-item .csc-icon {
  font-size: 100px;
}

.our-partners-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 25px;
}

.numbered-row-content .csc-icon {
  font-size: 70px;
  margin-left: auto;
  margin-right: auto;
}

.bg-image-overlay {
  position: relative;
}

.quote-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  font-family: "Avenir Heavy", sans-serif;
  font-weight: normal;
}

.quotes {
  font-family: "Times New Roman", serif;
  font-size: 110px;
  margin: -20px 0 0 0;
  padding: 0;
  line-height: normal;
  flex-basis: 110px;
  text-align: center;
}

.quote-content p {
  font-size: 28px;
  text-align: center;
}

.quote-author p small {
  font-size: 18px;
}

.quotes,
.quote-content p,
.quote-author p small {
  text-shadow: 0 0 30px #000000;
}

.content-quote-box {
  padding: 20px 25px;
  border-radius: 4px;
}

.content-quote-box p {
  margin-top: -25px;
}

.section-lead-collector {
  position: relative;
}

.section-lead-collector .section-content {
  padding-bottom: 0;
}

.section-lead-collector .section-content:last-child {
  padding-top: 0;
}

.lead-capture-section {
  background-color: #fff;
  padding: 0 40px;
  box-shadow: 0px 0px 8px 0px #97999b;
  -webkit-box-shadow: 0px 0px 8px 0px #97999b;
  margin: 20px 0;
}

.lead-capture-section p {
  font-size: 0.92rem;
}

/*form.contact-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}*/

.bg-secondary ::placeholder,
.bg-secondary-alt ::placeholder {
  color: #ffffff;
  opacity: 0.8;
}

.bg-secondary :-ms-input-placeholderm .bg-secondary-alt :-ms-input-placeholder {
  color: #ffffff;
}

.bg-secondary ::-ms-input-placeholder,
.bg-secondary-alt ::-ms-input-placeholder {
  color: #ffffff;
}

::placeholder,
.customers ::placeholder {
  color: #003b5c;
  opacity: 0.8;
}

:-ms-input-placeholder,
.customers :-ms-input-placeholder {
  color: #003b5c;
}

::-ms-input-placeholder,
.customers ::-ms-input-placeholder {
  color: #003b5c;
}

form.contact-form h3 {
  display: none;
}

form.contact-form div {
  /*  flex: 0 1 100%;*/
  padding: 0;
  margin-top: 10px;
}

/*form.contact-form div:nth-child(9) {
  flex-basis: 100%;
}*/

form.contact-form div input[type="text"],
form.contact-form div input[type="email"],
form.contact-form div input[type="number"],
form.contact-form div input[type="tel"],
form.contact-form div input[type="time"],
form.contact-form div select {
  height: 2.5em !important;
}

form.contact-form div input[type="text"],
form.contact-form div input[type="email"],
form.contact-form div input[type="number"],
form.contact-form div input[type="tel"],
form.contact-form div input[type="time"],
form.contact-form div select,
form.contact-form div textarea {
  border: 1px solid #cdcdcd;
  padding: 0 !important;
  font-size: 14px !important;
  color: #54585a !important;
  background-color: #ffffff;
}

form.contact-form div select {
  color: #003b5c !important;
  -webkit-text-fill-color: #003b5c !important;
  opacity: 0.8;
  padding-left: 5px !important;
  /*  width: 99%;*/
}

form.contact-form div textarea {
  height: 4rem;
  padding-top: 10px !important;
  padding-left: 1% !important;
  /*  width: 99%;*/
}

form.contact-form input[type="checkbox"]:checked + label:after {
  background-color: #003b5c;
  border-color: #003b5c;
}

form.contact-form input[type="checkbox"] + label {
  padding-left: 30px;
}

form.contact-form div.checkbox-field {
  /*  flex: 1 1 100% !important;*/
}
form.contact-form p,
p.form-disclaimers {
  font-size: 14px;
}

form.contact-form p {
  padding-bottom: 0;
}

form.contact-form button.btn {
  position: relative;
  background-color: #42788f;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

form.contact-form div.hidden-field {
  position: absolute;
  visibility: hidden;
}

#validation-characters,
#validation-email,
#validation-blank,
#validation-illegalEmail {
  color: #d1344f;
  background: rgba(209, 52, 79, 0.1);
  padding: 7px 10px 5px;
  flex-basis: 100%;
  width: 100%;
  font-family: "Avenir", sans-serif;
  display: none;
}
#saveForm {
  display: block;
}
#unsub-disclaim {
  display: none;
  font-size: 11px;
}
.error,
input[type="text"]:not(.browser-default):focus:not([readonly]) + label.error {
  color: #d1344f;
}
input.error {
  border-bottom-color: #d1344f !important;
  box-shadow: 0 1px 0 0 red !important;
}
.error:focus {
  color: #d1344f !important;
}
/* domain offer form */
.prefix-symbol {
  z-index: 1;
  top: 34px;
  left: 17px;
  position: absolute;
  font-size: 14px;
}
input#salesDomainOffer {
  padding-left: 12px !important;
}

/* Secondary page - Filter pages */

.resources-news .hidden-resource,
.ressources-actualites .hidden-resource,
.ressourcen-news .hidden-resource,
.recursos-y-noticias .hidden-resource,
.resurser-nyheter .hidden-resource {
  display: none;
}

.headline-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}

.carousel.video-carousel {
  height: 420px;
}

.carousel.video-carousel .carousel-item,
.carousel.video-carousel .carousel-item iframe {
  width: 500px;
  height: 282px;
}

.carousel.video-carousel .carousel-item .video-carousel-img {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel.video-carousel .carousel-item iframe {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel.video-carousel .carousel-item.active .video-carousel-img {
  opacity: 0;
  visibility: hidden;
}

.carousel.video-carousel .carousel-item.active iframe {
  opacity: 1;
  visibility: visible;
}

p.video-carousel-item-text {
  font-family: "Avenir", sans-serif;
  position: absolute;
  top: 290px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

.carousel.video-carousel .indicators .indicator-item {
  height: 20px;
  width: 20px;
  margin: 0 12px;
}

.filter-dropdown {
  -webkit-text-fill-color: #003b5c;
  color: #003b5c;
  border-color: #9e9e9e;
}

.secondary-page .section-content.hero-content.experts-hero-content {
  padding-top: 0;
  padding-bottom: 0;
}

.expert-stats-container {
  width: 100%;
  border-top: 1px solid #fff;
  padding-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.expert-stats-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  flex-basis: 100%;
}

p.expert-stats-num {
  padding: 0;
  font-size: 65px;
  font-family: "Avenir", sans-serif;
  line-height: 65px;
}

.secondary-search-section,
.meet-our-experts .secondary-search-section {
  height: 160px;
}

.meet-our-experts .secondary-search-section,
.meet-our-experts .secondary-search-section {
  height: auto;
}

.secondary-search-section.pinned + .section {
  padding-top: 190px;
}

.secondary-search-section,
.meet-our-experts .secondary-search-section {
  z-index: 104;
  width: 100%;
  padding: 10px 0;
}

.secondary-search-section.pinned {
  -webkit-box-shadow: 0px -2px 12px 4px rgba(66, 120, 143, 0.4);
  box-shadow: 0px -2px 12px 4px rgba(66, 120, 143, 0.4);
}

.search-row input#nameSearch,
.search-row select.team-filter-dropdown {
  height: 2rem;
  border-color: #9e9e9e;
}

.name-search-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  width: 100%;
}

.name-search-container input#nameSearch {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.csc-icon.clear-search {
  cursor: pointer;
  opacity: 0.75;
  margin-left: -18px;
}

.dropdown-container {
  text-align: center;
  width: 100%;
}

.name-search-container label,
.dropdown-container label {
  font-family: "Avenir Heavy", sans-serif;
  font-size: 19px;
  margin-right: 15px;
}

select.team-filter-dropdown {
  margin-top: 20px;
}

.expert-resource-items {
  margin: 20px 0;
}

.expert-card-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  box-shadow: 0px 0px 10px #97999b;
  -webkit-box-shadow: 0px 0px 10px #97999b;
}

.expert-img-container {
  margin-right: 10px;
}

.expert-img-container img {
  width: 130px;
  height: auto;
}

.expert-resource-items .expert-card-content h3 {
  font-size: 18px;
  margin-top: 0;
}

.expert-resource-items .expert-card-content p {
  font-size: 14px;
  padding-bottom: 0;
}

.expert-resource-items .expert-card-content p.search-title {
  font-size: 13px;
  line-height: 14px;
  padding-bottom: 4px;
}

.filtered-resources-item p {
  padding-bottom: 0;
  line-height: normal;
}

.filtered-resource-type {
  padding: 40px 0 10px 2px;
}

.filtered-resource-type .csc-icon {
  font-size: 26px;
  margin-right: 5px;
}

.filtered-resource-type p {
  font-family: "Avenir Heavy", sans-serif;
  font-size: 16px;
}

.filtered-resource-card-content {
  padding: 0 24px;
}

.filtered-resource-card .filtered-resource-card-content h3 {
  font-family: "Avenir Black", sans-serif;
  font-size: 30px;
  padding: 20px 0;
  margin: 0 40px 20px;
  border-bottom: 1px solid #ababab;
}

p.testimonial-quote-mark {
  line-height: normal;
  font-size: 70px;
  font-family: "Lexia", serif;
  font-weight: 600;
  height: 50px;
}

p.filtered-resource-title {
  font-size: 21px;
  font-family: "Avenir Heavy", sans-serif;
}

.filtered-resource-card-action {
  padding-top: 20px;
  padding-bottom: 20px;
}

p.testimonial-author {
  font-size: 16px;
  padding: 0 15px 10px;
}

.filtered-resource-card-action a {
  font-size: 17px;
}

/* Single resource page styles */

.single-resource-page .page-hero-image {
  display: block;
  height: 100%;
  width: auto;
}

.hero-left-content-text {
  padding: 20px 20px 40px;
}

.row .col .resource-page-hero-video {
  padding: 40px 20px;
  background: transparent;
}

.webinar-transcript-content p strong {
  color: #003b5c;
  font-family: "Avenir Black", sans-serif;
}

.row .col.transcript-text-section {
  padding-left: 45px;
}

.speaker-intro .csc-icon {
  position: relative;
  margin-left: -35px;
  font-size: 25px;
  margin-right: 10px;
}

.resource-page-hero .content-dash-resource {
  width: 100%;
}

.resource-page-hero .content-dash-rectangle {
  margin-left: 20px;
}

.recorded-webinar .resource-page-hero .content-dash-rectangle {
  margin-left: 0px;
}

.main-content .scroll-up {
  bottom: 20px;
  position: relative;
}

/* Contact us page */
.secondary-page .map-section {
  background-color: #e5edf0;
  padding: 0;
}

.map-fill-color {
  fill: #b7d2dd;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 0.25px;
  fill-rule: evenodd;
}

#apac .map-fill-color,
#europe .map-fill-color,
#northAmerica .map-fill-color {
  fill: #003b5c;
}

.contact-page-hero-top {
  margin-top: 130px;
}

#apac.on .map-fill-color,
#europe.on .map-fill-color,
#northAmerica.on .map-fill-color {
  fill: #00b2a9;
}

.contact-us .main-content {
  position: relative;
}

.location-region-container {
  border-radius: 4px;
}

.location-region-container.on {
  background-color: #f3f3f3;
}

.location-region-container {
  padding: 10px 20px;
  border-bottom: 1px solid #eaebeb;
}

.location-region-container:last-child {
  border-bottom: none;
}

.location {
  border-bottom: 1px dotted #8db9ca;
  margin-bottom: 25px;
}

.location:last-child {
  border-bottom: none;
}

/***********************************************************************************/

/****************/
/* Small Tablet */
/****************/
@media only screen and (min-width: 601px) {
  .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
  }

  .logo-container {
    padding: 0 0 0 15px;
  }

  .nav-tabs .dropdown-content-mobile {
    top: 110px;
  }

  .nav-tabs {
    justify-content: flex-end;
  }

  .section-content h3 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  /* Homepage specific */

  .section.home-hero-tabs {
    padding-bottom: 0;
  }

  .home-hero {
    margin-top: 110px;
  }

  /* homepage carousel */
  /*.carousel-home{
      height: 380px;
    }*/

  .slide-text h2.h3 {
    font-size: 28px;
  }

  .indicator-border {
    bottom: 60px;
  }

  .statistics {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  .statistics > div {
    flex-basis: 50%;
  }

  .icon-group.icon-group-threats p.section-icon-label {
    text-align: center;
  }

  p.stat-number-icon {
    flex-basis: 25%;
  }

  p.stat-number-digits {
    flex-basis: 40%;
  }

  .solutions-top {
    background: none;
    height: auto;
    padding-bottom: 0;
  }

  .solutions-top .background-video {
    display: block;
    height: auto;
    width: 100%;
    background: url(https://cscwebcontentstorage.blob.core.windows.net/cscmarketing-cscdbs-media/images/background-images/services_altimage.jpg) no-repeat center center transparent;
  }

  .solutions-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .partner-table-row:first-child {
    border-bottom: 1px solid #8db9ca;
  }

  .partner-table-middle-row {
    border-bottom: 1px solid #8db9ca;
  }

  .partner-table .col.partner-table-item {
    border-right: 1px solid #8db9ca;
  }

  .partner-table .col.partner-table-item-middle {
    border-left: 1px solid #8db9ca;
  }

  .partner-table .col.partner-table-item-left {
    padding: 30px;
    border-right: none;
  }

  .partner-table-item-left .partner-logo {
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 150px;
  }

  .partner-table-item-left .csc-icon {
    font-size: 80px;
  }

  .partner-table-item-left .csc-icon::before {
    display: inline-block;
    width: 120px;
  }

  .partner-table .col.partner-table-item:last-child {
    border-right: none;
  }

  /* Secondary content page styles*/
  /* Default template */
  .secondary-page-hero,
  .contact-page-hero-top {
    margin-top: 110px;
  }

  .secondary-page-hero .section-content.hero-content {
    min-height: 350px;
  }

  .secondary-page .section-content .btn {
    font-family: "Avenir Heavy", sans-serif;
    font-size: 16px;
  }

  .numbered-row {
    padding: 30px 20px;
  }

  .numbered-row-content .big-number {
    flex: 1 0 50px;
    margin: -10px 0 0;
  }

  .numbered-row-content .csc-icon {
    flex: 1 1 20%;
  }

  .numbered-row-content h3 {
    flex: 0 0 300px;
    padding: 0 20px;
    margin: 0;
  }

  .numbered-icon-row h3 {
    flex: 1 1 70%;
  }

  .icon-row .section-content-list {
    flex-basis: 50%;
    margin-bottom: 0;
  }

  .our-stats-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  /* Filter pages */

  .secondary-page .section-content.hero-content.experts-hero-content {
    padding-top: 50px;
  }

  .expert-stats-container {
    flex-wrap: nowrap;
    padding-top: 50px;
  }

  .expert-stats-item {
    border-right: 1px solid #fff;
  }

  .expert-stats-item:last-child {
    border-right: none;
  }

  p.expert-stats-num {
    font-size: 85px;
    line-height: 85px;
  }

  .filtered-resources-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    flex-wrap: wrap;
  }

  .filtered-resources-item {
    flex: 1 1 50%;
  }

  .filtered-resource-item-content {
    margin: 0 10px;
    height: 100%;
  }

  .resources-news-content .card {
    margin: 0 30px;
  }

  /* Single resource page */
  .secondary-page-hero.single-resource-page {
    margin-top: 110px;
  }
}

/***********************************************************************************/

/****************/
/* Large Tablet */
/****************/
@media only screen and (min-width: 769px) {
  /* Footer */
  .footer-top {
    margin-bottom: 0;
  }

  .footer-top .list-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 0;
  }

  .footer-logo,
  .footer-links {
    text-align: left;
  }

  .footer-legal-text {
    text-align: right;
  }

  .footer-top .list-inline li {
    text-align: center;
  }

  .footer-bottom .list.list-inline {
    margin-left: 0;
  }

  /* Homepage specific */

  .hero-tab-content {
    padding: 40px 15px 50px;
  }

  .carousel-dash {
    padding-left: 40px;
  }

  .carousel-home {
    height: 280px;
  }

  .slide-content {
    padding-left: 40px;
    padding-right: 40px;
    justify-content: space-between;
  }

  .slide .slide-content .btn {
    margin-bottom: 20px;
    margin-top: 15px;
  }

  ul.slide-indicators {
    margin: 0 35%;
    width: 30%;
  }

  .indicator-border {
    bottom: 55px;
  }

  .home-hero-video {
    padding-left: 10%;
    padding-right: 10%;
  }

  .home-hero-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }

  .home-hero-content > div {
    flex-basis: 100%;
    padding: 0 15px;
  }

  .home-hero-text h1,
  .home-hero-text .h1 {
    font-size: 44px;
  }

  .hero-cta-row .btn {
    margin-top: 0;
  }

  .graph-content-container,
  .threat-stats-container {
    width: 80%;
  }

  .graph-content {
    padding-top: 50px;
  }

  .pie-chart-svg-container {
    width: 200px;
    top: -75px;
    left: 7px;
  }

  p.threat-stat-digits {
    flex-basis: 35%;
  }

  p.threat-stat-text {
    flex-basis: 40%;
    padding-right: 5%;
  }

  .solutions-top {
    max-height: 400px;
    overflow: hidden;
  }

  .solutions-top .background-video {
    width: 100%;
    height: auto;
  }

  .solutions-container {
    padding: 0 20px;
    top: 12%;
  }

  .section.solutions-bottom {
    padding-top: 0;
  }

  .section-content.solutions-thumb-container {
    position: relative;
    z-index: 1;
    margin-top: -90px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
  }

  .solutions-bottom .divider.h2-divider {
    display: none;
  }

  .thumb-item-container {
    justify-content: space-between;
    padding: 0 14px;
    height: 100%;
  }

  .solutions-thumb-container span.vertical-divider {
    height: 26rem;
    margin: 100px 0 0;
    flex: 1 0 2px;
  }

  .customer-section-content {
    flex-wrap: nowrap;
    align-items: center;
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .customer-section-content > div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .resources-card-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .resources-news-content.resources-card-container {
    flex-wrap: wrap;
  }

  .resources-card-item {
    margin: 0;
    flex-basis: 100%;
    padding: 0 20px 0 0;
  }

  .resources-news-content .resources-card-item {
    flex-basis: 50%;
    padding: 0;
  }

  .resources-card-item:last-child {
    padding-right: 0;
  }

  .resources-card-container .card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

  .no-card .mod-custom.custom {
    height: 100%;
  }

  .thumbnail-card-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
  }

  .thumbnail-card-item {
    margin: 10px auto;
  }

  .thumbnail-card-item .card {
    width: 95%;
    margin: 0 auto;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .thumbnail-card-item .card-image img {
    width: 50%;
    margin: 20px auto -20px;
  }

  .card .card-content {
    height: 100%;
  }

  .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    margin-right: 0;
  }

  /* Secondary content page styles*/
  /* Default template */

  .secondary-page-hero .section-content.hero-content {
    min-height: 300px;
  }

  .hero-content h1 {
    /*width: 50%;*/
  }

  .quote-content {
    flex-wrap: nowrap;
  }

  .section-content-right-text,
  .row .col.section-content-right-text {
    padding-left: 50px;
  }

  .section-content-left-text,
  .row .col.section-content-left-text {
    padding-right: 50px;
    width: 100%;
  }

  .mini-column {
    border-right: 1px solid #8db9ca;
  }

  .mini-column:last-child {
    border-right: none;
  }

  .our-dbs-stats-section {
    justify-content: space-between;
  }

  .our-dbs-stats-item {
    flex-basis: 48%;
    margin: 0 auto 30px;
  }

  .our-partners-section {
    flex-wrap: nowrap;
  }

  .our-partners-item {
    flex: 0 1 30%;
  }

  .our-partners-item-content {
    height: 75%;
  }

  .our-partners-text {
    height: 75%;
  }

  /*  form.contact-form div {
    flex-basis: 48%;
  }

  .right-col-lead-collector form.contact-form div,
  form.contact-form div:nth-child(9) {
    flex-basis: 100%;
  }*/

  /* Secondary page - Filter pages */
  .search-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }

  .secondary-search-section,
  .meet-our-experts .secondary-search-section {
    height: 80px;
  }

  .secondary-search-section.pinned + .section {
    padding-top: 115px;
  }

  .name-search-container {
    width: 45%;
    margin-bottom: 0;
  }

  .dropdown-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 45%;
  }

  select.team-filter-dropdown {
    margin-top: 0;
    width: 200px;
    margin-left: 10px;
  }

  .expert-resource-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .expert-card {
    padding: 0 10px;
  }

  .expert-resource-items {
    flex-basis: 48%;
  }

  /* Single resource pages */
  .row .col .resource-page-hero-video {
    padding-left: 10%;
    padding-right: 10%;
  }

  /* Contact us page */

  .contact-us .main-content {
    top: -50px;
    margin-bottom: -50px;
  }

  .locations-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .location-region-container {
    flex: 0 1 33%;
  }

  .location-region-container {
    border-bottom: none;
  }
}

/***********************************************************************************/

/***********/
/* Desktop */
/***********/
@media only screen and (min-width: 993px) {
  .close {
    width: 31px;
    margin-left: 10px;
    margin-right: 5px;
  }

  .footer,
  .header {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .header-container {
    height: 130px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(66, 120, 143, 0.1), 0 1px 1px -2px rgba(66, 120, 143, 0.1), 0 10px 10px 0 rgba(66, 120, 143, 0.2);
    box-shadow: 0 1px 1px 0 rgba(66, 120, 143, 0.1), 0 1px 1px -2px rgba(66, 120, 143, 0.1), 0 10px 10px 0 rgba(66, 120, 143, 0.2);
  }

  .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
  }

  .logo-container {
    padding: 0 0 0 15px;
  }

  .nav-logo img {
    width: 185px;
    height: 106px;
  }

  .nav-tabs {
    margin-top: 10px;
  }

  .nav-tabs .nav-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }

  .nav-tabs .nav-tabs-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
  }

  .nav-tabs a.dropdown-trigger-mobile,
  #mobileMenu {
    display: none !important;
  }

  .nav-tabs .nav-tabs-item {
    /*margin-right: 0;*/
  }

  .nav-tabs-item a.nav-tabs-item-link {
    color: #003b5c;
    font-family: "Avenir Heavy", sans-serif;
    font-weight: normal;
    display: inline;
    position: relative;
    padding: 20px 10px 24px;
    top: 7px;
  }

  .secondary-page .nav-tabs-item a.nav-tabs-item-link {
    cursor: default;
  }

  .nav-tabs-item:last-child a.nav-tabs-item-link {
    padding-right: 13px;
  }

  .nav-tabs-item a.nav-tabs-item-link:hover::before,
  .nav-tabs-item a.bg-active-tab::before,
  .secondary-page .nav-tabs-item a.active-tab::before {
    content: "";
    background-image: linear-gradient(to bottom, rgba(66, 120, 143, 0.2), rgba(0, 0, 0, 0));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20%;
    width: 98%;
  }

  a.nav-tabs-item-link .active-tab-indicator {
    display: block;
    height: 3px;
    width: 0;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    -webkit-transition: width 0.4s;
    -moz-transition: width 0.4s;
    transition: width 0.4s;
  }

  a.nav-tabs-item-link:hover .active-tab-indicator,
  a.bg-active-tab .active-tab-indicator,
  .secondary-page a.active-tab .active-tab-indicator {
    background-color: #00b2a9;
    width: 98%;
  }

  .mega-menu.dropdown-content {
    top: 130px !important;
    width: 100% !important;
    left: 0 !important;
    background-color: #ffffff;
    overflow-y: visible;
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .mega-menu-content,
  .dropdown-content-search {
    border-top: 1px solid rgba(66, 120, 143, 0.5);
    -webkit-box-shadow: 0 1px 1px 0 rgba(66, 120, 143, 0.1), 0 1px 1px -2px rgba(66, 120, 143, 0.1), 0 10px 10px 0 rgba(66, 120, 143, 0.2);
    box-shadow: 0 1px 1px 0 rgba(66, 120, 143, 0.1), 0 1px 1px -2px rgba(66, 120, 143, 0.1), 0 10px 10px 0 rgba(66, 120, 143, 0.2);
  }

  .nav-wrapper a.dropdown-trigger-search {
    flex-grow: 0;
    font-size: 36px;
    margin-left: 10px;
    margin-right: 5px;
    color: #97999b;
  }

  .dropdown-content-search {
    width: 100% !important;
    left: 0 !important;
    top: 130px !important;
    height: 90px !important;
  }

  .mega-menu-search {
    padding: 15px 20px 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }

  .dropdown-content-search > .csc-icon {
    font-size: 36px;
    border: none;
    color: #217cb8;
    -webkit-text-fill-color: #217cb8;
    padding: 0 0 0 20px;
  }

  .dropdown-content-search > .csc-icon:hover {
    border: none;
    background-color: #ffffff;
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .mega-menu-search > .csc-icon.c-i-search {
    font-size: 36px;
    border: none;
    color: #003b5c;
    -webkit-text-fill-color: #003b5c;
    padding: 0 20px 0 0;
  }

  input.st-default-search-input {
    background-image: none;
  }

  .mega-menu-content .indicator {
    display: none;
  }

  .vertical-tabs-static-header {
    padding: 5px 5px 0 0;
    margin-left: 2.14em;
  }

  .vertical-tabs-static-header:hover {
    background-color: #eee;
  }

  .vertical-tabs-static-header p {
    padding: 2px 8px 0;
    line-height: normal;
  }

  .vertical-tabs-static-header-nolink {
    padding: 5px 8px 0;
  }

  .vertical-tabs-static-header-nolink p {
    padding-top: 2px;
    padding-bottom: 0;
    line-height: normal;
  }

  .vertical-tabs-static-header-nolink hr {
    margin-left: -8px;
    margin-right: -8px;
  }

  .nav-tabs .dropdown-content-mobile.mega-menu {
    top: 80px !important;
  }

  .nav-tabs .dropdown-content-mobile.mega-menu {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #eaebeb;
  }

  .mega-menu .mega-menu-content .vertical-tabs {
    margin: 0;
    padding: 0;
  }

  .mega-menu .vertical-tabs > li {
    border-top: 1px solid #8db9ca;
  }

  .mega-menu .vertical-tabs > li:first-child {
    border-top: none;
  }

  .mega-menu .vertical-tabs > li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 30px;
  }

  .mega-menu .vertical-tabs.vertical-tabs-3 > li a {
    padding: 36px 20px 36px 10px;
  }

  .mega-menu .vertical-tabs.vertical-tabs-4 > li a {
    padding: 25px 20px 25px 10px;
  }

  .mega-menu .vertical-tabs > li:hover {
    background: transparent;
  }

  .mega-menu .vertical-tabs > li a.active {
    color: #003b5c;
    font-family: "Avenir Heavy", sans-serif;
  }

  .mega-menu .vertical-tabs > li a:not(.active) {
    color: #ffffff;
    background-color: #42788f;
  }

  .mega-menu .vertical-tabs > li a .csc-icon {
    color: #ffffff;
    font-size: 36px;
    flex: 0 0 30%;
    text-align: center;
  }

  .mega-menu .vertical-tabs > li a .csc-icon.c-i-devices {
    font-size: 30px;
  }

  .mega-menu .vertical-tabs > li a.active .csc-icon,
  .mega-menu .vertical-tabs > li a:hover .csc-icon {
    color: #00b2a9;
  }

  .mega-menu .mega-menu-content .vertical-tabs-container {
    margin: 0;
    padding: 15px 20px;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-content {
    margin-left: 2.14em;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-content > a:hover p {
    background-color: #eee;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-content > a > p {
    padding: 5px 8px 0;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-content > a > p:last-child {
    padding: 0 8px;
    line-height: normal;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-content > p {
    font-family: "Avenir Heavy", sans-serif;
    padding-bottom: 0;
    font-size: 18px;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-content hr,
  .mega-menu .vertical-tabs-container .vertical-tabs-static-header hr {
    color: #ffffff;
    margin-bottom: 15px;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-link-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-link-list li {
    flex-basis: 46%;
    padding: 9px;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-link-list li a {
    margin: 0;
    padding: 0;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-link-list li p {
    padding: 0;
    line-height: 1;
    font-size: 16px;
    font-family: "Avenir Roman", sans-serif;
  }

  /* Styles added for sub-lists like Domain Security under Solutions */
  .mega-menu .vertical-tabs-container .vertical-tabs-link-list.static-link-list {
    display: block;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-link-list.static-link-list li ul li {
    padding: 5px;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-link-list.static-link-list li ul li:first-child {
    margin-top: 15px;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-link-list.static-link-list li ul li p {
    font-size: 15px;
  }

  .mega-menu .vertical-tabs-container .vertical-tabs-link-list.static-link-list li ul li p small {
    font-size: 85%;
  }

  .dropdown-content .vertical-tabs-link-list .static-link-list-sublist li:hover,
  .dropdown-content .vertical-tabs-link-list .static-link-list-sublist li.active {
    background: #ffffff;
  }

  /* Homepage specific */

  .home-hero {
    margin-top: 130px;
  }

  .section-content.hero-content-home {
    margin: 0;
    width: 100%;
    display: flex;
  }

  /* Homepage carousel */

  .home-carousel-container {
    width: 45%;
    padding-left: 2.5%;
  }

  .carousel-dash,
  .content-dash {
    padding-left: 20px;
  }

  .carousel-home {
    height: 350px;
  }

  .slide-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slide-content h2.h2 {
    font-size: 32px;
  }

  .home-hero-video-container {
    width: 55%;
    padding-right: 2.5%;
    padding-left: 2.5%;
  }

  .home-hero-video {
    padding-left: 0;
    padding-right: 0;
  }

  .page-hero-image {
    height: 600px;
    width: auto;
  }

  .page-hero-image {
    top: 120px;
  }

  .hero-cta-row {
    justify-content: flex-start;
    margin-left: 15px;
  }

  .section-content {
    flex-wrap: nowrap;
    align-items: center;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .stats-row-content {
    flex-wrap: wrap;
    padding: 10px 0;
  }

  .home .graph-row-content {
    align-items: flex-start;
  }

  .graph-content,
  .threat-stats-content {
    height: 320px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .fr .graph-content,
  .fr .threat-stats-content {
    height: 380px;
  }

  .graph-content {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .graph-content-top {
    position: relative;
    top: 10%;
  }

  p.stat-number-icon {
    flex-basis: 20%;
  }

  p.threat-stat-digits {
    flex-basis: 35%;
  }

  p.threat-stat-text {
    flex-basis: 45%;
  }

  .threat-stats-content-item {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .section-content h3 {
    margin-bottom: 0;
    min-width: 250px;
  }

  .home .section-content p.padding-left-right {
    padding: 0 30px;
  }

  .section-content .btn {
    margin-top: 0;
    min-width: 150px;
  }

  .statistics {
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-top: 30px;
  }

  .statistics > div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .stats-row-two-content .statistics > div,
  .stats-row-two-content .statistics > div:last-child {
    flex-basis: 33%;
  }

  .statistics span.vertical-divider {
    height: 9rem;
    position: relative;
    width: 3px;
  }

  .stats-row-two .statistics span.vertical-divider {
    height: 12rem;
    position: relative;
    width: 1px;
    top: 2rem;
  }

  .home .section-content p.section-icon-label {
    margin-bottom: 0;
  }

  .solutions-container {
    padding-right: 0;
    padding-left: 0;
  }

  .solutions-top-content {
    width: 81% !important;
    margin-left: auto;
    margin-right: auto;
  }

  .solutions-top {
    max-height: 440px;
  }

  .solutions-top-content h2 {
    padding-bottom: 20px;
  }

  .solutions-top-content p {
    padding-top: 20px;
  }

  .solutions-thumb-container span.vertical-divider {
    height: 25rem;
    margin: 120px 0 0;
    flex: 1 0 2px;
  }

  .section-content .thumb-item-container {
    padding: 0 20px;
  }

  .section-content .solutions-thumb-item p {
    text-align: center;
  }

  .customer-section-content {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 45px;
  }

  .customer-section-content > div {
    padding-left: 30px;
    padding-right: 30px;
  }

  .resources-card-item {
    padding: 0 40px 0 0;
  }

  .resources-card-item:last-child {
    padding-right: 0;
  }

  .resources-news-content .resources-card-item {
    flex-basis: 33%;
  }

  .partner-section .section-content {
    flex-wrap: wrap;
  }

  .partner-table .col.partner-table-item {
    padding: 20px 60px;
  }

  /* Secondary content page styles*/
  /* Default template */
  .secondary-page-hero,
  .contact-page-hero-top {
    margin-top: 130px;
  }

  .secondary-nav-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0;
  }

  .secondary-search-section,
  .meet-our-experts .secondary-search-section {
    height: 80px;
  }

  .secondary-search-section.pinned + .section {
    padding-top: 115px;
  }

  .secondary-nav {
    z-index: 104;
    width: 100%;
    padding: 10px 0;
  }

  .secondary-nav.pinned {
    -webkit-box-shadow: 0px -2px 12px 4px rgba(66, 120, 143, 0.4);
    box-shadow: 0px -2px 12px 4px rgba(66, 120, 143, 0.4);
    background-color: #003b5c;
  }

  .secondary-nav-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }

  .secondary-nav-item {
    border-left: 1px solid #f2a900;
    padding: 0 8px;
  }

  .secondary-nav-page-title,
  .secondary-nav-item:first-child,
  .secondary-nav-item:nth-child(2) {
    border: none;
  }

  .secondary-nav-page-title p {
    font-family: "Avenir Heavy", sans-serif;
    display: none;
    -webkit-transition: visibility 0.5s;
    -moz-transition: visibility 0.5s;
    transition: visibility 0.5s;
  }

  .secondary-nav-item p {
    font-size: 16px;
    padding: 0;
    text-align: center;
    -webkit-transition: font-size 0.5s;
    -moz-transition: font-size 0.5s;
    transition: font-size 0.5s;
  }

  .secondary-nav .active-section {
    border-bottom: 1px solid #f2a900;
  }

  .secondary-nav.pinned .secondary-nav-item {
    border-left: 1px solid #ffffff;
  }
  .secondary-nav.pinned .secondary-nav-page-title,
  .secondary-nav.pinned .secondary-nav-item:first-child,
  .secondary-nav.pinned .secondary-nav-item:nth-child(2) {
    border: none;
  }

  .secondary-nav.pinned .secondary-nav-page-title {
    border: none;
  }

  .secondary-nav.pinned .secondary-nav-page-title p {
    display: block;
  }

  .secondary-nav.pinned .secondary-nav-page-title p a,
  .secondary-nav.pinned .secondary-nav-item p a {
    color: #ffffff;
  }

  .secondary-nav.pinned .secondary-nav-item p {
    font-size: 14px;
  }

  .back-to-top-link .csc-icon {
    transform: rotate(-90deg);
    position: absolute;
    font-size: 20px;
  }

  .arrow-top-left .back-to-top-link .csc-icon {
    left: 25px;
  }

  .arrow-top-right .back-to-top-link .csc-icon {
    right: 25px;
  }

  .secondary-page-hero,
  .secondary-page-hero.page-hero-image {
    min-height: 500px;
  }

  .secondary-page-hero-mini {
    min-height: auto;
  }

  .secondary-page .section-content.hero-content {
    width: 75%;
    padding-top: 50px;
    min-height: 400px;
  }

  .section-content-right-text,
  .row .col.section-content-right-text {
    text-align: right;
    width: 100%;
  }

  .template-section-content-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

  .section-content-icon img {
    height: auto;
  }

  .thumbnail-card-item .card {
    width: 90%;
  }

  .dns-services .thumbnail-card-item {
    flex-basis: 24%;
  }

  .dns-services .thumbnail-card-item .card {
    width: 100%;
  }

  .our-dbs-stats-section {
    flex-basis: 24%;
  }

  .numbered-row-content .csc-icon {
    flex-basis: 10%;
  }
  .numbered-icon-row h3 {
    flex-basis: 50%;
  }

  .numbered-icon-row p {
    flex: 1 1 30%;
  }

  /* Secondary page - Filter pages */

  .headline-content {
    flex-wrap: nowrap;
    margin: auto;
    align-items: center;
    justify-content: space-between;
  }

  .headline-content h1,
  .headline-content p {
    margin: 0;
    padding: 0;
  }

  .headline-content h1 {
    margin-right: 30px;
  }

  .carousel.video-carousel {
    height: 420px;
  }

  .carousel.video-carousel .carousel .indicators .indicator-item {
    height: 10px;
    width: 10px;
    margin: 0 8px;
  }

  .name-search-container {
    flex-basis: 65%;
    padding-right: 100px;
  }

  .dropdown-container {
    flex-basis: 30%;
    justify-content: flex-end;
  }

  .expert-card-content {
    flex-direction: column;
    text-align: center;
    height: 260px;
  }

  .expert-resource-items {
    flex-basis: 31%;
  }

  .filtered-resources-item {
    flex-basis: 33%;
  }

  /* Single resource page */
  .secondary-page-hero.single-resource-page {
    margin-top: 130px;
    min-height: 300px;
  }

  .row .col.resource-page-hero {
    padding-left: 2.5%;
  }

  .row .col.resource-page-video-container {
    padding-right: 2.5%;
  }

  .row .col .resource-page-hero-video {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 100px;
    padding-bottom: 0;
  }

  /* Contact us page */
  .contact-page-hero-top {
    margin-top: 130px;
  }
}

/***********************************************************************************/

/**************/
/* Widescreen */
/**************/
@media only screen and (min-width: 1201px) {
  .nav-tabs-item a.nav-tabs-item-link {
    padding-left: 25px;
    padding-right: 25px;
  }

  .nav-tabs-item:last-child a.nav-tabs-item-link {
    padding-right: 28px;
  }

  /* Homepage specific */
  /* Homepage carousel */

  .home-carousel-container {
    width: 40%;
  }

  .carousel-dash,
  .content-dash {
    padding-top: 75px;
    padding-bottom: 25px;
  }

  /*.carousel-home{
      height: 370px;
    }*/

  .slide-content,
  .carousel-dash {
    padding-left: 20px;
  }

  .indicator-border {
    width: 85%;
    left: 20px;
  }

  ul.slide-indicators {
    margin: 0 30%;
  }

  .home-hero-video-container {
    width: 60%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-hero-video {
    padding: 0 40px;
  }

  .stats-row-content {
    flex-wrap: nowrap;
  }

  .statistics {
    margin-top: 0;
  }

  .graph-content-container {
    flex: 1 1 60%;
  }

  .pie-chart-svg-container {
    width: 230px;
    top: -90px;
    left: -9px;
  }

  .pie-chart-label {
    font-size: 18px;
  }

  /*.pie-chart-legend-item{
      margin-bottom: 15px;
    }*/

  .threat-stats-container {
    flex: 1 1 40%;
  }

  .solutions-container {
    top: 20%;
  }

  /* Secondary content page styles*/

  .section-content {
    width: 90%;
  }

  /* Filter pages */
  .expert-card-content {
    flex-direction: row;
    text-align: left;
    height: auto;
  }

  .expert-text-container {
    max-width: 175px;
  }

  .filtered-resources-item {
    flex-grow: 0;
  }

  /* Single resource page */
  .secondary-page-hero.single-resource-page {
    margin-top: 130px;
    min-height: 300px;
  }

  .recorded-webinar .hero-left-content-text {
    padding-bottom: 70px;
  }

  .row .col .resource-page-hero-video {
    padding-top: 70px;
  }

  .right-col-lead-collector form.contact-form div {
    flex-basis: 48%;
  }

  /* Contact us page */

  .contact-us .main-content {
    top: -100px;
    margin-bottom: -100px;
  }
}

/***********************************************************************************/

/**************/
/* Mega Widescreen */
/**************/
@media only screen and (min-width: 1401px) {
  .header,
  .mega-menu-content,
  .section.home-hero-tabs,
  .section-content,
  .footer {
    width: 1350px;
  }

  /* Homepage specific */

  /* homepage carousel */
  .home-hero .page-hero-image {
    left: 60%;
  }

  .carousel-home,
  .carousel-dash {
    width: 540px;
    float: right;
    padding-left: 0;
  }

  .carousel-home {
    height: 370px;
  }

  .slide-content {
    padding-left: 10px;
    padding-right: 20px;
    height: 85%;
  }

  .carousel-dash-rectangle,
  .content-dash-rectangle {
    margin-left: 10px;
  }

  p.video-cta-text {
    bottom: 95px;
  }

  .indicator-border {
    bottom: 110px;
    left: 10px;
  }

  ul.slide-indicators {
    bottom: 60px;
  }

  .home-hero-video-container {
    width: 810px;
  }

  .home-hero-content,
  .customer-section-content {
    width: 1250px;
  }

  .info-row-content h2,
  .stats-row h2 {
    padding-left: 15px;
  }

  .hero-tabs li.current .tab-triangle {
    border-left-width: 136px;
    border-right-width: 136px;
  }

  /* Secondary content page styles*/
  /* Default template */

  .secondary-page .section-content {
    width: 1250px;
  }

  /* Filter pages */
  .expert-text-container {
    max-width: 215px;
  }

  /* Single resource page */
  .row .col.resource-page-hero {
    padding-left: 0;
  }

  .hero-left {
    width: 500px;
    float: right;
  }

  .content-dash {
    width: 500px;
  }

  .content-dash-rectangle {
    margin-left: 40px;
  }

  .content-dash-rectangle,
  .recorded-webinar .resource-page-hero .content-dash-rectangle {
    margin-left: 40px;
  }

  .hero-left-content {
    padding-left: 20px;
    padding-right: 15px;
  }

  .row .col.resource-page-video-container {
    width: 805px;
    padding-right: 0;
  }

  /* Contact us page */
  .contact-us .main-content {
    top: -20vh;
    margin-bottom: -20vh;
  }
}

/* BEGIN Domain Management Infographic - SVG styles*/
.dm-st0 {
  fill: none;
  stroke: #f2f2f2;
  stroke-width: 0.7906;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.dm-st1 {
  fill: none;
  stroke: #b2b3b3;
  stroke-width: 5.0078;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.dm-st2 {
  fill: url(#SVGID_1_);
}
.dm-st3 {
  fill: #003b5c;
}
.dm-st4 {
  fill: url(#SVGID_2_);
}
.dm-st5 {
  fill: #f2a900;
}
.dm-st6 {
  fill: #66899d;
}
.dm-st7 {
  fill: #f7d926;
}
.dm-st8 {
  fill: url(#SVGID_3_);
}
.dm-st9 {
  fill: #54585a;
}
.dm-st10 {
  fill: #f97387;
}
.dm-st11 {
  fill: none;
}
.dm-st12 {
  fill: url(#SVGID_4_);
}
.dm-st13 {
  fill: #8db9ca;
}
.dm-st14 {
  fill: #fadd99;
}
.dm-st15 {
  fill: #00b1a8;
}
.dm-st16 {
  fill: #99e0dc;
}
.dm-st17 {
  fill: url(#SVGID_5_);
}
.dm-st18 {
  fill: url(#SVGID_6_);
}
.dm-st19 {
  fill: #989b9c;
}
.dm-st20 {
  opacity: 0.57;
}
.dm-st21 {
  fill: url(#SVGID_7_);
}
.dm-st22 {
  fill: url(#SVGID_8_);
}
.dm-st23 {
  fill: url(#SVGID_9_);
}
.dm-st24 {
  fill: url(#SVGID_10_);
}
.dm-st25 {
  fill: url(#SVGID_11_);
}
.dm-st26 {
  fill: url(#SVGID_12_);
}
.dm-st27 {
  fill: url(#SVGID_13_);
}
.dm-st28 {
  fill: url(#SVGID_14_);
}
.dm-st29 {
  fill: url(#SVGID_15_);
}
.dm-st30 {
  fill: url(#SVGID_16_);
}
.dm-st31 {
  fill: url(#SVGID_17_);
}
.dm-st32 {
  fill: url(#SVGID_18_);
}
.dm-st33 {
  fill: url(#SVGID_19_);
}
.dm-st34 {
  fill: url(#SVGID_20_);
}
.dm-st35 {
  fill: none;
  stroke: url(#SVGID_21_);
  stroke-width: 0.9198;
  stroke-miterlimit: 10;
}
.dm-st36 {
  fill: none;
  stroke: #b2b3b3;
  stroke-width: 4.301;
  stroke-miterlimit: 10;
}
.dm-st37 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 8;
}
.dm-st38 {
  fill: #f2a900;
  stroke: #ffffff;
  stroke-width: 2.5;
}
.dm-st39 {
  fill: #00b2a9;
  stroke: #ffffff;
  stroke-width: 2.5;
}
.dm-st40 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 3;
}
.dm-st41 {
  fill: #003b5c;
  stroke: #ffffff;
  stroke-width: 2.5;
}
.dm-st42 {
  fill: none;
  stroke: #003b5c;
  stroke-width: 3;
}
.dm-st43 {
  fill: none;
  stroke: #f2a900;
  stroke-width: 3;
}
.dm-st44 {
  fill: #54585a;
  stroke: #ffffff;
  stroke-width: 2.5;
}
.dm-st45 {
  fill: none;
  stroke: #54585a;
  stroke-width: 3;
}
.dm-st46 {
  fill: #97999b;
}
.dm-st47 {
  fill: #ffffff;
}
.dm-st49 {
  font-size: 15px;
}
.dm-st50 {
  font-size: 16px;
}
.dm-st51 {
  fill: #222222;
}
.dm-st53 {
  font-size: 14.4469px;
}
.dm-st54 {
  font-size: 14px;
}
/* French */
.domainsicherheit .dm-st54,
.seguridad-dns .dm-st54 {
  font-size: 11.5px;
}

.sc-blue1 {
  stop-color: #598095;
}
.sc-blue2 {
  stop-color: #467189;
}
.sc-blue3 {
  stop-color: #134a68;
}
.sc-blue4 {
  stop-color: #003b5c;
}

.sc-teal1 {
  stop-color: #9ee1de;
}
.sc-teal2 {
  stop-color: #96dfdb;
}
.sc-teal3 {
  stop-color: #81d9d4;
}
.sc-teal4 {
  stop-color: #5fcec8;
}
.sc-teal5 {
  stop-color: #30c0b8;
}
.sc-teal6 {
  stop-color: #00b1a8;
}

.sc-gold1 {
  stop-color: #fae1a6;
}
.sc-gold2 {
  stop-color: #fae0a2;
}
.sc-gold3 {
  stop-color: #fadc97;
}
.sc-gold4 {
  stop-color: #f9d684;
}
.sc-gold5 {
  stop-color: #f7cd6a;
}
.sc-gold6 {
  stop-color: #f6c148;
}
.sc-gold7 {
  stop-color: #f4b31f;
}
.sc-gold8 {
  stop-color: #f2a900;
}

.sc-coral1 {
  stop-color: #f88b97;
}
.sc-coral2 {
  stop-color: #f77886;
}
.sc-coral3 {
  stop-color: #f44558;
}
.sc-coral4 {
  stop-color: #f43e52;
}

.sc-gray1 {
  stop-color: #cccbcb;
  stop-opacity: 0;
}
.sc-gray2 {
  stop-color: #b8b9b9;
  stop-opacity: 0.7804;
}
.sc-gray3 {
  stop-color: #b2b3b3;
}

/* END Domain Management Infographic - SVG styles */

/* Full slide carousel styles */
.carousel.homepage-full-carousel {
  height: 750px !important;
}

.home-carousel-container-full .slide-content {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.home-carousel-container-full .slide-content-left {
  padding: 0px 20px;
  height: 350px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.home-carousel-container-full .carousel-dash {
  width: 100%;
  padding-top: 0;
  padding-left: 0;
}

.carousel.homepage-full-carousel.carousel-slider .carousel-item p {
  font-size: 16px;
}

.home-carousel-container-full p.video-cta-text {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 20px;
}

.carousel .indicators .indicator-item {
  width: 16px;
  height: 16px;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #fff;
}

.carousel .indicators .indicator-item.active {
  background-color: #00b2a9;
  width: 20px;
  height: 20px;
}

.home .carousel .carousel-image-container {
  width: 100%;
  height: auto;
  max-width: 560px;
  -webkit-box-shadow: 0px 0px 20px #222;
  box-shadow: 0px 0px 20px #222;
  border: 5px solid #fff;
  background-color: transparent;
  border-radius: 4px;
}

@media only screen and (min-width: 600px) {
  .carousel.homepage-full-carousel {
    height: 820px !important;
  }

  .home-carousel-container-full .slide-content-left {
    height: 340px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .home-carousel-container-full .home-hero-video-container {
    padding: 40px 60px;
  }
}

@media only screen and (min-width: 769px) {
  .carousel.homepage-full-carousel {
    height: 490px !important;
  }

  .home-carousel-container-full {
    width: 100%;
  }

  .home-carousel-container-full .slide-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
  }

  .home-carousel-container-full .slide-content-left {
    height: 100%;
    padding-left: 5%;
    padding-right: 50px;
    flex: 1 1 50%;
  }

  /* .cn .home-carousel-container-full .slide-content-left,
  .jp .home-carousel-container-full .slide-content-left {
    height: 100%;
    padding-left: 10px;
    padding-right: 20px;
    flex: 1 0 50%;
  } */

  .home-carousel-container-full .home-hero-video-container {
    flex: 1 1 50%;
    padding: 0;
  }

  .home-carousel-container-full .slide-text {
    margin-top: -55px;
  }

  .home .carousel.carousel-slider .carousel-item h1 {
    font-size: 34px;
  }

  .home .carousel.carousel-slider .carousel-item h2 {
    font-size: 30px;
  }

  /*.carousel.homepage-full-carousel .indicators{
    right: 50%;
  }*/
}

@media only screen and (min-width: 993px) {
  .home-carousel-container-full .slide-content-left {
    flex-basis: 40%;
  }

  .home-carousel-container-full .home-hero-video-container {
    flex-basis: 60%;
    padding: 0 40px;
  }

  /*.carousel.homepage-full-carousel .indicators{
    right: 60%;
  }*/

  .carousel.homepage-full-carousel.carousel-slider .carousel-item p.video-cta-text {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1401px) {
  .home-carousel-container-full .slide-text {
    width: 540px;
    margin-left: 12%;
    margin-top: -65px;
  }

  .home-carousel-container-full .indicator-border {
    width: 30%;
    margin-left: 5%;
    bottom: 60px;
  }

  .home-carousel-container-full ul.slide-indicators {
    width: 15%;
    margin-left: 17.5%;
    bottom: 20px;
  }

  .home-carousel-container-full .carousel-home,
  .home-carousel-container-full .carousel-dash {
    width: 100%;
    float: none;
    padding-left: 0;
  }

  .home-carousel-container-full .slide-content {
    height: 100%;
  }

  .home-carousel-container-full .carousel-dash-rectangle {
    margin-left: 0px;
  }

  .home-carousel-container-full .home-hero-video-container {
    padding: 5%;
  }

  .video-modal .modal-video-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1701px) {
  .home-carousel-container-full .slide-text {
    margin-left: 30%;
  }

  .home-carousel-container-full .slide-content-left {
    flex-basis: 50%;
  }

  .home-carousel-container-full .home-hero-video-container {
    padding: 5% 14% 5% 5%;
    flex-basis: 50%;
  }

  /*.carousel.homepage-full-carousel .indicators {
      right: 50%;
  }*/

  .video-modal .modal-video-content {
    width: 65%;
  }
}
/* END - Full slide carousel styles */

/* Holiday modal styles */

.holiday-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.75);
}

.holiday-modal-content {
  background-color: #fff;
  /*background-image: url(/images/holiday-modal-bg-2020.jpg);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 15% auto;
  /*padding: 30px 0 60px;*/
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.8);
  width: 90%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.holiday-modal-content img {
  margin-bottom: -4px;
}

/*.holiday-modal-fr .holiday-modal-content{
    background-image: url(/images/holiday-modal-bg-2020-fr.jpg);
}

.holiday-modal-de .holiday-modal-content{
    background-image: url(/images/holiday-modal-bg-2020-de.jpg);
}

.holiday-modal-cn .holiday-modal-content{
    background-image: url(/images/holiday-modal-bg-2020-cn.jpg);
}

.holiday-modal-jp .holiday-modal-content{
    background-image: url(/images/holiday-modal-bg-2020-jp.jpg);
}

.holiday-modal-se .holiday-modal-content{
    background-image: url(/images/holiday-modal-bg-2020-se.jpg);
}

.holiday-modal-es .holiday-modal-content{
    background-image: url(/images/holiday-modal-bg-2020-es.jpg);
}*/

.holiday-modal-content.holiday-modal-full {
  position: relative;
}

img.holiday-modal-full-img {
  margin-bottom: -3px;
  width: 100%;
  height: auto;
}

.holiday-modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 30px;
}

svg.holiday-modal-csc-logo {
  width: 80px;
  height: 79px;
}

.holiday-modal-header svg .st0,
.holiday-modal-header svg .st1,
.holiday-modal-header svg .st2 {
  fill: #ffffff;
}

.holiday-modal-close {
  color: #ffffff;
  font-size: 25px;
  font-weight: normal;
}

.holiday-modal-full .holiday-modal-close {
  position: absolute;
  right: 40px;
  top: 36px;
}

.holiday-modal-close:hover,
.holiday-modal-close:focus {
  color: #ababab;
  text-decoration: none;
  cursor: pointer;
}

.holiday-modal-headline-img {
  width: 100%;
  height: auto;
}

p.holiday-modal-message-text {
  color: #ffffff;
  font-family: "Lexia", serif;
  width: 80%;
  font-size: 18px;
  margin: 0px auto;
}

.holiday-modal-cn p.holiday-modal-message-text,
.holiday-modal-jp p.holiday-modal-message-text {
  margin: -30px auto 0px;
}

.holiday-modal-content video.responsive-video {
  margin-bottom: -3px;
}

@media only screen and (min-width: 769px) {
  .holiday-modal-cn p.holiday-modal-message-text,
  .holiday-modal-jp p.holiday-modal-message-text {
    margin-top: -60px;
  }

  .holiday-modal-content {
    width: 600px;
  }
}

@media only screen and (min-width: 993px) {
  .holiday-modal-content {
    width: 65%;
    /*padding-bottom: 100px;*/
    margin-top: 10%;
  }

  svg.holiday-modal-csc-logo {
    width: 120px;
    height: 119px;
  }

  .holiday-modal-close {
    font-size: 32px;
  }

  p.holiday-modal-message-text {
    margin-top: -30px;
    font-size: 22px;
  }

  .holiday-modal-cn p.holiday-modal-message-text,
  .holiday-modal-jp p.holiday-modal-message-text {
    margin-top: -90px;
  }
}

@media only screen and (min-width: 1200px) {
  .holiday-modal-content {
    width: 65%;
    /*height: 712px;*/
    /*padding-top: 45px;*/
  }

  .holiday-modal-header {
    padding: 0 45px;
  }

  svg.holiday-modal-csc-logo {
    width: 133px;
    height: 132px;
  }

  .holiday-modal-headline-img {
    margin-top: -20px;
  }

  .holiday-modal-cn .holiday-modal-headline-img,
  .holiday-modal-jp .holiday-modal-headline-img {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .holiday-modal-content {
    width: 50%;
  }
}

/* NEW Customer page styles */
.customers .hidden-resource {
  display: none;
}
.customers .section.main-content {
  padding-top: 0;
  padding-bottom: 0;
}

.customers .secondary-page-hero .hero-content {
  min-height: auto;
}

.section.customer-hero-carousel {
  padding-top: 0;
  padding-bottom: 0;
}

.customer-hero-carousel-slides {
  width: 85%;
  margin: 0 auto;
}

span.customer-quote-mark {
  font-size: 130px;
  font-family: "Lexia", serif;
  height: auto;
  line-height: normal;
  font-weight: bold;
  top: -60px;
  left: -12px;
}
.customer-slide-text span.customer-quote-mark {
  line-height: 90px;
  margin-right: 5px;
}
p.slide-quote-text {
  font-size: 20px;
  font-family: "Avenir Light Oblique", sans-serif;
  margin-top: 4px;
}
p.slide-quote-text .customer-quote-quotemark {
  font-size: 38px;
  position: relative;
  top: 14px;
  line-height: 4px;
}
.clients p.slide-quote-text .customer-quote-quotemark,
.clientes p.slide-quote-text .customer-quote-quotemark {
  top: 0;
  font-size: 24px;
}
.kunden p.slide-quote-text .customer-quote-quotemark.quote-mark-leading {
  top: -2px;
  font-size: 34px;
}
p.slide-quote-author {
  font-size: 16px;
  font-family: "Avenir Medium", sans-serif;
}

.customer-slide-graphic {
  z-index: 1;
}

img.customer-slide-img {
  width: 100%;
}
.customer-card-item img.customer-slide-img {
  border-radius: 4px 4px 0 0;
}

.customer-hero-carousel-arrows {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: 38%;
  margin-left: -15px;
  padding: 0;
  align-items: center;
}

.customer-hero-carousel-arrows span.c-i-arrow-thin-left,
.customer-hero-carousel-arrows span.c-i-arrow-thin-right {
  font-size: 60px;
  font-weight: bold;
  cursor: pointer;
}

.customer-tab {
  display: none;
}

.customer-tab.active {
  display: block;
}

/* Customer modal styles */
#customerModal,
.customers .html5-video-modal {
  width: 95%;
  height: auto;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 20px;
  overflow-y: unset;
  overflow-x: unset;
}

.customers .html5-video-modal {
  padding-top: 40px;
}

#customerModal .modal-content.modal-video-content,
.customers .html5-video-modal .modal-content.modal-video-content {
  padding: 0;
  position: relative;
}

#customerModal .modal-close-container,
.customers .html5-video-modal .modal-close-container {
  position: absolute;
  right: -5px;
  top: -44px;
}

#customerModal .modal-close .csc-icon,
.customers .html5-video-modal .modal-close .csc-icon {
  font-size: 50px;
  font-weight: bold;
}

.modal-overlay {
  background: #ffffff;
  /*opacity: 0.75 !important;*/
}

/* Customers main content */

.customers .col.main-content-col {
  padding: 100px 0;
}

.customers .customers-main-content .tabs-content-column {
  min-height: 100vh;
}

.customers .customers-main-content ul.vertical-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 80px;
  margin: 0;
}

.customers .customers-main-content .tab.vertical-tabs-item a {
  color: #003b5c;
  font-size: 16px;
}

.customers .customers-main-content .tab.vertical-tabs-item a.active {
  border-bottom: 4px solid #00b2a9;
  padding-bottom: 10px;
  font-family: "Avenir Heavy", sans-serif;
}

.customers .customers-main-content ul.vertical-tabs .indicator {
  display: none;
}

.customers .customers-main-content .name-search-container {
  height: 100px;
  width: 100%;
}

.customers .customers-main-content .name-search-container input#searchField {
  font-size: 24px;
}

.customers .customers-main-content .name-search-container .csc-icon {
  font-size: 33px;
}

.customer-card-item {
  margin: 10px 0 20px;
}

.customer-card-title {
  display: table;
  margin-left: 20px;
  text-align: center;
}

.customer-name-horizontal-border {
  height: 6px;
  border-radius: 10px;
  top: 10.5px;
  position: relative;
  z-index: 1;
}

.card .customer-name-horizontal-border {
  height: 2px;
  top: 2px;
}

.customer-slide-text .csc-icon {
  font-size: 62px;
  margin-top: -8px;
  margin-right: 8px;
}

.card .customer-card-title {
  margin-right: 20px;
  text-align: left;
}

.card .customer-card-title h3 {
  font-size: 22px;
  font-family: "Avenir", sans-serif;
  margin-top: 15px;
}

.customers .card p.slide-quote-text {
  font-size: 18px;
  line-height: 1.3;
  padding-bottom: 5px;
}

.customers .card p.slide-quote-author {
  font-size: 15px;
}

.customers .card .card-action {
  margin-left: 20px;
  margin-right: 20px;
  border-color: #dddddd;
}

.customer-card-item .card-action a {
  font-size: 17px;
  margin-right: 0 !important;
}

.customer-card-item .card-action a .csc-icon {
  font-size: 26px;
  font-weight: bold;
}

.customer-search-container {
  flex-wrap: wrap;
}

.customer-search-container > div {
  flex: 0 1 97%;
}

.customers .customer-search-row input,
.customers .customer-search-row select {
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  background-color: #f9f9f9;
  margin-bottom: 10px;
}
.customers .customer-search-row input {
  padding: 0 5px;
}
.customers .customer-search-row select {
  padding: 0 10px;
  width: calc(100% - 11px);
}
.filter-dropdown-button a.btn {
  margin: 0 !important;
}
.customer-card-item .csc-icon {
  top: -34px;
  left: -12px;
}

.customer-card-item .card {
  margin: 0 20px;
  border-radius: 4px;
}

.customer-card-item {
  margin: 0 0 50px;
  margin-right: auto;
}

.customer-card-item .csc-icon.c-i-video-camera {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.filter-dropdown-button a.btn {
  border-radius: 4px;
}

.section-content .customer-card-title h3 {
  min-width: auto;
}

.customer-slide-graphic-card::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 3px;
  left: 0;
  right: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.customer-card-item .csc-icon.tile-graphic-overlay-icon {
  z-index: 1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

@media only screen and (min-width: 601px) {
  /* Customers main content */

  .customers .customers-main-content .col.tabs-column {
    padding-right: 0;
    margin-right: 0;
  }

  .customers .customers-main-content ul.vertical-tabs {
    padding-right: 0;
    display: block;
    height: auto;
    margin-top: 50px;
  }

  .customers .customers-main-content ul.vertical-tabs li {
    height: auto;
  }

  .customers .customers-main-content .tab.vertical-tabs-item a {
    padding: 15px 0 15px 23px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }

  .customers .customers-main-content .tab.vertical-tabs-item a.active {
    background-color: #ffffff;
    border-left: 8px solid #00b2a9;
    border-bottom: none;
    padding-bottom: 15px;
    padding-left: 15px;
    font-family: "Avenir", sans-serif;
  }
}

@media only screen and (min-width: 768px) {
  .customer-search-container .filter-dropdown {
    flex-basis: 50%;
  }
  .customers .customer-search-row select {
    width: calc(100% - 32px);
  }

  .row.customer-card-row.customer-card-row-50 {
    display: flex;
    align-items: stretch;
  }

  .customer-card-row-50 .card {
    height: 100%;
  }
}

@media only screen and (min-width: 993px) {
  #customerModal,
  .customers .html5-video-modal {
    width: 75%;
  }

  .customers .secondary-page-hero {
    min-height: auto;
  }

  .secondary-page .section-content.customer-hero-carousel-container {
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    min-height: 415px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }

  .customer-hero-carousel-slides {
    /*    margin-top: -47px;*/
    width: 90%;
    margin: 0 0 0 -30px;
  }

  .customer-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
  }

  .customer-slide-text {
    padding: 0 5px 0 0;
    flex-basis: 60%;
  }

  .customer-slide-graphic {
    flex-basis: 40%;
    padding: 20px 0 0 15px;
  }

  .customer-slide-text-full {
    flex-basis: 100%;
    width: 100%;
  }

  ul.customer-slide-indicators {
    height: 70px;
    width: 48%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding: 0;
    /*    margin: -47px auto -48px;*/
    z-index: 1;
    position: relative;
    margin: -30px auto 0;
  }

  li.customer-slide-indicator-item {
    flex: 0 1 auto;
  }

  .customer-slide-indicators .customer-slide-indicator-item {
    cursor: pointer;
    text-align: center;
  }

  .customers .tab-icon .teardrop-bg {
    display: none;
  }

  .customers .active .tab-icon .teardrop-bg {
    display: block;
  }

  .customers .tab-text {
    margin-top: 30px;
  }

  .customers .active .tab-text {
    margin-top: 8px;
  }

  .customer-slide-indicator-item .tab-text h3 {
    font-size: 26px;
  }

  .customers .tab-icon-container {
    width: 45px;
    /*    margin: -23px auto 0;*/
    position: relative;
    /*    border-radius: 50%;*/
    /*    height: 45px;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .customers .tab-icon-container .csc-icon {
    font-size: 34px;
    margin-left: 2px;
    position: relative;
    margin-top: 9px;
  }

  .customer-slide-indicator-item .tab-text h3 {
    min-width: auto;
  }

  /* Customers main content */
  .customers .section.main-content {
    overflow: hidden;
  }

  .row.main-content-row.customers-main-content {
    width: 95%;
    position: relative;
    z-index: 0;
  }

  .customers-main-content .tabs-content-column::after {
    content: "";
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
  }

  .customers .customers-main-content ul.vertical-tabs {
    margin-top: 110px;
    padding-left: 20px;
    width: calc(100% - 20px);
  }

  .customers .customers-main-content .tab.vertical-tabs-item a {
    font-size: 20px;
  }

  .customers .customers-main-content .tabs-content-column {
    padding-top: 65px;
    padding-right: 5%;
    padding-left: 40px;
  }

  .customers .customers-main-content .vertical-tabs-item a .csc-icon {
    color: #00b2a9;
    font-size: 45px;
    margin-right: 6px;
  }

  .customers .customers-main-content .card .card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
  }

  .customers .html5-video-modal {
    width: 70%;
  }

  .customer-search-row.section-content.section-content-short {
    padding: 0;
  }
  .customers .customer-search-row input,
  .customers .customer-search-row select {
    margin: 0;
  }

  .customer-search-container .search-input-field {
    flex-basis: 33%;
    margin-right: 2%;
  }

  .customer-search-container .filter-dropdown {
    flex-basis: 22%;
  }

  .customer-search-container .filter-dropdown-button {
    flex-basis: 20%;
  }

  .filter-dropdown-button a.btn {
    margin-top: 0 !important;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media only screen and (min-width: 1200px) {
  /* Customers main content */

  .customer-hero-carousel-slides {
    margin-top: 0;
  }

  p.slide-quote-text {
    font-size: 24px;
  }

  p.slide-quote-author {
    font-size: 18px;
  }

  ul.customer-slide-indicators {
    /*    width: 95%;*/
    /*    margin: -47px auto -48px;*/
  }

  .customers .customers-main-content .col.tabs-content-column {
    padding-left: 40px;
  }

  .secondary-page .section-content.customer-hero-carousel-container {
    min-height: 475px;
    /*    padding-bottom: 47px;*/
  }

  .customer-slide-text {
    padding-right: 20px;
  }

  .customer-slide-graphic {
    padding-left: 10px;
  }

  .customer-search-container .search-input-field {
    flex-basis: 33%;
  }

  .customer-search-container .filter-dropdown {
    flex-basis: 22%;
  }

  .customer-search-container .filter-dropdown-button {
    flex-basis: 20%;
  }
}

@media only screen and (min-width: 1400px) {
  .secondary-page .section-content.customer-hero-carousel-container {
    min-height: 440px;
  }

  .row.main-content-row.customers-main-content {
    width: 1280px;
  }
  .customer-hero-carousel-arrows {
    width: 105%;
  }
}

/* Language specific styles */
.clients span.customer-quote-mark,
.clientes span.customer-quote-mark {
  line-height: 40px;
  font-size: 100px;
}

@media only screen and (min-width: 993px) {
  .clients.secondary-page .section-content.customer-hero-carousel-container {
    min-height: 500px;
  }
}

@media only screen and (min-width: 1200px) {
  .clients.secondary-page .section-content.customer-hero-carousel-container {
    min-height: 550px;
  }
}

@media only screen and (min-width: 1400px) {
  /*.clients.secondary-page .section-content.customer-hero-carousel-container {
    min-height: 600px;
  }*/
}

/* Styles for WeChat */
.without-utility-nav .nav-tabs .dropdown-content-mobile {
  top: 60px !important;
}

.weixin .main-content {
  margin-top: 60px;
}

@media only screen and (min-width: 601px) {
  .without-utility-nav .nav-tabs .dropdown-content-mobile {
    top: 70px !important;
  }

  .weixin .main-content {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 769px) {
  .weixin form.contact-form div:nth-child(8) {
    flex-basis: 100%;
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 993px) {
  .weixin .main-content {
    margin-top: 130px;
  }

  .without-utility-nav .nav-tabs-item a.nav-tabs-item-link {
    padding-bottom: 44px;
  }
}

/* cybercon styles */

.secondary-page-hero.secondary-page-hero-short {
  min-height: auto;
}
.cybercon-domain-security-report .secondary-page-hero .hero-content {
  min-height: 360px;
}
.cybercon-domain-security-report h1 {
  padding-top: 20px;
}
@media only screen and (min-width: 993px) {
  .cybercon-domain-security-report h1 {
    padding-top: 40px;
  }
  .secondary-page-hero.secondary-page-hero-short {
    min-height: auto;
  }
  .cybercon-domain-security-report form.contact-form div:nth-child(8) {
    flex-basis: 100%;
  }
}
.cybercon-domain-security-report form.contact-form div:nth-child(4),
.cybercon-domain-security-report form.contact-form div:nth-child(6),
.cybercon-domain-security-report form.contact-form div:nth-child(9) {
  display: none;
}
.cybercon-domain-security-report form.contact-form p strong {
  display: none;
}
.cybercon-domain-security-report form.contact-form p {
  width: 100%;
}
.cybercon-domain-security-report p.form-disclaimers {
  margin-top: 20px;
}
.cybercon-domain-security-report-thank-you .secondary-page-hero .hero-content {
  min-height: 220px;
}
.cybercon-domain-security-report-thank-you h1 {
  padding-top: 20px;
}
@media only screen and (min-width: 993px) {
  .cybercon-domain-security-report-thank-you h1 {
    padding-top: 40px;
  }
}

.home .carousel-image-container {
  width: 100%;
  height: auto;
  max-width: 600px;
  -webkit-box-shadow: 0px 0px 10px #ffffff;
  box-shadow: 0px 0px 10px #ffffff;
  border: 1px solid #fff;
  background-color: transparent;
}

.home .carousel-image-container img {
  background-color: transparent;
  margin-bottom: -4px;
}

@media only screen and (min-width: 601px) {
  .modal.wechat-qr-only-modal {
    width: 40%;
    max-height: 100%;
  }
}

@media only screen and (min-width: 1201px) {
  .modal.wechat-qr-only-modal {
    width: 30%;
  }
}

@media only screen and (min-width: 1401px) {
  .modal.wechat-qr-only-modal {
    width: 20%;
  }
}

.wechat-qr-only-modal .modal-close-container {
  padding: 20px 20px 0 0;
}

.wechat-qr-only-modal .modal-close-container .csc-icon {
  font-size: 30px;
}

.modal-body.wechat-qr-code {
  width: 100%;
  margin: 0 auto;
}

img.wechat-qr-code-img {
  width: 100%;
  height: auto;
}

.quotes.quotes-intl {
  font-family: "Avenir Roman" !important;
}

/* Updated resource pagee styles */
@media only screen and (min-width: 993px) {
  .row.hero-content-resource {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }

  .col.resource-page-hero {
    margin-left: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .col.resource-page-video-container {
    margin-left: 0 !important;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 1401px) {
  .col.resource-page-hero {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 2001px) {
  .row .col.resource-page-hero {
    width: 45%;
  }
}
/* Domain Security Report page styles */

.btn-white-outline,
a.btn-white-outline {
  background-color: transparent;
  -webkit-text-fill-color: #ffffff;
  color: #ffffff;
  border: 3px solid #ffffff;
}

.btn-white-outline:hover,
a.btn-white-outline:hover,
.btn-white-outline:focus,
a.btn-white-outline:focus {
  background-color: #ffffff;
  -webkit-text-fill-color: #003b5c;
  color: #003b5c;
}

.btn-gold-outline,
a.btn-gold-outline {
  background-color: transparent;
  -webkit-text-fill-color: #f2a900;
  color: #f2a900;
  border: 3px solid #f2a900;
}

.btn-gold-outline:hover,
a.btn-gold-outline:hover,
.btn-gold-outline:focus,
a.btn-gold-outline:focus {
  background-color: #f2a900;
  -webkit-text-fill-color: #444444;
  color: #444444;
}

.secondary-page-campaign-section {
  padding: 10px 15px;
}

img.gold-barb-img {
  display: none;
}

.page-section-set-bg-image {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-top-border {
  width: 120px;
  height: 8px;
  position: relative;
  margin-bottom: 20px;
}

.secondary-hero-page-section-col.secondary-hero-page-section-left {
  z-index: 1;
}

.hero-button-container {
  margin-top: 20px;
}

.table-graph {
  margin: 40px 0 30px;
}

.table-graph-item {
  padding: 40px 20px 20px;
  border-bottom: 1px solid #ccc;
}

.table-graph-item:last-child {
  border-bottom: none;
}

.percent-pie-ring {
  text-align: center;
  margin: 0 0 20px;
}

.percent-pie-ring img {
  width: 60%;
}

.table-graph-text p {
  font-size: 17px;
}

.risk-item-container {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}

.risk-item-container:last-child {
  border-bottom: none;
}

.risk-item-icon {
  flex: 0 1 35px;
}

.risk-item-text {
  flex: 1 1 auto;
  padding: 0 10px;
}

.risk-item-warning-icon {
  flex: 0 1 35px;
}

.risk-item-warning-icon .csc-icon {
  width: 35px;
  height: 35px;
}

.risk-item-warning-icon .csc-icon::before {
  margin-top: 2px;
}

@media only screen and (min-width: 601px) {
  .table-graph-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .percent-pie-ring {
    text-align: center;
    flex: 1 0 200px;
  }

  .percent-pie-ring img {
    width: 100%;
  }

  .table-graph-text {
    flex: 1 1 auto;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 769px) {
  img.gold-barb-img {
    display: block;
    position: absolute;
    top: -120px;
    right: -700px;
  }

  .secondary-page-hero.secondary-page-campaign-section {
    margin-top: 110px;
    overflow: hidden;
  }

  .secondary-page-hero.secondary-page-campaign-section .section-content {
    justify-content: flex-start;
  }

  .secondary-hero-page-section-col {
    flex: 0 1 50%;
  }
}

@media only screen and (min-width: 993px) {
  .secondary-page-hero.secondary-page-campaign-section {
    margin-top: 130px;
  }

  img.gold-barb-img {
    top: -290px;
    right: -770px;
  }

  .secondary-page-campaign-section .section-content {
    padding: 60px 15px 60px;
  }

  .table-graph {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .table-graph-item {
    flex: 0 1 45%;
    align-items: center;
  }

  .table-graph-item:nth-child(3) {
    border-bottom: none;
  }

  .table-graph-item:nth-child(odd) {
    border-right: 1px solid #ccc;
  }

  .percent-pie-ring {
    text-align: center;
    flex: 1 0 120px;
    margin: 0;
  }

  .percent-pie-ring img {
    width: 100%;
  }

  .table-graph-text {
    flex: 1 1 auto;
  }

  .lead-collector-section .section-content-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .lead-collector-section .section-content-flex .page-section-col {
    flex: 0 1 50%;
  }

  .lead-collector-section .section-content-flex .page-section-col.page-section-left {
    padding-right: 30px;
  }
}

@media only screen and (min-width: 1201px) {
  img.gold-barb-img {
    top: -270px;
    right: -650px;
  }

  .percent-pie-ring {
    text-align: center;
    flex: 1 0 150px;
    margin: 0;
  }
}

@media only screen and (min-width: 1401px) {
  img.gold-barb-img {
    top: -310px;
    right: -700px;
  }
}

@media only screen and (min-width: 1501px) {
  .secondary-page-hero.secondary-page-campaign-section.page-section-set-bg-image {
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 1601px) {
  img.gold-barb-img {
    top: -75%;
    right: -700px;
  }
}

@media only screen and (min-width: 2001px) {
  img.gold-barb-img {
    width: 2600px;
    height: auto;
  }
}

@media only screen and (min-width: 2501px) {
  img.gold-barb-img {
    right: -17%;
  }
}

@media only screen and (min-width: 3001px) {
  img.gold-barb-img {
    right: -6%;
  }
}

/* new styles for domain name monitoring page */
.domain-spoofing-tactics-section h2 {
  margin: -20px auto;
  text-align: center;
  width: 50%;
}

.mini-text-tile-container {
  margin-top: 50px;
}

.border-title-box {
  padding: 0 20px;
}

.mini-text-tile-item {
  padding: 10px;
  margin-bottom: 20px;
  flex: 0 1 100%;
  border-width: 4px;
}

@media only screen and (min-width: 601px) {
  .mini-text-tile-item {
    flex: 0 1 44%;
  }
}
@media only screen and (min-width: 769px) {
  .mini-text-tile-item {
    flex: 0 1 29%;
  }
}
@media only screen and (min-width: 993px) {
  .mini-text-tile-item {
    flex: 0 1 15%;
  }

  .mini-text-tile-container-wide {
    flex-wrap: wrap;
  }

  .mini-text-tile-container-wide .mini-text-tile-item {
    flex: 0 1 30%;
  }
}
@media only screen and (min-width: 1201px) {
  .mini-text-tile-item {
    flex: 0 1 17%;
  }
}

/* phishing chart styles */
.chart-box {
  padding: 15px 10px;
  border-width: 2px;
}

.chart-box-top-level,
.chart-box-top {
  border-width: 4px;
}

.chart-box-lower-level {
  min-height: 65px;
}

.chart-connector-top-to-bottom {
  position: relative;
  width: 3px;
  height: 30px;
  margin: 0 auto;
}

.chart-connector-top-to-bottom::before {
  content: "";
  width: 11px;
  height: 11px;
  position: absolute;
  top: -6px;
  left: -4px;
  border-radius: 50%;
  background-color: #f2a900;
}

.chart-connector-top-to-bottom::after {
  content: "";
  width: 11px;
  height: 11px;
  position: absolute;
  bottom: -6px;
  left: -4px;
  border-radius: 50%;
  background-color: #f2a900;
}

@media only screen and (min-width: 993px) {
  /* phishing chart styles */
  .phishing-chart-container {
    border: 1px solid #8db9ca;
    padding: 40px 30px 20px;
  }

  .chart-box-top-level {
    width: fit-content;
    margin: 0 auto !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  .chart-lower-tree-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .chart-lower-tree-branch {
    flex: 0 1 30%;
  }

  .chart-connector-bottom-up,
  .chart-connector-top-down {
    position: relative;
    width: 3px;
    height: 30px;
    margin: 0 auto;
  }

  .chart-connector-bottom-up::after {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    bottom: -6px;
    left: -4px;
    border-radius: 50%;
    background-color: #f2a900;
  }

  .chart-connector-top-down::before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    top: -6px;
    left: -4px;
    border-radius: 50%;
    background-color: #f2a900;
  }

  .chart-connector-horizontal {
    position: relative;
    width: 70%;
    height: 3px;
    margin: 0 auto -3px;
    background-color: #f2a900;
  }
}

@media only screen and (min-width: 1201px) {
  /* phishing chart styles */
  .phishing-chart-container {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only screen and (min-width: 1401px) {
  /* phishing chart styles */
  .phishing-chart-container {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media only screen and (min-width: 993px) {
  .col.s12.l6.customer-card-item.filter-item {
    margin-right: auto;
  }
}

.customer-button-row a.view-all-resources {
  position: relative;
  z-index: 0;
}

/* STYLES FROM LANDING PAGE CSS */
/* Lato font import */
@font-face {
  font-family: "LatoWeb";
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Regular.eot"); /* IE9 Compat Modes */
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Regular.woff2") format("woff2"), /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Regular.woff") format("woff"),
    /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWeb";
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Italic.eot"); /* IE9 Compat Modes */
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Italic.woff2") format("woff2"), /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Italic.woff") format("woff"),
    /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWebBold";
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Bold.eot"); /* IE9 Compat Modes */
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Bold.woff2") format("woff2"), /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Bold.woff") format("woff"),
    /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWebBold";
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-BoldItalic.eot"); /* IE9 Compat Modes */
  src: url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-BoldItalic.woff2") format("woff2"), /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-BoldItalic.woff") format("woff"),
    /* Modern Browsers */ url("https://ocp.cscglobal.com/cdn/guide/fonts/Lato/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}

/* LATO CLASSING */
.lato {
  font-family: "LatoWeb", sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
.lato-oblique {
  font-family: "LatoWeb", sans-serif;
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
.lato-bold {
  font-family: "LatoWebBold", sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
.lato-bold-oblique {
  font-family: "LatoWebBold", sans-serif;
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}

/*****************/
/* Global styles */
/*****************/
.include-additional-css .contact-form h3 {
  display: none;
}
.include-additional-css button,
.include-additional-css .btn {
  font-family: "Avenir Medium", sans-serif;
}
.include-additional-css ::placeholder {
  color: #666;
  opacity: 0.8;
  font-style: italic;
}
.include-additional-css :-ms-input-placeholder {
  color: #666;
  font-style: italic;
}
.include-additional-css ::-ms-input-placeholder {
  color: #666;
  font-style: italic;
}
.include-additional-css input,
.include-additional-css select {
  padding: 5px 10px 0 !important;
}
.include-additional-css select,
.include-additional-css textarea {
  width: 105%;
}
.include-additional-css textarea {
  height: 5rem;
  margin-top: 10px;
}
.include-additional-css button#saveForm {
  background-color: #003b5c;
  margin: 0 auto;
}
.include-additional-css .csc-lead-collector-container .moduletable p {
  font-size: 16px;
}
.include-additional-css .modal-header .csc-icon {
  font-size: 40px;
}
.include-additional-css p.modal-title {
  margin: 0;
  font-family: "Avenir Heavy", sans-serif;
  font-size: 25px;
  margin-left: 14px;
}
.include-additional-css .csc-family-modal-container {
  border-top: 6px solid #00b2a9;
}
.include-additional-css .modal-header {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}
.include-additional-css .modal-body {
  padding: 30px;
}
.include-additional-css .business-container p {
  margin: 0;
}
.include-additional-css .business-container {
  margin-bottom: 25px;
}
.include-additional-css p.business-title {
  font-family: "Avenir Heavy", sans-serif;
  font-size: 20px;
}
.include-additional-css .page-section-hero-header.bg-overlay-secondary::after {
  z-index: -1;
}
.include-additional-css .page-section {
  position: relative;
}
.include-additional-css .page-hero-image {
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: transparent;
  height: 100vh;
  width: auto;
  z-index: -1;
}
.include-additional-css .page-hero-image {
  display: block;
}
.include-additional-css .section-top-border {
  width: 30%;
  height: 8px;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (min-width: 601px) {
  .include-additional-css .section-top-border {
    width: 150px;
  }
  .include-additional-css .page-section-faqs .section-top-border {
    width: 85px;
  }
}
@media only screen and (min-width: 993px) {
  .include-additional-css .container {
    width: 85%;
  }
  .include-additional-css .family-of-businesses-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .include-additional-css .business-container {
    margin-bottom: 20px;
    flex: 0 1 48%;
  }
}
@media only screen and (min-width: 1201px) {
  .include-additional-css .container {
    width: 80%;
  }
  .include-additional-css .business-container {
    flex-basis: 31%;
  }
}
.include-additional-css .page-section.page-section-hero-header {
  padding-bottom: 50px;
}
.include-additional-css .page-section .container.header-section-container {
  padding-top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.include-additional-css .csc-family-link {
  padding: 10px 0;
}
.include-additional-css .csc-family-link .csc-icon {
  font-size: 25px;
  padding-right: 6px;
}
.include-additional-css .csc-family-link p {
  font-size: 16px;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .include-additional-css .logo-container {
    width: 150px;
    height: 150px;
  }
  .include-additional-css .logo-container .csc-logo {
    width: 103px;
  }
}
.include-additional-css .csc-lead-collector-container {
  padding: 10px 50px 20px 30px;
}
.include-additional-css .hero-section-container {
  padding-bottom: 100px;
}
.include-additional-css .hero-copy-container {
  padding: 0 0 50px;
}
.include-additional-css .hero-cta-text .csc-icon {
  font-size: 40px;
  position: relative;
  top: 9px;
  font-weight: bold;
}
.include-additional-css .thank-you-cta {
  border-top: 1px solid #42788f;
  border-bottom: 1px solid #42788f;
  padding: 10px 20px 20px 10px;
  margin-top: 40px;
}
@media only screen and (min-width: 769px) {
  .include-additional-css .thank-you-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 993px) {
  .include-additional-css .page-section-hero-header .page-hero-image {
    top: 0px;
  }
  .include-additional-css .hero-section-container {
    position: relative;
    height: 750px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  .include-additional-css .page-section.page-section-hero-header .side-flyout-content {
    width: 500px;
    position: fixed;
    top: 10%;
    right: -505px;
    background-color: #ffffff;
    z-index: 2;
  }
  .include-additional-css .page-section.page-section-hero-header .side-flyout-content.active {
    right: 0;
  }
  .include-additional-css .side-flyout-tab {
    display: none;
    position: absolute;
    top: 60px;
    left: -116px;
    cursor: pointer;
    transform: rotate(-90deg);
    border-top: 8px solid #00b2a9;
  }
  .include-additional-css .page-section.page-section-hero-header .side-flyout-content {
    position: absolute;
    right: 0;
    top: auto;
    width: 50%;
    z-index: 1;
    display: block;
  }
  .include-additional-css .flyout-tab-text {
    height: 40px;
    width: 180px;
  }
  .include-additional-css .flyout-tab-text p {
    line-height: normal;
    padding: 0;
    margin: 12px 0;
    font-family: "Avenir Medium", sans-serif;
    font-size: 20px;
  }
  .include-additional-css .hero-copy-container {
    width: 40%;
  }
  .include-additional-css .container.hero-section-container {
    height: 100%;
  }
  .include-additional-css .hero-section-thank-you-container .hero-copy-container {
    width: 75%;
  }
}
@media only screen and (min-width: 1201px) {
  .include-additional-css .page-section-hero-header .page-hero-image {
    top: 0px;
  }
  .include-additional-css .container.hero-section-container {
    min-height: 520px;
    height: auto;
    padding: 60px 0 0 !important;
  }
  .include-additional-css .page-section.page-section-hero-header .side-flyout-content {
    width: 40%;
  }
  .include-additional-css .hero-copy-container {
    width: 50%;
  }
  .include-additional-css .hero-section-thank-you-container .hero-copy-container {
    width: 650px;
  }
}
@media only screen and (min-width: 1401px) {
  .include-additional-css .page-section-hero-header .page-hero-image {
    top: -100px;
  }
}
.include-additional-css .page-section .container {
  padding: 60px 0;
}
.include-additional-css .thumbnail-container.thumbnails-with-dividers {
  margin-top: 50px;
}
.include-additional-css .thumbnails-with-dividers .thumbnail-icon .csc-icon {
  font-size: 130px;
}
.include-additional-css .thumbnails-with-dividers .divider.thumbnail-divider {
  margin: 40px 0;
}
.include-additional-css .thumbnails-with-dividers .thumbnail-item {
  text-align: center;
  padding: 0 20px;
}
.include-additional-css .csc-thumbnail-item,
.include-additional-css .csc-thumbnail-item-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  padding: 20px 40px;
  width: 90%;
  margin: 30px auto;
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 10px #444444 !important;
  box-shadow: 0px 0px 10px #444444 !important;
}
.include-additional-css .csc-thumbnail-item-cta {
  padding: 0;
}
.include-additional-css .csc-thumbnail-item p,
.include-additional-css .csc-thumbnail-item-cta p {
  margin: 0;
  padding: 0;
}
.include-additional-css .csc-thumbnail-item a .csc-icon,
.include-additional-css .csc-thumbnail-item-cta a .csc-icon {
  font-weight: bold;
}
.include-additional-css .csc-thumbnail-item h3,
.include-additional-css .csc-thumbnail-item p,
.include-additional-css .csc-thumbnail-item a,
.include-additional-css .csc-thumbnail-item-cta h3,
.include-additional-css .csc-thumbnail-item-cta p,
.include-additional-css .csc-thumbnail-item-cta a,
.include-additional-css .csc-thumbnail-item-cta .csc-thumbnail-cta {
  position: relative;
  z-index: 1;
}
.include-additional-css .csc-thumbnail-cta a,
.include-additional-css .csc-thumbnail-cta a:hover,
.include-additional-css .csc-thumbnail-cta a:focus,
.include-additional-css .csc-thumbnail-cta a:active {
  text-decoration: none;
}
.include-additional-css .tile-bg-image {
  position: absolute;
  background-color: transparent;
  height: auto;
  width: 100%;
  z-index: 0;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.include-additional-css .csc-thumbnail-cta {
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border-top: 1px solid #ffffff;
  justify-content: center;
  width: 100%;
}
.include-additional-css .csc-thumbnail-tile-header-box {
  overflow: hidden;
  width: 100%;
  height: 100px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.include-additional-css .csc-thumbnail-tile-header-box .csc-icon {
  font-size: 26px;
}
.include-additional-css .csc-thumbnail-lower-content {
  padding: 30px 40px 0;
}
.include-additional-css .csc-thumbnail-lower-content p.text-link {
  height: 80px;
}
.include-additional-css .csc-thumbnail-container.resources-thumbnail-container {
  margin-top: 60px;
}
.include-additional-css .page-section.page-section-static-bg-img {
  overflow: hidden;
}
.include-additional-css .page-hero-image.secondary-section-bg-img {
  position: absolute;
}
.include-additional-css .quote-bg-overlay::after {
  content: "";
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.include-additional-css .quote-container {
  position: relative;
  z-index: 1;
}
.include-additional-css .quote-icon span {
  font-size: 190px;
  font-family: "Arial", sans-serif;
  line-height: normal;
  position: relative;
  top: -4px;
  margin-right: 10px;
}
.include-additional-css .quote-text p.quote {
  font-size: 25px;
}
.include-additional-css input.faq-search {
  font-size: 25px;
}
.include-additional-css .faq-accordion-container {
  margin-top: 40px;
}
.include-additional-css .faq-accordion-container.col {
  padding: 0;
}
.include-additional-css .accordion-container-header {
  padding: 10px 20px;
}
.include-additional-css .accordion-container-header .csc-icon {
  font-size: 40px;
  font-weight: bold;
}
.include-additional-css .accordion-container-header input.faq-search {
  font-size: 22px;
}
.include-additional-css .accordion-container-body {
  padding: 0 20px;
}
.include-additional-css .collapsible.landing-page-accordion {
  border-left: none;
  border-right: none;
}
.include-additional-css ul:not(.browser-default).main-accordion > li {
  list-style: none !important;
}
.include-additional-css .collapsible-header .csc-icon {
  font-weight: bold;
  font-size: 24px;
  margin-right: 5px;
}
.include-additional-css .collapsible-header .csc-icon.c-i-cancel,
.include-additional-css .collapsible.main-accordion li.active .csc-icon.c-i-add {
  display: none;
}
.include-additional-css .collapsible-header .csc-icon.c-i-add,
.include-additional-css .collapsible.main-accordion li.active .csc-icon.c-i-cancel {
  display: inline-block;
}
.include-additional-css .collapsible-header h3 {
  font-size: 18px;
}
.include-additional-css .collapsible-body.main-accordion-body {
  padding: 5px 40px 20px;
}
.include-additional-css .accordion-container-cta {
  padding: 20px 0 40px;
}
@media only screen and (min-width: 769px) {
  .include-additional-css .csc-thumbnail-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .include-additional-css .csc-thumbnail-item,
  .include-additional-css .csc-thumbnail-item-cta {
    width: auto;
    margin: 0 1.5% 40px;
    flex: 0 1 47%;
  }
  .include-additional-css .csc-thumbnail-tile-header-box {
    height: 128px;
  }
  .include-additional-css .csc-thumbnail-lower-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
  }
}
@media only screen and (min-width: 993px) {
  .include-additional-css .landing-pg-main {
    position: relative;
    top: -20px;
  }
  .include-additional-css .page-section-text,
  .include-additional-css .page-section-faqs {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .include-additional-css .page-section-resources {
    padding-top: 30px;
  }
  .include-additional-css .page-section-content-icon .csc-icon {
    font-size: 220px;
  }
  .include-additional-css .thumbnail-container.thumbnails-with-dividers {
    display: flex;
    justify-content: space-between;
  }
  .include-additional-css .thumbnail-container .thumbnail-item {
    flex: 0 1 30%;
  }
  .include-additional-css .thumbnails-with-dividers .divider.thumbnail-divider {
    margin: 0;
    height: 18rem;
    width: 1px;
    top: 15px;
    position: relative;
  }
}
@media only screen and (min-width: 1201px) {
  .include-additional-css .landing-pg-main {
    top: 0px;
  }
  .include-additional-css .csc-thumbnail-item,
  .include-additional-css .csc-thumbnail-item-cta {
    flex-basis: 30%;
  }
  .include-additional-css .thumbnails-with-dividers .divider.thumbnail-divider {
    height: 16rem;
  }
}
@media only screen and (min-width: 1300px) {
  .include-additional-css .page-hero-image {
    width: 110%;
    height: auto;
  }
}
@media only screen and (min-width: 1401px) {
  .include-additional-css .page-hero-image {
    width: 100%;
  }
}
.campaign-page-footer .footer {
  padding: 30px 20px 50px;
}
.campaign-page-footer .footer-top {
  padding-bottom: 20px;
}
.campaign-page-footer .footer-bottom {
  padding-top: 20px;
}
.campaign-page-footer .footer-links ul.list-inline > li {
  border-right: none;
  padding-right: 8px;
  font-size: 14px;
}
@media only screen and (min-width: 769px) {
  .campaign-page-footer .footer-legal-text p {
    margin: 0;
    line-height: normal;
  }
}

/* Single resource marketing page */
.page-section.single-resource-page-mkt .container.header-section-container {
  padding-bottom: 0;
}
.single-resource-page-mkt .hero-copy-container {
  padding: 40px 0;
}
.single-resource-page-mkt-main .page-section-content-right-text {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .single-resource-page-mkt .hero-section-container {
    position: relative;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  .single-resource-page-mkt .hero-copy-container {
    flex: 0 1 50%;
  }
  .single-resource-page-mkt .single-resource-img-hero {
    position: absolute;
    width: 45%;
    right: 0;
    z-index: 1;
    top: 40px;
  }
  .single-resource-page-mkt-main .page-section-content-left-lead,
  .single-resource-page-mkt-main .page-section-content-right-text {
    flex: 0 1 45%;
  }
  .single-resource-page-mkt-main .page-section-content-right-text {
    margin-top: 30px;
  }
  .single-resource-page-mkt-main blockquote {
    border-top: none;
    border-left: 5px solid #00b2a9;
    padding-left: 1.5rem;
    margin-top: 0;
    padding-top: 0px;
    padding-bottom: 10px;
    width: auto;
  }
}
@media only screen and (min-width: 993px) {
  .single-resource-page-mkt .single-resource-img-hero {
    top: -10%;
  }
  .landing-pg-main.single-resource-page-mkt-main {
    margin-bottom: -20px;
  }
  .single-resource-page-card-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }

  .single-resource-page-card-container .customer-resource.filter-item {
    flex: 0 1 46%;
  }

  .single-resource-page-card-container .filtered-resource-item-content {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .single-resource-page-card-container .filtered-resource-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
}
@media only screen and (min-width: 1201px) {
  .single-resource-page-mkt .container.hero-section-container {
    min-height: 362px;
  }
  .single-resource-page-mkt .hero-copy-container {
    flex: 0 1 40%;
    padding: 0;
  }
  .single-resource-page-mkt .single-resource-img-hero {
    width: 55%;
    top: -100px;
    right: 5%;
    max-width: 500px;
  }
}
@media only screen and (min-width: 1301px) {
  .single-resource-page-mkt .page-hero-image {
    width: auto;
    height: 100vh;
  }
}
.single-resource-page-card-container {
  padding: 30px;
}
.single-resource-page-card-container .customer-resource {
  margin-top: 20px;
}
.single-resource-page-card-container .filtered-resource-item-content {
  padding-bottom: 20px;
}
.single-resource-page-card-container .filtered-resource-card-content {
  padding: 20px 20px 0;
}
.single-resource-page-card-container .csc-icon {
  font-size: 36px;
  margin-right: 5px;
  margin-top: 6px;
}
.single-resource-page-card-container .testimonial-quote {
  margin-top: -30px;
}
.single-resource-page-card-container .testimonial-quote-mark {
  font-size: 100px;
  font-family: "Lexia", serif;
  margin: 0;
  line-height: normal;
}
.single-resource-page-card-container .testimonial-quote-mark-end {
  margin-bottom: -40px;
}
.single-resource-page-card-container .filtered-resource-card-action {
  padding: 0 20px;
}
.two-col-lead-collector .page-section.single-resource-page-mkt .container.header-section-container {
  padding-bottom: 0;
}
.two-col-lead-collector .single-resource-page-mkt .hero-copy-container {
  padding: 40px 0;
}
.two-col-lead-collector .single-resource-page-mkt-main .page-section-content-right-text {
  margin-top: 40px;
}
.two-col-lead-collector .single-resource-page-mkt-main .page-section-content-left-img {
  margin: 30px 0 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .two-col-lead-collector .single-resource-page-mkt .container.hero-section-container {
    position: relative;
    min-height: auto;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0;
  }
  .two-col-lead-collector .single-resource-page-mkt .hero-copy-container {
    flex: 0 1 40%;
  }
  .two-col-lead-collector .single-resource-page-mkt .lead-collector-container {
    flex: 0 1 60%;
  }
  .two-col-lead-collector .single-resource-page-mkt .csc-lead-collector-container {
    position: absolute;
    width: 45%;
    right: 0;
    z-index: 1;
    top: 40px;
  }
  .two-col-lead-collector .single-resource-page-mkt-main .container.resource-screenshot {
    padding-top: 30px;
  }
  .two-col-lead-collector .single-resource-page-mkt-main .page-section-content-left-lead,
  .two-col-lead-collector .single-resource-page-mkt-main .page-section-content-right-text,
  .two-col-lead-collector .single-resource-page-mkt-main .page-section-content-left-img {
    flex: 0 1 45%;
  }
  .two-col-lead-collector .single-resource-page-mkt-main .page-section-content-right-text {
    margin-top: 30px;
  }
  .two-col-lead-collector .single-resource-page-mkt-main .page-section-content-left-img {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 993px) {
  .two-col-lead-collector .single-resource-page-mkt .csc-lead-collector-container {
    top: 40px;
  }
  .two-col-lead-collector .single-resource-page-mkt-main .page-section-content-left-img {
    margin-top: 30px;
    margin-bottom: -90px;
    position: relative;
    z-index: 1;
  }
  .two-col-lead-collector .single-resource-page-card-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .two-col-lead-collector .single-resource-page-card-container .customer-resource.filter-item {
    flex: 0 1 46%;
  }
  .two-col-lead-collector .single-resource-page-card-container .filtered-resource-item-content {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .two-col-lead-collector .single-resource-page-card-container .filtered-resource-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
}
@media only screen and (min-width: 1201px) {
  .two-col-lead-collector .single-resource-page-mkt .container.hero-section-container {
    min-height: auto;
  }
  .two-col-lead-collector .single-resource-page-mkt .hero-copy-container {
    flex: 0 1 40%;
    padding: 0;
  }
  .two-col-lead-collector .single-resource-page-mkt-main .customer-successes {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1301px) {
  .two-col-lead-collector .single-resource-page-mkt .page-hero-image {
    width: auto;
    height: 100vh;
  }
}
.two-col-lead-collector .single-resource-page-card-container {
  padding: 30px;
}
.two-col-lead-collector .single-resource-page-card-container .customer-resource {
  margin-top: 20px;
}
.two-col-lead-collector .single-resource-page-card-container .filtered-resource-item-content {
  padding-bottom: 20px;
}
.two-col-lead-collector .single-resource-page-card-container .filtered-resource-card-content {
  padding: 20px 20px 0;
}
.two-col-lead-collector .single-resource-page-card-container .csc-icon {
  font-size: 36px;
  margin-right: 5px;
  margin-top: 6px;
}
.two-col-lead-collector .single-resource-page-card-container .testimonial-quote {
  margin-top: -30px;
}
.two-col-lead-collector .single-resource-page-card-container .testimonial-quote-mark {
  font-size: 100px;
  font-family: "Lexia", serif;
  margin: 0;
  line-height: normal;
}
.two-col-lead-collector .single-resource-page-card-container .testimonial-quote-mark-end {
  margin-bottom: -40px;
}
.two-col-lead-collector .single-resource-page-card-container .filtered-resource-card-action {
  padding: 0 20px;
}
@media only screen and (min-width: 993px) {
  .two-col-lead-collector form.contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .two-col-lead-collector form.contact-form > div {
    flex: 0 1 45%;
  }
  .two-col-lead-collector form.contact-form > div:nth-child(6),
  .two-col-lead-collector form.contact-form > div:nth-child(9),
  .two-col-lead-collector form.contact-form > div#validation-blank,
  .two-col-lead-collector form.contact-form > div#validation-characters,
  .two-col-lead-collector form.contact-form > div#validation-email {
    flex-basis: 100%;
  }
  .two-col-lead-collector form.contact-form > div#validation-blank,
  .two-col-lead-collector form.contact-form > div#validation-characters,
  .two-col-lead-collector form.contact-form > div#validation-email {
    color: red;
  }
}

/* cobranded styles */
.single-resource-page-mkt.single-resource-page-mkt-cobrand .logo-container {
  width: 120px;
  height: 120px;
}
.single-resource-page-mkt.single-resource-page-mkt-cobrand .logo-container .csc-logo {
  width: 90px;
  height: 89px;
}
.logo-boilerplate-logo-container {
  padding: 12px 40px 20px 0;
}

.logo-boilerplate-logo-container img {
  width: 230px;
}

.logo-boilerplate-container {
  margin: 40px 0;
}

.mega-menu-search form {
  flex: 1 1 auto;
}

/* Modal styles*/
.modal.search-results-modal {
  border-radius: 6px;
  border: 3px solid #00b2a9;
  width: 80%;
}

.search-results-modal a.modal-close {
  position: relative;
}

.search-results-modal .modal-header .csc-icon {
  font-size: 30px;
  -webkit-text-fill-color: #217cb8 !important;
}

.search-results-modal p.modal-title {
  margin: 0;
  font-family: "Avenir Heavy", sans-serif;
  font-size: 25px;
  margin-left: 14px;
}

.search-results-modal .modal-header {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}

.search-results-modal .modal-body {
  padding: 30px;
}

@media only screen and (min-width: 993px) {
  /* Modal styles */
  .modal.search-results-modal {
    width: 75%;
  }
}

@media only screen and (min-width: 1201px) {
  /* Modal styles */
  .modal.search-results-modal {
    width: 900px;
  }
}

@media only screen and (min-width: 1401px) {
  /* Modal styles */
  .modal.search-results-modal {
    width: 1000px;
  }
}

/* DomainSec styles */
/* navigation */
@media only screen and (min-width: 993px) {
  .nav-video-container {
    text-align: center;
    margin-top: 15px;
  }
  .nav-video-container .nav-video-thumbnail {
    width: 510px;
    border: 5px solid #fff;
    border-radius: 4px;
  }
}

/* Domainsec infographic SVG styles */
.domainsec-infographic1-1,
.domainsec-infographic1-10,
.domainsec-infographic1-11,
.domainsec-infographic1-2,
.domainsec-infographic1-28,
.domainsec-infographic1-3,
.domainsec-infographic1-33,
.domainsec-infographic1-5,
.domainsec-infographic1-59,
.domainsec-infographic1-7,
.domainsec-infographic1-8,
.domainsec-infographic1-9 {
  fill: none;
}

.domainsec-infographic1-1 {
  stroke: #efefef;
  stroke-width: 0.96px;
}

.domainsec-infographic1-1,
.domainsec-infographic1-2,
.domainsec-infographic1-3,
.domainsec-infographic1-33,
.domainsec-infographic1-59,
.domainsec-infographic1-8,
.domainsec-infographic1-9 {
  stroke-linecap: round;
}

.domainsec-infographic1-1,
.domainsec-infographic1-2 {
  stroke-miterlimit: 10;
}

.domainsec-infographic1-2 {
  stroke: #b2b3b3;
  stroke-width: 6.14px;
}

.domainsec-infographic1-3 {
  stroke: #42788f;
}

.domainsec-infographic1-3,
.domainsec-infographic1-33,
.domainsec-infographic1-9 {
  stroke-linejoin: round;
}

.domainsec-infographic1-28,
.domainsec-infographic1-3,
.domainsec-infographic1-33,
.domainsec-infographic1-8 {
  stroke-width: 2.92px;
}

.domainsec-infographic1-4 {
  fill: #42788f;
}

.domainsec-infographic1-5 {
  stroke: #97999b;
}

.domainsec-infographic1-11,
.domainsec-infographic1-5,
.domainsec-infographic1-59,
.domainsec-infographic1-7,
.domainsec-infographic1-9 {
  stroke-width: 1.95px;
}

.domainsec-infographic1-6 {
  fill: #003b5c;
}

.domainsec-infographic1-59,
.domainsec-infographic1-7 {
  stroke: #003b5c;
}

.domainsec-infographic1-10,
.domainsec-infographic1-11,
.domainsec-infographic1-28,
.domainsec-infographic1-33,
.domainsec-infographic1-8,
.domainsec-infographic1-9 {
  stroke: #00b1a8;
}

.domainsec-infographic1-10 {
  stroke-width: 3.89px;
}

.domainsec-infographic1-12 {
  font-size: 17.46px;
  font-family: "Avenir Black", sans-serif;
  letter-spacing: -0.02em;
}

.domainsec-infographic1-12,
.domainsec-infographic1-61 {
  fill: #00b2a9;
}

.domainsec-infographic1-12,
.domainsec-infographic1-34 {
  font-weight: 800;
}

.domainsec-infographic1-13,
.domainsec-infographic1-25,
.domainsec-infographic1-29 {
  font-size: 25.3px;
}

.domainsec-infographic1-13,
.domainsec-infographic1-25 {
  fill: #54585a;
}

.domainsec-infographic1-13,
.domainsec-infographic1-29 {
  font-family: "Lexia", serif;
  font-weight: 700;
}

.domainsec-infographic1-14 {
  letter-spacing: -0.03em;
}

.domainsec-infographic1-15 {
  letter-spacing: -0.03em;
}

.domainsec-infographic1-16 {
  letter-spacing: -0.02em;
}

.domainsec-infographic1-17 {
  letter-spacing: 0em;
}

.domainsec-infographic1-18 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-19,
.domainsec-infographic1-25,
.domainsec-infographic1-37 {
  font-family: "Lexia", serif;
}

.domainsec-infographic1-19 {
  font-weight: 400;
}

.domainsec-infographic1-20 {
  letter-spacing: -0.03em;
}

.domainsec-infographic1-21 {
  letter-spacing: -0.02em;
}

.domainsec-infographic1-22 {
  letter-spacing: 0em;
}

.domainsec-infographic1-23 {
  letter-spacing: -0.03em;
}

.domainsec-infographic1-24 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-26 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-27 {
  letter-spacing: -0.03em;
}

.domainsec-infographic1-29 {
  fill: #00b1a8;
}

.domainsec-infographic1-30 {
  letter-spacing: -0.02em;
}

.domainsec-infographic1-31 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-32 {
  letter-spacing: -0.02em;
}

.domainsec-infographic1-34 {
  font-size: 34.98px;
  fill: #fff;
  font-family: "Avenir Heavy", sans-serif;
}

.domainsec-infographic1-35 {
  letter-spacing: -0.09em;
}

.domainsec-infographic1-36 {
  letter-spacing: -0.09em;
}

.domainsec-infographic1-37 {
  font-size: 14.6px;
}

.domainsec-infographic1-38 {
  letter-spacing: -0.03em;
}

.domainsec-infographic1-39 {
  letter-spacing: -0.03em;
}

.domainsec-infographic1-40 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-41 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-42 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-43 {
  letter-spacing: -0.02em;
}

.domainsec-infographic1-44 {
  letter-spacing: -0.02em;
}

.domainsec-infographic1-45 {
  letter-spacing: -0.02em;
}

.domainsec-infographic1-46 {
  letter-spacing: -0.03em;
}

.domainsec-infographic1-47 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-48 {
  letter-spacing: -0.02em;
}

.domainsec-infographic1-49 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-50 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-51 {
  letter-spacing: 0.01em;
}

.domainsec-infographic1-52 {
  letter-spacing: -0.02em;
}

.domainsec-infographic1-53 {
  letter-spacing: 0em;
}

.domainsec-infographic1-54 {
  letter-spacing: -0.01em;
}

.domainsec-infographic1-55 {
  letter-spacing: -0.03em;
}

.domainsec-infographic1-56 {
  letter-spacing: 0.02em;
}

.domainsec-infographic1-57 {
  letter-spacing: -0.02em;
}

.domainsec-infographic1-58 {
  letter-spacing: -0.04em;
}

.domainsec-infographic1-60 {
  fill: #97999b;
}

.domainsec-infographic2-1,
.domainsec-infographic2-10,
.domainsec-infographic2-8,
.domainsec-infographic2-9 {
  fill: none;
  stroke-miterlimit: 10;
}

.domainsec-infographic2-1 {
  stroke: #97999b;
  stroke-width: 1.06px;
}

.domainsec-infographic2-2 {
  fill: #00b2a9;
}

.domainsec-infographic2-3 {
  fill: #8db9ca;
}

.domainsec-infographic2-4 {
  fill: #f2a900;
}

.domainsec-infographic2-5 {
  font-size: 16.07px;
  font-family: "Avenir", sans-serif;
}

.domainsec-infographic2-11,
.domainsec-infographic2-5 {
  fill: #fff;
}

.domainsec-infographic2-6 {
  letter-spacing: -0.02em;
}

.domainsec-infographic2-7 {
  letter-spacing: 0em;
}

.domainsec-infographic2-8 {
  stroke: #00b2a9;
}

.domainsec-infographic2-10,
.domainsec-infographic2-8,
.domainsec-infographic2-9 {
  stroke-width: 2px;
}

.domainsec-infographic2-9 {
  stroke: #f2a900;
}

.domainsec-infographic2-10 {
  stroke: #8db9ca;
}

.domainsec-infographic2-11 {
  fill: #ffffff;
  font-size: 22px;
  font-family: "Avenir Black", sans-serif;
}

.impact-of-covid-on-internet-security-form form.contact-form div:nth-child(4),
.impact-of-covid-on-internet-security-form form.contact-form div:nth-child(6),
.impact-of-covid-on-internet-security-form form.contact-form div:nth-child(7) {
  display: none;
}

/* NEW domainsec infographic */
.domainsec-overview-ig-cls-1,
.domainsec-overview-ig-cls-2,
.domainsec-overview-ig-cls-34 {
  fill: none;
}

.domainsec-overview-ig-cls-1,
.domainsec-overview-ig-cls-2 {
  stroke: #97999b;
  stroke-linecap: round;
  stroke-width: 2px;
}

.domainsec-overview-ig-cls-1,
.domainsec-overview-ig-cls-34 {
  stroke-miterlimit: 10;
}

.domainsec-overview-ig-cls-2 {
  stroke-linejoin: round;
}

.domainsec-overview-ig-cls-3 {
  fill: #083c5c;
}

.domainsec-overview-ig-cls-11,
.domainsec-overview-ig-cls-27,
.domainsec-overview-ig-cls-4 {
  font-size: 22px;
  font-family: "Avenir Heavy", sans-serif;
  font-weight: 800;
}

.domainsec-overview-ig-cls-4 {
  fill: #003b5c;
}

.domainsec-overview-ig-cls-11,
.domainsec-overview-ig-cls-12,
.domainsec-overview-ig-cls-5 {
  fill: #00b2a9;
}

.domainsec-overview-ig-cls-6 {
  fill: #f2a900;
}

.domainsec-overview-ig-cls-29,
.domainsec-overview-ig-cls-7 {
  font-size: 17px;
}

.domainsec-overview-ig-cls-7 {
  fill: #97999b;
}

.domainsec-overview-ig-cls-12,
.domainsec-overview-ig-cls-29,
.domainsec-overview-ig-cls-7 {
  font-family: "Lexia", serif;
  font-weight: 700;
}

.domainsec-overview-ig-cls-12 {
  font-size: 14px;
}

.domainsec-overview-ig-cls-27 {
  fill: #54585a;
}

.domainsec-overview-ig-cls-34 {
  stroke: #f2a900;
  stroke-width: 3px;
}

.scroll-down-link.blk-hero .csc-icon {
  opacity: 0.8;
}

.resource-page-hero-resource img {
  max-width: 700px;
  margin-left: 20px;
}

/* timeline like infograph styles for 3D domain */
.text-plus-infograph-container {
  margin: 30px 0 0;
}

@media only screen and (min-width: 768px) {
  .text-plus-infograph-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 30px 0 0;
  }

  .text-plus-infograph-container-text {
    flex: 0 1 30%;
  }

  .three-d-infograph-container {
    flex: 0 1 60%;
  }
}

.three-d-infograph-tile-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.three-d-infograph-tile-container {
  max-width: 300px;
  flex: 0 1 33%;
}

.three-d-infograph-tile-content img {
  max-width: 55px;
  height: 50px;
}

img.three-d-laptop {
  max-width: 100px;
}

img.three-d-hacker,
img.three-d-diverted {
  height: 80px;
  max-width: 80px;
}

.three-d-infograph-tile-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  /*height: 235px;*/
}

.three-d-infograph-tile-content p {
  text-align: center;
  margin: 0 0 15px 0;
  padding: 0;
  line-height: 1.2;
  font-size: 18px;
}

.infograph-horizontal-connector {
  width: 95%;
  height: 2px;
  position: relative;
  margin: 0 auto;
}

.infograph-connector {
  width: 2px;
  height: 35px;
  position: relative;
}

.infograph-horizontal-connector::before {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #97999b;
  bottom: -7px;
  left: -15px;
}

.infograph-horizontal-connector::after {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #97999b;
  bottom: -7px;
  right: -15px;
}

/* Registrar page styles */
.dbs-infographic-subtitle-bar h3 {
  font-size: 1.65rem;
}
.dbs-infographic-border-gray {
  border: 6px solid #ababab;
}
.registrar-evaluate-infograph-tiles,
.registrar-enterprise-infograph-tiles {
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .registrar-evaluate-infograph-tiles,
  .registrar-enterprise-infograph-tiles {
    flex-wrap: nowrap;
  }
}
.icon-family blockquote.blockquote-resource .btn {
  font-size: 18px;
  padding-bottom: 8px;
}
.icon-family blockquote.blockquote-resource .btn .csc-icon {
  font-size: 31px;
  font-weight: bold;
  top: 8px;
}

/* infographics  */
.registrar-categories-graphic-st0 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.7656;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-st1 {
  fill: none;
  stroke: #54585a;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-st2 {
  fill: #ffffff;
  stroke: #f0a91e;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-st3 {
  fill: none;
  stroke: #f0a91e;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-st4 {
  fill: #ffffff;
  stroke: #f0a91e;
  stroke-width: 1.9999;
  stroke-miterlimit: 9.9995;
}
.registrar-categories-graphic-st5 {
  fill: #f0a91e;
}
.registrar-categories-graphic-st6 {
  fill: #ffffff;
  stroke: #00b2a9;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-st7 {
  fill: none;
}
.registrar-categories-graphic-st9 {
  font-size: 12.9224px;
}
.registrar-categories-graphic-st10 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-st11 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.1406;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-st12 {
  fill: #54585a;
}
.registrar-categories-graphic-st13 {
  fill: #ffffff;
  stroke: #f0a91e;
  stroke-width: 1.1406;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-st14 {
  fill: none;
  stroke: #f0a91e;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-st15 {
  fill: #00b1a8;
}
.registrar-categories-graphic-st16 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-st17 {
  fill: #ffffff;
}
.registrar-categories-graphic-st18 {
  font-size: 13.6875px;
}
.registrar-evaluate-graphic-st0 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.7656;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-st1 {
  fill: none;
  stroke: #54585a;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-st2 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.1406;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-st3 {
  fill: none;
  stroke: #939393;
  stroke-width: 2.1689;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-st4 {
  fill: #54585a;
}
.registrar-evaluate-graphic-st5 {
  fill: none;
}
.registrar-evaluate-graphic-st6 {
  fill: #ffffff;
}
.registrar-evaluate-graphic-st8 {
  font-size: 15px;
}
.registrar-evaluate-graphic-st9 {
  fill: #ffffff;
  stroke: #d1344f;
  stroke-width: 2.2016;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-st10 {
  fill: #ffffff;
  stroke: #00b0a7;
  stroke-width: 2.2016;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-st12 {
  font-size: 12px;
}
.registrar-evaluate-graphic-st13 {
  font-size: 6.996px;
}
.registrar-evaluate-graphic-st14 {
  fill: #00b1a8;
}
.registrar-evaluate-graphic-st15 {
  fill: #e53e50;
}
.registrar-evaluate-graphic-st16 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.3711;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-st17 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5466;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-st18 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.33;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-st19 {
  fill: none;
  stroke: #d1344f;
  stroke-width: 1.33;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-class-graphic-st0 {
  fill: #f2f2f2;
}
.registrar-enterprise-class-graphic-st1 {
  fill: #ffffff;
}
.registrar-enterprise-class-graphic-st2 {
  fill: none;
  stroke: #00adee;
  stroke-width: 1.22;
}
.registrar-enterprise-class-graphic-st3 {
  fill: #003a5d;
}
.registrar-enterprise-class-graphic-st4 {
  fill: #868a8e;
}
.registrar-enterprise-class-graphic-st5 {
  fill: #00b4ae;
}
.registrar-enterprise-class-graphic-st6 {
  fill: #0a3b5c;
}
.registrar-enterprise-class-graphic-st7 {
  fill: #00b0a7;
}
.registrar-enterprise-class-graphic-st8 {
  fill: #f0a81e;
}
.registrar-enterprise-class-graphic-st10 {
  font-size: 14.65px;
}
.registrar-enterprise-class-graphic-st11 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.53;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.registrar-enterprise-class-graphic-st12 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.22;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st0 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.75;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st1 {
  fill: #f2f2f2;
}
.registrar-enterprise-infographic-st2 {
  fill: #ffffff;
}
.registrar-enterprise-infographic-st3 {
  fill: none;
  stroke: #00adee;
  stroke-width: 1.2205;
}
.registrar-enterprise-infographic-st4 {
  fill: #003a5d;
}
.registrar-enterprise-infographic-st5 {
  fill: #868a8e;
}
.registrar-enterprise-infographic-st6 {
  fill: #00b4ae;
}
.registrar-enterprise-infographic-st7 {
  fill: #0a3b5c;
}
.registrar-enterprise-infographic-st8 {
  fill: #00b0a7;
}
.registrar-enterprise-infographic-st9 {
  fill: #f0a81e;
}
.registrar-enterprise-infographic-st11 {
  font-size: 14.6462px;
}
.registrar-enterprise-infographic-st12 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5256;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st13 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.2205;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st14 {
  fill: #ffffff;
  stroke: #f0a81e;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st15 {
  fill: none;
}
.registrar-enterprise-infographic-st16 {
  font-size: 12px;
}
.registrar-enterprise-infographic-st17 {
  fill: #ffffff;
  stroke: #003b5c;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st18 {
  fill: none;
  stroke: #f2a900;
  stroke-width: 0.9253;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st19 {
  fill: #003b5c;
}
.registrar-enterprise-infographic-st20 {
  fill: #ffffff;
  stroke: #00b2a9;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st21 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 0.951;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st22 {
  fill: none;
  stroke: #f0a81e;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st23 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-st24 {
  fill: #00b2a9;
}
.registrar-enterprise-infographic-st25 {
  fill: none;
  stroke: #003b5c;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
/* German */
.registrar-enterprise-infographic-de-st1 {
  display: inline;
}
.registrar-enterprise-infographic-de-st2 {
  display: inline;
  fill: #003b5c;
}
.registrar-enterprise-infographic-de-st3 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.75;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st6 {
  fill: #f2f2f2;
}
.registrar-enterprise-infographic-de-st7 {
  fill: #ffffff;
}
.registrar-enterprise-infographic-de-st8 {
  fill: none;
  stroke: #00adee;
  stroke-width: 1.2205;
}
.registrar-enterprise-infographic-de-st9 {
  fill: #003a5d;
}
.registrar-enterprise-infographic-de-st10 {
  fill: #868a8e;
}
.registrar-enterprise-infographic-de-st11 {
  fill: #00b4ae;
}
.registrar-enterprise-infographic-de-st12 {
  fill: #0a3b5c;
}
.registrar-enterprise-infographic-de-st13 {
  fill: #00b0a7;
}
.registrar-enterprise-infographic-de-st14 {
  fill: #f0a81e;
}
.registrar-enterprise-infographic-de-st16 {
  font-size: 14.6462px;
}
.registrar-enterprise-infographic-de-st17 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5256;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st18 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.2205;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st19 {
  fill: #ffffff;
  stroke: #f0a81e;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st21 {
  font-size: 12px;
}
.registrar-enterprise-infographic-de-st22 {
  enable-background: new;
}
.registrar-enterprise-infographic-de-st23 {
  fill: #ffffff;
  stroke: #003b5c;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st24 {
  fill: none;
  stroke: #f2a900;
  stroke-width: 0.9253;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st25 {
  fill: #ffffff;
  stroke: #00b2a9;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st26 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 0.951;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st27 {
  fill: none;
}
.registrar-enterprise-infographic-de-st28 {
  fill: none;
  stroke: #f0a81e;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st29 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st30 {
  fill: #00b2a9;
}
.registrar-enterprise-infographic-de-st31 {
  fill: none;
  stroke: #003b5c;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-de-st32 {
  fill: #003b5c;
}
.registrar-enterprise-infographic-de-st33 {
  fill: #97999b;
}
.registrar-evaluate-graphic-de-st0 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.7656;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-de-st1 {
  fill: none;
  stroke: #939393;
  stroke-width: 2.1689;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-de-st2 {
  fill: #54585a;
}
.registrar-evaluate-graphic-de-st3 {
  enable-background: new;
}
.registrar-evaluate-graphic-de-st4 {
  fill: #ffffff;
}
.registrar-evaluate-graphic-de-st6 {
  font-size: 15px;
}
.registrar-evaluate-graphic-de-st7 {
  fill: #ffffff;
  stroke: #d1344f;
  stroke-width: 2.2016;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-de-st8 {
  fill: #ffffff;
  stroke: #00b0a7;
  stroke-width: 2.2016;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-de-st9 {
  fill: #00b1a8;
}
.registrar-evaluate-graphic-de-st10 {
  fill: #e53e50;
}
.registrar-evaluate-graphic-de-st11 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.3711;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-de-st12 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5466;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-de-st13 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.33;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-de-st15 {
  font-size: 12px;
}
.registrar-evaluate-graphic-de-st16 {
  fill: none;
  stroke: #d1344f;
  stroke-width: 1.33;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-de-st0 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.7656;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-de-st1 {
  fill: #ffffff;
  stroke: #f0a91e;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-de-st2 {
  fill: #ffffff;
  stroke: #f0a91e;
  stroke-width: 1.9999;
  stroke-miterlimit: 9.9995;
}
.registrar-categories-graphic-de-st3 {
  fill: none;
  stroke: #f0a91e;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-de-st4 {
  fill: #f0a91e;
}
.registrar-categories-graphic-de-st5 {
  fill: #ffffff;
  stroke: #00b2a9;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-de-st6 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-de-st7 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.1406;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-de-st8 {
  fill: #54585a;
}
.registrar-categories-graphic-de-st9 {
  fill: #ffffff;
  stroke: #f0a91e;
  stroke-width: 1.1406;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-de-st10 {
  fill: none;
  stroke: #f0a91e;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-de-st11 {
  fill: #00b1a8;
}
.registrar-categories-graphic-de-st12 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-de-st13 {
  fill: none;
}
.registrar-categories-graphic-de-st14 {
  enable-background: new;
}
.registrar-categories-graphic-de-st15 {
  fill: #ffffff;
}
.registrar-categories-graphic-de-st17 {
  font-size: 13.6875px;
}
.registrar-categories-graphic-de-st19 {
  font-size: 13px;
}
/* Chinese */
.registrar-evaluate-cn-st0 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.7656;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-cn-st1 {
  fill: none;
  stroke: #939393;
  stroke-width: 2.1689;
  stroke-miterlimit: 10;
}
.registrar-evaluate-cn-st2 {
  fill: #54585a;
}
.registrar-evaluate-cn-st3 {
  fill: #ffffff;
}
.registrar-evaluate-cn-st4 {
  font-weight: bold;
}
.registrar-evaluate-cn-st5 {
  font-size: 17px;
}
.registrar-evaluate-cn-st6 {
  fill: #ffffff;
  stroke: #d1344f;
  stroke-width: 2.2016;
  stroke-miterlimit: 10;
}
.registrar-evaluate-cn-st7 {
  fill: #ffffff;
  stroke: #00b0a7;
  stroke-width: 2.2016;
  stroke-miterlimit: 10;
}
.registrar-evaluate-cn-st8 {
  fill: #00b1a8;
}
.registrar-evaluate-cn-st9 {
  fill: #e53e50;
}
.registrar-evaluate-cn-st10 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.3711;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-cn-st11 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5466;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-cn-st12 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.33;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-cn-st14 {
  font-size: 14px;
}
.registrar-evaluate-cn-st15 {
  enable-background: new;
}
.registrar-evaluate-cn-st16 {
  fill: none;
  stroke: #d1344f;
  stroke-width: 1.33;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st1 {
  display: inline;
}
.registrar-enterprise-infographic-cn-st2 {
  display: inline;
  fill: #003b5c;
}
.registrar-enterprise-infographic-cn-st3 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.75;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st4 {
  display: inline;
  fill: none;
  stroke: #b2b3b3;
  stroke-width: 5.1026;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st5 {
  display: inline;
  fill: none;
}
.registrar-enterprise-infographic-cn-st6 {
  fill: #f2f2f2;
}
.registrar-enterprise-infographic-cn-st7 {
  fill: #ffffff;
}
.registrar-enterprise-infographic-cn-st8 {
  fill: none;
  stroke: #00adee;
  stroke-width: 1.2205;
}
.registrar-enterprise-infographic-cn-st9 {
  fill: #003a5d;
}
.registrar-enterprise-infographic-cn-st10 {
  fill: #868a8e;
}
.registrar-enterprise-infographic-cn-st11 {
  fill: #00b4ae;
}
.registrar-enterprise-infographic-cn-st12 {
  fill: #0a3b5c;
}
.registrar-enterprise-infographic-cn-st13 {
  fill: #00b0a7;
}
.registrar-enterprise-infographic-cn-st14 {
  fill: #f0a81e;
}
.registrar-enterprise-infographic-cn-st15 {
  font-weight: bold;
}
.registrar-enterprise-infographic-cn-st16 {
  font-size: 17px;
}
.registrar-enterprise-infographic-cn-st17 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5256;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st18 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.2205;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st19 {
  fill: #ffffff;
  stroke: #f0a81e;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st21 {
  font-size: 12px;
}
.registrar-enterprise-infographic-cn-st22 {
  enable-background: new;
}
.registrar-enterprise-infographic-cn-st23 {
  fill: #ffffff;
  stroke: #003b5c;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st24 {
  fill: none;
  stroke: #f2a900;
  stroke-width: 0.9253;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st25 {
  fill: #ffffff;
  stroke: #00b2a9;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st26 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 0.951;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st27 {
  fill: none;
}
.registrar-enterprise-infographic-cn-st28 {
  fill: none;
  stroke: #f0a81e;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st29 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st30 {
  fill: #00b2a9;
}
.registrar-enterprise-infographic-cn-st31 {
  fill: none;
  stroke: #003b5c;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-infographic-cn-st32 {
  fill: #003b5c;
}
.registrar-enterprise-infographic-cn-st33 {
  fill: #97999b;
}
/* Japanese */
.registrar-categories-graphic-jp-st0 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.7656;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-jp-st1 {
  fill: #ffffff;
  stroke: #f0a91e;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-jp-st2 {
  fill: #ffffff;
  stroke: #f0a91e;
  stroke-width: 1.9999;
  stroke-miterlimit: 9.9995;
}
.registrar-categories-graphic-jp-st3 {
  fill: none;
  stroke: #f0a91e;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-jp-st4 {
  fill: #f0a91e;
}
.registrar-categories-graphic-jp-st5 {
  fill: #ffffff;
  stroke: #00b2a9;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-jp-st6 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-jp-st7 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.1406;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-jp-st8 {
  fill: #54585a;
}
.registrar-categories-graphic-jp-st9 {
  fill: #ffffff;
  stroke: #f0a91e;
  stroke-width: 1.1406;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-jp-st10 {
  fill: none;
  stroke: #f0a91e;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-jp-st11 {
  fill: #00b1a8;
}
.registrar-categories-graphic-jp-st12 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-categories-graphic-jp-st13 {
  fill: #ffffff;
}
.registrar-categories-graphic-jp-st14 {
  font-weight: bold;
}
.registrar-categories-graphic-jp-st15 {
  font-size: 13.6875px;
}
.registrar-categories-graphic-jp-st16 {
  fill: none;
}
.registrar-categories-graphic-jp-st18 {
  font-size: 14px;
}
.registrar-evaluate-graphic-jp-st0 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.7656;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-jp-st1 {
  fill: none;
  stroke: #939393;
  stroke-width: 2.1689;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-jp-st2 {
  fill: #54585a;
}
.registrar-evaluate-graphic-jp-st3 {
  fill: #ffffff;
}
.registrar-evaluate-graphic-jp-st4 {
  font-weight: bold;
}
.registrar-evaluate-graphic-jp-st5 {
  font-size: 16px;
}
.registrar-evaluate-graphic-jp-st6 {
  fill: #ffffff;
  stroke: #d1344f;
  stroke-width: 2.2016;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-jp-st7 {
  fill: #ffffff;
  stroke: #00b0a7;
  stroke-width: 2.2016;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-jp-st8 {
  fill: #00b1a8;
}
.registrar-evaluate-graphic-jp-st9 {
  fill: #e53e50;
}
.registrar-evaluate-graphic-jp-st10 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.3711;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-jp-st11 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5466;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-jp-st12 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 1.33;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-evaluate-graphic-jp-st14 {
  font-size: 12px;
}
.registrar-evaluate-graphic-jp-st15 {
  enable-background: new;
}
.registrar-evaluate-graphic-jp-st16 {
  fill: none;
  stroke: #d1344f;
  stroke-width: 1.33;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st1 {
  display: inline;
}
.registrar-enterprise-graphic-jp-st2 {
  display: inline;
  fill: #003b5c;
}
.registrar-enterprise-graphic-jp-st3 {
  fill: none;
  stroke: #e6e6e5;
  stroke-width: 0.75;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st6 {
  fill: #f2f2f2;
}
.registrar-enterprise-graphic-jp-st7 {
  fill: #ffffff;
}
.registrar-enterprise-graphic-jp-st8 {
  fill: none;
  stroke: #00adee;
  stroke-width: 1.2205;
}
.registrar-enterprise-graphic-jp-st9 {
  fill: #003a5d;
}
.registrar-enterprise-graphic-jp-st10 {
  fill: #868a8e;
}
.registrar-enterprise-graphic-jp-st11 {
  fill: #00b4ae;
}
.registrar-enterprise-graphic-jp-st12 {
  fill: #0a3b5c;
}
.registrar-enterprise-graphic-jp-st13 {
  fill: #00b0a7;
}
.registrar-enterprise-graphic-jp-st14 {
  fill: #f0a81e;
}
.registrar-enterprise-graphic-jp-st15 {
  font-weight: bold;
}
.registrar-enterprise-graphic-jp-st16 {
  font-size: 16px;
}
.registrar-enterprise-graphic-jp-st17 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5256;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st18 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.2205;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st19 {
  fill: #ffffff;
  stroke: #f0a81e;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st21 {
  font-size: 11px;
}
.registrar-enterprise-graphic-jp-st22 {
  enable-background: new;
}
.registrar-enterprise-graphic-jp-st23 {
  fill: #ffffff;
  stroke: #003b5c;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st24 {
  fill: none;
  stroke: #f2a900;
  stroke-width: 0.9253;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st25 {
  fill: #ffffff;
  stroke: #00b2a9;
  stroke-width: 2.1788;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st26 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 0.951;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st27 {
  fill: none;
}
.registrar-enterprise-graphic-jp-st28 {
  fill: none;
  stroke: #f0a81e;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st29 {
  fill: none;
  stroke: #00b2a9;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st30 {
  fill: #00b2a9;
}
.registrar-enterprise-graphic-jp-st31 {
  fill: none;
  stroke: #003b5c;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
.registrar-enterprise-graphic-jp-st32 {
  fill: #003b5c;
}
.registrar-enterprise-graphic-jp-st33 {
  fill: #97999b;
}

.headline-border-left-primary {
  border-left: 8px solid #00b2a9;
  padding-left: 10px;
}

/* domain-security DiD animated graphic styles */
/*.did-graphic-navigation-container {
  display: none;
}*/

nav.did-graphic-nav {
  background-color: transparent;
  color: inherit;
  height: auto;
  box-shadow: none;
  line-height: inherit;
}

ul.did-graphic-nav-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}

.did-graphic-nav-item {
  font-size: 1.16rem;
  color: #939596;
  transition: font-size 0.5s;
  flex: 1 1 auto;
}

nav ul li.did-graphic-nav-item.active {
  background: transparent;
  font-family: "Avenir Heavy", sans-serif;
  font-size: 1.21rem;
}

li[data-ring-number="ring0"].active {
  color: inherit;
}

li[data-ring-number="ring1"].active {
  color: #003b5c;
}

li[data-ring-number="ring2"].active {
  color: #00b2a9;
}

li[data-ring-number="ring3"].active {
  color: #42788f;
}

li[data-ring-number="ring4"].active {
  color: #f2a900;
}

.did-graphic-nav-item:nth-child(5) {
  flex: 1 1 247px;
}

.did-graphic-nav-item.c-i-arrow-thin-right {
  font-size: 4.5rem;
}

.did-graphic-content-container {
  min-height: 465px;
}

.did-text-content {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.did-text-content.active {
  visibility: visible;
  opacity: 1;
}

.did-text-content p {
  font-size: 17px;
  line-height: 1.3;
}

.did-text-content ul.section-content-list {
  margin-left: 1.1em;
}

.did-text-content ul.section-content-list li {
  padding-left: 0;
}

.did-graphic-container {
  flex: 1 1 50%;
}

.did-graphic-text-container {
  flex: 1 1 50%;
}

.did-graphic-bg-grid-img {
  width: 375px;
  height: 375px;
}

.did-graphic-ring {
  position: absolute;
  left: calc(50% - 3px);
  top: calc(50% - 3px);
  transform: translateX(-50%) translateY(-50%);
}
.did-graphic-ring0 {
  width: 375px;
  height: 375px;
}
.did-graphic-ring1 {
  width: 320px;
  height: 320px;
}
.did-graphic-ring2 {
  width: 255px;
  height: 255px;
}
.did-graphic-ring3 {
  width: 190px;
  height: 190px;
}
.did-graphic-ring4 {
  width: 125px;
  height: 125px;
}

.did-graphic-ring::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 50%;
}
.did-graphic-ring0::after {
  border: 3px solid #97999b;
}
.did-graphic-ring1::after {
  border: 3px solid #003b5c;
}
.did-graphic-ring2::after {
  border: 3px solid #00b2a9;
}
.did-graphic-ring3::after {
  border: 3px solid #42788f;
}
.did-graphic-ring4::after {
  border: 3px solid #f2a900;
}
.did-graphic-ring0.active::after {
  border: 3px solid #97999b;
  animation: pulse-dot-ring0 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
.did-graphic-ring1.active::after {
  border: 3px solid #003b5c;
  animation: pulse-dot-ring1 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
.did-graphic-ring2.active::after {
  border: 3px solid #00b2a9;
  animation: pulse-dot-ring2 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
.did-graphic-ring3.active::after {
  border: 3px solid #42788f;
  animation: pulse-dot-ring3 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
.did-graphic-ring4.active::after {
  border: 3px solid #f2a900;
  animation: pulse-dot-ring4 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@keyframes pulse-dot-ring0 {
  0% {
    box-shadow: inset 0 0 0 3px #97999b, 0 0 0 3px #97999b;
  }
  50% {
    box-shadow: inset 0 0 0 10px #97999b, 0 0 0 10px #97999b;
  }
  100% {
    box-shadow: inset 0 0 0 3px #97999b, 0 0 0 3px #97999b;
  }
}
@keyframes pulse-dot-ring1 {
  0% {
    box-shadow: inset 0 0 0 3px #003b5c, 0 0 0 3px #003b5c;
  }
  50% {
    box-shadow: inset 0 0 0 10px #003b5c, 0 0 0 10px #003b5c;
  }
  100% {
    box-shadow: inset 0 0 0 3px #003b5c, 0 0 0 3px #003b5c;
  }
}
@keyframes pulse-dot-ring2 {
  0% {
    box-shadow: inset 0 0 0 2px #00b2a9, 0 0 0 2px #00b2a9;
  }
  50% {
    box-shadow: inset 0 0 0 10px #00b2a9, 0 0 0 10px #00b2a9;
  }
  100% {
    box-shadow: inset 0 0 0 2px #00b2a9, 0 0 0 2px #00b2a9;
  }
}
@keyframes pulse-dot-ring3 {
  0% {
    box-shadow: inset 0 0 0 2px #42788f, 0 0 0 2px #42788f;
  }
  50% {
    box-shadow: inset 0 0 0 10px #42788f, 0 0 0 10px #42788f;
  }
  100% {
    box-shadow: inset 0 0 0 2px #42788f, 0 0 0 2px #42788f;
  }
}
@keyframes pulse-dot-ring4 {
  0% {
    box-shadow: inset 0 0 0 2px #f2a900, 0 0 0 2px #f2a900;
  }
  50% {
    box-shadow: inset 0 0 0 10px #f2a900, 0 0 0 10px #f2a900;
  }
  100% {
    box-shadow: inset 0 0 0 2px #f2a900, 0 0 0 2px #f2a900;
  }
}

@media only screen and (min-width: 1200px) {
  .did-graphic-container {
    flex: 1 1 40%;
  }

  .did-graphic-text-container {
    flex: 1 1 60%;
  }
}

@media only screen and (min-width: 1200px) {
  .did-graphic-navigation-container.active {
    height: 110px;
    opacity: 1;
  }
}

.zoom-card {
  position: relative;
  background-repeat: no-repeat;
  transition: transform 0.2s;
  background-size: cover;
  background-position: top center;
  margin-bottom: 0;
  background-image: url(/images/headers/DBSHero4.jpg);
  background-position: top right;
}

.zoom-card:nth-child(1) {
  background-image: url(/images/headers/DBSHero4.jpg);
}

.zoom-card:nth-child(2) {
  background-image: url(/images/headers/DBSHero2.jpg);
}

.zoom-card:nth-child(3) {
  background-image: url(/images/headers/DBSHero8.jpg);
}

.zoom-card:nth-child(4) {
  background-image: url(/images/headers/DBSHero10.jpg);
}

.zoom-card:nth-child(5) {
  background-image: url(/images/headers/DBSHero26.jpg);
}

.zoom-card:nth-child(6) {
  background-image: url(/images/headers/DBSHero11.jpg);
}

.zoom-card:nth-child(7) {
  background-image: url(/images/headers/DBSHero22.jpg);
}

.zoom-card:nth-child(8) {
  background-image: url(/images/headers/DBSHero17.jpg);
}

.zoom-card:nth-child(9) {
  background-image: url(/images/headers/DBSHero9.jpg);
}

.zoom-card:nth-child(10) {
  background-image: url(/images/headers/DBSHero7.jpg);
}

.zoom-card:hover {
  transform: scale(1.1);
  z-index: 1;
}

.zoom-card::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}

.zoom-card .card-white-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.zoom-card:hover .card-white-bg {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 0.5s linear;
}

.zoom-card:hover {
  border: none;
}

.zoom-card:hover .text-link .csc-icon,
.zoom-card:hover h3,
.zoom-card:hover p,
.zoom-card:hover a {
  color: #ffffff;
}

.csc-thumbnail-container-dbs {
  padding-left: 30px;
  padding-right: 30px;
  margin: 60px 0;
}

.csc-thumbnail-item-dbs {
  box-sizing: border-box;
  border: 2px solid #eaebeb;
  margin-bottom: 25px;
}

.csc-thumbnail-item-dbs .thumbnail-icon-container .csc-icon,
.csc-thumbnail-item-dbs h3,
.csc-thumbnail-item-dbs p {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

.csc-thumbnail-item-dbs h3 {
  color: #003b5c;
  font-size: 26px;
}

.csc-thumbnail-item-dbs p.text-link {
  padding: 10px 0 0;
  border-top: 1px solid #ddd;
  margin-left: 30px;
  margin-right: 30px;
}

.csc-thumbnail-item-dbs p.text-link a:hover {
  text-decoration: none;
}

.csc-thumbnail-item-dbs p.text-link .csc-icon {
  color: #075a92;
  font-size: 30px;
  position: relative;
  top: 0;
}

.csc-thumbnail-item-dbs {
  width: auto;
  margin: 30px 1.5% 0;
  flex: 0 1 47%;
  flex-basis: 30%;
}

.clients-thumbnail-item {
  height: 340px;
}

.clients-thumbnail-item-m {
  height: 340px;
}

.clients-thumbnail-item-fraud-prevent {
  height: 420px;
}

.clients-thumbnail-item-multilock {
  height: 400px;
}

.clients-thumbnail-item-xl {
  height: 500px;
}

.clients-thumbnail-item-dns {
  height: 430px;
}

.thumbnail-icon-container {
  padding: 25px 0 15px;
}

.thumbnail-icon-container .csc-icon {
  color: #00b2a9;
  font-size: 80px;
}

/* large tablet */
@media only screen and (min-width: 769px) {
  .csc-thumbnail-container-dbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 993px) {
  .clients-thumbnail-item {
    height: 415px;
    flex-basis: 30%;
    margin: 0 0 25px;
  }

  .clients-thumbnail-item-m {
    height: 350px;
    flex-basis: 30%;
    margin: 0 0 25px;
  }

  .clients-thumbnail-item-fraud-prevent {
    height: 450px;
    flex-basis: 30%;
    margin: 0 0 25px;
  }

  .clients-thumbnail-item-multilock {
    height: 520px;
    flex-basis: 30%;
    margin: 0 0 25px;
  }

  .clients-thumbnail-item-xl {
    height: 700px;
    flex-basis: 30%;
    margin: 0 0 25px;
  }

  .clients-thumbnail-item-dns {
    height: 400px;
    flex-basis: 30%;
    margin: 0 0 25px;
  }
}

@media only screen and (min-width: 1201px) {
  .clients-thumbnail-item {
    height: 480px;
    flex-basis: 19%;
  }

  .clients-thumbnail-item-m {
    height: 350px;
    flex-basis: 30%;
  }

  .clients-thumbnail-item-fraud-prevent {
    height: 400px;
    flex-basis: 30%;
  }

  .clients-thumbnail-item-multilock {
    height: 500px;
    flex-basis: 30%;
  }

  .clients-thumbnail-item-xl {
    height: 700px;
    flex-basis: 19%;
  }

  .clients-thumbnail-item-dns {
    height: 400px;
    flex-basis: 19%;
  }
}

@media only screen and (min-width: 1401px) {
  .clients-thumbnail-item {
    height: 460px;
    flex-basis: 18%;
  }

  .clients-thumbnail-item-m {
    height: 330px;
    flex-basis: 30%;
  }

  .clients-thumbnail-item-fraud-prevent {
    height: 400px;
    flex-basis: 30%;
  }

  .clients-thumbnail-item-multilock {
    height: 450px;
    flex-basis: 30%;
  }

  .clients-thumbnail-item-xl {
    height: 700px;
    flex-basis: 18%;
  }

  .clients-thumbnail-item-dns {
    height: 410px;
    flex-basis: 18%;
  }
}

/* 2022 Domain Security Report styles */
.dsr-22-graph-class1,
.dsr-22-graph-class2 {
  stroke: #d1d3d4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5px;
}

.dsr-22-graph-class1,
.dsr-22-graph-class2,
.dsr-22-graph-class3,
.dsr-22-graph-class4 {
  fill: none;
}

.dsr-22-graph-class5 {
  font-size: 8px;
}

.dsr-22-graph-class5,
.dsr-22-graph-class6 {
  fill: #fff;
  font-family: "Avenir Medium", sans-serif;
  font-weight: 500;
}

.dsr-22-graph-class2 {
  stroke-dasharray: 0 0 0 4.01;
}

.dsr-22-graph-class6 {
  font-size: 9px;
}

.dsr-22-graph-class3 {
  stroke: #00b2a9;
  stroke-width: 2px;
}

.dsr-22-graph-class3,
.dsr-22-graph-class4 {
  stroke-miterlimit: 10;
}

.cls-9 {
  fill: #00b2a9;
  font-family: "Avenir", sans-serif;
  font-size: 10px;
}

.dsr-22-graph-class4 {
  stroke: #fff;
  stroke-width: 0.5px;
}

.dsr-stats-row {
  margin: 30px 0;
}

.dsr-stats-item-num {
  padding: 10px 30px 5px;
  flex: 0 0 120px;
}

.dsr-stats-item-num p {
  line-height: 1;
}

.dsr-stats-item-text {
  border-left: 8px solid #00b2a9;
  padding-left: 20px;
}

.dsr-icon-farm-item {
  flex: 0 1 50%;
}
@media only screen and (min-width: 769px) {
  .dsr-icon-farm-item {
    flex: 0 1 33%;
  }
}
@media only screen and (min-width: 993px) {
  .dsr-icon-farm-item {
    flex: 0 1 25%;
  }
}
@media only screen and (min-width: 1200px) {
  .dsr-icon-farm-item {
    flex: 0 1 16%;
  }
}

.dsr-icon-farm-box {
  margin-top: 120px;
}

.dsr-icon-farm-header-container {
  width: 90%;
  margin: -92px auto 40px;
}

.dsr-icon-farm-head-item h3 {
  font-size: 22px;
}

/* DOMAIN MANAGEMENT */

.how-we-help-content-button h3 {
  font-size: 21px;
}

.how-we-help-content-button-item {
  padding: 10px;
}

.how-we-help-content-button {
  border: 1px solid #dddddd;
  border-radius: 8px;
  height: 84px;
  padding: 0 10px 0 20px;
}

.how-we-help-content-button:hover {
  background-color: #ffffff;
  text-decoration: none;
}

.how-we-help-section .how-we-help-content-button:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}

.how-we-help-content-button-item p.how-we-help-content-button {
  font-size: 21px;
  line-height: normal;
}

.how-we-help-content-button .csc-icon {
  font-size: 55px;
}

@media only screen and (min-width: 769px) {
  .how-we-help-button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .how-we-help-content-button-item {
    flex: 0 1 50%;
  }
}

@media only screen and (min-width: 993px) {
  .how-we-help-content-button-item {
    flex: 0 1 31%;
  }
}

.csc-icon-md {
  font-size: 50px !important;
}

.csc-icon-lg {
  font-size: 100px !important;
}

/* Customer Testimonial styles */
.testimonial-border {
  width: 100%;
  height: 8px;
  position: relative;
  margin-bottom: 20px;
}

.about-box {
  position: relative;
  z-index: 1;
  border-top: 10px solid #00b2a9;
  padding: 20px;
  margin: 50px 30px;
}

.testimonial-hero-image {
  display: none;
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #003b5c;
  height: 550px;
  width: auto;
  z-index: -1;
}

@media only screen and (min-width: 993px) {
  .testimonial-hero-image {
    height: 600px;
    width: auto;
    top: 120px;
  }
}

.secondary-page-hero.testimonial-hero-image {
  min-height: 300px;
}

.in-view .testimonial-hero-image {
  display: block;
}

.secondary-page-hero-testimonial .hero-content {
  position: relative;
  min-height: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.secondary-page-hero-testimonial {
  min-height: 300px;
}

@media only screen and (min-width: 769px) {
  .secondary-page-hero-testimonial .section-content.hero-content {
    min-height: 300px;
  }
}

.scalable-hero {
  margin-top: 100px;
  padding: 50px;
}

@media only screen and (min-width: 601px) {
  .secondary-page-hero-testimonial .section-content.hero-content {
    min-height: 350px;
  }

  .scalable-hero {
    margin-top: 110px;
    padding: 50px;
  }
}

@media only screen and (min-width: 993px) {
  .scalable-hero {
    margin-top: 130px;
    padding: 50px;
  }
}

@media only screen and (min-width: 1600px) {
  .page-hero-image {
    height: auto;
    width: 100%;
  }
  .secondary-page-hero-testimonial .page-hero-image {
    width: 100%;
    height: auto;
  }
}

/* SSL Certificate Management styles */
.container-ssl {
  width: 95%;
}

.boxless-thumbnail-container {
  position: relative;
  z-index: 1;
}

.csc-thumbnail-container-ssl {
  padding-left: 30px;
  padding-right: 30px;
  margin: 60px 0;
}

.boxless-thumbnail-item:first-child {
  border-top: none;
}

.boxless-thumbnail-item {
  border-top: 1px solid #dddddd;
}

.boxless-thumbnail-item {
  border: none;
  border-top: 1px solid #42788f;
  width: 75%;
  margin: 20px auto;
}

.csc-thumbnail-item-ssl {
  box-sizing: border-box;
  border: 2px solid #eaebeb;
  margin-bottom: 25px;
}

.boxless-thumbnail-item .thumbnail-icon-container {
  margin-bottom: 25px;
}

.boxless-thumbnail-item .thumbnail-icon-container {
  padding: 0 0 15px;
  margin-top: 40px;
}

.thumbnail-icon-container {
  padding: 25px 0 15px;
}

@media only screen and (min-width: 1401px) {
  .boxless-content-thumbnail-divider {
    height: 18rem;
  }
}

@media only screen and (min-width: 1201px) {
  .boxless-thumbnail-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .boxless-thumbnail-item {
    height: 150px;
  }

  .boxless-content-thumbnail-divider {
    height: 20rem;
  }
}

@media only screen and (min-width: 993px) {
  .csc-thumbnail-item-ssl,
  .csc-thumbnail-item-cta-ssl {
    flex-basis: 30%;
  }

  .boxless-content-thumbnail-divider {
    flex-basis: 1px;
    padding: 0;
    top: 30px;
    position: relative;
    height: 22rem;
  }
}

@media only screen and (min-width: 769px) {
  .boxless-thumbnail-container {
    align-items: flex-start;
    justify-content: space-between;
  }

  .csc-thumbnail-container-ssl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }

  .boxless-thumbnail-item {
    margin: 0;
    padding: 0;
    flex: 0 1 33%;
    border-top: none;
    height: auto;
  }

  .boxless-thumbnail-item {
    flex: 1 1 30%;
    margin-top: 0;
    padding: 0;
    height: 200px;
    border: none;
  }

  .csc-thumbnail-item-ssl,
  .csc-thumbnail-item-cta-ssl {
    width: auto;
    margin: 30px 1.5% 0;
    flex: 0 1 47%;
  }

  .boxless-thumbnail-item .thumbnail-item-content {
    padding: 0 20px;
  }

  .boxless-thumbnail-item .thumbnail-icon-container {
    margin-top: 0;
  }
}

.pl40 {
  padding-left: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

/* New form styles: */
.recaptcha-container,
.recaptcha-container-marketing-forms {
  height: 0;
  width: 0;
}
.grecaptcha-badge {
  visibility: hidden;
}
/*textarea.form-control {
    border-color: #cccccc;
}
.form-control.error,
.form-control.error:invalid,
textarea.form-control.error:invalid,
textarea.form-control.error,
.form-control.valid,
textarea.form-control.valid {
    padding-right: 6px!important;
}
.error {
    font-size: .8em!important;
    margin-top: -4px!important;
    margin-bottom: 15px!important;
}
*/
p.recaptcha-disclosure {
  font-size: 14px;
  line-height: 1.3;
  color: #666 !important;
  margin-bottom: 20px;
}
.recaptcha-disclosure {
  display: none;
}
.lead-form-fields {
  position: relative;
}
.spinner-sm {
  display: none;
  height: 48px;
  width: 90px;
  background-image: url(https://ocp.cscglobal.com/cdn/global/csc/guide/components/spinner/csc_spinner_sm.gif);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
}
.lead-form-fields .spinner-sm {
  top: 40%;
  left: calc(50% - 45px);
}
.lead-form-overlay {
  display: none;
  content: "";
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
input:not([type]):focus:not([readonly]) + label.error,
input[type="text"]:not(.browser-default):focus:not([readonly]) + label.error,
input[type="password"]:not(.browser-default):focus:not([readonly]) + label.error,
input[type="email"]:not(.browser-default):focus:not([readonly]) + label.error,
input[type="url"]:not(.browser-default):focus:not([readonly]) + label.error,
input[type="time"]:not(.browser-default):focus:not([readonly]) + label.error,
input[type="date"]:not(.browser-default):focus:not([readonly]) + label.error,
input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label.error,
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label.error,
input[type="tel"]:not(.browser-default):focus:not([readonly]) + label.error,
input[type="number"]:not(.browser-default):focus:not([readonly]) + label.error,
input[type="search"]:not(.browser-default):focus:not([readonly]) + label.error,
textarea.materialize-textarea:focus:not([readonly]) + label.error {
  color: #d1344f;
}

/* CONTACT US Page */
.variable-height-hero-image {
  display: none;
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #003b5c;
  height: 850px;
  width: auto;
  z-index: -1;
}

.in-view .variable-height-hero-image {
  display: block;
}

@media only screen and (min-width: 1401px) {
  .variable-height-hero-image {
    height: 100%;
    width: auto;
  }
}

@media only screen and (min-width: 993px) {
  .variable-height-hero-image {
    height: 650px;
    width: auto;
  }

  .variable-height-hero-image {
    top: 120px;
  }
}

@media only screen and (min-width: 993px) {
  .domains-table-row th {
    width: 25%;
  }

  .domains-table-row th:first-child,
  .domains-table-row td:first-child {
    width: 50%;
    text-align: left;
    padding-left: 2rem;
  }
}

/* DiD slides styles */
.did-graphic-nav-dots {
  display: flex;
  justify-content: center;
}
.did-infographic-dot-indicator {
  width: 12px;
  height: 12px;
  background-color: #97999b;
  display: block;
  margin: 0 10px;
}
.active .did-infographic-dot-indicator {
  background-color: #00b2a9;
  width: 16px;
  height: 16px;
  margin: -2px 8px 0;
}
.did-graphic-next-arrow {
  font-size: 5.5rem;
}

div[data-lastpass-icon-root="true"],
div[data-lastpass-icon-root] {
  display: none !important;
}

/* sticky table header */
.fixTableHead {
  overflow-y: auto;
  height: 800px;
}
.fixTableHead thead th {
  position: sticky;
  top: 0;
}

/* Cookiebar styles */
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn),
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {
  -webkit-text-fill-color: #ffffff;
}
/* Cookie icon for consent */
.ot-floating-button__front {
  background-image: url(https://cscwebcontentstorage.blob.core.windows.net/cscmarketing-cscglobal-media/includes/images/cookie.svg) !important;
  background-size: 70% 70% !important;
  background-color: #003b5c !important;
}
#ot-sdk-btn-floating.ot-floating-button button:hover {
  box-shadow: none;
}
.super-tall-hero-image {
  display: none;
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #003b5c;
  height: 100%;
  width: auto;
  z-index: -1;
}
.in-view .super-tall-hero-image {
  display: block;
}