html, body {
  width: 100%;
  height: 100%; }

body {
  font-family: 'Lato';
  -ms-overflow-style: none;
  scrollbar-width: none; }
  body p {
    font-size: 16px;
    line-height: 23px; }

::-webkit-scrollbar {
  width: 0px;
  background: transparent; }

#header_container {
  background: linear-gradient(#54A0D7, #00315E);
  height: auto;
  position: relative; }
  #header_container .navbar-header {
    background: none !important; }
  #header_container .main-header {
    font-size: 48px;
    line-height: 58px;
    color: #fff; }
  #header_container .header-content {
    font-size: 20px;
    line-height: 24px;
    color: #fff; }
  #header_container #header .container {
    padding: 24px;
    padding-bottom: 48px; }
    @media (min-width: 768px) and (max-width: 991px) {
      #header_container #header .container {
        padding-left: 80px;
        padding-right: 80px; } }
  #header_container .sub-header-container {
    margin-top: 50px; }
    #header_container .sub-header-container .contact-us {
      position: absolute;
      top: 30px;
      right: 30px; }
  #header_container .icon-container {
    text-align: center;
    margin-top: 40px;
    background-image: url("/docs/image/brand-guidelines/Hero-icons.svg");
    background-repeat: no-repeat;
    height: 70px; }
  #header_container .header-icon {
    margin-left: 24px; }

#content_container .group-content-container {
  max-width: 840px; }
#content_container .brand-group {
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px; }
  @media (min-width: 768px) {
    #content_container .brand-group {
      width: 100% !important; } }
  @media (min-width: 980px) {
    #content_container .brand-group {
      width: 960px !important; } }
  @media (min-width: 1200px) {
    #content_container .brand-group {
      width: 1200px !important; } }
  @media (min-width: 1400px) {
    #content_container .brand-group {
      width: 1400px !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #content_container .brand-group {
      padding-left: 80px;
      padding-right: 80px; } }
#content_container .group-header {
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #232333; }
#content_container .group-sub-header {
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 12px; }
#content_container .group-content {
  font-size: 16px;
  line-height: 26px;
  color: #747487; }
  #content_container .group-content .table-container {
    overflow-x: scroll; }
#content_container .content-list {
  margin-left: -18px; }
  #content_container .content-list li {
    margin-bottom: 8px;
    padding-left: 12px; }
#content_container .content-table {
  margin-top: 80px;
  width: 100%;
  color: #4f4f4f; }
  #content_container .content-table th {
    font-size: 20px;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #000000;
    padding-bottom: 16px; }
  #content_container .content-table td {
    padding: 12px 0; }
    #content_container .content-table td:first-of-type {
      font-weight: bold; }
  #content_container .content-table .type-col-1 {
    width: 25%;
    min-width: 150px; }
  #content_container .content-table .type-col-2 {
    width: 35%;
    min-width: 220px; }
  #content_container .content-table .type-col-3 {
    width: 40%;
    min-width: 300px; }
  #content_container .content-table .table-divider {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #000; }
    #content_container .content-table .table-divider td {
      padding-bottom: 40px; }
  #content_container .content-table .sub-table-tr td {
    padding-top: 40px; }
  #content_container .content-table .sub-table-align {
    vertical-align: top; }
    #content_container .content-table .sub-table-align td p {
      font-size: inherit;
      line-height: inherit; }
  @media (max-width: 767px) {
    #content_container .content-table th {
      font-size: 14px; }
    #content_container .content-table .type-col-1 {
      width: 25%;
      min-width: 150px; }
    #content_container .content-table .type-col-2 {
      width: 35%;
      min-width: 250px; }
    #content_container .content-table .type-col-3 {
      width: 40%;
      min-width: 300px; }
    #content_container .content-table .sub-table-tr .hidden-lg {
      max-width: 184px;
      word-break: unset; } }
