/* ============ connect bar ================ */
/* line 3, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] {
  background: var(--stgr);
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}

/* line 9, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row {
  align-items: flex-start;
}

@media screen and (min-width: 768px) {
  /* line 9, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container .row {
    align-items: stretch;
  }
}

/* line 14, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] {
  text-align: center;
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}

/* line 19, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"]:first-of-type {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  /* line 14, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container .row div[class^="col-"] {
    max-width: unset;
    margin-top: 0;
  }
}

/* line 26, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] h3 {
  background-color: var(--hgob);
  color: var(--black);
  padding: .25rem .75rem .33rem;
  font-size: .75rem;
  font-weight: 700;
  display: block;
  transform: translateY(1rem);
  margin: auto;
  border-radius: 4px;
}

/* line 37, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .contentbox {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  padding: 2rem 5%;
  border-radius: 4px;
  box-shadow: var(--stgr) 0 3px 6px;
}

@media screen and (min-width: 768px) {
  /* line 37, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container .row div[class^="col-"] .contentbox {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 8rem;
  }
}

@media screen and (max-width: 1200px) {
  /* line 37, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container .row div[class^="col-"] .contentbox {
    padding: 2em 1em;
  }
}

/* line 53, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .contentbox p {
  margin: 0;
}

/* line 58, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] a {
  color: var(--ssgr);
}

/* line 60, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] a:hover {
  color: var(--grayMd);
}

/* line 63, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] a.fa-users {
  display: block;
  text-decoration: none;
  background: url(../../images/meetus-icon.svg) no-repeat center;
  padding: 2rem 0 1rem;
  height: 6rem;
}

@media screen and (min-width: 768px) {
  /* line 63, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container .row div[class^="col-"] a.fa-users {
    width: 6rem;
  }
}

/* line 72, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] a.fa-users span {
  display: block;
  text-indent: -9999px;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* line 81, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media screen and (min-width: 1200px) {
  /* line 81, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container .row div[class^="col-"] .socialicons {
    flex-wrap: nowrap;
  }
}

/* line 90, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons li {
  list-style: none;
  flex: 0 0 25%;
  margin: 0 auto;
  /***Start update connect socialicons ***/
  /***End update connect socialicons ***/
}

@media screen and (min-width: 1200px) {
  /* line 90, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container .row div[class^="col-"] .socialicons li {
    list-style: none;
    flex: 0 0 25%;
  }
}

/* line 99, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons li a {
  background-size: contain;
  /*border-radius: 1em;*/
  font-size: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: .33rem;
  width: 60px;
}

/* line 108, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons li a[href*="."]:before {
  content: url(../../../svg/socials/black/web.svg);
}

/* line 111, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons li a[href*="twitter.com"]:before {
  content: url(../../../svg/socials/black/tw.svg);
}

/* line 114, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons li a[href*="facebook.com"]:before {
  content: url(../../../svg/socials/black/fb.svg);
}

/* line 117, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons li a[href*="instagram.com"]:before {
  content: url(../../../svg/socials/black/ig.svg);
}

/* line 120, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons li a[href*="flickr.com"]:before {
  content: url(../../../svg/socials/black/fk.svg);
}

/* line 123, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons li a[href*="youtube.com"]:before {
  content: url(../../../svg/socials/black/yt.svg);
}

/* line 126, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons li a[href*="linkedin.com"]:before {
  content: url(../../../svg/socials/black/li.svg);
}

/* line 129, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
[id="connect"] .container .row div[class^="col-"] .socialicons li a[href*="behance.net"]:before {
  content: url(../../../svg/socials/black/behance.svg);
}

@media screen and (min-width: 768px) {
  /* line 138, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container div[class$="-3"],
  [id="connect"] .container div[class$="-6"] {
    flex: 1 1 48%;
  }
  /* line 143, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container div[class$="-3"]:nth-of-type(odd),
  [id="connect"] .container div[class$="-6"]:nth-of-type(odd) {
    margin-right: 4%;
  }
}

@media screen and (min-width: 1000px) {
  /* line 138, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container div[class$="-3"],
  [id="connect"] .container div[class$="-6"] {
    flex: 1 1 22%;
    margin-right: 3%;
  }
  /* line 150, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container div[class$="-3"]:nth-of-type(odd),
  [id="connect"] .container div[class$="-6"]:nth-of-type(odd) {
    margin-right: 3%;
  }
  /* line 153, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container div[class$="-3"]:last-of-type,
  [id="connect"] .container div[class$="-6"]:last-of-type {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  /* line 158, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container div[class$="-4"] {
    flex: 1 1 30%;
    margin-right: 5%;
  }
  /* line 163, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container div[class$="-4"]:nth-of-type(odd) {
    margin-right: 5%;
  }
}

@media screen and (min-width: 1000px) {
  /* line 168, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container div[class$="-4"]:nth-of-type(odd) {
    margin-right: 5%;
  }
  /* line 171, ../../../../../Volumes/cascade-managed/mengtest/web-mobile/_internal/scss/3-group-t4/22-module-connect.scss */
  [id="connect"] .container div[class$="-4"]:last-of-type {
    margin-right: 0;
  }
}

/*# sourceMappingURL=22-module-connect.css.map */