*, ::before, ::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

ul, ol {
  padding: 0;
  list-style: none; }

body, h1, h2, h3, h4, h5,
h6, p, ul, ol, li, figure,
figcaption, blockquote, dl, dd {
  margin: 0; }

html {
  height: 100%;
  scroll-behavior: smooth; }

body {
  height: 100%;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

img {
  display: block;
  height: auto;
  width: auto; }

input, button, textarea, select {
  font: inherit; }

select {
  -webkit-appearance: none;
    -webkit-appearance--moz-appearance: none;
    -webkit-appearance-appearance: none;
    -webkit-appearance--ms-appearance: none; }

button {
  background-color: transparent;
  border: none; }

a {
  color: inherit;
  text-decoration: none; }

.cf-c-dark {
  color: #202528; }

.cf-bgc-dark {
  background-color: #202528; }

.cf-bdc-dark {
  border-color: #202528;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-dark {
  stroke: #202528; }

.cf-fc-dark {
  fill: #202528; }

.cf-c-light {
  color: #FFFFFF; }

.cf-bgc-light {
  background-color: #FFFFFF; }

.cf-bdc-light {
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-light {
  stroke: #FFFFFF; }

.cf-fc-light {
  fill: #FFFFFF; }

.cf-c-grey-s3 {
  color: #3A4044; }

.cf-bgc-grey-s3 {
  background-color: #3A4044; }

.cf-bdc-grey-s3 {
  border-color: #3A4044;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-grey-s3 {
  stroke: #3A4044; }

.cf-fc-grey-s3 {
  fill: #3A4044; }

.cf-c-grey-s2 {
  color: #3F4347; }

.cf-bgc-grey-s2 {
  background-color: #3F4347; }

.cf-bdc-grey-s2 {
  border-color: #3F4347;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-grey-s2 {
  stroke: #3F4347; }

.cf-fc-grey-s2 {
  fill: #3F4347; }

.cf-c-grey-s1 {
  color: #5D6064; }

.cf-bgc-grey-s1 {
  background-color: #5D6064; }

.cf-bdc-grey-s1 {
  border-color: #5D6064;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-grey-s1 {
  stroke: #5D6064; }

.cf-fc-grey-s1 {
  fill: #5D6064; }

.cf-c-grey {
  color: #868C8F; }

.cf-bgc-grey {
  background-color: #868C8F; }

.cf-bdc-grey {
  border-color: #868C8F;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-grey {
  stroke: #868C8F; }

.cf-fc-grey {
  fill: #868C8F; }

.cf-c-grey-t1 {
  color: #9A9B9D; }

.cf-bgc-grey-t1 {
  background-color: #9A9B9D; }

.cf-bdc-grey-t1 {
  border-color: #9A9B9D;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-grey-t1 {
  stroke: #9A9B9D; }

.cf-fc-grey-t1 {
  fill: #9A9B9D; }

.cf-c-grey-t2 {
  color: #B8B9BA; }

.cf-bgc-grey-t2 {
  background-color: #B8B9BA; }

.cf-bdc-grey-t2 {
  border-color: #B8B9BA;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-grey-t2 {
  stroke: #B8B9BA; }

.cf-fc-grey-t2 {
  fill: #B8B9BA; }

.cf-c-grey-t3 {
  color: #D6D6D7; }

.cf-bgc-grey-t3 {
  background-color: #D6D6D7; }

.cf-bdc-grey-t3 {
  border-color: #D6D6D7;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-grey-t3 {
  stroke: #D6D6D7; }

.cf-fc-grey-t3 {
  fill: #D6D6D7; }

.cf-c-grey-t4 {
  color: #F4F4F4; }

.cf-bgc-grey-t4 {
  background-color: #F4F4F4; }

.cf-bdc-grey-t4 {
  border-color: #F4F4F4;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-grey-t4 {
  stroke: #F4F4F4; }

.cf-fc-grey-t4 {
  fill: #F4F4F4; }

.cf-c-accent_blue-s3 {
  color: #012E5D; }

.cf-bgc-accent_blue-s3 {
  background-color: #012E5D; }

.cf-bdc-accent_blue-s3 {
  border-color: #012E5D;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-accent_blue-s3 {
  stroke: #012E5D; }

.cf-fc-accent_blue-s3 {
  fill: #012E5D; }

.cf-c-accent_blue-s2 {
  color: #01448C; }

.cf-bgc-accent_blue-s2 {
  background-color: #01448C; }

.cf-bdc-accent_blue-s2 {
  border-color: #01448C;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-accent_blue-s2 {
  stroke: #01448C; }

.cf-fc-accent_blue-s2 {
  fill: #01448C; }

.cf-c-accent_blue-s1 {
  color: #025BBA; }

.cf-bgc-accent_blue-s1 {
  background-color: #025BBA; }

.cf-bdc-accent_blue-s1 {
  border-color: #025BBA;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-accent_blue-s1 {
  stroke: #025BBA; }

.cf-fc-accent_blue-s1 {
  fill: #025BBA; }

.cf-c-accent_blue {
  color: #0273E9; }

.cf-bgc-accent_blue {
  background-color: #0273E9; }

.cf-bdc-accent_blue {
  border-color: #0273E9;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-accent_blue {
  stroke: #0273E9; }

.cf-fc-accent_blue {
  fill: #0273E9; }

.cf-c-accent_blue-t1 {
  color: #4E9CF0; }

.cf-bgc-accent_blue-t1 {
  background-color: #4E9CF0; }

.cf-bdc-accent_blue-t1 {
  border-color: #4E9CF0;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-accent_blue-t1 {
  stroke: #4E9CF0; }

.cf-fc-accent_blue-t1 {
  fill: #4E9CF0; }

.cf-c-accent_blue-t2 {
  color: #81B9F4; }

.cf-bgc-accent_blue-t2 {
  background-color: #81B9F4; }

.cf-bdc-accent_blue-t2 {
  border-color: #81B9F4;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-accent_blue-t2 {
  stroke: #81B9F4; }

.cf-fc-accent_blue-t2 {
  fill: #81B9F4; }

.cf-c-accent_blue-t3 {
  color: #B3D5F8; }

.cf-bgc-accent_blue-t3 {
  background-color: #B3D5F8; }

.cf-bdc-accent_blue-t3 {
  border-color: #B3D5F8;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-accent_blue-t3 {
  stroke: #B3D5F8; }

.cf-fc-accent_blue-t3 {
  fill: #B3D5F8; }

.cf-c-accent_blue-t4 {
  color: #E6F1FD; }

.cf-bgc-accent_blue-t4 {
  background-color: #E6F1FD; }

.cf-bdc-accent_blue-t4 {
  border-color: #E6F1FD;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-accent_blue-t4 {
  stroke: #E6F1FD; }

.cf-fc-accent_blue-t4 {
  fill: #E6F1FD; }

.cf-c-red-s3 {
  color: #63120f; }

.cf-bgc-red-s3 {
  background-color: #63120f; }

.cf-bdc-red-s3 {
  border-color: #63120f;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-red-s3 {
  stroke: #63120f; }

.cf-fc-red-s3 {
  fill: #63120f; }

.cf-c-red-s2 {
  color: #941a16; }

.cf-bgc-red-s2 {
  background-color: #941a16; }

.cf-bdc-red-s2 {
  border-color: #941a16;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-red-s2 {
  stroke: #941a16; }

.cf-fc-red-s2 {
  fill: #941a16; }

.cf-c-red-s1 {
  color: #c6231e; }

.cf-bgc-red-s1 {
  background-color: #c6231e; }

.cf-bdc-red-s1 {
  border-color: #c6231e;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-red-s1 {
  stroke: #c6231e; }

.cf-fc-red-s1 {
  fill: #c6231e; }

.cf-c-red {
  color: #f72c25; }

.cf-bgc-red {
  background-color: #f72c25; }

.cf-bdc-red {
  border-color: #f72c25;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-red {
  stroke: #f72c25; }

.cf-fc-red {
  fill: #f72c25; }

.cf-c-red-t1 {
  color: #f96b66; }

.cf-bgc-red-t1 {
  background-color: #f96b66; }

.cf-bdc-red-t1 {
  border-color: #f96b66;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-red-t1 {
  stroke: #f96b66; }

.cf-fc-red-t1 {
  fill: #f96b66; }

.cf-c-red-t2 {
  color: #fb9692; }

.cf-bgc-red-t2 {
  background-color: #fb9692; }

.cf-bdc-red-t2 {
  border-color: #fb9692;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-red-t2 {
  stroke: #fb9692; }

.cf-fc-red-t2 {
  fill: #fb9692; }

.cf-c-red-t3 {
  color: #fdc0be; }

.cf-bgc-red-t3 {
  background-color: #fdc0be; }

.cf-bdc-red-t3 {
  border-color: #fdc0be;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-red-t3 {
  stroke: #fdc0be; }

.cf-fc-red-t3 {
  fill: #fdc0be; }

.cf-c-red-t4 {
  color: #feeae9; }

.cf-bgc-red-t4 {
  background-color: #feeae9; }

.cf-bdc-red-t4 {
  border-color: #feeae9;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-red-t4 {
  stroke: #feeae9; }

.cf-fc-red-t4 {
  fill: #feeae9; }

.cf-c-yellow-s3 {
  color: #634f13; }

.cf-bgc-yellow-s3 {
  background-color: #634f13; }

.cf-bdc-yellow-s3 {
  border-color: #634f13;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-yellow-s3 {
  stroke: #634f13; }

.cf-fc-yellow-s3 {
  fill: #634f13; }

.cf-c-yellow-s2 {
  color: #95771d; }

.cf-bgc-yellow-s2 {
  background-color: #95771d; }

.cf-bdc-yellow-s2 {
  border-color: #95771d;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-yellow-s2 {
  stroke: #95771d; }

.cf-fc-yellow-s2 {
  fill: #95771d; }

.cf-c-yellow-s1 {
  color: #c69e26; }

.cf-bgc-yellow-s1 {
  background-color: #c69e26; }

.cf-bdc-yellow-s1 {
  border-color: #c69e26;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-yellow-s1 {
  stroke: #c69e26; }

.cf-fc-yellow-s1 {
  fill: #c69e26; }

.cf-c-yellow {
  color: #f8c630; }

.cf-bgc-yellow {
  background-color: #f8c630; }

.cf-bdc-yellow {
  border-color: #f8c630;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-yellow {
  stroke: #f8c630; }

.cf-fc-yellow {
  fill: #f8c630; }

.cf-c-yellow-t1 {
  color: #fad76e; }

.cf-bgc-yellow-t1 {
  background-color: #fad76e; }

.cf-bdc-yellow-t1 {
  border-color: #fad76e;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-yellow-t1 {
  stroke: #fad76e; }

.cf-fc-yellow-t1 {
  fill: #fad76e; }

.cf-c-yellow-t2 {
  color: #fce398; }

.cf-bgc-yellow-t2 {
  background-color: #fce398; }

.cf-bdc-yellow-t2 {
  border-color: #fce398;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-yellow-t2 {
  stroke: #fce398; }

.cf-fc-yellow-t2 {
  fill: #fce398; }

.cf-c-yellow-t3 {
  color: #fdeec1; }

.cf-bgc-yellow-t3 {
  background-color: #fdeec1; }

.cf-bdc-yellow-t3 {
  border-color: #fdeec1;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-yellow-t3 {
  stroke: #fdeec1; }

.cf-fc-yellow-t3 {
  fill: #fdeec1; }

.cf-c-yellow-t4 {
  color: #fef9ea; }

.cf-bgc-yellow-t4 {
  background-color: #fef9ea; }

.cf-bdc-yellow-t4 {
  border-color: #fef9ea;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-yellow-t4 {
  stroke: #fef9ea; }

.cf-fc-yellow-t4 {
  fill: #fef9ea; }

.cf-c-green-s3 {
  color: #024a28; }

.cf-bgc-green-s3 {
  background-color: #024a28; }

.cf-bdc-green-s3 {
  border-color: #024a28;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-green-s3 {
  stroke: #024a28; }

.cf-fc-green-s3 {
  fill: #024a28; }

.cf-c-green-s2 {
  color: #04703b; }

.cf-bgc-green-s2 {
  background-color: #04703b; }

.cf-bdc-green-s2 {
  border-color: #04703b;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-green-s2 {
  stroke: #04703b; }

.cf-fc-green-s2 {
  fill: #04703b; }

.cf-c-green-s1 {
  color: #05954f; }

.cf-bgc-green-s1 {
  background-color: #05954f; }

.cf-bdc-green-s1 {
  border-color: #05954f;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-green-s1 {
  stroke: #05954f; }

.cf-fc-green-s1 {
  fill: #05954f; }

.cf-c-green {
  color: #06ba63; }

.cf-bgc-green {
  background-color: #06ba63; }

.cf-bdc-green {
  border-color: #06ba63;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-green {
  stroke: #06ba63; }

.cf-fc-green {
  fill: #06ba63; }

.cf-c-green-t1 {
  color: #51cf92; }

.cf-bgc-green-t1 {
  background-color: #51cf92; }

.cf-bdc-green-t1 {
  border-color: #51cf92;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-green-t1 {
  stroke: #51cf92; }

.cf-fc-green-t1 {
  fill: #51cf92; }

.cf-c-green-t2 {
  color: #83ddb1; }

.cf-bgc-green-t2 {
  background-color: #83ddb1; }

.cf-bdc-green-t2 {
  border-color: #83ddb1;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-green-t2 {
  stroke: #83ddb1; }

.cf-fc-green-t2 {
  fill: #83ddb1; }

.cf-c-green-t3 {
  color: #b4ead0; }

.cf-bgc-green-t3 {
  background-color: #b4ead0; }

.cf-bdc-green-t3 {
  border-color: #b4ead0;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-green-t3 {
  stroke: #b4ead0; }

.cf-fc-green-t3 {
  fill: #b4ead0; }

.cf-c-green-t4 {
  color: #e6f8ef; }

.cf-bgc-green-t4 {
  background-color: #e6f8ef; }

.cf-bdc-green-t4 {
  border-color: #e6f8ef;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px; }

.cf-sc-green-t4 {
  stroke: #e6f8ef; }

.cf-fc-green-t4 {
  fill: #e6f8ef; }

.cf-s-margin-xs0 {
  margin: 0rem; }

.cf-s-margin-xs1 {
  margin: 0.125rem; }

.cf-s-margin-xs2 {
  margin: 0.25rem; }

.cf-s-margin-xs3 {
  margin: 0.5rem; }

.cf-s-margin-xs4 {
  margin: 0.75rem; }

.cf-s-margin-xs5 {
  margin: 1rem; }

.cf-s-margin-xs6 {
  margin: 1.5rem; }

.cf-s-margin-xs7 {
  margin: 2rem; }

.cf-s-margin-xs8 {
  margin: 2.5rem; }

.cf-s-margin-xs9 {
  margin: 3rem; }

.cf-s-margin-xs10 {
  margin: 4rem; }

.cf-s-margin-xs11 {
  margin: 6rem; }

.cf-s-margin-xs12 {
  margin: 8rem; }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm0 {
    margin: 0rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm1 {
    margin: 0.125rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm2 {
    margin: 0.25rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm3 {
    margin: 0.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm4 {
    margin: 0.75rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm5 {
    margin: 1rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm6 {
    margin: 1.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm7 {
    margin: 2rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm8 {
    margin: 2.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm9 {
    margin: 3rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm10 {
    margin: 4rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm11 {
    margin: 6rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin-sm12 {
    margin: 8rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md0 {
    margin: 0rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md1 {
    margin: 0.125rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md2 {
    margin: 0.25rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md3 {
    margin: 0.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md4 {
    margin: 0.75rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md5 {
    margin: 1rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md6 {
    margin: 1.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md7 {
    margin: 2rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md8 {
    margin: 2.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md9 {
    margin: 3rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md10 {
    margin: 4rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md11 {
    margin: 6rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin-md12 {
    margin: 8rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg0 {
    margin: 0rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg1 {
    margin: 0.125rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg2 {
    margin: 0.25rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg3 {
    margin: 0.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg4 {
    margin: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg5 {
    margin: 1rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg6 {
    margin: 1.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg7 {
    margin: 2rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg8 {
    margin: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg9 {
    margin: 3rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg10 {
    margin: 4rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg11 {
    margin: 6rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin-lg12 {
    margin: 8rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl0 {
    margin: 0rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl1 {
    margin: 0.125rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl2 {
    margin: 0.25rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl3 {
    margin: 0.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl4 {
    margin: 0.75rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl5 {
    margin: 1rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl6 {
    margin: 1.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl7 {
    margin: 2rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl8 {
    margin: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl9 {
    margin: 3rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl10 {
    margin: 4rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl11 {
    margin: 6rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin-xl12 {
    margin: 8rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl0 {
    margin: 0rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl1 {
    margin: 0.125rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl2 {
    margin: 0.25rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl3 {
    margin: 0.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl4 {
    margin: 0.75rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl5 {
    margin: 1rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl6 {
    margin: 1.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl7 {
    margin: 2rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl8 {
    margin: 2.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl9 {
    margin: 3rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl10 {
    margin: 4rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl11 {
    margin: 6rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin-xxl12 {
    margin: 8rem; } }

.cf-s-margin_top-xs0 {
  margin-top: 0rem; }

.cf-s-margin_top-xs1 {
  margin-top: 0.125rem; }

.cf-s-margin_top-xs2 {
  margin-top: 0.25rem; }

.cf-s-margin_top-xs3 {
  margin-top: 0.5rem; }

.cf-s-margin_top-xs4 {
  margin-top: 0.75rem; }

.cf-s-margin_top-xs5 {
  margin-top: 1rem; }

.cf-s-margin_top-xs6 {
  margin-top: 1.5rem; }

.cf-s-margin_top-xs7 {
  margin-top: 2rem; }

.cf-s-margin_top-xs8 {
  margin-top: 2.5rem; }

.cf-s-margin_top-xs9 {
  margin-top: 3rem; }

.cf-s-margin_top-xs10 {
  margin-top: 4rem; }

.cf-s-margin_top-xs11 {
  margin-top: 6rem; }

.cf-s-margin_top-xs12 {
  margin-top: 8rem; }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm0 {
    margin-top: 0rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm1 {
    margin-top: 0.125rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm2 {
    margin-top: 0.25rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm3 {
    margin-top: 0.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm4 {
    margin-top: 0.75rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm5 {
    margin-top: 1rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm6 {
    margin-top: 1.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm7 {
    margin-top: 2rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm8 {
    margin-top: 2.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm9 {
    margin-top: 3rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm10 {
    margin-top: 4rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm11 {
    margin-top: 6rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_top-sm12 {
    margin-top: 8rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md0 {
    margin-top: 0rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md1 {
    margin-top: 0.125rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md2 {
    margin-top: 0.25rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md3 {
    margin-top: 0.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md4 {
    margin-top: 0.75rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md5 {
    margin-top: 1rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md6 {
    margin-top: 1.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md7 {
    margin-top: 2rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md8 {
    margin-top: 2.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md9 {
    margin-top: 3rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md10 {
    margin-top: 4rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md11 {
    margin-top: 6rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_top-md12 {
    margin-top: 8rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg0 {
    margin-top: 0rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg1 {
    margin-top: 0.125rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg2 {
    margin-top: 0.25rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg3 {
    margin-top: 0.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg4 {
    margin-top: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg5 {
    margin-top: 1rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg6 {
    margin-top: 1.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg7 {
    margin-top: 2rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg8 {
    margin-top: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg9 {
    margin-top: 3rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg10 {
    margin-top: 4rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg11 {
    margin-top: 6rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_top-lg12 {
    margin-top: 8rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl0 {
    margin-top: 0rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl1 {
    margin-top: 0.125rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl2 {
    margin-top: 0.25rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl3 {
    margin-top: 0.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl4 {
    margin-top: 0.75rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl5 {
    margin-top: 1rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl6 {
    margin-top: 1.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl7 {
    margin-top: 2rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl8 {
    margin-top: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl9 {
    margin-top: 3rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl10 {
    margin-top: 4rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl11 {
    margin-top: 6rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_top-xl12 {
    margin-top: 8rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl0 {
    margin-top: 0rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl1 {
    margin-top: 0.125rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl2 {
    margin-top: 0.25rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl3 {
    margin-top: 0.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl4 {
    margin-top: 0.75rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl5 {
    margin-top: 1rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl6 {
    margin-top: 1.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl7 {
    margin-top: 2rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl8 {
    margin-top: 2.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl9 {
    margin-top: 3rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl10 {
    margin-top: 4rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl11 {
    margin-top: 6rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_top-xxl12 {
    margin-top: 8rem; } }

.cf-s-margin_right-xs0 {
  margin-right: 0rem; }

.cf-s-margin_right-xs1 {
  margin-right: 0.125rem; }

.cf-s-margin_right-xs2 {
  margin-right: 0.25rem; }

.cf-s-margin_right-xs3 {
  margin-right: 0.5rem; }

.cf-s-margin_right-xs4 {
  margin-right: 0.75rem; }

.cf-s-margin_right-xs5 {
  margin-right: 1rem; }

.cf-s-margin_right-xs6 {
  margin-right: 1.5rem; }

.cf-s-margin_right-xs7 {
  margin-right: 2rem; }

.cf-s-margin_right-xs8 {
  margin-right: 2.5rem; }

.cf-s-margin_right-xs9 {
  margin-right: 3rem; }

.cf-s-margin_right-xs10 {
  margin-right: 4rem; }

.cf-s-margin_right-xs11 {
  margin-right: 6rem; }

.cf-s-margin_right-xs12 {
  margin-right: 8rem; }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm0 {
    margin-right: 0rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm1 {
    margin-right: 0.125rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm2 {
    margin-right: 0.25rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm3 {
    margin-right: 0.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm4 {
    margin-right: 0.75rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm5 {
    margin-right: 1rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm6 {
    margin-right: 1.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm7 {
    margin-right: 2rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm8 {
    margin-right: 2.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm9 {
    margin-right: 3rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm10 {
    margin-right: 4rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm11 {
    margin-right: 6rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_right-sm12 {
    margin-right: 8rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md0 {
    margin-right: 0rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md1 {
    margin-right: 0.125rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md2 {
    margin-right: 0.25rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md3 {
    margin-right: 0.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md4 {
    margin-right: 0.75rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md5 {
    margin-right: 1rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md6 {
    margin-right: 1.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md7 {
    margin-right: 2rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md8 {
    margin-right: 2.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md9 {
    margin-right: 3rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md10 {
    margin-right: 4rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md11 {
    margin-right: 6rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_right-md12 {
    margin-right: 8rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg0 {
    margin-right: 0rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg1 {
    margin-right: 0.125rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg2 {
    margin-right: 0.25rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg3 {
    margin-right: 0.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg4 {
    margin-right: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg5 {
    margin-right: 1rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg6 {
    margin-right: 1.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg7 {
    margin-right: 2rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg8 {
    margin-right: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg9 {
    margin-right: 3rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg10 {
    margin-right: 4rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg11 {
    margin-right: 6rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_right-lg12 {
    margin-right: 8rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl0 {
    margin-right: 0rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl1 {
    margin-right: 0.125rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl2 {
    margin-right: 0.25rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl3 {
    margin-right: 0.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl4 {
    margin-right: 0.75rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl5 {
    margin-right: 1rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl6 {
    margin-right: 1.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl7 {
    margin-right: 2rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl8 {
    margin-right: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl9 {
    margin-right: 3rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl10 {
    margin-right: 4rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl11 {
    margin-right: 6rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_right-xl12 {
    margin-right: 8rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl0 {
    margin-right: 0rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl1 {
    margin-right: 0.125rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl2 {
    margin-right: 0.25rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl3 {
    margin-right: 0.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl4 {
    margin-right: 0.75rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl5 {
    margin-right: 1rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl6 {
    margin-right: 1.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl7 {
    margin-right: 2rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl8 {
    margin-right: 2.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl9 {
    margin-right: 3rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl10 {
    margin-right: 4rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl11 {
    margin-right: 6rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_right-xxl12 {
    margin-right: 8rem; } }

.cf-s-margin_bottom-xs0 {
  margin-bottom: 0rem; }

.cf-s-margin_bottom-xs1 {
  margin-bottom: 0.125rem; }

.cf-s-margin_bottom-xs2 {
  margin-bottom: 0.25rem; }

.cf-s-margin_bottom-xs3 {
  margin-bottom: 0.5rem; }

.cf-s-margin_bottom-xs4 {
  margin-bottom: 0.75rem; }

.cf-s-margin_bottom-xs5 {
  margin-bottom: 1rem; }

.cf-s-margin_bottom-xs6 {
  margin-bottom: 1.5rem; }

.cf-s-margin_bottom-xs7 {
  margin-bottom: 2rem; }

.cf-s-margin_bottom-xs8 {
  margin-bottom: 2.5rem; }

.cf-s-margin_bottom-xs9 {
  margin-bottom: 3rem; }

.cf-s-margin_bottom-xs10 {
  margin-bottom: 4rem; }

.cf-s-margin_bottom-xs11 {
  margin-bottom: 6rem; }

.cf-s-margin_bottom-xs12 {
  margin-bottom: 8rem; }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm0 {
    margin-bottom: 0rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm1 {
    margin-bottom: 0.125rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm2 {
    margin-bottom: 0.25rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm3 {
    margin-bottom: 0.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm4 {
    margin-bottom: 0.75rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm5 {
    margin-bottom: 1rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm6 {
    margin-bottom: 1.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm7 {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm8 {
    margin-bottom: 2.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm9 {
    margin-bottom: 3rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm10 {
    margin-bottom: 4rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm11 {
    margin-bottom: 6rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_bottom-sm12 {
    margin-bottom: 8rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md0 {
    margin-bottom: 0rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md1 {
    margin-bottom: 0.125rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md2 {
    margin-bottom: 0.25rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md3 {
    margin-bottom: 0.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md4 {
    margin-bottom: 0.75rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md5 {
    margin-bottom: 1rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md6 {
    margin-bottom: 1.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md7 {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md8 {
    margin-bottom: 2.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md9 {
    margin-bottom: 3rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md10 {
    margin-bottom: 4rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md11 {
    margin-bottom: 6rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_bottom-md12 {
    margin-bottom: 8rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg0 {
    margin-bottom: 0rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg1 {
    margin-bottom: 0.125rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg2 {
    margin-bottom: 0.25rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg3 {
    margin-bottom: 0.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg4 {
    margin-bottom: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg5 {
    margin-bottom: 1rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg6 {
    margin-bottom: 1.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg7 {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg8 {
    margin-bottom: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg9 {
    margin-bottom: 3rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg10 {
    margin-bottom: 4rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg11 {
    margin-bottom: 6rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_bottom-lg12 {
    margin-bottom: 8rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl0 {
    margin-bottom: 0rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl1 {
    margin-bottom: 0.125rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl2 {
    margin-bottom: 0.25rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl3 {
    margin-bottom: 0.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl4 {
    margin-bottom: 0.75rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl5 {
    margin-bottom: 1rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl6 {
    margin-bottom: 1.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl7 {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl8 {
    margin-bottom: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl9 {
    margin-bottom: 3rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl10 {
    margin-bottom: 4rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl11 {
    margin-bottom: 6rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_bottom-xl12 {
    margin-bottom: 8rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl0 {
    margin-bottom: 0rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl1 {
    margin-bottom: 0.125rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl2 {
    margin-bottom: 0.25rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl3 {
    margin-bottom: 0.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl4 {
    margin-bottom: 0.75rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl5 {
    margin-bottom: 1rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl6 {
    margin-bottom: 1.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl7 {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl8 {
    margin-bottom: 2.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl9 {
    margin-bottom: 3rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl10 {
    margin-bottom: 4rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl11 {
    margin-bottom: 6rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_bottom-xxl12 {
    margin-bottom: 8rem; } }

.cf-s-margin_left-xs0 {
  margin-left: 0rem; }

.cf-s-margin_left-xs1 {
  margin-left: 0.125rem; }

.cf-s-margin_left-xs2 {
  margin-left: 0.25rem; }

.cf-s-margin_left-xs3 {
  margin-left: 0.5rem; }

.cf-s-margin_left-xs4 {
  margin-left: 0.75rem; }

.cf-s-margin_left-xs5 {
  margin-left: 1rem; }

.cf-s-margin_left-xs6 {
  margin-left: 1.5rem; }

.cf-s-margin_left-xs7 {
  margin-left: 2rem; }

.cf-s-margin_left-xs8 {
  margin-left: 2.5rem; }

.cf-s-margin_left-xs9 {
  margin-left: 3rem; }

.cf-s-margin_left-xs10 {
  margin-left: 4rem; }

.cf-s-margin_left-xs11 {
  margin-left: 6rem; }

.cf-s-margin_left-xs12 {
  margin-left: 8rem; }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm0 {
    margin-left: 0rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm1 {
    margin-left: 0.125rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm2 {
    margin-left: 0.25rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm3 {
    margin-left: 0.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm4 {
    margin-left: 0.75rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm5 {
    margin-left: 1rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm6 {
    margin-left: 1.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm7 {
    margin-left: 2rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm8 {
    margin-left: 2.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm9 {
    margin-left: 3rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm10 {
    margin-left: 4rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm11 {
    margin-left: 6rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-margin_left-sm12 {
    margin-left: 8rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md0 {
    margin-left: 0rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md1 {
    margin-left: 0.125rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md2 {
    margin-left: 0.25rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md3 {
    margin-left: 0.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md4 {
    margin-left: 0.75rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md5 {
    margin-left: 1rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md6 {
    margin-left: 1.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md7 {
    margin-left: 2rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md8 {
    margin-left: 2.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md9 {
    margin-left: 3rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md10 {
    margin-left: 4rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md11 {
    margin-left: 6rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-margin_left-md12 {
    margin-left: 8rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg0 {
    margin-left: 0rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg1 {
    margin-left: 0.125rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg2 {
    margin-left: 0.25rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg3 {
    margin-left: 0.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg4 {
    margin-left: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg5 {
    margin-left: 1rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg6 {
    margin-left: 1.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg7 {
    margin-left: 2rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg8 {
    margin-left: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg9 {
    margin-left: 3rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg10 {
    margin-left: 4rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg11 {
    margin-left: 6rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-margin_left-lg12 {
    margin-left: 8rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl0 {
    margin-left: 0rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl1 {
    margin-left: 0.125rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl2 {
    margin-left: 0.25rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl3 {
    margin-left: 0.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl4 {
    margin-left: 0.75rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl5 {
    margin-left: 1rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl6 {
    margin-left: 1.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl7 {
    margin-left: 2rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl8 {
    margin-left: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl9 {
    margin-left: 3rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl10 {
    margin-left: 4rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl11 {
    margin-left: 6rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-margin_left-xl12 {
    margin-left: 8rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl0 {
    margin-left: 0rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl1 {
    margin-left: 0.125rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl2 {
    margin-left: 0.25rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl3 {
    margin-left: 0.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl4 {
    margin-left: 0.75rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl5 {
    margin-left: 1rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl6 {
    margin-left: 1.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl7 {
    margin-left: 2rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl8 {
    margin-left: 2.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl9 {
    margin-left: 3rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl10 {
    margin-left: 4rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl11 {
    margin-left: 6rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-margin_left-xxl12 {
    margin-left: 8rem; } }

.cf-s-padding-xs0 {
  padding: 0rem; }

.cf-s-padding-xs1 {
  padding: 0.125rem; }

.cf-s-padding-xs2 {
  padding: 0.25rem; }

.cf-s-padding-xs3 {
  padding: 0.5rem; }

.cf-s-padding-xs4 {
  padding: 0.75rem; }

.cf-s-padding-xs5 {
  padding: 1rem; }

.cf-s-padding-xs6 {
  padding: 1.5rem; }

.cf-s-padding-xs7 {
  padding: 2rem; }

.cf-s-padding-xs8 {
  padding: 2.5rem; }

.cf-s-padding-xs9 {
  padding: 3rem; }

.cf-s-padding-xs10 {
  padding: 4rem; }

.cf-s-padding-xs11 {
  padding: 6rem; }

.cf-s-padding-xs12 {
  padding: 8rem; }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm0 {
    padding: 0rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm1 {
    padding: 0.125rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm2 {
    padding: 0.25rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm3 {
    padding: 0.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm4 {
    padding: 0.75rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm5 {
    padding: 1rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm6 {
    padding: 1.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm7 {
    padding: 2rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm8 {
    padding: 2.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm9 {
    padding: 3rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm10 {
    padding: 4rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm11 {
    padding: 6rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding-sm12 {
    padding: 8rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md0 {
    padding: 0rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md1 {
    padding: 0.125rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md2 {
    padding: 0.25rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md3 {
    padding: 0.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md4 {
    padding: 0.75rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md5 {
    padding: 1rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md6 {
    padding: 1.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md7 {
    padding: 2rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md8 {
    padding: 2.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md9 {
    padding: 3rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md10 {
    padding: 4rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md11 {
    padding: 6rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding-md12 {
    padding: 8rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg0 {
    padding: 0rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg1 {
    padding: 0.125rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg2 {
    padding: 0.25rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg3 {
    padding: 0.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg4 {
    padding: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg5 {
    padding: 1rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg6 {
    padding: 1.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg7 {
    padding: 2rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg8 {
    padding: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg9 {
    padding: 3rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg10 {
    padding: 4rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg11 {
    padding: 6rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding-lg12 {
    padding: 8rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl0 {
    padding: 0rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl1 {
    padding: 0.125rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl2 {
    padding: 0.25rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl3 {
    padding: 0.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl4 {
    padding: 0.75rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl5 {
    padding: 1rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl6 {
    padding: 1.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl7 {
    padding: 2rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl8 {
    padding: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl9 {
    padding: 3rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl10 {
    padding: 4rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl11 {
    padding: 6rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding-xl12 {
    padding: 8rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl0 {
    padding: 0rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl1 {
    padding: 0.125rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl2 {
    padding: 0.25rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl3 {
    padding: 0.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl4 {
    padding: 0.75rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl5 {
    padding: 1rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl6 {
    padding: 1.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl7 {
    padding: 2rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl8 {
    padding: 2.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl9 {
    padding: 3rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl10 {
    padding: 4rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl11 {
    padding: 6rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding-xxl12 {
    padding: 8rem; } }

.cf-s-padding_top-xs0 {
  padding-top: 0rem; }

.cf-s-padding_top-xs1 {
  padding-top: 0.125rem; }

.cf-s-padding_top-xs2 {
  padding-top: 0.25rem; }

.cf-s-padding_top-xs3 {
  padding-top: 0.5rem; }

.cf-s-padding_top-xs4 {
  padding-top: 0.75rem; }

.cf-s-padding_top-xs5 {
  padding-top: 1rem; }

.cf-s-padding_top-xs6 {
  padding-top: 1.5rem; }

.cf-s-padding_top-xs7 {
  padding-top: 2rem; }

.cf-s-padding_top-xs8 {
  padding-top: 2.5rem; }

.cf-s-padding_top-xs9 {
  padding-top: 3rem; }

.cf-s-padding_top-xs10 {
  padding-top: 4rem; }

.cf-s-padding_top-xs11 {
  padding-top: 6rem; }

.cf-s-padding_top-xs12 {
  padding-top: 8rem; }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm0 {
    padding-top: 0rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm1 {
    padding-top: 0.125rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm2 {
    padding-top: 0.25rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm3 {
    padding-top: 0.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm4 {
    padding-top: 0.75rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm5 {
    padding-top: 1rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm6 {
    padding-top: 1.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm7 {
    padding-top: 2rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm8 {
    padding-top: 2.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm9 {
    padding-top: 3rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm10 {
    padding-top: 4rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm11 {
    padding-top: 6rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_top-sm12 {
    padding-top: 8rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md0 {
    padding-top: 0rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md1 {
    padding-top: 0.125rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md2 {
    padding-top: 0.25rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md3 {
    padding-top: 0.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md4 {
    padding-top: 0.75rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md5 {
    padding-top: 1rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md6 {
    padding-top: 1.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md7 {
    padding-top: 2rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md8 {
    padding-top: 2.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md9 {
    padding-top: 3rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md10 {
    padding-top: 4rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md11 {
    padding-top: 6rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_top-md12 {
    padding-top: 8rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg0 {
    padding-top: 0rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg1 {
    padding-top: 0.125rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg2 {
    padding-top: 0.25rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg3 {
    padding-top: 0.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg4 {
    padding-top: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg5 {
    padding-top: 1rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg6 {
    padding-top: 1.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg7 {
    padding-top: 2rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg8 {
    padding-top: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg9 {
    padding-top: 3rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg10 {
    padding-top: 4rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg11 {
    padding-top: 6rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_top-lg12 {
    padding-top: 8rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl0 {
    padding-top: 0rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl1 {
    padding-top: 0.125rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl2 {
    padding-top: 0.25rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl3 {
    padding-top: 0.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl4 {
    padding-top: 0.75rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl5 {
    padding-top: 1rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl6 {
    padding-top: 1.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl7 {
    padding-top: 2rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl8 {
    padding-top: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl9 {
    padding-top: 3rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl10 {
    padding-top: 4rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl11 {
    padding-top: 6rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_top-xl12 {
    padding-top: 8rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl0 {
    padding-top: 0rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl1 {
    padding-top: 0.125rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl2 {
    padding-top: 0.25rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl3 {
    padding-top: 0.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl4 {
    padding-top: 0.75rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl5 {
    padding-top: 1rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl6 {
    padding-top: 1.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl7 {
    padding-top: 2rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl8 {
    padding-top: 2.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl9 {
    padding-top: 3rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl10 {
    padding-top: 4rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl11 {
    padding-top: 6rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_top-xxl12 {
    padding-top: 8rem; } }

.cf-s-padding_right-xs0 {
  padding-right: 0rem; }

.cf-s-padding_right-xs1 {
  padding-right: 0.125rem; }

.cf-s-padding_right-xs2 {
  padding-right: 0.25rem; }

.cf-s-padding_right-xs3 {
  padding-right: 0.5rem; }

.cf-s-padding_right-xs4 {
  padding-right: 0.75rem; }

.cf-s-padding_right-xs5 {
  padding-right: 1rem; }

.cf-s-padding_right-xs6 {
  padding-right: 1.5rem; }

.cf-s-padding_right-xs7 {
  padding-right: 2rem; }

.cf-s-padding_right-xs8 {
  padding-right: 2.5rem; }

.cf-s-padding_right-xs9 {
  padding-right: 3rem; }

.cf-s-padding_right-xs10 {
  padding-right: 4rem; }

.cf-s-padding_right-xs11 {
  padding-right: 6rem; }

.cf-s-padding_right-xs12 {
  padding-right: 8rem; }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm0 {
    padding-right: 0rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm1 {
    padding-right: 0.125rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm2 {
    padding-right: 0.25rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm3 {
    padding-right: 0.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm4 {
    padding-right: 0.75rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm5 {
    padding-right: 1rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm6 {
    padding-right: 1.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm7 {
    padding-right: 2rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm8 {
    padding-right: 2.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm9 {
    padding-right: 3rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm10 {
    padding-right: 4rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm11 {
    padding-right: 6rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_right-sm12 {
    padding-right: 8rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md0 {
    padding-right: 0rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md1 {
    padding-right: 0.125rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md2 {
    padding-right: 0.25rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md3 {
    padding-right: 0.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md4 {
    padding-right: 0.75rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md5 {
    padding-right: 1rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md6 {
    padding-right: 1.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md7 {
    padding-right: 2rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md8 {
    padding-right: 2.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md9 {
    padding-right: 3rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md10 {
    padding-right: 4rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md11 {
    padding-right: 6rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_right-md12 {
    padding-right: 8rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg0 {
    padding-right: 0rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg1 {
    padding-right: 0.125rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg2 {
    padding-right: 0.25rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg3 {
    padding-right: 0.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg4 {
    padding-right: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg5 {
    padding-right: 1rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg6 {
    padding-right: 1.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg7 {
    padding-right: 2rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg8 {
    padding-right: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg9 {
    padding-right: 3rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg10 {
    padding-right: 4rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg11 {
    padding-right: 6rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_right-lg12 {
    padding-right: 8rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl0 {
    padding-right: 0rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl1 {
    padding-right: 0.125rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl2 {
    padding-right: 0.25rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl3 {
    padding-right: 0.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl4 {
    padding-right: 0.75rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl5 {
    padding-right: 1rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl6 {
    padding-right: 1.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl7 {
    padding-right: 2rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl8 {
    padding-right: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl9 {
    padding-right: 3rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl10 {
    padding-right: 4rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl11 {
    padding-right: 6rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_right-xl12 {
    padding-right: 8rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl0 {
    padding-right: 0rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl1 {
    padding-right: 0.125rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl2 {
    padding-right: 0.25rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl3 {
    padding-right: 0.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl4 {
    padding-right: 0.75rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl5 {
    padding-right: 1rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl6 {
    padding-right: 1.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl7 {
    padding-right: 2rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl8 {
    padding-right: 2.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl9 {
    padding-right: 3rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl10 {
    padding-right: 4rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl11 {
    padding-right: 6rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_right-xxl12 {
    padding-right: 8rem; } }

.cf-s-padding_bottom-xs0 {
  padding-bottom: 0rem; }

.cf-s-padding_bottom-xs1 {
  padding-bottom: 0.125rem; }

.cf-s-padding_bottom-xs2 {
  padding-bottom: 0.25rem; }

.cf-s-padding_bottom-xs3 {
  padding-bottom: 0.5rem; }

.cf-s-padding_bottom-xs4 {
  padding-bottom: 0.75rem; }

.cf-s-padding_bottom-xs5 {
  padding-bottom: 1rem; }

.cf-s-padding_bottom-xs6 {
  padding-bottom: 1.5rem; }

.cf-s-padding_bottom-xs7 {
  padding-bottom: 2rem; }

.cf-s-padding_bottom-xs8 {
  padding-bottom: 2.5rem; }

.cf-s-padding_bottom-xs9 {
  padding-bottom: 3rem; }

.cf-s-padding_bottom-xs10 {
  padding-bottom: 4rem; }

.cf-s-padding_bottom-xs11 {
  padding-bottom: 6rem; }

.cf-s-padding_bottom-xs12 {
  padding-bottom: 8rem; }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm0 {
    padding-bottom: 0rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm1 {
    padding-bottom: 0.125rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm2 {
    padding-bottom: 0.25rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm3 {
    padding-bottom: 0.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm4 {
    padding-bottom: 0.75rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm5 {
    padding-bottom: 1rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm6 {
    padding-bottom: 1.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm7 {
    padding-bottom: 2rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm8 {
    padding-bottom: 2.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm9 {
    padding-bottom: 3rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm10 {
    padding-bottom: 4rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm11 {
    padding-bottom: 6rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_bottom-sm12 {
    padding-bottom: 8rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md0 {
    padding-bottom: 0rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md1 {
    padding-bottom: 0.125rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md2 {
    padding-bottom: 0.25rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md3 {
    padding-bottom: 0.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md4 {
    padding-bottom: 0.75rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md5 {
    padding-bottom: 1rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md6 {
    padding-bottom: 1.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md7 {
    padding-bottom: 2rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md8 {
    padding-bottom: 2.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md9 {
    padding-bottom: 3rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md10 {
    padding-bottom: 4rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md11 {
    padding-bottom: 6rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_bottom-md12 {
    padding-bottom: 8rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg0 {
    padding-bottom: 0rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg1 {
    padding-bottom: 0.125rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg2 {
    padding-bottom: 0.25rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg3 {
    padding-bottom: 0.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg4 {
    padding-bottom: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg5 {
    padding-bottom: 1rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg6 {
    padding-bottom: 1.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg7 {
    padding-bottom: 2rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg8 {
    padding-bottom: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg9 {
    padding-bottom: 3rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg10 {
    padding-bottom: 4rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg11 {
    padding-bottom: 6rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_bottom-lg12 {
    padding-bottom: 8rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl0 {
    padding-bottom: 0rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl1 {
    padding-bottom: 0.125rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl2 {
    padding-bottom: 0.25rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl3 {
    padding-bottom: 0.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl4 {
    padding-bottom: 0.75rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl5 {
    padding-bottom: 1rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl6 {
    padding-bottom: 1.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl7 {
    padding-bottom: 2rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl8 {
    padding-bottom: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl9 {
    padding-bottom: 3rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl10 {
    padding-bottom: 4rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl11 {
    padding-bottom: 6rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_bottom-xl12 {
    padding-bottom: 8rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl0 {
    padding-bottom: 0rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl1 {
    padding-bottom: 0.125rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl2 {
    padding-bottom: 0.25rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl3 {
    padding-bottom: 0.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl4 {
    padding-bottom: 0.75rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl5 {
    padding-bottom: 1rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl6 {
    padding-bottom: 1.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl7 {
    padding-bottom: 2rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl8 {
    padding-bottom: 2.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl9 {
    padding-bottom: 3rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl10 {
    padding-bottom: 4rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl11 {
    padding-bottom: 6rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_bottom-xxl12 {
    padding-bottom: 8rem; } }

.cf-s-padding_left-xs0 {
  padding-left: 0rem; }

.cf-s-padding_left-xs1 {
  padding-left: 0.125rem; }

.cf-s-padding_left-xs2 {
  padding-left: 0.25rem; }

.cf-s-padding_left-xs3 {
  padding-left: 0.5rem; }

.cf-s-padding_left-xs4 {
  padding-left: 0.75rem; }

.cf-s-padding_left-xs5 {
  padding-left: 1rem; }

.cf-s-padding_left-xs6 {
  padding-left: 1.5rem; }

.cf-s-padding_left-xs7 {
  padding-left: 2rem; }

.cf-s-padding_left-xs8 {
  padding-left: 2.5rem; }

.cf-s-padding_left-xs9 {
  padding-left: 3rem; }

.cf-s-padding_left-xs10 {
  padding-left: 4rem; }

.cf-s-padding_left-xs11 {
  padding-left: 6rem; }

.cf-s-padding_left-xs12 {
  padding-left: 8rem; }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm0 {
    padding-left: 0rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm1 {
    padding-left: 0.125rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm2 {
    padding-left: 0.25rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm3 {
    padding-left: 0.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm4 {
    padding-left: 0.75rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm5 {
    padding-left: 1rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm6 {
    padding-left: 1.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm7 {
    padding-left: 2rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm8 {
    padding-left: 2.5rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm9 {
    padding-left: 3rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm10 {
    padding-left: 4rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm11 {
    padding-left: 6rem; } }

@media only screen and (min-width: 640px) {
  .cf-s-padding_left-sm12 {
    padding-left: 8rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md0 {
    padding-left: 0rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md1 {
    padding-left: 0.125rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md2 {
    padding-left: 0.25rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md3 {
    padding-left: 0.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md4 {
    padding-left: 0.75rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md5 {
    padding-left: 1rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md6 {
    padding-left: 1.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md7 {
    padding-left: 2rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md8 {
    padding-left: 2.5rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md9 {
    padding-left: 3rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md10 {
    padding-left: 4rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md11 {
    padding-left: 6rem; } }

@media only screen and (min-width: 900px) {
  .cf-s-padding_left-md12 {
    padding-left: 8rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg0 {
    padding-left: 0rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg1 {
    padding-left: 0.125rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg2 {
    padding-left: 0.25rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg3 {
    padding-left: 0.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg4 {
    padding-left: 0.75rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg5 {
    padding-left: 1rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg6 {
    padding-left: 1.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg7 {
    padding-left: 2rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg8 {
    padding-left: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg9 {
    padding-left: 3rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg10 {
    padding-left: 4rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg11 {
    padding-left: 6rem; } }

@media only screen and (min-width: 1200px) {
  .cf-s-padding_left-lg12 {
    padding-left: 8rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl0 {
    padding-left: 0rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl1 {
    padding-left: 0.125rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl2 {
    padding-left: 0.25rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl3 {
    padding-left: 0.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl4 {
    padding-left: 0.75rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl5 {
    padding-left: 1rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl6 {
    padding-left: 1.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl7 {
    padding-left: 2rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl8 {
    padding-left: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl9 {
    padding-left: 3rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl10 {
    padding-left: 4rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl11 {
    padding-left: 6rem; } }

@media only screen and (min-width: 1600px) {
  .cf-s-padding_left-xl12 {
    padding-left: 8rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl0 {
    padding-left: 0rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl1 {
    padding-left: 0.125rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl2 {
    padding-left: 0.25rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl3 {
    padding-left: 0.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl4 {
    padding-left: 0.75rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl5 {
    padding-left: 1rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl6 {
    padding-left: 1.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl7 {
    padding-left: 2rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl8 {
    padding-left: 2.5rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl9 {
    padding-left: 3rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl10 {
    padding-left: 4rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl11 {
    padding-left: 6rem; } }

@media only screen and (min-width: 1920px) {
  .cf-s-padding_left-xxl12 {
    padding-left: 8rem; } }

.cf-g {
  display: grid;
  width: 100%;
  overflow: hidden; }
  @media only screen and (min-width: 320px) {
    .cf-g {
      column-gap: 16px; } }
  @media only screen and (min-width: 640px) {
    .cf-g {
      column-gap: 24px; } }
  @media only screen and (min-width: 900px) {
    .cf-g {
      column-gap: 24px; } }
  @media only screen and (min-width: 1200px) {
    .cf-g {
      column-gap: 24px; } }
  @media only screen and (min-width: 1600px) {
    .cf-g {
      column-gap: 32px; } }
  @media only screen and (min-width: 1920px) {
    .cf-g {
      column-gap: 32px; } }

@media only screen and (min-width: 320px) {
  .cf-g.cf-g-row_gap-on {
    row-gap: 16px; } }

@media only screen and (min-width: 640px) {
  .cf-g.cf-g-row_gap-on {
    row-gap: 24px; } }

@media only screen and (min-width: 900px) {
  .cf-g.cf-g-row_gap-on {
    row-gap: 24px; } }

@media only screen and (min-width: 1200px) {
  .cf-g.cf-g-row_gap-on {
    row-gap: 24px; } }

@media only screen and (min-width: 1600px) {
  .cf-g.cf-g-row_gap-on {
    row-gap: 32px; } }

@media only screen and (min-width: 1920px) {
  .cf-g.cf-g-row_gap-on {
    row-gap: 32px; } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs1 {
    grid-template-columns: repeat(1, 1fr);
    grid-column-end: span 1; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs1 {
    grid-template-columns: repeat(1, 24px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs1 {
    grid-template-columns: repeat(1, 46px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs1 {
    grid-template-columns: repeat(1, 72px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs1 {
    grid-template-columns: repeat(1, 64px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs1 {
    grid-template-columns: repeat(1, 80px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs1-ml {
    grid-template-columns: 0px repeat(1, 1fr);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs1-ml {
    grid-template-columns: 1fr repeat(1, 24px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs1-ml {
    grid-template-columns: 1fr repeat(1, 46px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs1-ml {
    grid-template-columns: 1fr repeat(1, 72px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs1-ml {
    grid-template-columns: 1fr repeat(1, 64px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs1-ml {
    grid-template-columns: 1fr repeat(1, 80px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs1-mr {
    grid-template-columns: repeat(1, 1fr) 0px;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs1-mr {
    grid-template-columns: repeat(1, 24px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs1-mr {
    grid-template-columns: repeat(1, 46px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs1-mr {
    grid-template-columns: repeat(1, 72px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs1-mr {
    grid-template-columns: repeat(1, 64px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs1-mr {
    grid-template-columns: repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs1-mb {
    grid-template-columns: 0px repeat(1, 1fr) 0px;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs1-mb {
    grid-template-columns: 1fr repeat(1, 24px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs1-mb {
    grid-template-columns: 1fr repeat(1, 46px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs1-mb {
    grid-template-columns: 1fr repeat(1, 72px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs1-mb {
    grid-template-columns: 1fr repeat(1, 64px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs1-mb {
    grid-template-columns: 1fr repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs2 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-end: span 2; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs2 {
    grid-template-columns: repeat(2, 24px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs2 {
    grid-template-columns: repeat(2, 46px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs2 {
    grid-template-columns: repeat(2, 72px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs2 {
    grid-template-columns: repeat(2, 64px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs2 {
    grid-template-columns: repeat(2, 80px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs2-ml {
    grid-template-columns: 0px repeat(2, 1fr);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs2-ml {
    grid-template-columns: 1fr repeat(2, 24px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs2-ml {
    grid-template-columns: 1fr repeat(2, 46px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs2-ml {
    grid-template-columns: 1fr repeat(2, 72px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs2-ml {
    grid-template-columns: 1fr repeat(2, 64px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs2-ml {
    grid-template-columns: 1fr repeat(2, 80px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs2-mr {
    grid-template-columns: repeat(2, 1fr) 0px;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs2-mr {
    grid-template-columns: repeat(2, 24px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs2-mr {
    grid-template-columns: repeat(2, 46px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs2-mr {
    grid-template-columns: repeat(2, 72px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs2-mr {
    grid-template-columns: repeat(2, 64px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs2-mr {
    grid-template-columns: repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs2-mb {
    grid-template-columns: 0px repeat(2, 1fr) 0px;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs2-mb {
    grid-template-columns: 1fr repeat(2, 24px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs2-mb {
    grid-template-columns: 1fr repeat(2, 46px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs2-mb {
    grid-template-columns: 1fr repeat(2, 72px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs2-mb {
    grid-template-columns: 1fr repeat(2, 64px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs2-mb {
    grid-template-columns: 1fr repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs3 {
    grid-template-columns: repeat(3, 1fr);
    grid-column-end: span 3; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs3 {
    grid-template-columns: repeat(3, 24px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs3 {
    grid-template-columns: repeat(3, 46px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs3 {
    grid-template-columns: repeat(3, 72px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs3 {
    grid-template-columns: repeat(3, 64px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs3 {
    grid-template-columns: repeat(3, 80px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs3-ml {
    grid-template-columns: 0px repeat(3, 1fr);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs3-ml {
    grid-template-columns: 1fr repeat(3, 24px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs3-ml {
    grid-template-columns: 1fr repeat(3, 46px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs3-ml {
    grid-template-columns: 1fr repeat(3, 72px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs3-ml {
    grid-template-columns: 1fr repeat(3, 64px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs3-ml {
    grid-template-columns: 1fr repeat(3, 80px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs3-mr {
    grid-template-columns: repeat(3, 1fr) 0px;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs3-mr {
    grid-template-columns: repeat(3, 24px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs3-mr {
    grid-template-columns: repeat(3, 46px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs3-mr {
    grid-template-columns: repeat(3, 72px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs3-mr {
    grid-template-columns: repeat(3, 64px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs3-mr {
    grid-template-columns: repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs3-mb {
    grid-template-columns: 0px repeat(3, 1fr) 0px;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs3-mb {
    grid-template-columns: 1fr repeat(3, 24px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs3-mb {
    grid-template-columns: 1fr repeat(3, 46px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs3-mb {
    grid-template-columns: 1fr repeat(3, 72px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs3-mb {
    grid-template-columns: 1fr repeat(3, 64px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs3-mb {
    grid-template-columns: 1fr repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs4 {
    grid-template-columns: repeat(4, 1fr);
    grid-column-end: span 4; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs4 {
    grid-template-columns: repeat(4, 24px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs4 {
    grid-template-columns: repeat(4, 46px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs4 {
    grid-template-columns: repeat(4, 72px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs4 {
    grid-template-columns: repeat(4, 64px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs4 {
    grid-template-columns: repeat(4, 80px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs4-ml {
    grid-template-columns: 0px repeat(4, 1fr);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs4-ml {
    grid-template-columns: 1fr repeat(4, 24px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs4-ml {
    grid-template-columns: 1fr repeat(4, 46px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs4-ml {
    grid-template-columns: 1fr repeat(4, 72px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs4-ml {
    grid-template-columns: 1fr repeat(4, 64px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs4-ml {
    grid-template-columns: 1fr repeat(4, 80px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs4-mr {
    grid-template-columns: repeat(4, 1fr) 0px;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs4-mr {
    grid-template-columns: repeat(4, 24px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs4-mr {
    grid-template-columns: repeat(4, 46px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs4-mr {
    grid-template-columns: repeat(4, 72px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs4-mr {
    grid-template-columns: repeat(4, 64px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs4-mr {
    grid-template-columns: repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs4-mb {
    grid-template-columns: 0px repeat(4, 1fr) 0px;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs4-mb {
    grid-template-columns: 1fr repeat(4, 24px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs4-mb {
    grid-template-columns: 1fr repeat(4, 46px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs4-mb {
    grid-template-columns: 1fr repeat(4, 72px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs4-mb {
    grid-template-columns: 1fr repeat(4, 64px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs4-mb {
    grid-template-columns: 1fr repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs5 {
    grid-template-columns: repeat(5, 1fr);
    grid-column-end: span 5; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs5 {
    grid-template-columns: repeat(5, 24px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs5 {
    grid-template-columns: repeat(5, 46px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs5 {
    grid-template-columns: repeat(5, 72px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs5 {
    grid-template-columns: repeat(5, 64px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs5 {
    grid-template-columns: repeat(5, 80px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs5-ml {
    grid-template-columns: 0px repeat(5, 1fr);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs5-ml {
    grid-template-columns: 1fr repeat(5, 24px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs5-ml {
    grid-template-columns: 1fr repeat(5, 46px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs5-ml {
    grid-template-columns: 1fr repeat(5, 72px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs5-ml {
    grid-template-columns: 1fr repeat(5, 64px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs5-ml {
    grid-template-columns: 1fr repeat(5, 80px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs5-mr {
    grid-template-columns: repeat(5, 1fr) 0px;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs5-mr {
    grid-template-columns: repeat(5, 24px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs5-mr {
    grid-template-columns: repeat(5, 46px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs5-mr {
    grid-template-columns: repeat(5, 72px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs5-mr {
    grid-template-columns: repeat(5, 64px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs5-mr {
    grid-template-columns: repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs5-mb {
    grid-template-columns: 0px repeat(5, 1fr) 0px;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs5-mb {
    grid-template-columns: 1fr repeat(5, 24px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs5-mb {
    grid-template-columns: 1fr repeat(5, 46px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs5-mb {
    grid-template-columns: 1fr repeat(5, 72px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs5-mb {
    grid-template-columns: 1fr repeat(5, 64px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs5-mb {
    grid-template-columns: 1fr repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs6 {
    grid-template-columns: repeat(6, 1fr);
    grid-column-end: span 6; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs6 {
    grid-template-columns: repeat(6, 24px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs6 {
    grid-template-columns: repeat(6, 46px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs6 {
    grid-template-columns: repeat(6, 72px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs6 {
    grid-template-columns: repeat(6, 64px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs6 {
    grid-template-columns: repeat(6, 80px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs6-ml {
    grid-template-columns: 0px repeat(6, 1fr);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs6-ml {
    grid-template-columns: 1fr repeat(6, 24px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs6-ml {
    grid-template-columns: 1fr repeat(6, 46px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs6-ml {
    grid-template-columns: 1fr repeat(6, 72px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs6-ml {
    grid-template-columns: 1fr repeat(6, 64px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs6-ml {
    grid-template-columns: 1fr repeat(6, 80px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs6-mr {
    grid-template-columns: repeat(6, 1fr) 0px;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs6-mr {
    grid-template-columns: repeat(6, 24px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs6-mr {
    grid-template-columns: repeat(6, 46px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs6-mr {
    grid-template-columns: repeat(6, 72px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs6-mr {
    grid-template-columns: repeat(6, 64px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs6-mr {
    grid-template-columns: repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 320px) {
  .cf-g_cols-xs6-mb {
    grid-template-columns: 0px repeat(6, 1fr) 0px;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-xs6-mb {
    grid-template-columns: 1fr repeat(6, 24px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-xs6-mb {
    grid-template-columns: 1fr repeat(6, 46px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-xs6-mb {
    grid-template-columns: 1fr repeat(6, 72px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xs6-mb {
    grid-template-columns: 1fr repeat(6, 64px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xs6-mb {
    grid-template-columns: 1fr repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm1 {
    grid-template-columns: repeat(1, 24px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm1 {
    grid-template-columns: repeat(1, 46px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm1 {
    grid-template-columns: repeat(1, 72px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm1 {
    grid-template-columns: repeat(1, 64px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm1 {
    grid-template-columns: repeat(1, 80px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm1-ml {
    grid-template-columns: 1fr repeat(1, 24px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm1-ml {
    grid-template-columns: 1fr repeat(1, 46px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm1-ml {
    grid-template-columns: 1fr repeat(1, 72px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm1-ml {
    grid-template-columns: 1fr repeat(1, 64px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm1-ml {
    grid-template-columns: 1fr repeat(1, 80px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm1-mr {
    grid-template-columns: repeat(1, 24px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm1-mr {
    grid-template-columns: repeat(1, 46px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm1-mr {
    grid-template-columns: repeat(1, 72px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm1-mr {
    grid-template-columns: repeat(1, 64px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm1-mr {
    grid-template-columns: repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm1-mb {
    grid-template-columns: 1fr repeat(1, 24px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm1-mb {
    grid-template-columns: 1fr repeat(1, 46px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm1-mb {
    grid-template-columns: 1fr repeat(1, 72px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm1-mb {
    grid-template-columns: 1fr repeat(1, 64px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm1-mb {
    grid-template-columns: 1fr repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm2 {
    grid-template-columns: repeat(2, 24px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm2 {
    grid-template-columns: repeat(2, 46px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm2 {
    grid-template-columns: repeat(2, 72px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm2 {
    grid-template-columns: repeat(2, 64px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm2 {
    grid-template-columns: repeat(2, 80px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm2-ml {
    grid-template-columns: 1fr repeat(2, 24px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm2-ml {
    grid-template-columns: 1fr repeat(2, 46px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm2-ml {
    grid-template-columns: 1fr repeat(2, 72px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm2-ml {
    grid-template-columns: 1fr repeat(2, 64px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm2-ml {
    grid-template-columns: 1fr repeat(2, 80px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm2-mr {
    grid-template-columns: repeat(2, 24px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm2-mr {
    grid-template-columns: repeat(2, 46px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm2-mr {
    grid-template-columns: repeat(2, 72px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm2-mr {
    grid-template-columns: repeat(2, 64px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm2-mr {
    grid-template-columns: repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm2-mb {
    grid-template-columns: 1fr repeat(2, 24px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm2-mb {
    grid-template-columns: 1fr repeat(2, 46px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm2-mb {
    grid-template-columns: 1fr repeat(2, 72px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm2-mb {
    grid-template-columns: 1fr repeat(2, 64px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm2-mb {
    grid-template-columns: 1fr repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm3 {
    grid-template-columns: repeat(3, 24px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm3 {
    grid-template-columns: repeat(3, 46px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm3 {
    grid-template-columns: repeat(3, 72px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm3 {
    grid-template-columns: repeat(3, 64px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm3 {
    grid-template-columns: repeat(3, 80px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm3-ml {
    grid-template-columns: 1fr repeat(3, 24px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm3-ml {
    grid-template-columns: 1fr repeat(3, 46px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm3-ml {
    grid-template-columns: 1fr repeat(3, 72px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm3-ml {
    grid-template-columns: 1fr repeat(3, 64px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm3-ml {
    grid-template-columns: 1fr repeat(3, 80px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm3-mr {
    grid-template-columns: repeat(3, 24px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm3-mr {
    grid-template-columns: repeat(3, 46px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm3-mr {
    grid-template-columns: repeat(3, 72px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm3-mr {
    grid-template-columns: repeat(3, 64px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm3-mr {
    grid-template-columns: repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm3-mb {
    grid-template-columns: 1fr repeat(3, 24px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm3-mb {
    grid-template-columns: 1fr repeat(3, 46px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm3-mb {
    grid-template-columns: 1fr repeat(3, 72px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm3-mb {
    grid-template-columns: 1fr repeat(3, 64px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm3-mb {
    grid-template-columns: 1fr repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm4 {
    grid-template-columns: repeat(4, 24px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm4 {
    grid-template-columns: repeat(4, 46px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm4 {
    grid-template-columns: repeat(4, 72px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm4 {
    grid-template-columns: repeat(4, 64px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm4 {
    grid-template-columns: repeat(4, 80px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm4-ml {
    grid-template-columns: 1fr repeat(4, 24px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm4-ml {
    grid-template-columns: 1fr repeat(4, 46px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm4-ml {
    grid-template-columns: 1fr repeat(4, 72px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm4-ml {
    grid-template-columns: 1fr repeat(4, 64px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm4-ml {
    grid-template-columns: 1fr repeat(4, 80px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm4-mr {
    grid-template-columns: repeat(4, 24px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm4-mr {
    grid-template-columns: repeat(4, 46px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm4-mr {
    grid-template-columns: repeat(4, 72px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm4-mr {
    grid-template-columns: repeat(4, 64px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm4-mr {
    grid-template-columns: repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm4-mb {
    grid-template-columns: 1fr repeat(4, 24px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm4-mb {
    grid-template-columns: 1fr repeat(4, 46px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm4-mb {
    grid-template-columns: 1fr repeat(4, 72px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm4-mb {
    grid-template-columns: 1fr repeat(4, 64px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm4-mb {
    grid-template-columns: 1fr repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm5 {
    grid-template-columns: repeat(5, 24px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm5 {
    grid-template-columns: repeat(5, 46px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm5 {
    grid-template-columns: repeat(5, 72px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm5 {
    grid-template-columns: repeat(5, 64px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm5 {
    grid-template-columns: repeat(5, 80px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm5-ml {
    grid-template-columns: 1fr repeat(5, 24px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm5-ml {
    grid-template-columns: 1fr repeat(5, 46px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm5-ml {
    grid-template-columns: 1fr repeat(5, 72px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm5-ml {
    grid-template-columns: 1fr repeat(5, 64px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm5-ml {
    grid-template-columns: 1fr repeat(5, 80px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm5-mr {
    grid-template-columns: repeat(5, 24px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm5-mr {
    grid-template-columns: repeat(5, 46px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm5-mr {
    grid-template-columns: repeat(5, 72px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm5-mr {
    grid-template-columns: repeat(5, 64px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm5-mr {
    grid-template-columns: repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm5-mb {
    grid-template-columns: 1fr repeat(5, 24px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm5-mb {
    grid-template-columns: 1fr repeat(5, 46px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm5-mb {
    grid-template-columns: 1fr repeat(5, 72px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm5-mb {
    grid-template-columns: 1fr repeat(5, 64px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm5-mb {
    grid-template-columns: 1fr repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm6 {
    grid-template-columns: repeat(6, 24px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm6 {
    grid-template-columns: repeat(6, 46px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm6 {
    grid-template-columns: repeat(6, 72px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm6 {
    grid-template-columns: repeat(6, 64px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm6 {
    grid-template-columns: repeat(6, 80px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm6-ml {
    grid-template-columns: 1fr repeat(6, 24px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm6-ml {
    grid-template-columns: 1fr repeat(6, 46px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm6-ml {
    grid-template-columns: 1fr repeat(6, 72px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm6-ml {
    grid-template-columns: 1fr repeat(6, 64px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm6-ml {
    grid-template-columns: 1fr repeat(6, 80px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm6-mr {
    grid-template-columns: repeat(6, 24px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm6-mr {
    grid-template-columns: repeat(6, 46px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm6-mr {
    grid-template-columns: repeat(6, 72px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm6-mr {
    grid-template-columns: repeat(6, 64px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm6-mr {
    grid-template-columns: repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm6-mb {
    grid-template-columns: 1fr repeat(6, 24px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm6-mb {
    grid-template-columns: 1fr repeat(6, 46px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm6-mb {
    grid-template-columns: 1fr repeat(6, 72px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm6-mb {
    grid-template-columns: 1fr repeat(6, 64px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm6-mb {
    grid-template-columns: 1fr repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm7 {
    grid-template-columns: repeat(7, 24px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm7 {
    grid-template-columns: repeat(7, 46px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm7 {
    grid-template-columns: repeat(7, 72px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm7 {
    grid-template-columns: repeat(7, 64px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm7 {
    grid-template-columns: repeat(7, 80px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm7-ml {
    grid-template-columns: 1fr repeat(7, 24px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm7-ml {
    grid-template-columns: 1fr repeat(7, 46px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm7-ml {
    grid-template-columns: 1fr repeat(7, 72px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm7-ml {
    grid-template-columns: 1fr repeat(7, 64px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm7-ml {
    grid-template-columns: 1fr repeat(7, 80px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm7-mr {
    grid-template-columns: repeat(7, 24px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm7-mr {
    grid-template-columns: repeat(7, 46px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm7-mr {
    grid-template-columns: repeat(7, 72px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm7-mr {
    grid-template-columns: repeat(7, 64px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm7-mr {
    grid-template-columns: repeat(7, 80px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm7-mb {
    grid-template-columns: 1fr repeat(7, 24px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm7-mb {
    grid-template-columns: 1fr repeat(7, 46px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm7-mb {
    grid-template-columns: 1fr repeat(7, 72px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm7-mb {
    grid-template-columns: 1fr repeat(7, 64px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm7-mb {
    grid-template-columns: 1fr repeat(7, 80px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm8 {
    grid-template-columns: repeat(8, 24px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm8 {
    grid-template-columns: repeat(8, 46px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm8 {
    grid-template-columns: repeat(8, 72px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm8 {
    grid-template-columns: repeat(8, 64px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm8 {
    grid-template-columns: repeat(8, 80px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm8-ml {
    grid-template-columns: 1fr repeat(8, 24px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm8-ml {
    grid-template-columns: 1fr repeat(8, 46px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm8-ml {
    grid-template-columns: 1fr repeat(8, 72px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm8-ml {
    grid-template-columns: 1fr repeat(8, 64px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm8-ml {
    grid-template-columns: 1fr repeat(8, 80px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm8-mr {
    grid-template-columns: repeat(8, 24px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm8-mr {
    grid-template-columns: repeat(8, 46px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm8-mr {
    grid-template-columns: repeat(8, 72px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm8-mr {
    grid-template-columns: repeat(8, 64px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm8-mr {
    grid-template-columns: repeat(8, 80px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm8-mb {
    grid-template-columns: 1fr repeat(8, 24px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm8-mb {
    grid-template-columns: 1fr repeat(8, 46px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm8-mb {
    grid-template-columns: 1fr repeat(8, 72px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm8-mb {
    grid-template-columns: 1fr repeat(8, 64px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm8-mb {
    grid-template-columns: 1fr repeat(8, 80px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm9 {
    grid-template-columns: repeat(9, 24px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm9 {
    grid-template-columns: repeat(9, 46px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm9 {
    grid-template-columns: repeat(9, 72px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm9 {
    grid-template-columns: repeat(9, 64px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm9 {
    grid-template-columns: repeat(9, 80px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm9-ml {
    grid-template-columns: 1fr repeat(9, 24px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm9-ml {
    grid-template-columns: 1fr repeat(9, 46px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm9-ml {
    grid-template-columns: 1fr repeat(9, 72px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm9-ml {
    grid-template-columns: 1fr repeat(9, 64px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm9-ml {
    grid-template-columns: 1fr repeat(9, 80px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm9-mr {
    grid-template-columns: repeat(9, 24px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm9-mr {
    grid-template-columns: repeat(9, 46px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm9-mr {
    grid-template-columns: repeat(9, 72px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm9-mr {
    grid-template-columns: repeat(9, 64px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm9-mr {
    grid-template-columns: repeat(9, 80px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm9-mb {
    grid-template-columns: 1fr repeat(9, 24px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm9-mb {
    grid-template-columns: 1fr repeat(9, 46px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm9-mb {
    grid-template-columns: 1fr repeat(9, 72px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm9-mb {
    grid-template-columns: 1fr repeat(9, 64px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm9-mb {
    grid-template-columns: 1fr repeat(9, 80px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm10 {
    grid-template-columns: repeat(10, 24px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm10 {
    grid-template-columns: repeat(10, 46px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm10 {
    grid-template-columns: repeat(10, 72px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm10 {
    grid-template-columns: repeat(10, 64px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm10 {
    grid-template-columns: repeat(10, 80px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm10-ml {
    grid-template-columns: 1fr repeat(10, 24px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm10-ml {
    grid-template-columns: 1fr repeat(10, 46px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm10-ml {
    grid-template-columns: 1fr repeat(10, 72px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm10-ml {
    grid-template-columns: 1fr repeat(10, 64px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm10-ml {
    grid-template-columns: 1fr repeat(10, 80px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm10-mr {
    grid-template-columns: repeat(10, 24px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm10-mr {
    grid-template-columns: repeat(10, 46px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm10-mr {
    grid-template-columns: repeat(10, 72px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm10-mr {
    grid-template-columns: repeat(10, 64px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm10-mr {
    grid-template-columns: repeat(10, 80px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm10-mb {
    grid-template-columns: 1fr repeat(10, 24px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm10-mb {
    grid-template-columns: 1fr repeat(10, 46px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm10-mb {
    grid-template-columns: 1fr repeat(10, 72px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm10-mb {
    grid-template-columns: 1fr repeat(10, 64px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm10-mb {
    grid-template-columns: 1fr repeat(10, 80px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm11 {
    grid-template-columns: repeat(11, 24px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm11 {
    grid-template-columns: repeat(11, 46px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm11 {
    grid-template-columns: repeat(11, 72px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm11 {
    grid-template-columns: repeat(11, 64px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm11 {
    grid-template-columns: repeat(11, 80px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm11-ml {
    grid-template-columns: 1fr repeat(11, 24px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm11-ml {
    grid-template-columns: 1fr repeat(11, 46px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm11-ml {
    grid-template-columns: 1fr repeat(11, 72px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm11-ml {
    grid-template-columns: 1fr repeat(11, 64px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm11-ml {
    grid-template-columns: 1fr repeat(11, 80px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm11-mr {
    grid-template-columns: repeat(11, 24px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm11-mr {
    grid-template-columns: repeat(11, 46px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm11-mr {
    grid-template-columns: repeat(11, 72px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm11-mr {
    grid-template-columns: repeat(11, 64px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm11-mr {
    grid-template-columns: repeat(11, 80px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm11-mb {
    grid-template-columns: 1fr repeat(11, 24px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm11-mb {
    grid-template-columns: 1fr repeat(11, 46px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm11-mb {
    grid-template-columns: 1fr repeat(11, 72px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm11-mb {
    grid-template-columns: 1fr repeat(11, 64px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm11-mb {
    grid-template-columns: 1fr repeat(11, 80px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm12 {
    grid-template-columns: repeat(12, 24px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm12 {
    grid-template-columns: repeat(12, 46px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm12 {
    grid-template-columns: repeat(12, 72px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm12 {
    grid-template-columns: repeat(12, 64px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm12 {
    grid-template-columns: repeat(12, 80px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm12-ml {
    grid-template-columns: 1fr repeat(12, 24px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm12-ml {
    grid-template-columns: 1fr repeat(12, 46px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm12-ml {
    grid-template-columns: 1fr repeat(12, 72px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm12-ml {
    grid-template-columns: 1fr repeat(12, 64px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm12-ml {
    grid-template-columns: 1fr repeat(12, 80px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm12-mr {
    grid-template-columns: repeat(12, 24px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm12-mr {
    grid-template-columns: repeat(12, 46px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm12-mr {
    grid-template-columns: repeat(12, 72px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm12-mr {
    grid-template-columns: repeat(12, 64px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm12-mr {
    grid-template-columns: repeat(12, 80px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 640px) {
  .cf-g_cols-sm12-mb {
    grid-template-columns: 1fr repeat(12, 24px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-sm12-mb {
    grid-template-columns: 1fr repeat(12, 46px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-sm12-mb {
    grid-template-columns: 1fr repeat(12, 72px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-sm12-mb {
    grid-template-columns: 1fr repeat(12, 64px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-sm12-mb {
    grid-template-columns: 1fr repeat(12, 80px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md1 {
    grid-template-columns: repeat(1, 46px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md1 {
    grid-template-columns: repeat(1, 72px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md1 {
    grid-template-columns: repeat(1, 64px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md1 {
    grid-template-columns: repeat(1, 80px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md1-ml {
    grid-template-columns: 1fr repeat(1, 46px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md1-ml {
    grid-template-columns: 1fr repeat(1, 72px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md1-ml {
    grid-template-columns: 1fr repeat(1, 64px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md1-ml {
    grid-template-columns: 1fr repeat(1, 80px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md1-mr {
    grid-template-columns: repeat(1, 46px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md1-mr {
    grid-template-columns: repeat(1, 72px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md1-mr {
    grid-template-columns: repeat(1, 64px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md1-mr {
    grid-template-columns: repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md1-mb {
    grid-template-columns: 1fr repeat(1, 46px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md1-mb {
    grid-template-columns: 1fr repeat(1, 72px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md1-mb {
    grid-template-columns: 1fr repeat(1, 64px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md1-mb {
    grid-template-columns: 1fr repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md2 {
    grid-template-columns: repeat(2, 46px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md2 {
    grid-template-columns: repeat(2, 72px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md2 {
    grid-template-columns: repeat(2, 64px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md2 {
    grid-template-columns: repeat(2, 80px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md2-ml {
    grid-template-columns: 1fr repeat(2, 46px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md2-ml {
    grid-template-columns: 1fr repeat(2, 72px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md2-ml {
    grid-template-columns: 1fr repeat(2, 64px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md2-ml {
    grid-template-columns: 1fr repeat(2, 80px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md2-mr {
    grid-template-columns: repeat(2, 46px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md2-mr {
    grid-template-columns: repeat(2, 72px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md2-mr {
    grid-template-columns: repeat(2, 64px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md2-mr {
    grid-template-columns: repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md2-mb {
    grid-template-columns: 1fr repeat(2, 46px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md2-mb {
    grid-template-columns: 1fr repeat(2, 72px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md2-mb {
    grid-template-columns: 1fr repeat(2, 64px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md2-mb {
    grid-template-columns: 1fr repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md3 {
    grid-template-columns: repeat(3, 46px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md3 {
    grid-template-columns: repeat(3, 72px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md3 {
    grid-template-columns: repeat(3, 64px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md3 {
    grid-template-columns: repeat(3, 80px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md3-ml {
    grid-template-columns: 1fr repeat(3, 46px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md3-ml {
    grid-template-columns: 1fr repeat(3, 72px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md3-ml {
    grid-template-columns: 1fr repeat(3, 64px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md3-ml {
    grid-template-columns: 1fr repeat(3, 80px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md3-mr {
    grid-template-columns: repeat(3, 46px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md3-mr {
    grid-template-columns: repeat(3, 72px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md3-mr {
    grid-template-columns: repeat(3, 64px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md3-mr {
    grid-template-columns: repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md3-mb {
    grid-template-columns: 1fr repeat(3, 46px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md3-mb {
    grid-template-columns: 1fr repeat(3, 72px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md3-mb {
    grid-template-columns: 1fr repeat(3, 64px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md3-mb {
    grid-template-columns: 1fr repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md4 {
    grid-template-columns: repeat(4, 46px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md4 {
    grid-template-columns: repeat(4, 72px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md4 {
    grid-template-columns: repeat(4, 64px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md4 {
    grid-template-columns: repeat(4, 80px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md4-ml {
    grid-template-columns: 1fr repeat(4, 46px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md4-ml {
    grid-template-columns: 1fr repeat(4, 72px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md4-ml {
    grid-template-columns: 1fr repeat(4, 64px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md4-ml {
    grid-template-columns: 1fr repeat(4, 80px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md4-mr {
    grid-template-columns: repeat(4, 46px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md4-mr {
    grid-template-columns: repeat(4, 72px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md4-mr {
    grid-template-columns: repeat(4, 64px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md4-mr {
    grid-template-columns: repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md4-mb {
    grid-template-columns: 1fr repeat(4, 46px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md4-mb {
    grid-template-columns: 1fr repeat(4, 72px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md4-mb {
    grid-template-columns: 1fr repeat(4, 64px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md4-mb {
    grid-template-columns: 1fr repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md5 {
    grid-template-columns: repeat(5, 46px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md5 {
    grid-template-columns: repeat(5, 72px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md5 {
    grid-template-columns: repeat(5, 64px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md5 {
    grid-template-columns: repeat(5, 80px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md5-ml {
    grid-template-columns: 1fr repeat(5, 46px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md5-ml {
    grid-template-columns: 1fr repeat(5, 72px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md5-ml {
    grid-template-columns: 1fr repeat(5, 64px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md5-ml {
    grid-template-columns: 1fr repeat(5, 80px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md5-mr {
    grid-template-columns: repeat(5, 46px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md5-mr {
    grid-template-columns: repeat(5, 72px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md5-mr {
    grid-template-columns: repeat(5, 64px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md5-mr {
    grid-template-columns: repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md5-mb {
    grid-template-columns: 1fr repeat(5, 46px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md5-mb {
    grid-template-columns: 1fr repeat(5, 72px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md5-mb {
    grid-template-columns: 1fr repeat(5, 64px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md5-mb {
    grid-template-columns: 1fr repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md6 {
    grid-template-columns: repeat(6, 46px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md6 {
    grid-template-columns: repeat(6, 72px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md6 {
    grid-template-columns: repeat(6, 64px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md6 {
    grid-template-columns: repeat(6, 80px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md6-ml {
    grid-template-columns: 1fr repeat(6, 46px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md6-ml {
    grid-template-columns: 1fr repeat(6, 72px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md6-ml {
    grid-template-columns: 1fr repeat(6, 64px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md6-ml {
    grid-template-columns: 1fr repeat(6, 80px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md6-mr {
    grid-template-columns: repeat(6, 46px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md6-mr {
    grid-template-columns: repeat(6, 72px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md6-mr {
    grid-template-columns: repeat(6, 64px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md6-mr {
    grid-template-columns: repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md6-mb {
    grid-template-columns: 1fr repeat(6, 46px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md6-mb {
    grid-template-columns: 1fr repeat(6, 72px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md6-mb {
    grid-template-columns: 1fr repeat(6, 64px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md6-mb {
    grid-template-columns: 1fr repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md7 {
    grid-template-columns: repeat(7, 46px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md7 {
    grid-template-columns: repeat(7, 72px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md7 {
    grid-template-columns: repeat(7, 64px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md7 {
    grid-template-columns: repeat(7, 80px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md7-ml {
    grid-template-columns: 1fr repeat(7, 46px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md7-ml {
    grid-template-columns: 1fr repeat(7, 72px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md7-ml {
    grid-template-columns: 1fr repeat(7, 64px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md7-ml {
    grid-template-columns: 1fr repeat(7, 80px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md7-mr {
    grid-template-columns: repeat(7, 46px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md7-mr {
    grid-template-columns: repeat(7, 72px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md7-mr {
    grid-template-columns: repeat(7, 64px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md7-mr {
    grid-template-columns: repeat(7, 80px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md7-mb {
    grid-template-columns: 1fr repeat(7, 46px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md7-mb {
    grid-template-columns: 1fr repeat(7, 72px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md7-mb {
    grid-template-columns: 1fr repeat(7, 64px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md7-mb {
    grid-template-columns: 1fr repeat(7, 80px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md8 {
    grid-template-columns: repeat(8, 46px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md8 {
    grid-template-columns: repeat(8, 72px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md8 {
    grid-template-columns: repeat(8, 64px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md8 {
    grid-template-columns: repeat(8, 80px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md8-ml {
    grid-template-columns: 1fr repeat(8, 46px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md8-ml {
    grid-template-columns: 1fr repeat(8, 72px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md8-ml {
    grid-template-columns: 1fr repeat(8, 64px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md8-ml {
    grid-template-columns: 1fr repeat(8, 80px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md8-mr {
    grid-template-columns: repeat(8, 46px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md8-mr {
    grid-template-columns: repeat(8, 72px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md8-mr {
    grid-template-columns: repeat(8, 64px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md8-mr {
    grid-template-columns: repeat(8, 80px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md8-mb {
    grid-template-columns: 1fr repeat(8, 46px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md8-mb {
    grid-template-columns: 1fr repeat(8, 72px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md8-mb {
    grid-template-columns: 1fr repeat(8, 64px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md8-mb {
    grid-template-columns: 1fr repeat(8, 80px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md9 {
    grid-template-columns: repeat(9, 46px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md9 {
    grid-template-columns: repeat(9, 72px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md9 {
    grid-template-columns: repeat(9, 64px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md9 {
    grid-template-columns: repeat(9, 80px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md9-ml {
    grid-template-columns: 1fr repeat(9, 46px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md9-ml {
    grid-template-columns: 1fr repeat(9, 72px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md9-ml {
    grid-template-columns: 1fr repeat(9, 64px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md9-ml {
    grid-template-columns: 1fr repeat(9, 80px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md9-mr {
    grid-template-columns: repeat(9, 46px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md9-mr {
    grid-template-columns: repeat(9, 72px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md9-mr {
    grid-template-columns: repeat(9, 64px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md9-mr {
    grid-template-columns: repeat(9, 80px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md9-mb {
    grid-template-columns: 1fr repeat(9, 46px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md9-mb {
    grid-template-columns: 1fr repeat(9, 72px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md9-mb {
    grid-template-columns: 1fr repeat(9, 64px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md9-mb {
    grid-template-columns: 1fr repeat(9, 80px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md10 {
    grid-template-columns: repeat(10, 46px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md10 {
    grid-template-columns: repeat(10, 72px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md10 {
    grid-template-columns: repeat(10, 64px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md10 {
    grid-template-columns: repeat(10, 80px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md10-ml {
    grid-template-columns: 1fr repeat(10, 46px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md10-ml {
    grid-template-columns: 1fr repeat(10, 72px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md10-ml {
    grid-template-columns: 1fr repeat(10, 64px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md10-ml {
    grid-template-columns: 1fr repeat(10, 80px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md10-mr {
    grid-template-columns: repeat(10, 46px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md10-mr {
    grid-template-columns: repeat(10, 72px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md10-mr {
    grid-template-columns: repeat(10, 64px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md10-mr {
    grid-template-columns: repeat(10, 80px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md10-mb {
    grid-template-columns: 1fr repeat(10, 46px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md10-mb {
    grid-template-columns: 1fr repeat(10, 72px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md10-mb {
    grid-template-columns: 1fr repeat(10, 64px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md10-mb {
    grid-template-columns: 1fr repeat(10, 80px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md11 {
    grid-template-columns: repeat(11, 46px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md11 {
    grid-template-columns: repeat(11, 72px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md11 {
    grid-template-columns: repeat(11, 64px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md11 {
    grid-template-columns: repeat(11, 80px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md11-ml {
    grid-template-columns: 1fr repeat(11, 46px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md11-ml {
    grid-template-columns: 1fr repeat(11, 72px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md11-ml {
    grid-template-columns: 1fr repeat(11, 64px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md11-ml {
    grid-template-columns: 1fr repeat(11, 80px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md11-mr {
    grid-template-columns: repeat(11, 46px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md11-mr {
    grid-template-columns: repeat(11, 72px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md11-mr {
    grid-template-columns: repeat(11, 64px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md11-mr {
    grid-template-columns: repeat(11, 80px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md11-mb {
    grid-template-columns: 1fr repeat(11, 46px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md11-mb {
    grid-template-columns: 1fr repeat(11, 72px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md11-mb {
    grid-template-columns: 1fr repeat(11, 64px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md11-mb {
    grid-template-columns: 1fr repeat(11, 80px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md12 {
    grid-template-columns: repeat(12, 46px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md12 {
    grid-template-columns: repeat(12, 72px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md12 {
    grid-template-columns: repeat(12, 64px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md12 {
    grid-template-columns: repeat(12, 80px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md12-ml {
    grid-template-columns: 1fr repeat(12, 46px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md12-ml {
    grid-template-columns: 1fr repeat(12, 72px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md12-ml {
    grid-template-columns: 1fr repeat(12, 64px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md12-ml {
    grid-template-columns: 1fr repeat(12, 80px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md12-mr {
    grid-template-columns: repeat(12, 46px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md12-mr {
    grid-template-columns: repeat(12, 72px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md12-mr {
    grid-template-columns: repeat(12, 64px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md12-mr {
    grid-template-columns: repeat(12, 80px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 900px) {
  .cf-g_cols-md12-mb {
    grid-template-columns: 1fr repeat(12, 46px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-md12-mb {
    grid-template-columns: 1fr repeat(12, 72px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-md12-mb {
    grid-template-columns: 1fr repeat(12, 64px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-md12-mb {
    grid-template-columns: 1fr repeat(12, 80px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg1 {
    grid-template-columns: repeat(1, 72px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg1 {
    grid-template-columns: repeat(1, 64px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg1 {
    grid-template-columns: repeat(1, 80px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg1-ml {
    grid-template-columns: 1fr repeat(1, 72px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg1-ml {
    grid-template-columns: 1fr repeat(1, 64px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg1-ml {
    grid-template-columns: 1fr repeat(1, 80px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg1-mr {
    grid-template-columns: repeat(1, 72px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg1-mr {
    grid-template-columns: repeat(1, 64px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg1-mr {
    grid-template-columns: repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg1-mb {
    grid-template-columns: 1fr repeat(1, 72px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg1-mb {
    grid-template-columns: 1fr repeat(1, 64px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg1-mb {
    grid-template-columns: 1fr repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg2 {
    grid-template-columns: repeat(2, 72px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg2 {
    grid-template-columns: repeat(2, 64px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg2 {
    grid-template-columns: repeat(2, 80px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg2-ml {
    grid-template-columns: 1fr repeat(2, 72px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg2-ml {
    grid-template-columns: 1fr repeat(2, 64px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg2-ml {
    grid-template-columns: 1fr repeat(2, 80px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg2-mr {
    grid-template-columns: repeat(2, 72px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg2-mr {
    grid-template-columns: repeat(2, 64px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg2-mr {
    grid-template-columns: repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg2-mb {
    grid-template-columns: 1fr repeat(2, 72px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg2-mb {
    grid-template-columns: 1fr repeat(2, 64px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg2-mb {
    grid-template-columns: 1fr repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg3 {
    grid-template-columns: repeat(3, 72px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg3 {
    grid-template-columns: repeat(3, 64px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg3 {
    grid-template-columns: repeat(3, 80px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg3-ml {
    grid-template-columns: 1fr repeat(3, 72px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg3-ml {
    grid-template-columns: 1fr repeat(3, 64px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg3-ml {
    grid-template-columns: 1fr repeat(3, 80px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg3-mr {
    grid-template-columns: repeat(3, 72px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg3-mr {
    grid-template-columns: repeat(3, 64px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg3-mr {
    grid-template-columns: repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg3-mb {
    grid-template-columns: 1fr repeat(3, 72px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg3-mb {
    grid-template-columns: 1fr repeat(3, 64px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg3-mb {
    grid-template-columns: 1fr repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg4 {
    grid-template-columns: repeat(4, 72px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg4 {
    grid-template-columns: repeat(4, 64px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg4 {
    grid-template-columns: repeat(4, 80px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg4-ml {
    grid-template-columns: 1fr repeat(4, 72px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg4-ml {
    grid-template-columns: 1fr repeat(4, 64px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg4-ml {
    grid-template-columns: 1fr repeat(4, 80px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg4-mr {
    grid-template-columns: repeat(4, 72px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg4-mr {
    grid-template-columns: repeat(4, 64px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg4-mr {
    grid-template-columns: repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg4-mb {
    grid-template-columns: 1fr repeat(4, 72px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg4-mb {
    grid-template-columns: 1fr repeat(4, 64px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg4-mb {
    grid-template-columns: 1fr repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg5 {
    grid-template-columns: repeat(5, 72px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg5 {
    grid-template-columns: repeat(5, 64px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg5 {
    grid-template-columns: repeat(5, 80px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg5-ml {
    grid-template-columns: 1fr repeat(5, 72px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg5-ml {
    grid-template-columns: 1fr repeat(5, 64px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg5-ml {
    grid-template-columns: 1fr repeat(5, 80px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg5-mr {
    grid-template-columns: repeat(5, 72px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg5-mr {
    grid-template-columns: repeat(5, 64px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg5-mr {
    grid-template-columns: repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg5-mb {
    grid-template-columns: 1fr repeat(5, 72px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg5-mb {
    grid-template-columns: 1fr repeat(5, 64px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg5-mb {
    grid-template-columns: 1fr repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg6 {
    grid-template-columns: repeat(6, 72px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg6 {
    grid-template-columns: repeat(6, 64px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg6 {
    grid-template-columns: repeat(6, 80px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg6-ml {
    grid-template-columns: 1fr repeat(6, 72px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg6-ml {
    grid-template-columns: 1fr repeat(6, 64px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg6-ml {
    grid-template-columns: 1fr repeat(6, 80px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg6-mr {
    grid-template-columns: repeat(6, 72px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg6-mr {
    grid-template-columns: repeat(6, 64px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg6-mr {
    grid-template-columns: repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg6-mb {
    grid-template-columns: 1fr repeat(6, 72px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg6-mb {
    grid-template-columns: 1fr repeat(6, 64px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg6-mb {
    grid-template-columns: 1fr repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg7 {
    grid-template-columns: repeat(7, 72px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg7 {
    grid-template-columns: repeat(7, 64px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg7 {
    grid-template-columns: repeat(7, 80px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg7-ml {
    grid-template-columns: 1fr repeat(7, 72px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg7-ml {
    grid-template-columns: 1fr repeat(7, 64px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg7-ml {
    grid-template-columns: 1fr repeat(7, 80px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg7-mr {
    grid-template-columns: repeat(7, 72px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg7-mr {
    grid-template-columns: repeat(7, 64px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg7-mr {
    grid-template-columns: repeat(7, 80px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg7-mb {
    grid-template-columns: 1fr repeat(7, 72px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg7-mb {
    grid-template-columns: 1fr repeat(7, 64px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg7-mb {
    grid-template-columns: 1fr repeat(7, 80px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg8 {
    grid-template-columns: repeat(8, 72px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg8 {
    grid-template-columns: repeat(8, 64px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg8 {
    grid-template-columns: repeat(8, 80px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg8-ml {
    grid-template-columns: 1fr repeat(8, 72px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg8-ml {
    grid-template-columns: 1fr repeat(8, 64px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg8-ml {
    grid-template-columns: 1fr repeat(8, 80px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg8-mr {
    grid-template-columns: repeat(8, 72px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg8-mr {
    grid-template-columns: repeat(8, 64px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg8-mr {
    grid-template-columns: repeat(8, 80px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg8-mb {
    grid-template-columns: 1fr repeat(8, 72px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg8-mb {
    grid-template-columns: 1fr repeat(8, 64px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg8-mb {
    grid-template-columns: 1fr repeat(8, 80px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg9 {
    grid-template-columns: repeat(9, 72px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg9 {
    grid-template-columns: repeat(9, 64px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg9 {
    grid-template-columns: repeat(9, 80px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg9-ml {
    grid-template-columns: 1fr repeat(9, 72px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg9-ml {
    grid-template-columns: 1fr repeat(9, 64px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg9-ml {
    grid-template-columns: 1fr repeat(9, 80px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg9-mr {
    grid-template-columns: repeat(9, 72px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg9-mr {
    grid-template-columns: repeat(9, 64px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg9-mr {
    grid-template-columns: repeat(9, 80px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg9-mb {
    grid-template-columns: 1fr repeat(9, 72px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg9-mb {
    grid-template-columns: 1fr repeat(9, 64px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg9-mb {
    grid-template-columns: 1fr repeat(9, 80px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg10 {
    grid-template-columns: repeat(10, 72px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg10 {
    grid-template-columns: repeat(10, 64px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg10 {
    grid-template-columns: repeat(10, 80px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg10-ml {
    grid-template-columns: 1fr repeat(10, 72px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg10-ml {
    grid-template-columns: 1fr repeat(10, 64px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg10-ml {
    grid-template-columns: 1fr repeat(10, 80px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg10-mr {
    grid-template-columns: repeat(10, 72px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg10-mr {
    grid-template-columns: repeat(10, 64px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg10-mr {
    grid-template-columns: repeat(10, 80px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg10-mb {
    grid-template-columns: 1fr repeat(10, 72px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg10-mb {
    grid-template-columns: 1fr repeat(10, 64px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg10-mb {
    grid-template-columns: 1fr repeat(10, 80px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg11 {
    grid-template-columns: repeat(11, 72px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg11 {
    grid-template-columns: repeat(11, 64px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg11 {
    grid-template-columns: repeat(11, 80px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg11-ml {
    grid-template-columns: 1fr repeat(11, 72px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg11-ml {
    grid-template-columns: 1fr repeat(11, 64px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg11-ml {
    grid-template-columns: 1fr repeat(11, 80px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg11-mr {
    grid-template-columns: repeat(11, 72px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg11-mr {
    grid-template-columns: repeat(11, 64px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg11-mr {
    grid-template-columns: repeat(11, 80px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg11-mb {
    grid-template-columns: 1fr repeat(11, 72px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg11-mb {
    grid-template-columns: 1fr repeat(11, 64px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg11-mb {
    grid-template-columns: 1fr repeat(11, 80px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg12 {
    grid-template-columns: repeat(12, 72px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg12 {
    grid-template-columns: repeat(12, 64px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg12 {
    grid-template-columns: repeat(12, 80px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg12-ml {
    grid-template-columns: 1fr repeat(12, 72px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg12-ml {
    grid-template-columns: 1fr repeat(12, 64px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg12-ml {
    grid-template-columns: 1fr repeat(12, 80px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg12-mr {
    grid-template-columns: repeat(12, 72px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg12-mr {
    grid-template-columns: repeat(12, 64px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg12-mr {
    grid-template-columns: repeat(12, 80px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1200px) {
  .cf-g_cols-lg12-mb {
    grid-template-columns: 1fr repeat(12, 72px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-lg12-mb {
    grid-template-columns: 1fr repeat(12, 64px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-lg12-mb {
    grid-template-columns: 1fr repeat(12, 80px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl1 {
    grid-template-columns: repeat(1, 64px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl1 {
    grid-template-columns: repeat(1, 80px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl1-ml {
    grid-template-columns: 1fr repeat(1, 64px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl1-ml {
    grid-template-columns: 1fr repeat(1, 80px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl1-mr {
    grid-template-columns: repeat(1, 64px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl1-mr {
    grid-template-columns: repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl1-mb {
    grid-template-columns: 1fr repeat(1, 64px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl1-mb {
    grid-template-columns: 1fr repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl2 {
    grid-template-columns: repeat(2, 64px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl2 {
    grid-template-columns: repeat(2, 80px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl2-ml {
    grid-template-columns: 1fr repeat(2, 64px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl2-ml {
    grid-template-columns: 1fr repeat(2, 80px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl2-mr {
    grid-template-columns: repeat(2, 64px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl2-mr {
    grid-template-columns: repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl2-mb {
    grid-template-columns: 1fr repeat(2, 64px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl2-mb {
    grid-template-columns: 1fr repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl3 {
    grid-template-columns: repeat(3, 64px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl3 {
    grid-template-columns: repeat(3, 80px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl3-ml {
    grid-template-columns: 1fr repeat(3, 64px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl3-ml {
    grid-template-columns: 1fr repeat(3, 80px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl3-mr {
    grid-template-columns: repeat(3, 64px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl3-mr {
    grid-template-columns: repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl3-mb {
    grid-template-columns: 1fr repeat(3, 64px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl3-mb {
    grid-template-columns: 1fr repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl4 {
    grid-template-columns: repeat(4, 64px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl4 {
    grid-template-columns: repeat(4, 80px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl4-ml {
    grid-template-columns: 1fr repeat(4, 64px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl4-ml {
    grid-template-columns: 1fr repeat(4, 80px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl4-mr {
    grid-template-columns: repeat(4, 64px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl4-mr {
    grid-template-columns: repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl4-mb {
    grid-template-columns: 1fr repeat(4, 64px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl4-mb {
    grid-template-columns: 1fr repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl5 {
    grid-template-columns: repeat(5, 64px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl5 {
    grid-template-columns: repeat(5, 80px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl5-ml {
    grid-template-columns: 1fr repeat(5, 64px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl5-ml {
    grid-template-columns: 1fr repeat(5, 80px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl5-mr {
    grid-template-columns: repeat(5, 64px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl5-mr {
    grid-template-columns: repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl5-mb {
    grid-template-columns: 1fr repeat(5, 64px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl5-mb {
    grid-template-columns: 1fr repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl6 {
    grid-template-columns: repeat(6, 64px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl6 {
    grid-template-columns: repeat(6, 80px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl6-ml {
    grid-template-columns: 1fr repeat(6, 64px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl6-ml {
    grid-template-columns: 1fr repeat(6, 80px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl6-mr {
    grid-template-columns: repeat(6, 64px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl6-mr {
    grid-template-columns: repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl6-mb {
    grid-template-columns: 1fr repeat(6, 64px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl6-mb {
    grid-template-columns: 1fr repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl7 {
    grid-template-columns: repeat(7, 64px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl7 {
    grid-template-columns: repeat(7, 80px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl7-ml {
    grid-template-columns: 1fr repeat(7, 64px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl7-ml {
    grid-template-columns: 1fr repeat(7, 80px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl7-mr {
    grid-template-columns: repeat(7, 64px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl7-mr {
    grid-template-columns: repeat(7, 80px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl7-mb {
    grid-template-columns: 1fr repeat(7, 64px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl7-mb {
    grid-template-columns: 1fr repeat(7, 80px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl8 {
    grid-template-columns: repeat(8, 64px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl8 {
    grid-template-columns: repeat(8, 80px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl8-ml {
    grid-template-columns: 1fr repeat(8, 64px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl8-ml {
    grid-template-columns: 1fr repeat(8, 80px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl8-mr {
    grid-template-columns: repeat(8, 64px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl8-mr {
    grid-template-columns: repeat(8, 80px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl8-mb {
    grid-template-columns: 1fr repeat(8, 64px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl8-mb {
    grid-template-columns: 1fr repeat(8, 80px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl9 {
    grid-template-columns: repeat(9, 64px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl9 {
    grid-template-columns: repeat(9, 80px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl9-ml {
    grid-template-columns: 1fr repeat(9, 64px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl9-ml {
    grid-template-columns: 1fr repeat(9, 80px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl9-mr {
    grid-template-columns: repeat(9, 64px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl9-mr {
    grid-template-columns: repeat(9, 80px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl9-mb {
    grid-template-columns: 1fr repeat(9, 64px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl9-mb {
    grid-template-columns: 1fr repeat(9, 80px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl10 {
    grid-template-columns: repeat(10, 64px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl10 {
    grid-template-columns: repeat(10, 80px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl10-ml {
    grid-template-columns: 1fr repeat(10, 64px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl10-ml {
    grid-template-columns: 1fr repeat(10, 80px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl10-mr {
    grid-template-columns: repeat(10, 64px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl10-mr {
    grid-template-columns: repeat(10, 80px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl10-mb {
    grid-template-columns: 1fr repeat(10, 64px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl10-mb {
    grid-template-columns: 1fr repeat(10, 80px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl11 {
    grid-template-columns: repeat(11, 64px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl11 {
    grid-template-columns: repeat(11, 80px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl11-ml {
    grid-template-columns: 1fr repeat(11, 64px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl11-ml {
    grid-template-columns: 1fr repeat(11, 80px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl11-mr {
    grid-template-columns: repeat(11, 64px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl11-mr {
    grid-template-columns: repeat(11, 80px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl11-mb {
    grid-template-columns: 1fr repeat(11, 64px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl11-mb {
    grid-template-columns: 1fr repeat(11, 80px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl12 {
    grid-template-columns: repeat(12, 64px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl12 {
    grid-template-columns: repeat(12, 80px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl12-ml {
    grid-template-columns: 1fr repeat(12, 64px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl12-ml {
    grid-template-columns: 1fr repeat(12, 80px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl12-mr {
    grid-template-columns: repeat(12, 64px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl12-mr {
    grid-template-columns: repeat(12, 80px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl12-mb {
    grid-template-columns: 1fr repeat(12, 64px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl12-mb {
    grid-template-columns: 1fr repeat(12, 80px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl13 {
    grid-template-columns: repeat(13, 64px);
    grid-column-end: span 13; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl13 {
    grid-template-columns: repeat(13, 80px);
    grid-column-end: span 13; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl13-ml {
    grid-template-columns: 1fr repeat(13, 64px);
    grid-column-end: span calc(13 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl13-ml {
    grid-template-columns: 1fr repeat(13, 80px);
    grid-column-end: span calc(13 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl13-mr {
    grid-template-columns: repeat(13, 64px) 1fr;
    grid-column-end: span calc(13 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl13-mr {
    grid-template-columns: repeat(13, 80px) 1fr;
    grid-column-end: span calc(13 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl13-mb {
    grid-template-columns: 1fr repeat(13, 64px) 1fr;
    grid-column-end: span calc(13 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl13-mb {
    grid-template-columns: 1fr repeat(13, 80px) 1fr;
    grid-column-end: span calc(13 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl14 {
    grid-template-columns: repeat(14, 64px);
    grid-column-end: span 14; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl14 {
    grid-template-columns: repeat(14, 80px);
    grid-column-end: span 14; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl14-ml {
    grid-template-columns: 1fr repeat(14, 64px);
    grid-column-end: span calc(14 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl14-ml {
    grid-template-columns: 1fr repeat(14, 80px);
    grid-column-end: span calc(14 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl14-mr {
    grid-template-columns: repeat(14, 64px) 1fr;
    grid-column-end: span calc(14 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl14-mr {
    grid-template-columns: repeat(14, 80px) 1fr;
    grid-column-end: span calc(14 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl14-mb {
    grid-template-columns: 1fr repeat(14, 64px) 1fr;
    grid-column-end: span calc(14 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl14-mb {
    grid-template-columns: 1fr repeat(14, 80px) 1fr;
    grid-column-end: span calc(14 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl15 {
    grid-template-columns: repeat(15, 64px);
    grid-column-end: span 15; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl15 {
    grid-template-columns: repeat(15, 80px);
    grid-column-end: span 15; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl15-ml {
    grid-template-columns: 1fr repeat(15, 64px);
    grid-column-end: span calc(15 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl15-ml {
    grid-template-columns: 1fr repeat(15, 80px);
    grid-column-end: span calc(15 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl15-mr {
    grid-template-columns: repeat(15, 64px) 1fr;
    grid-column-end: span calc(15 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl15-mr {
    grid-template-columns: repeat(15, 80px) 1fr;
    grid-column-end: span calc(15 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl15-mb {
    grid-template-columns: 1fr repeat(15, 64px) 1fr;
    grid-column-end: span calc(15 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl15-mb {
    grid-template-columns: 1fr repeat(15, 80px) 1fr;
    grid-column-end: span calc(15 + 2); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl16 {
    grid-template-columns: repeat(16, 64px);
    grid-column-end: span 16; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl16 {
    grid-template-columns: repeat(16, 80px);
    grid-column-end: span 16; } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl16-ml {
    grid-template-columns: 1fr repeat(16, 64px);
    grid-column-end: span calc(16 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl16-ml {
    grid-template-columns: 1fr repeat(16, 80px);
    grid-column-end: span calc(16 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl16-mr {
    grid-template-columns: repeat(16, 64px) 1fr;
    grid-column-end: span calc(16 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl16-mr {
    grid-template-columns: repeat(16, 80px) 1fr;
    grid-column-end: span calc(16 + 1); } }

@media only screen and (min-width: 1600px) {
  .cf-g_cols-xl16-mb {
    grid-template-columns: 1fr repeat(16, 64px) 1fr;
    grid-column-end: span calc(16 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xl16-mb {
    grid-template-columns: 1fr repeat(16, 80px) 1fr;
    grid-column-end: span calc(16 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl1 {
    grid-template-columns: repeat(1, 80px);
    grid-column-end: span 1; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl1-ml {
    grid-template-columns: 1fr repeat(1, 80px);
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl1-mr {
    grid-template-columns: repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl1-mb {
    grid-template-columns: 1fr repeat(1, 80px) 1fr;
    grid-column-end: span calc(1 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl2 {
    grid-template-columns: repeat(2, 80px);
    grid-column-end: span 2; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl2-ml {
    grid-template-columns: 1fr repeat(2, 80px);
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl2-mr {
    grid-template-columns: repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl2-mb {
    grid-template-columns: 1fr repeat(2, 80px) 1fr;
    grid-column-end: span calc(2 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl3 {
    grid-template-columns: repeat(3, 80px);
    grid-column-end: span 3; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl3-ml {
    grid-template-columns: 1fr repeat(3, 80px);
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl3-mr {
    grid-template-columns: repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl3-mb {
    grid-template-columns: 1fr repeat(3, 80px) 1fr;
    grid-column-end: span calc(3 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl4 {
    grid-template-columns: repeat(4, 80px);
    grid-column-end: span 4; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl4-ml {
    grid-template-columns: 1fr repeat(4, 80px);
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl4-mr {
    grid-template-columns: repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl4-mb {
    grid-template-columns: 1fr repeat(4, 80px) 1fr;
    grid-column-end: span calc(4 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl5 {
    grid-template-columns: repeat(5, 80px);
    grid-column-end: span 5; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl5-ml {
    grid-template-columns: 1fr repeat(5, 80px);
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl5-mr {
    grid-template-columns: repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl5-mb {
    grid-template-columns: 1fr repeat(5, 80px) 1fr;
    grid-column-end: span calc(5 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl6 {
    grid-template-columns: repeat(6, 80px);
    grid-column-end: span 6; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl6-ml {
    grid-template-columns: 1fr repeat(6, 80px);
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl6-mr {
    grid-template-columns: repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl6-mb {
    grid-template-columns: 1fr repeat(6, 80px) 1fr;
    grid-column-end: span calc(6 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl7 {
    grid-template-columns: repeat(7, 80px);
    grid-column-end: span 7; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl7-ml {
    grid-template-columns: 1fr repeat(7, 80px);
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl7-mr {
    grid-template-columns: repeat(7, 80px) 1fr;
    grid-column-end: span calc(7 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl7-mb {
    grid-template-columns: 1fr repeat(7, 80px) 1fr;
    grid-column-end: span calc(7 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl8 {
    grid-template-columns: repeat(8, 80px);
    grid-column-end: span 8; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl8-ml {
    grid-template-columns: 1fr repeat(8, 80px);
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl8-mr {
    grid-template-columns: repeat(8, 80px) 1fr;
    grid-column-end: span calc(8 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl8-mb {
    grid-template-columns: 1fr repeat(8, 80px) 1fr;
    grid-column-end: span calc(8 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl9 {
    grid-template-columns: repeat(9, 80px);
    grid-column-end: span 9; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl9-ml {
    grid-template-columns: 1fr repeat(9, 80px);
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl9-mr {
    grid-template-columns: repeat(9, 80px) 1fr;
    grid-column-end: span calc(9 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl9-mb {
    grid-template-columns: 1fr repeat(9, 80px) 1fr;
    grid-column-end: span calc(9 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl10 {
    grid-template-columns: repeat(10, 80px);
    grid-column-end: span 10; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl10-ml {
    grid-template-columns: 1fr repeat(10, 80px);
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl10-mr {
    grid-template-columns: repeat(10, 80px) 1fr;
    grid-column-end: span calc(10 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl10-mb {
    grid-template-columns: 1fr repeat(10, 80px) 1fr;
    grid-column-end: span calc(10 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl11 {
    grid-template-columns: repeat(11, 80px);
    grid-column-end: span 11; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl11-ml {
    grid-template-columns: 1fr repeat(11, 80px);
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl11-mr {
    grid-template-columns: repeat(11, 80px) 1fr;
    grid-column-end: span calc(11 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl11-mb {
    grid-template-columns: 1fr repeat(11, 80px) 1fr;
    grid-column-end: span calc(11 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl12 {
    grid-template-columns: repeat(12, 80px);
    grid-column-end: span 12; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl12-ml {
    grid-template-columns: 1fr repeat(12, 80px);
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl12-mr {
    grid-template-columns: repeat(12, 80px) 1fr;
    grid-column-end: span calc(12 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl12-mb {
    grid-template-columns: 1fr repeat(12, 80px) 1fr;
    grid-column-end: span calc(12 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl13 {
    grid-template-columns: repeat(13, 80px);
    grid-column-end: span 13; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl13-ml {
    grid-template-columns: 1fr repeat(13, 80px);
    grid-column-end: span calc(13 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl13-mr {
    grid-template-columns: repeat(13, 80px) 1fr;
    grid-column-end: span calc(13 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl13-mb {
    grid-template-columns: 1fr repeat(13, 80px) 1fr;
    grid-column-end: span calc(13 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl14 {
    grid-template-columns: repeat(14, 80px);
    grid-column-end: span 14; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl14-ml {
    grid-template-columns: 1fr repeat(14, 80px);
    grid-column-end: span calc(14 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl14-mr {
    grid-template-columns: repeat(14, 80px) 1fr;
    grid-column-end: span calc(14 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl14-mb {
    grid-template-columns: 1fr repeat(14, 80px) 1fr;
    grid-column-end: span calc(14 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl15 {
    grid-template-columns: repeat(15, 80px);
    grid-column-end: span 15; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl15-ml {
    grid-template-columns: 1fr repeat(15, 80px);
    grid-column-end: span calc(15 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl15-mr {
    grid-template-columns: repeat(15, 80px) 1fr;
    grid-column-end: span calc(15 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl15-mb {
    grid-template-columns: 1fr repeat(15, 80px) 1fr;
    grid-column-end: span calc(15 + 2); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl16 {
    grid-template-columns: repeat(16, 80px);
    grid-column-end: span 16; } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl16-ml {
    grid-template-columns: 1fr repeat(16, 80px);
    grid-column-end: span calc(16 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl16-mr {
    grid-template-columns: repeat(16, 80px) 1fr;
    grid-column-end: span calc(16 + 1); } }

@media only screen and (min-width: 1920px) {
  .cf-g_cols-xxl16-mb {
    grid-template-columns: 1fr repeat(16, 80px) 1fr;
    grid-column-end: span calc(16 + 2); } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs1 {
    grid-column-start: 1; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs2 {
    grid-column-start: 2; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs3 {
    grid-column-start: 3; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs4 {
    grid-column-start: 4; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs5 {
    grid-column-start: 5; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs6 {
    grid-column-start: 6; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs7 {
    grid-column-start: 7; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs8 {
    grid-column-start: 8; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs9 {
    grid-column-start: 9; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs10 {
    grid-column-start: 10; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs11 {
    grid-column-start: 11; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs12 {
    grid-column-start: 12; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs13 {
    grid-column-start: 13; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs14 {
    grid-column-start: 14; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs15 {
    grid-column-start: 15; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs16 {
    grid-column-start: 16; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs17 {
    grid-column-start: 17; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_start-xs18 {
    grid-column-start: 18; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm1 {
    grid-column-start: 1; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm2 {
    grid-column-start: 2; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm3 {
    grid-column-start: 3; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm4 {
    grid-column-start: 4; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm5 {
    grid-column-start: 5; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm6 {
    grid-column-start: 6; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm7 {
    grid-column-start: 7; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm8 {
    grid-column-start: 8; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm9 {
    grid-column-start: 9; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm10 {
    grid-column-start: 10; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm11 {
    grid-column-start: 11; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm12 {
    grid-column-start: 12; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm13 {
    grid-column-start: 13; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm14 {
    grid-column-start: 14; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm15 {
    grid-column-start: 15; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm16 {
    grid-column-start: 16; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm17 {
    grid-column-start: 17; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_start-sm18 {
    grid-column-start: 18; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md1 {
    grid-column-start: 1; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md2 {
    grid-column-start: 2; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md3 {
    grid-column-start: 3; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md4 {
    grid-column-start: 4; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md5 {
    grid-column-start: 5; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md6 {
    grid-column-start: 6; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md7 {
    grid-column-start: 7; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md8 {
    grid-column-start: 8; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md9 {
    grid-column-start: 9; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md10 {
    grid-column-start: 10; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md11 {
    grid-column-start: 11; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md12 {
    grid-column-start: 12; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md13 {
    grid-column-start: 13; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md14 {
    grid-column-start: 14; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md15 {
    grid-column-start: 15; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md16 {
    grid-column-start: 16; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md17 {
    grid-column-start: 17; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_start-md18 {
    grid-column-start: 18; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg1 {
    grid-column-start: 1; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg2 {
    grid-column-start: 2; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg3 {
    grid-column-start: 3; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg4 {
    grid-column-start: 4; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg5 {
    grid-column-start: 5; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg6 {
    grid-column-start: 6; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg7 {
    grid-column-start: 7; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg8 {
    grid-column-start: 8; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg9 {
    grid-column-start: 9; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg10 {
    grid-column-start: 10; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg11 {
    grid-column-start: 11; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg12 {
    grid-column-start: 12; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg13 {
    grid-column-start: 13; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg14 {
    grid-column-start: 14; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg15 {
    grid-column-start: 15; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg16 {
    grid-column-start: 16; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg17 {
    grid-column-start: 17; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_start-lg18 {
    grid-column-start: 18; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl1 {
    grid-column-start: 1; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl2 {
    grid-column-start: 2; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl3 {
    grid-column-start: 3; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl4 {
    grid-column-start: 4; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl5 {
    grid-column-start: 5; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl6 {
    grid-column-start: 6; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl7 {
    grid-column-start: 7; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl8 {
    grid-column-start: 8; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl9 {
    grid-column-start: 9; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl10 {
    grid-column-start: 10; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl11 {
    grid-column-start: 11; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl12 {
    grid-column-start: 12; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl13 {
    grid-column-start: 13; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl14 {
    grid-column-start: 14; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl15 {
    grid-column-start: 15; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl16 {
    grid-column-start: 16; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl17 {
    grid-column-start: 17; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_start-xl18 {
    grid-column-start: 18; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl1 {
    grid-column-start: 1; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl2 {
    grid-column-start: 2; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl3 {
    grid-column-start: 3; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl4 {
    grid-column-start: 4; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl5 {
    grid-column-start: 5; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl6 {
    grid-column-start: 6; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl7 {
    grid-column-start: 7; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl8 {
    grid-column-start: 8; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl9 {
    grid-column-start: 9; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl10 {
    grid-column-start: 10; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl11 {
    grid-column-start: 11; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl12 {
    grid-column-start: 12; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl13 {
    grid-column-start: 13; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl14 {
    grid-column-start: 14; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl15 {
    grid-column-start: 15; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl16 {
    grid-column-start: 16; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl17 {
    grid-column-start: 17; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_start-xxl18 {
    grid-column-start: 18; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_start-xs1 {
    grid-row-start: 1; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_start-xs2 {
    grid-row-start: 2; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_start-xs3 {
    grid-row-start: 3; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_start-xs4 {
    grid-row-start: 4; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_start-xs5 {
    grid-row-start: 5; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_start-xs6 {
    grid-row-start: 6; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_start-sm1 {
    grid-row-start: 1; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_start-sm2 {
    grid-row-start: 2; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_start-sm3 {
    grid-row-start: 3; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_start-sm4 {
    grid-row-start: 4; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_start-sm5 {
    grid-row-start: 5; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_start-sm6 {
    grid-row-start: 6; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_start-md1 {
    grid-row-start: 1; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_start-md2 {
    grid-row-start: 2; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_start-md3 {
    grid-row-start: 3; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_start-md4 {
    grid-row-start: 4; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_start-md5 {
    grid-row-start: 5; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_start-md6 {
    grid-row-start: 6; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_start-lg1 {
    grid-row-start: 1; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_start-lg2 {
    grid-row-start: 2; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_start-lg3 {
    grid-row-start: 3; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_start-lg4 {
    grid-row-start: 4; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_start-lg5 {
    grid-row-start: 5; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_start-lg6 {
    grid-row-start: 6; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_start-xl1 {
    grid-row-start: 1; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_start-xl2 {
    grid-row-start: 2; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_start-xl3 {
    grid-row-start: 3; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_start-xl4 {
    grid-row-start: 4; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_start-xl5 {
    grid-row-start: 5; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_start-xl6 {
    grid-row-start: 6; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_start-xxl1 {
    grid-row-start: 1; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_start-xxl2 {
    grid-row-start: 2; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_start-xxl3 {
    grid-row-start: 3; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_start-xxl4 {
    grid-row-start: 4; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_start-xxl5 {
    grid-row-start: 5; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_start-xxl6 {
    grid-row-start: 6; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs1 {
    grid-column-end: span 1; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs2 {
    grid-column-end: span 2; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs3 {
    grid-column-end: span 3; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs4 {
    grid-column-end: span 4; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs5 {
    grid-column-end: span 5; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs6 {
    grid-column-end: span 6; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs7 {
    grid-column-end: span 7; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs8 {
    grid-column-end: span 8; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs9 {
    grid-column-end: span 9; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs10 {
    grid-column-end: span 10; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs11 {
    grid-column-end: span 11; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs12 {
    grid-column-end: span 12; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs13 {
    grid-column-end: span 13; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs14 {
    grid-column-end: span 14; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs15 {
    grid-column-end: span 15; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs16 {
    grid-column-end: span 16; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs17 {
    grid-column-end: span 17; } }

@media only screen and (min-width: 320px) {
  .cf-g-col_span-xs18 {
    grid-column-end: span 18; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm1 {
    grid-column-end: span 1; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm2 {
    grid-column-end: span 2; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm3 {
    grid-column-end: span 3; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm4 {
    grid-column-end: span 4; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm5 {
    grid-column-end: span 5; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm6 {
    grid-column-end: span 6; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm7 {
    grid-column-end: span 7; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm8 {
    grid-column-end: span 8; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm9 {
    grid-column-end: span 9; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm10 {
    grid-column-end: span 10; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm11 {
    grid-column-end: span 11; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm12 {
    grid-column-end: span 12; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm13 {
    grid-column-end: span 13; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm14 {
    grid-column-end: span 14; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm15 {
    grid-column-end: span 15; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm16 {
    grid-column-end: span 16; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm17 {
    grid-column-end: span 17; } }

@media only screen and (min-width: 640px) {
  .cf-g-col_span-sm18 {
    grid-column-end: span 18; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md1 {
    grid-column-end: span 1; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md2 {
    grid-column-end: span 2; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md3 {
    grid-column-end: span 3; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md4 {
    grid-column-end: span 4; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md5 {
    grid-column-end: span 5; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md6 {
    grid-column-end: span 6; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md7 {
    grid-column-end: span 7; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md8 {
    grid-column-end: span 8; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md9 {
    grid-column-end: span 9; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md10 {
    grid-column-end: span 10; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md11 {
    grid-column-end: span 11; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md12 {
    grid-column-end: span 12; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md13 {
    grid-column-end: span 13; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md14 {
    grid-column-end: span 14; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md15 {
    grid-column-end: span 15; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md16 {
    grid-column-end: span 16; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md17 {
    grid-column-end: span 17; } }

@media only screen and (min-width: 900px) {
  .cf-g-col_span-md18 {
    grid-column-end: span 18; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg1 {
    grid-column-end: span 1; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg2 {
    grid-column-end: span 2; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg3 {
    grid-column-end: span 3; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg4 {
    grid-column-end: span 4; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg5 {
    grid-column-end: span 5; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg6 {
    grid-column-end: span 6; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg7 {
    grid-column-end: span 7; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg8 {
    grid-column-end: span 8; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg9 {
    grid-column-end: span 9; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg10 {
    grid-column-end: span 10; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg11 {
    grid-column-end: span 11; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg12 {
    grid-column-end: span 12; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg13 {
    grid-column-end: span 13; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg14 {
    grid-column-end: span 14; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg15 {
    grid-column-end: span 15; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg16 {
    grid-column-end: span 16; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg17 {
    grid-column-end: span 17; } }

@media only screen and (min-width: 1200px) {
  .cf-g-col_span-lg18 {
    grid-column-end: span 18; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl1 {
    grid-column-end: span 1; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl2 {
    grid-column-end: span 2; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl3 {
    grid-column-end: span 3; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl4 {
    grid-column-end: span 4; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl5 {
    grid-column-end: span 5; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl6 {
    grid-column-end: span 6; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl7 {
    grid-column-end: span 7; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl8 {
    grid-column-end: span 8; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl9 {
    grid-column-end: span 9; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl10 {
    grid-column-end: span 10; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl11 {
    grid-column-end: span 11; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl12 {
    grid-column-end: span 12; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl13 {
    grid-column-end: span 13; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl14 {
    grid-column-end: span 14; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl15 {
    grid-column-end: span 15; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl16 {
    grid-column-end: span 16; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl17 {
    grid-column-end: span 17; } }

@media only screen and (min-width: 1600px) {
  .cf-g-col_span-xl18 {
    grid-column-end: span 18; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl1 {
    grid-column-end: span 1; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl2 {
    grid-column-end: span 2; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl3 {
    grid-column-end: span 3; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl4 {
    grid-column-end: span 4; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl5 {
    grid-column-end: span 5; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl6 {
    grid-column-end: span 6; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl7 {
    grid-column-end: span 7; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl8 {
    grid-column-end: span 8; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl9 {
    grid-column-end: span 9; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl10 {
    grid-column-end: span 10; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl11 {
    grid-column-end: span 11; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl12 {
    grid-column-end: span 12; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl13 {
    grid-column-end: span 13; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl14 {
    grid-column-end: span 14; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl15 {
    grid-column-end: span 15; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl16 {
    grid-column-end: span 16; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl17 {
    grid-column-end: span 17; } }

@media only screen and (min-width: 1920px) {
  .cf-g-col_span-xxl18 {
    grid-column-end: span 18; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_span-xs1 {
    grid-row-end: span 1; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_span-xs2 {
    grid-row-end: span 2; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_span-xs3 {
    grid-row-end: span 3; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_span-xs4 {
    grid-row-end: span 4; } }

@media only screen and (min-width: 320px) {
  .cf-g-row_span-xs5 {
    grid-row-end: span 5; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_span-sm1 {
    grid-row-end: span 1; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_span-sm2 {
    grid-row-end: span 2; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_span-sm3 {
    grid-row-end: span 3; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_span-sm4 {
    grid-row-end: span 4; } }

@media only screen and (min-width: 640px) {
  .cf-g-row_span-sm5 {
    grid-row-end: span 5; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_span-md1 {
    grid-row-end: span 1; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_span-md2 {
    grid-row-end: span 2; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_span-md3 {
    grid-row-end: span 3; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_span-md4 {
    grid-row-end: span 4; } }

@media only screen and (min-width: 900px) {
  .cf-g-row_span-md5 {
    grid-row-end: span 5; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_span-lg1 {
    grid-row-end: span 1; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_span-lg2 {
    grid-row-end: span 2; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_span-lg3 {
    grid-row-end: span 3; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_span-lg4 {
    grid-row-end: span 4; } }

@media only screen and (min-width: 1200px) {
  .cf-g-row_span-lg5 {
    grid-row-end: span 5; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_span-xl1 {
    grid-row-end: span 1; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_span-xl2 {
    grid-row-end: span 2; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_span-xl3 {
    grid-row-end: span 3; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_span-xl4 {
    grid-row-end: span 4; } }

@media only screen and (min-width: 1600px) {
  .cf-g-row_span-xl5 {
    grid-row-end: span 5; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_span-xxl1 {
    grid-row-end: span 1; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_span-xxl2 {
    grid-row-end: span 2; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_span-xxl3 {
    grid-row-end: span 3; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_span-xxl4 {
    grid-row-end: span 4; } }

@media only screen and (min-width: 1920px) {
  .cf-g-row_span-xxl5 {
    grid-row-end: span 5; } }

@media only screen and (max-width: 639.9px) {
  .cf-d-none-xs {
    display: none !important; } }

@media only screen and (max-width: 899.9px) {
  .cf-d-none-smd {
    display: none !important; } }

@media only screen and (min-width: 640px) and (max-width: 899.9px) {
  .cf-d-none-sm {
    display: none !important; } }

@media only screen and (min-width: 640px) {
  .cf-d-none-smu {
    display: none !important; } }

@media only screen and (max-width: 1199.9px) {
  .cf-d-none-mdd {
    display: none !important; } }

@media only screen and (min-width: 900px) and (max-width: 1199.9px) {
  .cf-d-none-md {
    display: none !important; } }

@media only screen and (min-width: 900px) {
  .cf-d-none-mdu {
    display: none !important; } }

@media only screen and (max-width: 1599.9px) {
  .cf-d-none-lgd {
    display: none !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1599.9px) {
  .cf-d-none-lg {
    display: none !important; } }

@media only screen and (min-width: 1200px) {
  .cf-d-none-lgu {
    display: none !important; } }

@media only screen and (max-width: 1919.9px) {
  .cf-d-none-xld {
    display: none !important; } }

@media only screen and (min-width: 1600px) and (max-width: 1919.9px) {
  .cf-d-none-xl {
    display: none !important; } }

@media only screen and (min-width: 1600px) {
  .cf-d-none-xlu {
    display: none !important; } }

@media only screen and (min-width: 1920px) and (max-width: 110001101100110px) {
  .cf-d-none-xxl {
    display: none !important; } }

@font-face {
  font-family: "Neue Haas Display";
  font-style: normal;
  font-weight: 500;
  src: url("/font/neue_haas_grotesk/NeueHaasDisplayMedium.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Display";
  font-style: normal;
  font-weight: 400;
  src: url("/font/neue_haas_grotesk/NeueHaasDisplayRegular.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Display";
  font-style: normal;
  font-weight: 300;
  src: url("/font/neue_haas_grotesk/NeueHaasDisplayLight.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Display";
  font-style: italic;
  font-weight: 500;
  src: url("/font/neue_haas_grotesk/NeueHaasDisplayMediumItalic.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Display";
  font-style: italic;
  font-weight: 400;
  src: url("/font/neue_haas_grotesk/NeueHaasDisplayRegularItalic.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Display";
  font-style: italic;
  font-weight: 300;
  src: url("/font/neue_haas_grotesk/NeueHaasDisplayLightItalic.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Text";
  font-style: normal;
  font-weight: 700;
  src: url("/font/neue_haas_grotesk/NeueHaasTextBold.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Text";
  font-style: normal;
  font-weight: 500;
  src: url("/font/neue_haas_grotesk/NeueHaasTextMedium.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Text";
  font-style: normal;
  font-weight: 400;
  src: url("/font/neue_haas_grotesk/NeueHaasTextRegular.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Text";
  font-style: italic;
  font-weight: 700;
  src: url("/font/neue_haas_grotesk/NeueHaasTextBoldItalic.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Text";
  font-style: italic;
  font-weight: 500;
  src: url("/font/neue_haas_grotesk/NeueHaasTextMediumItalic.woff2");
  font-display: swap; }

@font-face {
  font-family: "Neue Haas Text";
  font-style: italic;
  font-weight: 400;
  src: url("/font/neue_haas_grotesk/NeueHaasTextRegularItalic.woff2");
  font-display: swap; }

html {
  font-size: 14px; }
  @media only screen and (min-width: 1600px) {
    html {
      font-size: 16px; } }

b, strong {
  font-weight: 500; }

.cf-t-display, .cf-t-heading {
  font-family: 'Neue Haas Display', Sans Serif; }

.cf-t-body, .cf-t-list, .cf-t-caption, .cf-t-code, .cf-t-quote, .cf-t-button, .cf-t-heading-3, .cf-t-heading-4, .cf-t-input, .cf-t-label, .cf-t-date {
  font-family: 'Neue Haas Text', Sans Serif; }

.cf-t-display {
  font-weight: 400;
  font-size: 7.625rem;
  line-height: 1.2; }

.cf-t-heading {
  font-weight: 500;
  line-height: 1.2; }

.cf-t-heading-1 {
  font-size: 4.75rem; }

.cf-t-heading-2 {
  font-size: 3rem; }

.cf-t-heading-3 {
  font-size: 1.5rem;
  line-height: 1.4; }

.cf-t-heading-4 {
  font-size: 1.125rem;
  line-height: 1.4; }

.cf-t-body {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.7; }

.cf-t-body-large {
  font-size: 1.5rem; }

.cf-t-body-small {
  font-size: 1rem; }

.cf-t-body-extra_small {
  font-size: 0.875rem; }

.cf-t-list {
  list-style: none;
  line-height: 1.7;
  font-size: 1.125rem;
  list-style: outside;
  padding-left: 1rem; }

.cf-t-list-large {
  font-size: 1.5rem; }

.cf-t-list-small {
  font-size: 1rem; }

.cf-t-list-extra_small {
  font-size: 0.875rem; }

.cf-t-list-inside {
  list-style: inside; }

.cf-t-caption {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4; }

.cf-t-caption-small {
  font-size: 0.75rem; }

.cf-t-code {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.4; }

.cf-t-code-small {
  font-size: 1rem; }

.cf-t-quote {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.7; }

.cf-t-quote-large {
  font-size: 1.5rem; }

.cf-t-quote-small {
  font-size: 1rem;
  letter-spacing: 0.02em; }

.cf-t-button {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.05em; }

.cf-t-button-large {
  font-size: 16px; }

.cf-t-input {
  font-weight: 400;
  font-size: 14px; }
  .cf-t-input::placeholder {
    font-size: 14px;
    letter-spacing: 0.04;
    font-weight: 400; }

.cf-t-label {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.7; }

.cf-t-link {
  font-weight: 400;
  color: #0273E9; }
  .cf-t-link:hover {
    cursor: pointer;
    text-decoration: underline;
    opacity: 0.85; }

.cf-t-date {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.7; }

.cf-t-extra_black {
  font-weight: 950; }

.cf-t-black {
  font-weight: 900; }

.cf-t-extra_bold {
  font-weight: 800; }

.cf-t-bold {
  font-weight: 700; }

.cf-t-semibold {
  font-weight: 600; }

.cf-t-medium {
  font-weight: 500; }

.cf-t-regular {
  font-weight: 400; }

.cf-t-light {
  font-weight: 300; }

.cf-t-extra_light {
  font-weight: 200; }

.cf-t-thin {
  font-weight: 100; }

.cf-t-italic {
  font-style: italic; }

.cf-t-align-center {
  text-align: center; }

.cf-t-align-right {
  text-align: right; }

input, textarea {
  outline: none; }

.input-light {
  color: #202528; }
  .input-light::placeholder {
    color: #B8B9BA; }

.input-dark {
  color: #202528; }
  .input-dark::placeholder {
    color: #9A9B9D; }

.contact_form .label {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.contact_form .input {
  width: 100%;
  background-color: transparent;
  padding: 0px;
  padding-bottom: 0.5rem;
  border-radius: 0px;
  border-width: 0px;
  border-style: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  -webkit-transition: border-color 500ms ease;
  -moz-transition: border-color 500ms ease;
  -ms-transition: border-color 500ms ease;
  -o-transition: border-color 500ms ease;
  transition: border-color 500ms ease; }
  .contact_form .input:hover {
    border-color: #0273E9; }
  .contact_form .input:focus {
    border-color: #0273E9; }

.contact_form textarea.input {
  min-height: calc(22px + 0.5rem);
  resize: vertical;
  overflow-y: hidden; }

.contact_form .input.error {
  border-color: #F72C25; }

.contact_form-light .input {
  color: #202528;
  border-color: #D6D6D7; }

.contact_form-light input:-webkit-autofill,
.contact_form-light input:-webkit-autofill:hover,
.contact_form-light input:-webkit-autofill:focus,
.contact_form-light input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #FFFFFF inset !important;
  -webkit-text-fill-color: #202528 !important; }

.contact_form-dark .input {
  color: #FFFFFF;
  border-color: #3A4044; }
  .contact_form-dark .input::placeholder {
    color: #868C8F; }

.contact_form-dark input:-webkit-autofill,
.contact_form-dark input:-webkit-autofill:hover,
.contact_form-dark input:-webkit-autofill:focus,
.contact_form-dark input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #202528 inset !important;
  -webkit-text-fill-color: #FFFFFF !important; }

.cf-b, .cf-b-arrow {
  cursor: pointer;
  width: 100%;
  border-radius: 1000px;
  height: max-content;
  display: flex; }
  .cf-b:hover, .cf-b-arrow:hover {
    opacity: 0.85 !important; }

.cf-b {
  padding: 12px 40px;
  text-align: center;
  justify-content: center;
  width: max-content; }

.cf-b-wide {
  width: 100%; }

.cf-b-arrow {
  padding: 12px 24px;
  text-align: left;
  align-items: center;
  justify-content: space-between; }
  .cf-b-arrow svg {
    height: 70%; }

.contact .content a:hover {
  text-decoration: underline; }

.contact .contact_form {
  position: relative;
  overflow: visible; }
  .contact .contact_form .field {
    display: flex;
    flex-direction: column; }
  .contact .contact_form .form_message {
    position: absolute;
    width: 100%;
    bottom: -45px;
    left: 0; }
  .contact .contact_form .cf-b {
    width: 100%; }

#progress_bar_container {
  width: 100%;
  height: 4px; }
  #progress_bar_container #progress_bar {
    background-color: #0273E9;
    height: 4px;
    width: 0px;
    border-radius: 0px 2px 2px 0px;
    -webkit-transition: width 100ms ease;
    -moz-transition: width 100ms ease;
    -ms-transition: width 100ms ease;
    -o-transition: width 100ms ease;
    transition: width 100ms ease; }

.navigation-light .nav_email {
  border-bottom: solid 1px rgba(32, 37, 40, 0.2); }

.navigation-dark .nav_email {
  border-bottom: solid 1px rgba(255, 255, 255, 0.4); }

.navigation-desktop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }
  .navigation-desktop .consultation_button {
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 500;
    -webkit-transition: background-color 400ms ease, color 400ms ease;
    -moz-transition: background-color 400ms ease, color 400ms ease;
    -ms-transition: background-color 400ms ease, color 400ms ease;
    -o-transition: background-color 400ms ease, color 400ms ease;
    transition: background-color 400ms ease, color 400ms ease; }
    @media only screen and (min-width: 1600px) {
      .navigation-desktop .consultation_button {
        padding: 8px 16px;
        font-size: 14px; } }
  .navigation-desktop .main_bar {
    align-items: center;
    border-width: 0px;
    border-bottom-style: solid;
    border-radius: 0px;
    -webkit-transition: background-color 400ms ease;
    -moz-transition: background-color 400ms ease;
    -ms-transition: background-color 400ms ease;
    -o-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    display: flex;
    justify-content: space-between; }
    .navigation-desktop .main_bar .nav-links {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      justify-self: end; }
      @media only screen and (min-width: 1600px) {
        .navigation-desktop .main_bar .nav-links {
          width: 100%; } }
      .navigation-desktop .main_bar .nav-links a {
        position: relative; }
        .navigation-desktop .main_bar .nav-links a .active_indicator {
          width: 4px;
          height: 4px;
          border-radius: 2px;
          position: absolute;
          top: 0;
          left: calc(50% - 2px);
          display: flex; }
        .navigation-desktop .main_bar .nav-links a .active_indicator-transition {
          -webkit-transition: top 500ms ease, opacity 500ms ease;
          -moz-transition: top 500ms ease, opacity 500ms ease;
          -ms-transition: top 500ms ease, opacity 500ms ease;
          -o-transition: top 500ms ease, opacity 500ms ease;
          transition: top 500ms ease, opacity 500ms ease; }
        .navigation-desktop .main_bar .nav-links a:hover p {
          text-decoration: underline; }
    .navigation-desktop .main_bar .nav_contacts {
      display: flex;
      flex-direction: column;
      align-items: end; }
      .navigation-desktop .main_bar .nav_contacts .nav_email {
        padding-bottom: 2px; }
      .navigation-desktop .main_bar .nav_contacts .nav_phone {
        padding-top: 2px; }

.navigation-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 90;
  height: 100%;
  pointer-events: none; }
  .navigation-mobile .consultation_button {
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 400; }
  .navigation-mobile .main_bar {
    pointer-events: auto;
    z-index: 100;
    position: absolute;
    align-items: center;
    border-width: 0px;
    border-bottom-style: solid;
    border-radius: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    -webkit-transition: background-color 400ms ease;
    -moz-transition: background-color 400ms ease;
    -ms-transition: background-color 400ms ease;
    -o-transition: background-color 400ms ease;
    transition: background-color 400ms ease; }
    @media only screen and (max-width: 639.9px) {
      .navigation-mobile .main_bar {
        padding: 16px 0px; } }
    .navigation-mobile .main_bar .logo_container img {
      width: auto;
      height: 24px; }
    .navigation-mobile .main_bar .logo_container .logo_tablet {
      display: none; }
      @media only screen and (min-width: 390px) {
        .navigation-mobile .main_bar .logo_container .logo_tablet {
          display: block;
          height: 18px; } }
      @media only screen and (min-width: 640px) {
        .navigation-mobile .main_bar .logo_container .logo_tablet {
          height: 24px; } }
    @media only screen and (min-width: 390px) {
      .navigation-mobile .main_bar .logo_container .logo_mobile {
        display: none; } }
    .navigation-mobile .main_bar div {
      display: flex;
      align-items: center; }
      .navigation-mobile .main_bar div .nav-logo, .navigation-mobile .main_bar div .nav-hamburger {
        cursor: pointer; }
    .navigation-mobile .main_bar .hamburger_container {
      justify-content: flex-end;
      user-select: none; }
      .navigation-mobile .main_bar .hamburger_container .nav_contacts {
        display: none;
        flex-direction: column;
        align-items: end; }
        @media only screen and (min-width: 900px) {
          .navigation-mobile .main_bar .hamburger_container .nav_contacts {
            display: flex; } }
        .navigation-mobile .main_bar .hamburger_container .nav_contacts .nav_email {
          border-bottom: solid 1px #FFFFFF;
          padding-bottom: 2px; }
        .navigation-mobile .main_bar .hamburger_container .nav_contacts .nav_phone {
          padding-top: 2px; }
      .navigation-mobile .main_bar .hamburger_container .nav-hamburger_box {
        width: 30px;
        display: flex;
        justify-content: center; }
      .navigation-mobile .main_bar .hamburger_container .nav-hamburger {
        height: 14px;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        -webkit-transition: opacity 200ms ease;
        -moz-transition: opacity 200ms ease;
        -ms-transition: opacity 200ms ease;
        -o-transition: opacity 200ms ease;
        transition: opacity 200ms ease; }
        @media only screen and (min-width: 640px) {
          .navigation-mobile .main_bar .hamburger_container .nav-hamburger {
            height: 19px; } }
  .navigation-mobile .overlay {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease; }
    @media only screen and (max-height: 500px) {
      .navigation-mobile .overlay {
        overflow: scroll; } }
    .navigation-mobile .overlay > div {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 100%; }
      .navigation-mobile .overlay > div .cf-b {
        margin-bottom: 16px; }
        @media only screen and (max-width: 639.9px) {
          .navigation-mobile .overlay > div .cf-b {
            width: 100%; } }
      @media only screen and (max-height: 699.9px) {
        .navigation-mobile .overlay > div ul {
          font-size: 1.75rem; } }
      .navigation-mobile .overlay > div a:hover {
        opacity: 0.85; }
      .navigation-mobile .overlay > div .get_in_touch-link img {
        display: inline-block; }

.footer .footer-logo {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .footer .footer-logo p {
    font-size: 14px; }
  .footer .footer-logo img {
    height: 18px;
    width: auto;
    display: block; }
    @media only screen and (min-width: 640px) {
      .footer .footer-logo img {
        height: 24px; } }
    .footer .footer-logo img:hover {
      opacity: 0.85; }

.footer .footer_links-container {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 900px) {
    .footer .footer_links-container {
      justify-content: space-between;
      flex-direction: row; } }
  .footer .footer_links-container .footer_links h3 {
    font-size: 14px; }
  .footer .footer_links-container .footer_links .footer_link {
    font-family: 'Neue Haas Text', Sans Serif;
    line-height: 1.4;
    letter-spacing: 0.04em;
    font-size: 14px; }
    .footer .footer_links-container .footer_links .footer_link:hover {
      text-decoration: underline; }

.footer .footer-bottom_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-style: none;
  font-size: 14px;
  flex-direction: column;
  align-items: flex-start; }
  @media only screen and (min-width: 640px) {
    .footer .footer-bottom_bar {
      flex-direction: row; } }
  @media only screen and (min-width: 900px) {
    .footer .footer-bottom_bar {
      border-top-style: solid;
      border-top-width: 1px; } }
  .footer .footer-bottom_bar p {
    font-size: 12px; }
  .footer .footer-bottom_bar .footer-social_links {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .footer .footer-bottom_bar .footer-social_links img {
      height: 17px;
      display: block; }
      .footer .footer-bottom_bar .footer-social_links img:hover {
        opacity: 0.85; }

.footer .footer-dropdown {
  display: flex;
  width: 100%;
  flex-direction: column;
  cursor: pointer;
  border-style: none;
  border-bottom-style: solid;
  position: relative; }
  .footer .footer-dropdown .heading {
    font-size: 14px; }
  .footer .footer-dropdown .dropdown {
    overflow: hidden;
    -webkit-transition: opacity 500ms ease, max-height 500ms ease;
    -moz-transition: opacity 500ms ease, max-height 500ms ease;
    -ms-transition: opacity 500ms ease, max-height 500ms ease;
    -o-transition: opacity 500ms ease, max-height 500ms ease;
    transition: opacity 500ms ease, max-height 500ms ease; }
  .footer .footer-dropdown img {
    height: 1.5rem;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: transform 500ms ease;
    -moz-transition: transform 500ms ease;
    -ms-transition: transform 500ms ease;
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease; }

.no_scroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%; }

.arrow_link {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .arrow_link img {
    display: inline-block;
    height: 18px;
    margin-left: 0.5rem;
    -webkit-transition: margin 200ms ease;
    -moz-transition: margin 200ms ease;
    -ms-transition: margin 200ms ease;
    -o-transition: margin 200ms ease;
    transition: margin 200ms ease; }
  .arrow_link:hover img {
    margin-left: calc(0.5rem + 4px);
    margin-right: -4px; }

.divider {
  width: 100%;
  height: 1px; }

.icon_box {
  display: flex; }
  .icon_box > img {
    width: 3rem;
    align-self: start; }

.input_with_button {
  width: 100%;
  display: flex;
  border-radius: 22px;
  height: 44px;
  align-items: center;
  padding: 2px;
  position: relative; }
  .input_with_button .input {
    flex-grow: 1;
    height: 100%;
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
    border: none; }
  .input_with_button .cf-b {
    height: 100%;
    border: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    align-items: center; }
  .input_with_button .error {
    position: absolute;
    width: 100%;
    bottom: -50px;
    display: none; }

.cookie {
  position: fixed;
  width: calc(100% - 16px);
  bottom: 8px;
  right: 8px;
  z-index: 100;
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.17);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.17);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.17);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.17); }
  @media only screen and (min-width: 640px) {
    .cookie {
      width: 400px;
      bottom: 24px;
      right: 24px; } }
  @media only screen and (min-width: 1600px) {
    .cookie {
      bottom: 32px;
      right: 32px; } }
  .cookie .cf-b {
    width: 100%; }

.hero_home {
  position: relative;
  padding-top: 124px;
  background: none;
  width: 100%; }
  @media only screen and (min-width: 640px) {
    .hero_home {
      padding-top: 165px; } }
  @media only screen and (min-width: 1200px) {
    .hero_home {
      padding-top: 176px; } }
  @media only screen and (min-width: 1600px) {
    .hero_home {
      padding-top: 195px; } }
  .hero_home .hero_home-background {
    position: absolute;
    background-image: url(/img/content/hero/home_hero_gradient.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    width: 450%;
    height: 450%;
    top: -130%;
    left: 30%;
    z-index: -20;
    transform: rotate(-45deg); }
    @media only screen and (min-width: 640px) {
      .hero_home .hero_home-background {
        left: -30%; } }
    @media only screen and (min-width: 900px) {
      .hero_home .hero_home-background {
        left: -20%;
        top: 0;
        width: 140%;
        height: 140%;
        transform: rotate(0); } }
    @media only screen and (min-width: 1200px) {
      .hero_home .hero_home-background {
        width: 140%;
        height: 140%;
        left: 0;
        top: 0%; } }
    @media only screen and (min-width: 1600px) {
      .hero_home .hero_home-background {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0%; } }
    @media only screen and (min-width: 1920px) {
      .hero_home .hero_home-background {
        width: 100%;
        height: 200%;
        left: 0;
        top: -20%; } }
    @media only screen and (min-width: 2200px) {
      .hero_home .hero_home-background {
        width: 100%;
        height: 200%;
        left: 0;
        top: -40%; } }
  .hero_home .hero_content {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .hero_home .hero_content p {
      max-width: 390px; }
  .hero_home .hero_card {
    border-radius: 8px;
    overflow: hidden; }
    .hero_home .hero_card:hover .arrow_link > img {
      margin-left: calc(0.5rem + 4px);
      margin-right: -4px; }
  .hero_home .hero_card-link {
    display: none; }
    .hero_home .hero_card-link h4 {
      font-size: 1.42rem; }
    @media only screen and (min-width: 1600px) {
      .hero_home .hero_card-link {
        display: flex; } }
    .hero_home .hero_card-link > a {
      display: flex;
      width: 100%;
      height: 100%;
      flex-direction: column; }
      .hero_home .hero_card-link > a > .card_image {
        height: 167px;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center; }
        .hero_home .hero_card-link > a > .card_image img {
          height: 100%; }
      .hero_home .hero_card-link > a > .card_content {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-grow: 1; }
        .hero_home .hero_card-link > a > .card_content > h4 {
          line-height: 1.4; }
        .hero_home .hero_card-link > a > .card_content > .spacer {
          flex-grow: 1; }
        .hero_home .hero_card-link > a > .card_content > .arrow_link {
          margin: 0; }
  .hero_home .hero_card-form-dark {
    height: 500px;
    display: flex;
    flex-direction: column;
    background-color: #272D30; }
    .hero_home .hero_card-form-dark .contact_form {
      display: flex;
      flex-grow: 1;
      flex-direction: column; }
      .hero_home .hero_card-form-dark .contact_form .field {
        display: flex;
        flex-direction: column; }
      .hero_home .hero_card-form-dark .contact_form .field-textarea {
        flex-grow: 1; }
        .hero_home .hero_card-form-dark .contact_form .field-textarea > textarea {
          resize: none;
          flex-grow: 1; }
  .hero_home .hero_card-form-light {
    height: 500px;
    display: flex;
    flex-direction: column; }
    .hero_home .hero_card-form-light .contact_form {
      display: flex;
      flex-grow: 1;
      flex-direction: column; }
      .hero_home .hero_card-form-light .contact_form .field {
        display: flex;
        flex-direction: column; }
      .hero_home .hero_card-form-light .contact_form .field-textarea {
        flex-grow: 1; }
        .hero_home .hero_card-form-light .contact_form .field-textarea > textarea {
          resize: none;
          flex-grow: 1; }

.hero_creds {
  background-color: rgba(0, 0, 0, 0);
  position: relative; }
  @media only screen and (min-width: 900px) {
    .hero_creds {
      background-color: #202528; } }
  .hero_creds > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end; }
    @media only screen and (min-width: 900px) {
      .hero_creds > div {
        justify-content: space-between; } }
    .hero_creds > div h2 {
      text-align: center; }
      @media only screen and (min-width: 900px) {
        .hero_creds > div h2 {
          text-align: left; } }
    .hero_creds > div > .cred_container {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-wrap: wrap; }
      .hero_creds > div > .cred_container:hover .owasp_1 {
        color: #E66023; }
      .hero_creds > div > .cred_container:hover .owasp_2 {
        color: #4BA355; }
      .hero_creds > div > .cred_container:hover .owasp_3 {
        color: #006FD3; }
      .hero_creds > div > .cred_container:hover .portswigger_icon {
        color: #FF6633; }
      .hero_creds > div > .cred_container:hover .crest_icon {
        color: #C12026; }
      .hero_creds > div > .cred_container .cred_org {
        font-size: 1rem;
        line-height: 1; }
      .hero_creds > div > .cred_container .cred_cert {
        font-size: 0.75rem;
        line-height: 1;
        color: grey; }
      .hero_creds > div > .cred_container .spacer {
        flex-grow: 1; }
      .hero_creds > div > .cred_container .owasp_icon {
        width: 48px;
        -webkit-transition: color 400ms ease;
        -moz-transition: color 400ms ease;
        -ms-transition: color 400ms ease;
        -o-transition: color 400ms ease;
        transition: color 400ms ease; }
        @media only screen and (min-width: 900px) {
          .hero_creds > div > .cred_container .owasp_icon {
            width: 56px; } }
        @media only screen and (min-width: 1600px) {
          .hero_creds > div > .cred_container .owasp_icon {
            width: 64px; } }
      .hero_creds > div > .cred_container .owasp_1 {
        color: #E66023; }
        @media only screen and (min-width: 900px) {
          .hero_creds > div > .cred_container .owasp_1 {
            color: #464646; } }
      .hero_creds > div > .cred_container .owasp_2 {
        color: #4BA355; }
        @media only screen and (min-width: 900px) {
          .hero_creds > div > .cred_container .owasp_2 {
            color: #464646; } }
      .hero_creds > div > .cred_container .owasp_3 {
        color: #006FD3; }
        @media only screen and (min-width: 900px) {
          .hero_creds > div > .cred_container .owasp_3 {
            color: #464646; } }
      .hero_creds > div > .cred_container .portswigger_icon {
        width: 45px;
        color: #FF6633;
        -webkit-transition: color 400ms ease;
        -moz-transition: color 400ms ease;
        -ms-transition: color 400ms ease;
        -o-transition: color 400ms ease;
        transition: color 400ms ease; }
        @media only screen and (min-width: 900px) {
          .hero_creds > div > .cred_container .portswigger_icon {
            width: 52px;
            color: #464646; } }
        @media only screen and (min-width: 1600px) {
          .hero_creds > div > .cred_container .portswigger_icon {
            width: 60px; } }
      .hero_creds > div > .cred_container .crest_icon {
        width: 45px;
        color: #C12026;
        -webkit-transition: color 400ms ease;
        -moz-transition: color 400ms ease;
        -ms-transition: color 400ms ease;
        -o-transition: color 400ms ease;
        transition: color 400ms ease; }
        @media only screen and (min-width: 900px) {
          .hero_creds > div > .cred_container .crest_icon {
            width: 52px;
            color: #464646; } }
        @media only screen and (min-width: 1600px) {
          .hero_creds > div > .cred_container .crest_icon {
            width: 60px; } }
    .hero_creds > div .break_1, .hero_creds > div break_2, .hero_creds > div break_3, .hero_creds > div break_4, .hero_creds > div break_5, .hero_creds > div break_6 {
      height: 0; }
    .hero_creds > div .break_4 {
      flex-basis: 100%; }
      @media only screen and (min-width: 640px) {
        .hero_creds > div .break_4 {
          display: none; } }
    .hero_creds > div .break_5 {
      flex-basis: 0; }
      @media only screen and (min-width: 640px) {
        .hero_creds > div .break_5 {
          flex-basis: 100%; } }
      @media only screen and (min-width: 900px) {
        .hero_creds > div .break_5 {
          display: none; } }

.owasp_1_waveAnimation {
  color: rgba(230, 96, 35, 0.6) !important; }

.owasp_2_waveAnimation {
  color: rgba(75, 163, 85, 0.6) !important; }

.owasp_3_waveAnimation {
  color: rgba(0, 111, 211, 0.6) !important; }

.portswigger_icon_waveAnimation {
  color: rgba(255, 102, 51, 0.6) !important; }

.crest_icon_waveAnimation {
  color: rgba(193, 32, 38, 0.6) !important; }

.hero_home_old {
  background-image: url(/img/content/hero/home_hero_gradient.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding-top: 124px; }
  @media only screen and (min-width: 640px) {
    .hero_home_old {
      padding-top: 165px; } }
  @media only screen and (min-width: 1200px) {
    .hero_home_old {
      padding-top: 176px; } }
  @media only screen and (min-width: 1600px) {
    .hero_home_old {
      padding-top: 195px; } }
  .hero_home_old .hero_card {
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.04); }
    .hero_home_old .hero_card:hover {
      background-color: rgba(2, 115, 233, 0.08); }
    .hero_home_old .hero_card > a {
      display: flex;
      width: 100%;
      height: 100%; }
      .hero_home_old .hero_card > a h5 a {
        display: flex; }
        .hero_home_old .hero_card > a h5 a img {
          display: inline;
          align-self: center; }
      .hero_home_old .hero_card > a > img {
        align-self: flex-start;
        width: 32px;
        height: auto; }
      .hero_home_old .hero_card > a:hover .arrow_link {
        text-decoration: none; }
        .hero_home_old .hero_card > a:hover .arrow_link img {
          margin-left: 0.75rem;
          margin-right: 0px; }

.hero_secondary {
  background-image: url("/img/content/hero/secondary_hero_gradient-mobile.svg");
  position: relative;
  background-size: 100%; }
  @media only screen and (min-width: 900px) {
    .hero_secondary {
      background-image: url("/img/content/hero/secondary_hero_gradient-desktop.svg"); } }
  .hero_secondary .content {
    padding-top: 124px;
    z-index: 2; }
    @media only screen and (min-width: 640px) {
      .hero_secondary .content {
        padding-top: 165px; } }
    @media only screen and (min-width: 1200px) {
      .hero_secondary .content {
        padding-top: 176px; } }
    @media only screen and (min-width: 1600px) {
      .hero_secondary .content {
        padding-top: 195px; } }
    .hero_secondary .content .breadcrumb {
      display: flex;
      align-items: center; }
      .hero_secondary .content .breadcrumb a:hover {
        text-decoration: underline; }
  .hero_secondary .image_container {
    overflow: hidden;
    position: relative; }
    .hero_secondary .image_container img {
      position: absolute;
      object-fit: cover;
      z-index: -2;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%; }

.hero_tertiary {
  padding-top: 124px;
  background-image: linear-gradient(to bottom right, #022E5B, #202528); }
  @media only screen and (min-width: 640px) {
    .hero_tertiary {
      padding-top: 137px; } }
  @media only screen and (min-width: 1200px) {
    .hero_tertiary {
      padding-top: 148px; } }
  @media only screen and (min-width: 1600px) {
    .hero_tertiary {
      padding-top: 163px; } }
  .hero_tertiary h1, .hero_tertiary p {
    text-align: left; }
    @media only screen and (min-width: 640px) {
      .hero_tertiary h1, .hero_tertiary p {
        text-align: center; } }

.hero_landing .content_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 124px;
  z-index: 2; }
  @media only screen and (min-width: 640px) {
    .hero_landing .content_container {
      padding-top: 165px; } }
  @media only screen and (min-width: 1200px) {
    .hero_landing .content_container {
      padding-top: 176px; } }
  @media only screen and (min-width: 1600px) {
    .hero_landing .content_container {
      padding-top: 195px; } }
  .hero_landing .content_container div {
    display: flex;
    align-items: center; }

.hero_landing .iframe_outer_wrapper {
  width: 100%;
  height: 100%;
  overflow: visible;
  position: relative; }

.hero_landing .iframe_inner_wrapper {
  position: absolute;
  pointer-events: none;
  overflow: hidden;
  width: 800px;
  height: 800px;
  top: calc(50% - 400px);
  right: -500px; }
  @media only screen and (min-width: 900px) {
    .hero_landing .iframe_inner_wrapper {
      right: -400px; } }
  @media only screen and (min-width: 1200px) {
    .hero_landing .iframe_inner_wrapper {
      right: -100px; } }
  @media only screen and (min-width: 1600px) {
    .hero_landing .iframe_inner_wrapper {
      right: -100px;
      width: 1000px;
      height: 1000px;
      top: calc(50% - 500px); } }
  @media only screen and (min-width: 1920px) {
    .hero_landing .iframe_inner_wrapper {
      right: 0px; } }
  .hero_landing .iframe_inner_wrapper iframe {
    border: none;
    width: 100%;
    height: 100%;
    transform-origin: top left; }
    @media only screen and (min-width: 1600px) {
      .hero_landing .iframe_inner_wrapper iframe {
        transform: scale(1.25); } }

.cta_button_banner {
  text-align: center; }
  .cta_button_banner .cf-b {
    justify-self: center;
    width: max-content; }

.cta_input_banner {
  align-items: center; }
  .cta_input_banner .cf-b {
    width: max-content; }
  .cta_input_banner .input_field {
    display: flex;
    justify-content: center; }
  .cta_input_banner form {
    display: flex;
    align-items: center;
    justify-content: center; }
  .cta_input_banner .input_with_button {
    max-width: 340px; }
    .cta_input_banner .input_with_button .input {
      width: 100%;
      min-width: none; }
  .cta_input_banner .form_message-container {
    position: relative; }
    .cta_input_banner .form_message-container .form_message {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      text-align: center; }

.cta_links_banner .link_1, .cta_links_banner .link_2 {
  display: flex;
  justify-content: center; }

@media only screen and (min-width: 640px) {
  .cta_links_banner .link_1 {
    justify-content: flex-end; } }

@media only screen and (min-width: 640px) {
  .cta_links_banner .link_2 {
    justify-content: flex-start; } }

.triple_icon .icon_container {
  width: 100%;
  display: flex;
  justify-content: space-between; }
  .triple_icon .icon_container a img {
    width: 100px;
    opacity: 0.7;
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -ms-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease; }
    .triple_icon .icon_container a img:hover {
      opacity: 1; }
    @media only screen and (min-width: 640px) {
      .triple_icon .icon_container a img {
        width: 120px; } }
    @media only screen and (min-width: 900px) {
      .triple_icon .icon_container a img {
        width: 140px; } }
    @media only screen and (min-width: 1600px) {
      .triple_icon .icon_container a img {
        width: 160px; } }

.triple_icon #img_container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  right: 0;
  top: 0;
  align-items: center;
  display: flex; }
  @media only screen and (min-width: 1200px) {
    .triple_icon #img_container {
      width: 50%; } }
  .triple_icon #img_container img {
    min-height: 100%;
    min-width: 100%;
    width: unset;
    height: unset; }

.icon_grid .icon_content {
  display: flex;
  flex-direction: column;
  align-items: center; }

.icon_grid .icon_banner > div {
  display: flex;
  padding-left: 16px;
  height: 45px;
  border-radius: 0px 50px 50px 0px;
  width: max-content;
  align-items: center;
  justify-content: center; }
  .icon_grid .icon_banner > div img {
    height: 100%; }

.card_grid .card {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 8px;
  -webkit-transition: box-shadow 400ms ease;
  -moz-transition: box-shadow 400ms ease;
  -ms-transition: box-shadow 400ms ease;
  -o-transition: box-shadow 400ms ease;
  transition: box-shadow 400ms ease;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.08);
  overflow: hidden; }
  .card_grid .card .card-banner {
    height: 64px;
    width: 100%;
    overflow: hidden;
    position: relative; }
    .card_grid .card .card-banner img {
      object-fit: cover;
      min-width: 100%;
      position: absolute; }
  .card_grid .card .card_content {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .card_grid .card .card_content .chip {
      width: max-content;
      border-radius: 3px;
      font-size: 11px; }
      @media only screen and (min-width: 1600px) {
        .card_grid .card .card_content .chip {
          font-size: 12px; } }
    .card_grid .card .card_content .filler {
      flex: 1; }
    .card_grid .card .card_content .cf-b {
      z-index: 4;
      width: max-content; }

.card_grid .cta {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center; }

.triple_cta_card .view_all {
  display: flex; }
  @media only screen and (min-width: 900px) {
    .triple_cta_card .view_all {
      margin-bottom: 4.375rem;
      justify-content: flex-end;
      align-items: flex-end; } }

.triple_cta_card .card_container {
  overflow: visible; }
  .triple_cta_card .card_container .card {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    -webkit-transition: box-shadow 400ms ease;
    -moz-transition: box-shadow 400ms ease;
    -ms-transition: box-shadow 400ms ease;
    -o-transition: box-shadow 400ms ease;
    transition: box-shadow 400ms ease;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.08); }
    .triple_cta_card .card_container .card .card_content {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .triple_cta_card .card_container .card .card_content .filler {
        flex-grow: 1; }
    .triple_cta_card .card_container .card .card-banner {
      height: 64px;
      width: 100%;
      overflow: hidden;
      position: relative; }
      .triple_cta_card .card_container .card .card-banner img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        position: absolute; }

.double_cta_card .view_all {
  display: flex; }
  @media only screen and (min-width: 900px) {
    .double_cta_card .view_all {
      margin-bottom: 4.375rem;
      justify-content: flex-end;
      align-items: flex-end; } }

.double_cta_card .card {
  border-radius: 3px;
  display: flex;
  flex-direction: column; }
  .double_cta_card .card .filler {
    flex-grow: 1; }

.quad_info_card .card_container {
  overflow: visible; }

.quad_info_card .card {
  border-radius: 8px;
  -webkit-transition: box-shadow 400ms ease;
  -moz-transition: box-shadow 400ms ease;
  -ms-transition: box-shadow 400ms ease;
  -o-transition: box-shadow 400ms ease;
  transition: box-shadow 400ms ease;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column; }
  .quad_info_card .card .card-heading_container {
    display: flex;
    align-items: center; }
    .quad_info_card .card .card-heading_container img {
      height: 46px; }
  .quad_info_card .card .banner {
    width: max-content;
    border-radius: 3px;
    font-size: 11px; }
    @media only screen and (min-width: 1600px) {
      .quad_info_card .card .banner {
        font-size: 12px; } }
  .quad_info_card .card ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1; }
    @media only screen and (min-width: 640px) {
      .quad_info_card .card ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2; }
        .quad_info_card .card ul li {
          padding-right: 1rem; } }

.text_and_image .content, .text_and_iframe .content {
  text-align: center; }
  @media only screen and (min-width: 900px) {
    .text_and_image .content, .text_and_iframe .content {
      text-align: left; } }
  .text_and_image .content #hero-buttons, .text_and_iframe .content #hero-buttons {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (min-width: 900px) {
      .text_and_image .content #hero-buttons, .text_and_iframe .content #hero-buttons {
        justify-content: flex-start; } }
    .text_and_image .content #hero-buttons .cf-b, .text_and_iframe .content #hero-buttons .cf-b {
      max-width: 400px; }
      @media only screen and (min-width: 640px) {
        .text_and_image .content #hero-buttons .cf-b, .text_and_iframe .content #hero-buttons .cf-b {
          max-width: unset; } }

.text_and_iframe {
  overflow: hidden; }
  .text_and_iframe .iframe_outer_wrapper {
    width: 100%;
    height: 225px;
    display: flex;
    align-items: center;
    overflow: visible;
    position: relative;
    flex-direction: column; }
    @media only screen and (min-width: 640px) {
      .text_and_iframe .iframe_outer_wrapper {
        height: 300px; } }
    @media only screen and (min-width: 900px) {
      .text_and_iframe .iframe_outer_wrapper {
        height: 100%;
        flex-direction: row; } }
  .text_and_iframe .iframe_inner_wrapper {
    position: absolute;
    pointer-events: none;
    overflow: visible; }
    .text_and_iframe .iframe_inner_wrapper iframe {
      border: none;
      margin-top: -100px; }
      @media only screen and (min-width: 900px) {
        .text_and_iframe .iframe_inner_wrapper iframe {
          margin-top: 0; } }

.five_steps_section-large {
  grid-template-rows: auto repeat(5, 1fr);
  align-items: center; }
  .five_steps_section-large .five_steps-image {
    width: 100%; }
    .five_steps_section-large .five_steps-image img {
      width: 100%; }

.five_steps_section-medium .five_steps-numbered_content {
  display: flex; }
  .five_steps_section-medium .five_steps-numbered_content .icon {
    width: 3rem;
    align-self: flex-start; }

.five_steps_section-small .number_bar {
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative; }
  .five_steps_section-small .number_bar p {
    z-index: 2; }
  .five_steps_section-small .number_bar .number_bar-background {
    border-radius: 0px 20px 20px 0px;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0; }

.four_steps_section-large {
  grid-template-rows: auto repeat(4, 1fr);
  align-items: center; }
  .four_steps_section-large .four_steps-image {
    width: 100%; }
    .four_steps_section-large .four_steps-image img {
      width: 100%; }

.four_steps_section-medium .four_steps-numbered_content {
  display: flex; }
  .four_steps_section-medium .four_steps-numbered_content .icon {
    width: 3rem;
    align-self: flex-start; }

.four_steps_section-small .number_bar {
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative; }
  .four_steps_section-small .number_bar p {
    z-index: 2; }
  .four_steps_section-small .number_bar .number_bar-background {
    border-radius: 0px 20px 20px 0px;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0; }

.faq-section .faq {
  display: flex;
  cursor: pointer; }
  .faq-section .faq .question {
    flex-grow: 1; }
    .faq-section .faq .question .faq-dropdown {
      overflow: hidden;
      -webkit-transition: opacity 500ms ease, max-height 500ms ease;
      -moz-transition: opacity 500ms ease, max-height 500ms ease;
      -ms-transition: opacity 500ms ease, max-height 500ms ease;
      -o-transition: opacity 500ms ease, max-height 500ms ease;
      transition: opacity 500ms ease, max-height 500ms ease; }

.faq-section img {
  height: 1.5rem;
  display: block;
  -webkit-transition: transform 500ms ease;
  -moz-transition: transform 500ms ease;
  -ms-transition: transform 500ms ease;
  -o-transition: transform 500ms ease;
  transition: transform 500ms ease; }

.background_icon {
  align-items: end; }
  .background_icon div {
    position: relative; }
    .background_icon div h2 {
      position: relative;
      z-index: 2; }
    .background_icon div img {
      position: absolute; }

.four_icon {
  align-items: end; }
  .four_icon .icon_container {
    display: flex;
    justify-content: space-between; }
    .four_icon .icon_container img {
      height: 56px; }
      @media only screen and (min-width: 640px) {
        .four_icon .icon_container img {
          height: 84px; } }
      @media only screen and (min-width: 1600px) {
        .four_icon .icon_container img {
          height: 96px; } }

.contact_info a:hover {
  text-decoration: underline; }

.blog_carousel .view_all {
  display: flex;
  margin-bottom: 4rem;
  overflow: visible; }
  @media only screen and (min-width: 900px) {
    .blog_carousel .view_all {
      margin-bottom: 6.375rem;
      justify-content: flex-end;
      align-items: flex-end; } }

.blog_carousel .blog_post_tile {
  -webkit-transition: box-shadow 400ms ease;
  -moz-transition: box-shadow 400ms ease;
  -ms-transition: box-shadow 400ms ease;
  -o-transition: box-shadow 400ms ease;
  transition: box-shadow 400ms ease;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden; }

.blog_carousel .blog_posts-mobile .post_image {
  height: 160px;
  position: relative;
  width: 100%;
  overflow: hidden; }
  @media only screen and (min-width: 640px) {
    .blog_carousel .blog_posts-mobile .post_image {
      height: 200px; } }
  .blog_carousel .blog_posts-mobile .post_image img {
    position: absolute;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0; }

@media only screen and (min-width: 1920px) {
  .blog_carousel .blog_posts-mobile h4 {
    width: 60%; } }

.blog_carousel .embla {
  overflow: visible; }
  .blog_carousel .embla .embla__viewport {
    overflow-x: visible;
    overflow-y: visible; }
    @media only screen and (min-width: 900px) {
      .blog_carousel .embla .embla__viewport {
        overflow-x: hidden; } }
    .blog_carousel .embla .embla__viewport .embla__container {
      display: flex;
      overflow-y: visible; }
      .blog_carousel .embla .embla__viewport .embla__container .embla__slide {
        position: relative;
        flex: 0 0 60%;
        margin: 0px 8px; }
        @media only screen and (min-width: 640px) {
          .blog_carousel .embla .embla__viewport .embla__container .embla__slide {
            flex: 0 0 50%;
            margin: 0px 12px; } }
        @media only screen and (min-width: 900px) {
          .blog_carousel .embla .embla__viewport .embla__container .embla__slide {
            flex: 0 0 calc(calc(100% - 48px) / 3);
            margin: 0px 12px; } }
        @media only screen and (min-width: 1200px) {
          .blog_carousel .embla .embla__viewport .embla__container .embla__slide {
            flex: 0 0 calc(calc(100% - 48px) / 3);
            margin: 0px 12px; } }
        @media only screen and (min-width: 1600px) {
          .blog_carousel .embla .embla__viewport .embla__container .embla__slide {
            flex: 0 0 calc(calc(100% - 64px) / 3);
            margin: 0px 16px; } }
        @media only screen and (min-width: 1920px) {
          .blog_carousel .embla .embla__viewport .embla__container .embla__slide {
            flex: 0 0 calc(calc(100% - 64px) / 3);
            margin: 0px 16px; } }

.blog_carousel .blog_posts-desktop {
  overflow: visible; }
  .blog_carousel .blog_posts-desktop > div {
    overflow: visible; }
  .blog_carousel .blog_posts-desktop .blog_post_tile:hover .post_image img {
    min-width: 110%;
    min-height: 110%;
    top: -5%;
    left: -5%; }
  .blog_carousel .blog_posts-desktop .blog_post_tile .post_image {
    position: relative;
    height: 225px;
    width: 100%;
    overflow: hidden; }
    @media only screen and (min-width: 640px) {
      .blog_carousel .blog_posts-desktop .blog_post_tile .post_image {
        height: 160px; } }
    @media only screen and (min-width: 1200px) {
      .blog_carousel .blog_posts-desktop .blog_post_tile .post_image {
        height: 220px; } }
    @media only screen and (min-width: 1920px) {
      .blog_carousel .blog_posts-desktop .blog_post_tile .post_image {
        height: 260px; } }
    .blog_carousel .blog_posts-desktop .blog_post_tile .post_image img {
      position: absolute;
      object-fit: cover;
      min-width: 100%;
      min-height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      -webkit-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
      -moz-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
      -ms-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
      -o-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
      transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease; }

.resources_cta .resources_container {
  display: flex;
  flex-direction: column; }
  .resources_cta .resources_container .resource {
    display: flex;
    border-radius: 3px;
    -webkit-transition: box-shadow 400ms ease;
    -moz-transition: box-shadow 400ms ease;
    -ms-transition: box-shadow 400ms ease;
    -o-transition: box-shadow 400ms ease;
    transition: box-shadow 400ms ease;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.08);
    overflow: hidden; }
    .resources_cta .resources_container .resource .image_container {
      width: 50px;
      height: 100%;
      position: relative;
      overflow: hidden; }
      @media only screen and (min-width: 640px) {
        .resources_cta .resources_container .resource .image_container {
          width: 180px; } }
      @media only screen and (min-width: 1600px) {
        .resources_cta .resources_container .resource .image_container {
          width: 160px; } }
      @media only screen and (min-width: 1920px) {
        .resources_cta .resources_container .resource .image_container {
          width: 192px; } }
      .resources_cta .resources_container .resource .image_container img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-transition: min-height 300ms ease, min-width 300ms ease;
        -moz-transition: min-height 300ms ease, min-width 300ms ease;
        -ms-transition: min-height 300ms ease, min-width 300ms ease;
        -o-transition: min-height 300ms ease, min-width 300ms ease;
        transition: min-height 300ms ease, min-width 300ms ease; }
    .resources_cta .resources_container .resource .content_container {
      display: flex;
      flex-direction: column;
      flex: 1; }
    .resources_cta .resources_container .resource:hover img {
      min-width: 120%;
      min-height: 120%; }

.resources > div {
  overflow: visible; }

.resources .resource {
  -webkit-transition: box-shadow 400ms ease;
  -moz-transition: box-shadow 400ms ease;
  -ms-transition: box-shadow 400ms ease;
  -o-transition: box-shadow 400ms ease;
  transition: box-shadow 400ms ease;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border-radius: 3px;
  display: flex;
  flex-direction: column; }
  .resources .resource .image_container {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 226px; }
    @media only screen and (min-width: 640px) {
      .resources .resource .image_container {
        height: 165px; } }
    @media only screen and (min-width: 900px) {
      .resources .resource .image_container {
        height: 247px; } }
    @media only screen and (min-width: 1200px) {
      .resources .resource .image_container {
        height: 224px; } }
    @media only screen and (min-width: 1600px) {
      .resources .resource .image_container {
        height: 220px; } }
    @media only screen and (min-width: 1920px) {
      .resources .resource .image_container {
        height: 260px; } }
    .resources .resource .image_container img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%;
      width: 100%;
      -webkit-transition: min-width 200ms ease, min-height 200ms ease;
      -moz-transition: min-width 200ms ease, min-height 200ms ease;
      -ms-transition: min-width 200ms ease, min-height 200ms ease;
      -o-transition: min-width 200ms ease, min-height 200ms ease;
      transition: min-width 200ms ease, min-height 200ms ease; }
  .resources .resource .content {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .resources .resource .content .chip_container {
      display: flex;
      flex-wrap: wrap; }
      .resources .resource .content .chip_container .chip {
        display: flex;
        padding: 0.5rem 1rem;
        border-radius: 50px; }
    .resources .resource .content .resource-arrow_link {
      display: flex;
      align-items: center; }
      .resources .resource .content .resource-arrow_link img {
        display: inline-block;
        height: 18px;
        margin-left: 0.5rem;
        -webkit-transition: margin 200ms ease;
        -moz-transition: margin 200ms ease;
        -ms-transition: margin 200ms ease;
        -o-transition: margin 200ms ease;
        transition: margin 200ms ease; }
    .resources .resource .content .spacer {
      display: flex;
      flex: 1; }
  .resources .resource:hover .image_container img {
    min-width: 110%;
    min-height: 110%; }
  .resources .resource:hover .resource-arrow_link img {
    margin-left: calc(0.5rem + 4px);
    margin-right: -4px; }

#preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: #202528;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.post_grid {
  overflow: visible; }
  .post_grid .posts_container {
    overflow: visible; }
  .post_grid .post {
    -webkit-transition: box-shadow 400ms ease;
    -moz-transition: box-shadow 400ms ease;
    -ms-transition: box-shadow 400ms ease;
    -o-transition: box-shadow 400ms ease;
    transition: box-shadow 400ms ease;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden; }
    .post_grid .post:hover .post-image img {
      min-width: 110%;
      min-height: 110%;
      top: -5%;
      left: -5%; }
    .post_grid .post time {
      display: block; }
    .post_grid .post .post-image {
      position: relative;
      height: 225px;
      width: 100%;
      overflow: hidden; }
      @media only screen and (min-width: 640px) {
        .post_grid .post .post-image {
          height: 160px; } }
      @media only screen and (min-width: 1200px) {
        .post_grid .post .post-image {
          height: 220px; } }
      @media only screen and (min-width: 1920px) {
        .post_grid .post .post-image {
          height: 260px; } }
      .post_grid .post .post-image img {
        position: absolute;
        object-fit: cover;
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
        -moz-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
        -ms-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
        -o-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
        transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease; }
  .post_grid .main_post .content {
    display: flex;
    flex-direction: column; }
    .post_grid .main_post .content .spacer {
      flex: 1; }
  .post_grid .main_post:hover .main_post-image img {
    min-width: 110%;
    min-height: 110%;
    top: -5%;
    left: -5%; }
  .post_grid .main_post .main_post-image {
    position: relative;
    height: 350px;
    min-height: 100%;
    width: 100%;
    overflow: hidden; }
    @media only screen and (min-width: 900px) {
      .post_grid .main_post .main_post-image {
        height: 250px; } }
    @media only screen and (min-width: 1200px) {
      .post_grid .main_post .main_post-image {
        height: 350px; } }
    @media only screen and (min-width: 1920px) {
      .post_grid .main_post .main_post-image {
        height: 400px; } }
    .post_grid .main_post .main_post-image img {
      position: absolute;
      object-fit: cover;
      min-width: 100%;
      min-height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      -webkit-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
      -moz-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
      -ms-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
      -o-transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease;
      transition: min-width 300ms ease, min-height 300ms ease, top 300ms ease, left 300ms ease; }

.sticky_contact {
  position: fixed;
  z-index: 100;
  bottom: 8px;
  right: 8px; }
  .sticky_contact button {
    border: 1px solid #202528; }
  @media only screen and (min-width: 640px) {
    .sticky_contact {
      bottom: 16px;
      right: 16px; } }
  @media only screen and (min-width: 900px) {
    .sticky_contact {
      bottom: 16px;
      right: 16px; } }
  @media only screen and (min-width: 1200px) {
    .sticky_contact {
      bottom: 32px;
      right: 32px; } }
  @media only screen and (min-width: 1600px) {
    .sticky_contact {
      bottom: 32px;
      right: 32px; } }

.triple_card-link {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: box-shadow 400ms ease;
  -moz-transition: box-shadow 400ms ease;
  -ms-transition: box-shadow 400ms ease;
  -o-transition: box-shadow 400ms ease;
  transition: box-shadow 400ms ease;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.08); }
  @media only screen and (min-width: 640px) {
    .triple_card-link {
      height: 460px; } }
  .triple_card-link:hover .arrow_link > img {
    margin-left: calc(0.5rem + 4px);
    margin-right: -4px; }
  .triple_card-link h4 {
    font-size: 1.42rem; }
  .triple_card-link > a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column; }
    .triple_card-link > a > .card_image {
      height: 130px;
      width: 100%;
      overflow: hidden;
      display: flex;
      justify-content: center; }
      @media only screen and (min-width: 1200px) {
        .triple_card-link > a > .card_image {
          height: 167px; } }
      .triple_card-link > a > .card_image img {
        height: 130%; }
        @media only screen and (min-width: 640px) {
          .triple_card-link > a > .card_image img {
            height: 100%; } }
    .triple_card-link > a > .card_content {
      width: 100%;
      display: flex;
      flex-direction: column;
      flex-grow: 1; }
      .triple_card-link > a > .card_content > h4 {
        line-height: 1.4; }
      .triple_card-link > a > .card_content > .spacer {
        flex-grow: 1; }
      .triple_card-link > a > .card_content > .arrow_link {
        margin: 0; }

#CybotCookiebotDialogPoweredbyImage,
#CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogPoweredByText,
#CybotCookiebotDialogHeaderLogosWrapper,
#CybotCookiebotDialogDetailFooter {
  display: none !important; }

#home #background_icon-shield div h2 {
  max-width: 400px; }
  @media only screen and (min-width: 640px) {
    #home #background_icon-shield div h2 {
      max-width: unset; } }

#home #background_icon-shield div img {
  width: 100px;
  left: -40px;
  top: -40px; }
  @media only screen and (min-width: 640px) {
    #home #background_icon-shield div img {
      left: -60px;
      top: -30px; } }
  @media only screen and (min-width: 900px) {
    #home #background_icon-shield div img {
      width: 110px; } }
  @media only screen and (min-width: 1600px) {
    #home #background_icon-shield div img {
      width: 160px;
      left: -100px;
      top: -60px; } }

#about #icon_grid .icon_content img {
  width: 64px; }

#about #background_icon-shield div h2 {
  max-width: 400px; }
  @media only screen and (min-width: 640px) {
    #about #background_icon-shield div h2 {
      max-width: unset; } }

#about #background_icon-shield div img {
  width: 100px;
  left: -40px;
  top: -40px; }
  @media only screen and (min-width: 640px) {
    #about #background_icon-shield div img {
      left: -60px;
      top: -30px; } }
  @media only screen and (min-width: 900px) {
    #about #background_icon-shield div img {
      width: 110px; } }
  @media only screen and (min-width: 1600px) {
    #about #background_icon-shield div img {
      width: 160px;
      left: -100px;
      top: -60px; } }

#contact #map {
  width: 100%;
  height: 300px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (min-width: 900px) {
    #contact #map {
      height: 600px; } }
  #contact #map > * {
    width: 100%;
    height: 120%; }
  #contact #map iframe {
    border: none; }

#services #card_grid_services .card-1 .background_icon {
  height: 84px; }
  @media only screen and (min-width: 640px) {
    #services #card_grid_services .card-1 .background_icon {
      height: 95px; } }
  @media only screen and (min-width: 1600px) {
    #services #card_grid_services .card-1 .background_icon {
      height: 105px; } }

#services #card_grid_services .card-2 .background_icon {
  height: 96px; }
  @media only screen and (min-width: 640px) {
    #services #card_grid_services .card-2 .background_icon {
      height: 108px; } }
  @media only screen and (min-width: 1600px) {
    #services #card_grid_services .card-2 .background_icon {
      height: 120px; } }

#services #card_grid_services .card-3 .background_icon {
  height: 84px; }
  @media only screen and (min-width: 640px) {
    #services #card_grid_services .card-3 .background_icon {
      height: 95px; } }
  @media only screen and (min-width: 1600px) {
    #services #card_grid_services .card-3 .background_icon {
      height: 105px; } }

#services #background_icon-shield div h2 {
  max-width: 400px; }
  @media only screen and (min-width: 640px) {
    #services #background_icon-shield div h2 {
      max-width: unset; } }

#services #background_icon-shield div img {
  width: 100px;
  left: -40px;
  top: -40px; }
  @media only screen and (min-width: 640px) {
    #services #background_icon-shield div img {
      left: -60px;
      top: -30px; } }
  @media only screen and (min-width: 900px) {
    #services #background_icon-shield div img {
      width: 110px; } }
  @media only screen and (min-width: 1600px) {
    #services #background_icon-shield div img {
      width: 160px;
      left: -100px;
      top: -60px; } }

#careers .triple_cta_card > div {
  overflow: visible; }
  #careers .triple_cta_card > div .card-2, #careers .triple_cta_card > div .card-3 {
    filter: blur(6px);
    cursor: default; }
    @media only screen and (max-width: 639.9px) {
      #careers .triple_cta_card > div .card-2, #careers .triple_cta_card > div .card-3 {
        display: none; } }
    #careers .triple_cta_card > div .card-2 a:hover, #careers .triple_cta_card > div .card-3 a:hover {
      opacity: 1 !important;
      cursor: default; }
  @media only screen and (max-width: 1199.9px) {
    #careers .triple_cta_card > div .card-3 {
      display: none; } }

#careers #background_icon-shield div h2 {
  max-width: 400px; }
  @media only screen and (min-width: 640px) {
    #careers #background_icon-shield div h2 {
      max-width: unset; } }

#careers #background_icon-shield div img {
  width: 100px;
  left: -40px;
  top: -40px; }
  @media only screen and (min-width: 640px) {
    #careers #background_icon-shield div img {
      left: -60px;
      top: -30px; } }
  @media only screen and (min-width: 900px) {
    #careers #background_icon-shield div img {
      width: 110px; } }
  @media only screen and (min-width: 1600px) {
    #careers #background_icon-shield div img {
      width: 160px;
      left: -100px;
      top: -60px; } }

#error-404 .error-404 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  #error-404 .error-404 div {
    display: flex;
    flex-direction: column; }
    #error-404 .error-404 div img {
      height: 96px; }
      @media only screen and (min-width: 640px) {
        #error-404 .error-404 div img {
          height: 180px; } }
      @media only screen and (min-width: 1200px) {
        #error-404 .error-404 div img {
          height: 240px; } }

#blog_post .blog-content a:hover {
  text-decoration: underline; }

#blog_post .blog-content ul {
  list-style-position: outside;
  list-style-type: disc;
  padding-left: 1.5rem; }

#blog_post .blog-content img {
  width: 100%;
  border-radius: 8px; }

#blog_post .blog-content .breadcrumb-and-date {
  display: flex;
  justify-content: space-between; }
  #blog_post .blog-content .breadcrumb-and-date .breadcrumb {
    display: flex;
    align-items: center; }
    #blog_post .blog-content .breadcrumb-and-date .breadcrumb p {
      max-width: 130px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media only screen and (min-width: 640px) {
        #blog_post .blog-content .breadcrumb-and-date .breadcrumb p {
          max-width: 150px; } }
      @media only screen and (min-width: 900px) {
        #blog_post .blog-content .breadcrumb-and-date .breadcrumb p {
          max-width: 300px; } }
    #blog_post .blog-content .breadcrumb-and-date .breadcrumb a:hover {
      text-decoration: underline; }
    #blog_post .blog-content .breadcrumb-and-date .breadcrumb img {
      width: 6px; }

#blog_post .blog-content .quote_block {
  overflow-wrap: break-word;
  display: flex; }
  #blog_post .blog-content .quote_block div {
    width: 4px;
    margin-right: 16px; }
  #blog_post .blog-content .quote_block p {
    text-decoration: italic;
    width: calc(100% - 20px); }

#blog_post .share_buttons {
  width: 100%;
  display: flex;
  border-radius: 0px;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  flex-direction: column; }
  @media only screen and (min-width: 900px) {
    #blog_post .share_buttons {
      flex-direction: row; } }
  #blog_post .share_buttons .twitter-share_button, #blog_post .share_buttons .linkedin-share_button {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    border-radius: 8px; }
    #blog_post .share_buttons .twitter-share_button:hover, #blog_post .share_buttons .linkedin-share_button:hover {
      text-decoration: none;
      opacity: 0.85 !important; }
    #blog_post .share_buttons .twitter-share_button img, #blog_post .share_buttons .linkedin-share_button img {
      height: 18px;
      width: auto;
      border-radius: 0px; }
    #blog_post .share_buttons .twitter-share_button span, #blog_post .share_buttons .linkedin-share_button span {
      width: max-content; }
  #blog_post .share_buttons .twitter-share_button {
    background-color: #1DA1F2; }
  #blog_post .share_buttons .linkedin-share_button {
    background-color: #0A66C2; }