#content_container .brand-img {
  display: inline-block; }
  #content_container .brand-img.format-img svg {
    margin-top: 40px; }
    #content_container .brand-img.format-img svg:nth-of-type(2) {
      margin-left: 50px; }
  #content_container .brand-img .brand-img-container {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #content_container .brand-img .img-desc {
    text-align: center;
    font-size: 24px;
    line-height: 39px; }
  #content_container .brand-img .img-desc-sm {
    text-align: center;
    font-size: 11px;
    line-height: 16px; }
  #content_container .brand-img .misuse-container .misuse-img-desc {
    margin-left: 20px;
    width: 150px;
    text-align: center; }
  @media (min-width: 1200px) {
    #content_container .brand-img .misuse-container div:nth-of-type(4n) {
      margin-right: 0; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #content_container .brand-img .misuse-container div:nth-of-type(3n) {
      margin-right: 0; } }
  #content_container .brand-img .misuse-container .misuse-img-section {
    display: inline-block;
    margin: 40px 40px 40px 0; }
    @media (max-width: 767px) {
      #content_container .brand-img .misuse-container .misuse-img-section {
        transform: scale(0.9);
        margin: 40px 0 40px 0; } }
  #content_container .brand-img .misuse-container .misuse-img {
    background-image: url("/docs/image/brand-guidelines/misuse.png");
    background-repeat: no-repeat;
    display: block; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_0_ {
    width: 176px;
    height: 119px;
    background-position: -5px -5px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_10_ {
    width: 176px;
    height: 118px;
    background-position: -5px -134px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_11_ {
    width: 176px;
    height: 118px;
    background-position: -5px -262px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_1_ {
    width: 176px;
    height: 119px;
    background-position: -5px -390px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_2_ {
    width: 176px;
    height: 119px;
    background-position: -5px -519px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_3_ {
    width: 176px;
    height: 119px;
    background-position: -5px -648px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_4_ {
    width: 176px;
    height: 120px;
    background-position: -5px -777px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_5_ {
    width: 176px;
    height: 120px;
    background-position: -5px -907px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_6_ {
    width: 176px;
    height: 120px;
    background-position: -5px -1037px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_7_ {
    width: 176px;
    height: 120px;
    background-position: -5px -1167px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_8_ {
    width: 176px;
    height: 118px;
    background-position: -5px -1297px; }
  #content_container .brand-img .misuse-container .misuse-img-Group-3-_9_ {
    width: 176px;
    height: 118px;
    background-position: -5px -1425px; }
#content_container .brand-tabs {
  margin: 40px 0 50px 0;
  padding-left: 0; }
  #content_container .brand-tabs li {
    list-style: none;
    display: inline-block;
    margin-right: 30px; }
    #content_container .brand-tabs li a {
      font-size: 16px;
      line-height: 19px;
      color: #bdbdbd;
      padding-bottom: 12px;
      border-bottom: 3px solid #babacc; }
      #content_container .brand-tabs li a:hover, #content_container .brand-tabs li a:focus {
        text-decoration: none;
        color: #0e71eb;
        border-bottom: 3px solid #0e71eb; }
    #content_container .brand-tabs li.active a {
      text-decoration: none;
      color: #0e71eb;
      border-bottom: 3px solid #0e71eb; }
#content_container .tab-pane {
  display: none; }
  #content_container .tab-pane.active {
    display: block; }
#content_container .color-group.flex-style {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  padding-bottom: 40px; }
#content_container .color-group.last-child {
  padding-bottom: 0; }
#content_container .color-group svg {
  margin-left: -1px;
  margin-bottom: -1px; }
#content_container .color-group .palette-container {
  margin: 40px 0; }
  @media (max-width: 767px) {
    #content_container .color-group .palette-container svg {
      width: 280px;
      height: 80px; } }
  #content_container .color-group .palette-container.extra-gap {
    margin-right: 30px; }
  #content_container .color-group .palette-container.last-child {
    margin-bottom: 0; }
#content_container .color-group .color-group-items {
  display: flex;
  flex-direction: column; }
#content_container .color-row {
  overflow-x: scroll;
  margin-bottom: 80px; }
  @media (min-width: 1200px) {
    #content_container .color-row {
      width: 960px; } }
  #content_container .color-row svg {
    margin-top: 40px;
    margin-right: 36px; }
    @media (max-width: 767px) {
      #content_container .color-row svg {
        margin-right: 24px; } }
#content_container .icon-group {
  margin-top: 40px;
  text-align: center; }
  #content_container .icon-group svg {
    display: block;
    overflow: visible;
    margin-left: auto;
    margin-right: auto; }
  #content_container .icon-group .icon-item {
    margin-bottom: 30px; }
  @media (max-width: 979px) {
    #content_container .icon-group .icon-desc {
      margin-bottom: 60px; } }
  #content_container .icon-group p {
    font-size: 14px;
    font-weight: bold; }
#content_container .palette-desc {
  display: inline-block;
  width: 48%;
  font-size: 18px;
  text-align: center; }

.button-group ul {
  padding-left: 0;
  overflow-x: scroll; }
.button-group li {
  list-style: none; }
.button-group svg {
  margin-right: 8px; }
.button-group div {
  margin-top: 8px; }
  @media (max-width: 767px) {
    .button-group div {
      width: 430px; } }
.button-group .button-list-sm li {
  margin-bottom: 40px; }
@media (min-width: 768px) {
  .button-group .button-list-lg {
    width: 430px; } }
.button-group .button-list-lg li {
  margin-bottom: 30px; }

.photo-group {
  margin-bottom: 80px; }
  .photo-group p {
    text-align: left; }
  .photo-group div, .photo-group img {
    display: inline-block; }
  .photo-group img {
    vertical-align: unset;
    margin-bottom: 20px; }
  .photo-group .zoom-photo-4 img:first-of-type {
    background-color: #ecf1fd; }
  @media (min-width: 768px) {
    .photo-group .zoom-photo-1 {
      margin-right: 20px;
      width: 56%;
      max-width: 467px; }
    .photo-group .zoom-photo-2 {
      width: 40%;
      max-width: 344px; }
    .photo-group .zoom-photo-3 {
      width: 40%; }
      .photo-group .zoom-photo-3 img {
        width: 100%;
        max-width: 344px; }
    .photo-group .zoom-photo-4 {
      width: 58%; }
      .photo-group .zoom-photo-4 img {
        width: 43%;
        margin-left: 20px; }
        .photo-group .zoom-photo-4 img:first-of-type {
          padding-top: 8%; } }
  @media (max-width: 767px) {
    .photo-group {
      text-align: center; } }

#footer-new {
  margin: 50px 24px 0 24px; }
  #footer-new .footer-copyright {
    bottom: 0;
    position: relative;
    margin-top: 8px;
    margin-bottom: 24px; }
  #footer-new .info-icons-container {
    text-align: right; }
    @media (max-width: 979px) {
      #footer-new .info-icons-container {
        text-align: left; } }
  #footer-new .info-icons {
    margin-top: 0;
    width: auto; }

.brand-divider {
  border: 1px solid #E4E4ED;
  margin-top: 60px;
  margin-bottom: 80px; }

@media (max-width: 767px) {
  .zoom-room-v2 .sticky-frame-icons {
    position: fixed;
    top: 0;
    /* width: 100%; */
    margin-top: 0 !important; } }
.zoom-room-v2 .nav-no-sticky {
  position: fixed !important;
  bottom: 150px !important; }

/*# sourceMappingURL=brand-guidelines.css.map */