/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/
@font-face {
  font-family: "Helvetica Neue LT W01_55 Roman";
  src: url("../fonts/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix");
  src: url("../fonts/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix") format("eot"), url("../fonts/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"), url("../fonts/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff"), url("../fonts/8a8bfee3-197c-4942-9b11-71508cc9f406.ttf") format("truetype"), url("../fonts/5101995a-e73b-4cf9-84e8-f99eb43277b1.svg#5101995a-e73b-4cf9-84e8-f99eb43277b1") format("svg");
}
@font-face {
  font-family: "HelveticaNeueETW01-75Bd";
  src: url("../fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix");
  src: url("../fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix") format("eot"), url("../fonts/6dfa3ef5-ebc5-4d23-a631-b3d746c2ad39.woff2") format("woff2"), url("../fonts/588c9ba8-1d28-4ad6-bf18-7128152d84c4.woff") format("woff"), url("../fonts/55334dfb-9c72-4147-8de0-21239f17ff25.ttf") format("truetype"), url("../fonts/62455047-c81f-44f1-8938-7739fa0f0e8d.svg#62455047-c81f-44f1-8938-7739fa0f0e8d") format("svg");
}
@font-face {
  font-family: "Swiss911 Cm BT W00 Regular";
  src: url("../fonts/836a45df-3d08-444d-bbd9-faab4dfe22a7.eot?#iefix");
  src: url("../fonts/836a45df-3d08-444d-bbd9-faab4dfe22a7.eot?#iefix") format("eot"), url("../fonts/a2a4e0c2-56b1-4a2f-a243-ed5bed461879.woff2") format("woff2"), url("../fonts/1ae38e78-f77d-4d08-ae8f-ffe1bc744397.woff") format("woff"), url("../fonts/5245ec7a-1917-4329-b76b-be51121218b3.ttf") format("truetype"), url("../fonts/9646c529-70a6-4e7b-8b0b-5113e56d85d9.svg#9646c529-70a6-4e7b-8b0b-5113e56d85d9") format("svg");
}
html, body {
  padding: 0;
  margin: 0;
}

body {
  background-color: #000000;
  -webkit-text-size-adjust: 100%;
  font-family: "Helvetica Neue LT W01_55 Roman", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  margin: 0px 0;
  color: #97999B;
}
@media (max-width: 700px) {
  body {
    font-size: 16px;
    line-height: 26px;
  }
}

.row {
  display: flex;
}
@media (max-width: 700px) {
  .row {
    display: block;
  }
}

.col {
  flex: 1;
}

.colSpacer {
  flex: 0.2;
}
@media (max-width: 700px) {
  .colSpacer {
    display: none;
  }
}

h1 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  display: block;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 150px;
  line-height: 130px;
  margin: 0;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media (max-width: 1000px) {
  h1 {
    font-size: 120px;
    line-height: 120px;
  }
}
@media (max-width: 700px) {
  h1 {
    font-size: 75px;
    line-height: 80px;
  }
}

h2 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 75px;
  line-height: 75px;
  margin: 25px 0;
  text-transform: uppercase;
}
@media (max-width: 1000px) {
  h2 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (max-width: 700px) {
  h2 {
    font-size: 50px;
    line-height: 50px;
  }
}

h3 {
  font-family: "Helvetica Neue LT W01_55 Roman", sans-serif;
  font-weight: normal;
  font-size: 30px;
  line-height: 40px;
  color: #97999B;
  margin: 15px 0;
}
@media (max-width: 700px) {
  h3 {
    font-size: 24px;
    line-height: 34px;
  }
}

h4 {
  font-family: "HelveticaNeueETW01-75Bd", sans-serif;
  font-weight: normal;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
}

h6 {
  font-family: "HelveticaNeueETW01-75Bd", sans-serif;
  font-weight: normal;
  color: #97999B;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 11px;
  letter-spacing: 1px;
}

p, nav .col:nth-of-type(3) p, nav .col:nth-of-type(3) ul, nav .col:nth-of-type(3) main section.jumpto span, main section.jumpto nav .col:nth-of-type(3) span, main section.jumpto span, div.mainBlack section.jumpto span, div.mainWhite section.jumpto span, ul {
  font-family: "Helvetica Neue LT W01_55 Roman", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  margin: 4px 0;
  color: #97999B;
}
@media (max-width: 700px) {
  p, nav .col:nth-of-type(3) p, nav .col:nth-of-type(3) ul, nav .col:nth-of-type(3) main section.jumpto span, main section.jumpto nav .col:nth-of-type(3) span, main section.jumpto span, div.mainBlack section.jumpto span, div.mainWhite section.jumpto span, ul {
    font-size: 16px;
    line-height: 26px;
  }
}

ul {
  padding-left: 0;
  list-style: none;
}
ul li {
  margin: 0px 0 5px 0;
}

input:not([type=checkbox]), input[type=button].whitebutton:not([type=checkbox]), textarea {
  display: block;
  position: relative;
  background-color: #EFEFEF;
  color: #000000;
  width: 100%;
  height: 45px;
  margin-bottom: 15px;
  border-radius: 0px;
  border: none;
  outline: 0;
  box-sizing: border-box;
  padding: 5px 10px;
  font-family: "HelveticaNeueETW01-75Bd", sans-serif;
  font-weight: normal;
  font-size: 14px;
  -webkit-appearance: none;
}

textarea {
  min-height: 200px;
  padding: 15px 10px;
  resize: vertical;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #97999B;
  opacity: 1;
}

::placeholder {
  color: #97999B;
}

input[type=submit], input[type=button].blackbutton, input[type=button].whitebutton {
  background-color: #000000;
  color: #FFFFFF;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 10px 40px;
  border: 1px solid #000000;
  cursor: pointer;
  margin-top: 25px;
  transition: transform 0.5s;
  box-sizing: border-box;
  text-transform: uppercase;
}
input[type=submit]:hover, input[type=button].blackbutton:hover, input[type=button].whitebutton:hover {
  transform: scale(1.05);
}

input[type=button].whitebutton {
  background-color: #FFFFFF;
  color: #000000;
  border: 2px solid #000000;
}

a, a:link, a:visited {
  color: #000000;
}

a.button:link {
  color: #000000;
  text-decoration: none;
}

a.button:visited {
  color: #000000;
  text-decoration: none;
}

a.button:hover {
  color: #000000;
  text-decoration: none;
}

a.button:active {
  color: #000000;
  text-decoration: none;
}

a.button.outlineInverse:link {
  color: #FFFFFF;
  text-decoration: none;
}

a.button.outlineInverse:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a.button.outlineInverse:hover {
  color: #FFFFFF;
  text-decoration: none;
}

a.button.outlineInverse:active {
  color: #FFFFFF;
  text-decoration: none;
}

a.button.solid:link {
  color: #FFFFFF;
  text-decoration: none;
}

a.button.solid:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a.button.solid:hover {
  color: #FFFFFF;
  text-decoration: none;
}

a.button.solid:active {
  color: #FFFFFF;
  text-decoration: none;
}

.button {
  display: inline-block;
  padding: 10px 40px;
  border: 1px solid #000000;
  font-family: "HelveticaNeueETW01-75Bd", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 2px;
  cursor: pointer;
  transition: transform 0.5s;
  box-sizing: border-box;
  text-transform: uppercase;
  margin-top: 10px;
  text-align: center;
}
.button:hover {
  transform: scale(1.05);
}
.button.solid {
  background-color: #000000;
}
.button.facebook {
  background-color: #4267b2;
  border: 1px solid #4267b2;
}
.button.inverse {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.button.outlineInverse {
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

header {
  display: block;
  position: relative;
  padding: 25px 50px 30px 50px;
}
header.home h1 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  color: #97999B;
  font-size: 6vw;
  line-height: 6vw;
  margin: 100px 0px;
  -webkit-hyphens: none;
  hyphens: none;
}
header.home h1 .white {
  color: #FFFFFF;
}
header.portfolio, header.search {
  background-color: #FFFFFF;
}
header.portfolio h1, header.search h1 {
  margin-top: 30px;
  color: #000000;
}
header .top .col:nth-of-type(2) {
  max-width: 200px;
  padding-right: 30px;
  z-index: 999;
}
header .top .col:nth-of-type(3) {
  max-width: 60px;
  z-index: 999;
}
header .logo {
  display: block;
  position: relative;
  max-width: 250px;
}
header #Hamburger {
  width: 60px;
  height: 60px;
  background-color: #FFFFFF;
  stroke: #000000;
  stroke-width: 8;
  z-index: 1200;
  border: 1px solid #000000;
  box-sizing: border-box;
}
header .introduction {
  align-items: flex-end;
  margin-top: 100px;
}
header .introduction p, header .introduction nav .col:nth-of-type(3) p, nav .col:nth-of-type(3) header .introduction p, header .introduction nav .col:nth-of-type(3) ul, nav .col:nth-of-type(3) header .introduction ul, header .introduction main section.jumpto span, main section.jumpto header .introduction span, header .introduction div.mainBlack section.jumpto span, div.mainBlack section.jumpto header .introduction span, header .introduction div.mainWhite section.jumpto span, div.mainWhite section.jumpto header .introduction span, header .introduction ul {
  max-width: 600px;
  padding-left: 50px;
}
header .button {
  margin-right: 25px;
}
@media (max-width: 700px) {
  header {
    padding: 25px 25px 30px 25px;
  }
  header.home h1 {
    margin: 50px 0;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: 1px;
  }
  header.home .button {
    margin-right: 10px;
  }
  header.home .button:first-of-type {
    margin-bottom: 10px;
  }
  header .top {
    display: flex;
  }
  header .top .col:nth-of-type(2) {
    max-width: 50px;
  }
  header .logo {
    height: 50px;
  }
  header #Hamburger {
    width: 50px;
    height: 50px;
  }
  header .introduction {
    margin-top: 75px;
  }
  header .introduction p, header .introduction nav .col:nth-of-type(3) p, nav .col:nth-of-type(3) header .introduction p, header .introduction nav .col:nth-of-type(3) ul, nav .col:nth-of-type(3) header .introduction ul, header .introduction main section.jumpto span, main section.jumpto header .introduction span, header .introduction div.mainBlack section.jumpto span, div.mainBlack section.jumpto header .introduction span, header .introduction div.mainWhite section.jumpto span, div.mainWhite section.jumpto header .introduction span, header .introduction ul {
    padding-left: 0px;
    margin-top: 15px;
  }
}

.blackBackground {
  background-color: #000000 !important;
  color: #FFFFFF !important;
}
.blackBackground h1 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  color: #97999B;
  font-size: 6vw;
  line-height: 6vw;
  margin: 100px 0px;
  -webkit-hyphens: none;
  hyphens: none;
}
.blackBackground h1 .white {
  color: #FFFFFF;
}
.blackBackground h2 {
  colour: #FFFFFF;
}
.blackBackground a, .blackBackground a:link, .blackBackground a:visited {
  color: #FFFFFF;
}
.blackBackground a.button, .blackBackground a.button:link, .blackBackground a.button:visited {
  color: #000000;
}
.blackBackground a.outlineInverse, .blackBackground a.outlineInverse:link, .blackBackground a.outlineInverse:visited {
  color: #FFFFFF;
}

div.mainBlack {
  display: block;
  position: relative;
  padding: 25px 50px 50px 50px;
  background-color: #000000;
  overflow-x: hidden;
}
div.mainBlack h2 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif !important;
  font-size: 10vw;
  line-height: 10vw;
  margin: 50px 0px;
  color: #FFFFFF;
  text-transform: uppercase;
}
div.mainBlack h3 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 3vw;
  line-height: 3vw;
  text-transform: uppercase;
}

div.mainWhite {
  display: block;
  position: relative;
  padding: 25px 50px 50px 50px;
  background-color: #FFFFFF;
  overflow-x: hidden;
}
div.mainWhite h2 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif !important;
  font-size: 10vw;
  line-height: 10vw;
  margin: 50px 0px;
  color: #000000;
  text-transform: uppercase;
}
div.mainWhite h3 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 3vw;
  line-height: 3vw;
  text-transform: uppercase;
}

main {
  display: block;
  position: relative;
  padding: 25px 50px 200px 50px;
  background-color: #FFFFFF;
  overflow-x: hidden;
}
main .home2022 {
  margin-bottom: 50px !important;
}

@media (max-width: 700px) {
  main, div.mainBlack, div.mainWhite {
    padding: 25px 25px 100px 25px;
  }
}
main .smallTopMargin, div.mainBlack .smallTopMargin, div.mainWhite .smallTopMargin {
  margin-top: 50px !important;
}
main .smallBottomMargin, div.mainBlack .smallBottomMargin, div.mainWhite .smallBottomMargin {
  margin-bottom: 50px !important;
}
main section, div.mainBlack section, div.mainWhite section {
  margin-top: 100px;
}
@media (max-width: 700px) {
  main section, div.mainBlack section, div.mainWhite section {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
main section#portfolios img, div.mainBlack section#portfolios img, div.mainWhite section#portfolios img {
  float: right;
}
main section#searchjobs img, div.mainBlack section#searchjobs img, div.mainWhite section#searchjobs img {
  float: right;
}
main section#employers img, div.mainBlack section#employers img, div.mainWhite section#employers img {
  float: right;
}
main section.signup, div.mainBlack section.signup, div.mainWhite section.signup {
  overflow: hidden;
}
main section.signup.stage2 h2, div.mainBlack section.signup.stage2 h2, div.mainWhite section.signup.stage2 h2 {
  text-align: center;
  padding: 25px 0;
  margin-top: -25px;
  position: relative;
}
main section.signup .row, div.mainBlack section.signup .row, div.mainWhite section.signup .row {
  align-items: stretch;
}
main section.signup .centerTitle, div.mainBlack section.signup .centerTitle, div.mainWhite section.signup .centerTitle {
  text-align: center;
  background-color: #FFFFFF;
  z-index: 1;
  position: relative;
  padding: 25px 0;
  width: 100%;
  box-sizing: border-box;
}
main section.signup .divide, div.mainBlack section.signup .divide, div.mainWhite section.signup .divide {
  min-width: 100px;
  display: block;
}
main section.signup .divide h2, div.mainBlack section.signup .divide h2, div.mainWhite section.signup .divide h2 {
  background-color: #FFFFFF;
  position: relative;
  z-index: 1;
}
main section.signup .divide .line, div.mainBlack section.signup .divide .line, div.mainWhite section.signup .divide .line {
  display: block;
  position: absolute;
  height: calc(100% + 200px);
  top: -200px;
  margin-left: 49.5px;
  width: 1px;
  background-color: #000000;
}
main section.signup .button, div.mainBlack section.signup .button, div.mainWhite section.signup .button {
  margin-top: 25px;
  width: 100%;
  text-align: center;
}
@media (max-width: 700px) {
  main section.signup .divide, div.mainBlack section.signup .divide, div.mainWhite section.signup .divide {
    min-width: 100px;
    display: block;
    padding: 50px 0;
  }
  main section.signup .divide h2, div.mainBlack section.signup .divide h2, div.mainWhite section.signup .divide h2 {
    display: none;
  }
  main section.signup .divide .line, div.mainBlack section.signup .divide .line, div.mainWhite section.signup .divide .line {
    display: block;
    position: relative;
    height: 1px;
    top: 0px;
    margin-left: 0px;
    width: 100%;
    background-color: #000000;
  }
}
main section.login, div.mainBlack section.login, div.mainWhite section.login {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
main section.login h6 a:link, div.mainBlack section.login h6 a:link, div.mainWhite section.login h6 a:link {
  color: #97999B;
  text-decoration: none;
}
main section.login h6 a:visited, div.mainBlack section.login h6 a:visited, div.mainWhite section.login h6 a:visited {
  color: #97999B;
  text-decoration: none;
}
main section.login h6 a:hover, div.mainBlack section.login h6 a:hover, div.mainWhite section.login h6 a:hover {
  color: #000000;
  text-decoration: underline;
}
main section.login h6 a:active, div.mainBlack section.login h6 a:active, div.mainWhite section.login h6 a:active {
  color: #000000;
  text-decoration: underline;
}
main section.login .divide, div.mainBlack section.login .divide, div.mainWhite section.login .divide {
  display: block;
  width: 110%;
  height: 1px;
  background-color: #000000;
  margin: 35px 0 35px -5%;
}
main section.login .button, div.mainBlack section.login .button, div.mainWhite section.login .button {
  width: 100%;
  text-align: center;
}
main section.features-and-pricing h3, div.mainBlack section.features-and-pricing h3, div.mainWhite section.features-and-pricing h3 {
  max-width: 1000px;
}
main section.features-and-pricing a:link, div.mainBlack section.features-and-pricing a:link, div.mainWhite section.features-and-pricing a:link {
  color: #000000;
  text-decoration: underline;
}
main section.features-and-pricing a:visited, div.mainBlack section.features-and-pricing a:visited, div.mainWhite section.features-and-pricing a:visited {
  color: #000000;
  text-decoration: underline;
}
main section.features-and-pricing a:hover, div.mainBlack section.features-and-pricing a:hover, div.mainWhite section.features-and-pricing a:hover {
  color: #000000;
  text-decoration: underline;
}
main section.features-and-pricing a:active, div.mainBlack section.features-and-pricing a:active, div.mainWhite section.features-and-pricing a:active {
  color: #000000;
  text-decoration: underline;
}
main section#pricing, div.mainBlack section#pricing, div.mainWhite section#pricing {
  background-color: #EFEFEF;
  padding: 100px 50px;
  margin-bottom: -200px;
  margin-left: -50px;
  width: calc(100% + 100px);
}
@media (max-width: 700px) {
  main section#pricing, div.mainBlack section#pricing, div.mainWhite section#pricing {
    padding: 25px 50px 50px 50px;
    width: 100%;
    margin-bottom: -100px;
  }
}
main section.jumpto, div.mainBlack section.jumpto, div.mainWhite section.jumpto {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 50px;
  line-height: 55px;
  color: #97999B;
  padding-bottom: 50px;
  max-width: 80%;
}
main section.jumpto a:link, div.mainBlack section.jumpto a:link, div.mainWhite section.jumpto a:link {
  color: #97999B;
  text-decoration: underline;
}
main section.jumpto a:visited, div.mainBlack section.jumpto a:visited, div.mainWhite section.jumpto a:visited {
  color: #97999B;
  text-decoration: underline;
}
main section.jumpto a:hover, div.mainBlack section.jumpto a:hover, div.mainWhite section.jumpto a:hover {
  color: #97999B;
  text-decoration: underline;
}
main section.jumpto a:active, div.mainBlack section.jumpto a:active, div.mainWhite section.jumpto a:active {
  color: #97999B;
  text-decoration: underline;
}
main section.jumpto span, div.mainBlack section.jumpto span, div.mainWhite section.jumpto span {
  display: block;
}
@media (max-width: 700px) {
  main section.jumpto, div.mainBlack section.jumpto, div.mainWhite section.jumpto {
    font-size: 30px;
    line-height: 35px;
    max-width: 100%;
  }
}
main section.links .col, div.mainBlack section.links .col, div.mainWhite section.links .col {
  margin-bottom: 50px;
}
main section.links a, div.mainBlack section.links a, div.mainWhite section.links a {
  display: block;
}
main section.links a:link, div.mainBlack section.links a:link, div.mainWhite section.links a:link {
  color: #000000;
  text-decoration: underline;
}
main section.links a:visited, div.mainBlack section.links a:visited, div.mainWhite section.links a:visited {
  color: #000000;
  text-decoration: underline;
}
main section.links a:hover, div.mainBlack section.links a:hover, div.mainWhite section.links a:hover {
  color: #000000;
  text-decoration: underline;
}
main section.links a:active, div.mainBlack section.links a:active, div.mainWhite section.links a:active {
  color: #000000;
  text-decoration: underline;
}
main section.jobs .job, div.mainBlack section.jobs .job, div.mainWhite section.jobs .job {
  padding: 50px 0px;
  border-bottom: 1px solid #000000;
}
main section.jobs .job .col:nth-of-type(1), div.mainBlack section.jobs .job .col:nth-of-type(1), div.mainWhite section.jobs .job .col:nth-of-type(1) {
  max-width: 250px;
}
main section.jobs .job .col:nth-of-type(1) img, div.mainBlack section.jobs .job .col:nth-of-type(1) img, div.mainWhite section.jobs .job .col:nth-of-type(1) img {
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100px;
}
main section.jobs .job .col:nth-of-type(3), div.mainBlack section.jobs .job .col:nth-of-type(3), div.mainWhite section.jobs .job .col:nth-of-type(3) {
  max-width: 200px;
  padding-top: 50px;
  padding-left: 25px;
}
main section.jobs .job .col:nth-of-type(3) .button, div.mainBlack section.jobs .job .col:nth-of-type(3) .button, div.mainWhite section.jobs .job .col:nth-of-type(3) .button {
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
}
main section.jobs .advertise, div.mainBlack section.jobs .advertise, div.mainWhite section.jobs .advertise {
  display: block;
  width: 100%;
  padding: 100px 0;
  margin-bottom: -200px;
}
main section.jobs .advertise .button, div.mainBlack section.jobs .advertise .button, div.mainWhite section.jobs .advertise .button {
  width: 100%;
  max-width: 600px;
  display: block;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1000px) {
  main section.jobs .job .col:nth-of-type(1), div.mainBlack section.jobs .job .col:nth-of-type(1), div.mainWhite section.jobs .job .col:nth-of-type(1) {
    max-width: 200px;
    padding-right: 15px;
  }
  main section.jobs .job .col:nth-of-type(1) img, div.mainBlack section.jobs .job .col:nth-of-type(1) img, div.mainWhite section.jobs .job .col:nth-of-type(1) img {
    width: 150px;
    height: 150px;
  }
  main section.jobs .job .col:nth-of-type(3), div.mainBlack section.jobs .job .col:nth-of-type(3), div.mainWhite section.jobs .job .col:nth-of-type(3) {
    max-width: 175px;
    padding-top: 25px;
    padding-left: 25px;
  }
}
@media (max-width: 700px) {
  main section.jobs .job .col:nth-of-type(1), div.mainBlack section.jobs .job .col:nth-of-type(1), div.mainWhite section.jobs .job .col:nth-of-type(1) {
    display: block;
    margin: 0 auto;
    max-width: 150px;
    padding-right: 0;
  }
  main section.jobs .job .col:nth-of-type(3), div.mainBlack section.jobs .job .col:nth-of-type(3), div.mainWhite section.jobs .job .col:nth-of-type(3) {
    max-width: 100%;
    padding-top: 30px;
    padding-left: 0px;
  }
  main section.jobs .job .col:nth-of-type(3) .button, div.mainBlack section.jobs .job .col:nth-of-type(3) .button, div.mainWhite section.jobs .job .col:nth-of-type(3) .button {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }
  main section.jobs .advertise, div.mainBlack section.jobs .advertise, div.mainWhite section.jobs .advertise {
    padding: 50px 0;
    margin-bottom: -100px;
  }
}
main section.contact h3 a:link, div.mainBlack section.contact h3 a:link, div.mainWhite section.contact h3 a:link {
  color: #97999B;
  text-decoration: none;
}
main section.contact h3 a:visited, div.mainBlack section.contact h3 a:visited, div.mainWhite section.contact h3 a:visited {
  color: #97999B;
  text-decoration: none;
}
main section.contact h3 a:hover, div.mainBlack section.contact h3 a:hover, div.mainWhite section.contact h3 a:hover {
  color: #97999B;
  text-decoration: underline;
}
main section.contact h3 a:active, div.mainBlack section.contact h3 a:active, div.mainWhite section.contact h3 a:active {
  color: #97999B;
  text-decoration: underline;
}
main section.contact .social, div.mainBlack section.contact .social, div.mainWhite section.contact .social {
  display: block;
  position: relative;
  margin-top: 25px;
}
main section.contact .social img, div.mainBlack section.contact .social img, div.mainWhite section.contact .social img {
  display: inline-block;
  width: 30px;
  margin-right: 15px;
}
main section.contact .row, div.mainBlack section.contact .row, div.mainWhite section.contact .row {
  margin-top: 50px;
}
main section.contact .col:nth-of-type(1), div.mainBlack section.contact .col:nth-of-type(1), div.mainWhite section.contact .col:nth-of-type(1) {
  padding-right: 25px;
}
main section.contact .col:nth-of-type(2), div.mainBlack section.contact .col:nth-of-type(2), div.mainWhite section.contact .col:nth-of-type(2) {
  padding-left: 25px;
}
main section.contact form, div.mainBlack section.contact form, div.mainWhite section.contact form {
  margin-top: 25px;
}
@media (max-width: 700px) {
  main section.contact .col, div.mainBlack section.contact .col, div.mainWhite section.contact .col {
    margin-top: 50px;
  }
  main section.contact .col:nth-of-type(1), div.mainBlack section.contact .col:nth-of-type(1), div.mainWhite section.contact .col:nth-of-type(1) {
    padding-right: 0px;
  }
  main section.contact .col:nth-of-type(2), div.mainBlack section.contact .col:nth-of-type(2), div.mainWhite section.contact .col:nth-of-type(2) {
    padding-left: 0px;
  }
}
main section.account .line, div.mainBlack section.account .line, div.mainWhite section.account .line {
  width: 100%;
  height: 1px;
  position: relative;
  background-color: #000000;
  margin: 100px 0 50px 0;
}
main section.account select, div.mainBlack section.account select, div.mainWhite section.account select {
  border: 1px solid #000000;
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 25px;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #000000;
  padding: 5px 10px;
  -webkit-appearance: none;
  margin: 5px 0;
}
main section.account #myportfolio .row, div.mainBlack section.account #myportfolio .row, div.mainWhite section.account #myportfolio .row {
  justify-content: space-between;
}
main section.account #myportfolio .col, div.mainBlack section.account #myportfolio .col, div.mainWhite section.account #myportfolio .col {
  flex: 1;
  max-width: 250px;
}
main section.account #myportfolio .portfolioURL, div.mainBlack section.account #myportfolio .portfolioURL, div.mainWhite section.account #myportfolio .portfolioURL {
  flex: 2;
  font-size: 22px;
  font-family: "Helvetica Neue LT W01_55 Roman", sans-serif;
  font-weight: normal;
  margin-bottom: 50px;
  max-width: initial;
}
main section.account #myportfolio .portfolioURL .greyText, div.mainBlack section.account #myportfolio .portfolioURL .greyText, div.mainWhite section.account #myportfolio .portfolioURL .greyText {
  color: #97999B;
}
main section.account #myportfolio .portfolioURL a:link, div.mainBlack section.account #myportfolio .portfolioURL a:link, div.mainWhite section.account #myportfolio .portfolioURL a:link {
  color: #000000;
  text-decoration: none;
}
main section.account #myportfolio .portfolioURL a:visited, div.mainBlack section.account #myportfolio .portfolioURL a:visited, div.mainWhite section.account #myportfolio .portfolioURL a:visited {
  color: #000000;
  text-decoration: none;
}
main section.account #myportfolio .portfolioURL a:hover, div.mainBlack section.account #myportfolio .portfolioURL a:hover, div.mainWhite section.account #myportfolio .portfolioURL a:hover {
  color: #000000;
  text-decoration: none;
}
main section.account #myportfolio .portfolioURL a:active, div.mainBlack section.account #myportfolio .portfolioURL a:active, div.mainWhite section.account #myportfolio .portfolioURL a:active {
  color: #000000;
  text-decoration: none;
}
main section.account #myportfolio .button, div.mainBlack section.account #myportfolio .button, div.mainWhite section.account #myportfolio .button {
  width: 100%;
  text-align: center;
  position: relative;
}
@media (max-width: 1000px) {
  main section.account #myportfolio .col, div.mainBlack section.account #myportfolio .col, div.mainWhite section.account #myportfolio .col {
    max-width: 180px;
  }
}
@media (max-width: 700px) {
  main section.account #myportfolio .col, div.mainBlack section.account #myportfolio .col, div.mainWhite section.account #myportfolio .col {
    max-width: 100%;
  }
  main section.account #myportfolio .portfolioURL, div.mainBlack section.account #myportfolio .portfolioURL, div.mainWhite section.account #myportfolio .portfolioURL {
    margin-bottom: 30px;
    word-wrap: break-word;
  }
  main section.account #myportfolio .portfolioURL .greyText, div.mainBlack section.account #myportfolio .portfolioURL .greyText, div.mainWhite section.account #myportfolio .portfolioURL .greyText {
    display: block;
  }
  main section.account #myportfolio .button, div.mainBlack section.account #myportfolio .button, div.mainWhite section.account #myportfolio .button {
    margin-bottom: 15px;
  }
}
main section.account #information .profileimage, div.mainBlack section.account #information .profileimage, div.mainWhite section.account #information .profileimage {
  display: block;
  position: relative;
  margin: 50px 0px;
}
main section.account #information .profileimage img, div.mainBlack section.account #information .profileimage img, div.mainWhite section.account #information .profileimage img {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  display: block;
  position: relative;
  margin: 0 auto;
}
main section.account #information .profileimage h6 a:link, div.mainBlack section.account #information .profileimage h6 a:link, div.mainWhite section.account #information .profileimage h6 a:link {
  color: #97999B;
  text-decoration: none;
}
main section.account #information .profileimage h6 a:visited, div.mainBlack section.account #information .profileimage h6 a:visited, div.mainWhite section.account #information .profileimage h6 a:visited {
  color: #97999B;
  text-decoration: none;
}
main section.account #information .profileimage h6 a:hover, div.mainBlack section.account #information .profileimage h6 a:hover, div.mainWhite section.account #information .profileimage h6 a:hover {
  color: #000000;
  text-decoration: underline;
}
main section.account #information .profileimage h6 a:active, div.mainBlack section.account #information .profileimage h6 a:active, div.mainWhite section.account #information .profileimage h6 a:active {
  color: #000000;
  text-decoration: underline;
}
main section.account #information .col:nth-of-type(1), div.mainBlack section.account #information .col:nth-of-type(1), div.mainWhite section.account #information .col:nth-of-type(1) {
  padding-right: 20px;
}
main section.account #information .col:nth-of-type(2), div.mainBlack section.account #information .col:nth-of-type(2), div.mainWhite section.account #information .col:nth-of-type(2) {
  padding-right: 10px;
  padding-left: 10px;
}
main section.account #information .col:nth-of-type(3), div.mainBlack section.account #information .col:nth-of-type(3), div.mainWhite section.account #information .col:nth-of-type(3) {
  padding-left: 20px;
}
@media (max-width: 700px) {
  main section.account #information .profileimage img, div.mainBlack section.account #information .profileimage img, div.mainWhite section.account #information .profileimage img {
    width: 150px;
    height: 150px;
  }
  main section.account #information .col:nth-of-type(1), div.mainBlack section.account #information .col:nth-of-type(1), div.mainWhite section.account #information .col:nth-of-type(1) {
    padding-right: 0px;
  }
  main section.account #information .col:nth-of-type(2), div.mainBlack section.account #information .col:nth-of-type(2), div.mainWhite section.account #information .col:nth-of-type(2) {
    padding-right: 0px;
    padding-left: 0px;
  }
  main section.account #information .col:nth-of-type(3), div.mainBlack section.account #information .col:nth-of-type(3), div.mainWhite section.account #information .col:nth-of-type(3) {
    padding-left: 0px;
  }
}
main section.account #billing .cardinfo input, div.mainBlack section.account #billing .cardinfo input, div.mainWhite section.account #billing .cardinfo input {
  display: inline-block;
  width: 45%;
  margin-right: 10px;
}
main section.account #billing p, main section.account #billing ul, main section.account #billing section.jumpto span, main section.jumpto section.account #billing span, div.mainBlack section.account #billing p, div.mainBlack section.account #billing ul, div.mainBlack section.account #billing section.jumpto span, div.mainBlack section.jumpto section.account #billing span, div.mainWhite section.account #billing p, div.mainWhite section.account #billing ul, div.mainWhite section.account #billing section.jumpto span, div.mainWhite section.jumpto section.account #billing span {
  margin: 25px 0;
}
main section.account #billing .button, div.mainBlack section.account #billing .button, div.mainWhite section.account #billing .button {
  margin-right: 15px;
}
@media (max-width: 700px) {
  main section.account #billing .cardinfo input, div.mainBlack section.account #billing .cardinfo input, div.mainWhite section.account #billing .cardinfo input {
    display: block;
    width: 100%;
  }
  main section.account #billing .button, div.mainBlack section.account #billing .button, div.mainWhite section.account #billing .button {
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }
}
main section.account #delete, div.mainBlack section.account #delete, div.mainWhite section.account #delete {
  background-color: #97999B;
  text-align: center;
  padding: 100px 0;
  margin-bottom: -200px;
  margin-left: -50px;
  width: calc(100% + 100px);
}
@media (max-width: 700px) {
  main section.account #delete, div.mainBlack section.account #delete, div.mainWhite section.account #delete {
    margin-bottom: -100px;
  }
}

.portfolioStack {
  position: relative;
}
.portfolioStack img {
  display: block;
  width: 45%;
  border: 1px solid #000000;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
}

.portfolioSlider {
  position: relative;
}
.portfolioSlider img {
  display: block;
  width: 40vw;
  margin-top: 50px;
  border: 1px solid #000000;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
}
.portfolioSlider img:first-of-type {
  position: relative;
}

main.home2022 {
  padding-bottom: 50px !important;
}

.smallH2 {
  font-size: 5vw !important;
  line-height: 5vw !important;
  margin: 30px 0px !important;
}

main.home section.homeSignpost .col {
  position: relative;
}
main.home section.homeSignpost h2 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif !important;
  font-size: 10vw;
  line-height: 10vw;
  margin: 50px 0px;
  color: #000000;
  text-transform: uppercase;
}
main.home section.homeSignpost h3 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 3vw;
  line-height: 3vw;
  text-transform: uppercase;
}
main.home section.homeSignpost img {
  display: block;
  width: 40vw;
  margin-top: 50px;
  border: 1px solid #000000;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
}
main.home section.homeSignpost img:first-of-type {
  position: relative;
}
main.home section.homeSignpost .button {
  margin-top: 25px;
}
@media (max-width: 700px) {
  main.home section.homeSignpost h2 {
    font-size: 16vw;
    line-height: 16vw;
    margin: 25px 0;
  }
  main.home section.homeSignpost .button {
    text-align: center;
    width: 100%;
  }
  main.home section.homeSignpost img {
    width: 100%;
    margin-top: 0px;
  }
  main.home section.homeSignpost img:first-of-type {
    position: relative;
  }
  main.home section.homeSignpost#portfolios img {
    float: none;
    top: 0;
  }
  main.home section.homeSignpost#portfolios .button {
    margin-bottom: 25px;
  }
  main.home section.homeSignpost#searchportfolios {
    margin-top: 50px;
  }
  main.home section.homeSignpost#searchportfolios .row {
    display: flex;
    flex-wrap: wrap;
  }
  main.home section.homeSignpost#searchportfolios .col {
    flex: 100%;
    min-width: 100%;
  }
  main.home section.homeSignpost#searchportfolios .col:nth-of-type(1) {
    order: 1;
  }
  main.home section.homeSignpost#searchportfolios .button {
    margin-bottom: 25px;
  }
}

main.portfolio .results .portfolio {
  padding: 50px 0px;
  border-bottom: 1px solid #000000;
}
main.portfolio .results .portfolio .col:nth-of-type(1) {
  max-width: 250px;
}
main.portfolio .results .portfolio .col:nth-of-type(1) img {
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100px;
}
main.portfolio .results .portfolio .col:nth-of-type(3) {
  max-width: 200px;
  padding-top: 50px;
  padding-left: 25px;
}
main.portfolio .results .portfolio .col:nth-of-type(3) .button {
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
}
@media (max-width: 1000px) {
  main.portfolio .results .portfolio .col:nth-of-type(1) {
    max-width: 200px;
    padding-right: 15px;
  }
  main.portfolio .results .portfolio .col:nth-of-type(1) img {
    width: 150px;
    height: 150px;
  }
  main.portfolio .results .portfolio .col:nth-of-type(3) {
    max-width: 175px;
    padding-top: 25px;
    padding-left: 25px;
  }
}
@media (max-width: 700px) {
  main.portfolio .results .portfolio .col:nth-of-type(1) {
    display: block;
    margin: 0 auto;
    max-width: 150px;
    padding-right: 0;
  }
  main.portfolio .results .portfolio .col:nth-of-type(3) {
    max-width: 100%;
    padding-top: 30px;
    padding-left: 0px;
  }
  main.portfolio .results .portfolio .col:nth-of-type(3) .button {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }
  main.portfolio .results .advertise {
    padding: 50px 0;
    margin-bottom: -100px;
  }
}
main.portfolio #introduction {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-bottom: 25px;
  border-bottom: 1px solid #000000;
}
main.portfolio #introduction .profileImage {
  position: relative;
  max-width: 250px;
  min-width: 100px;
  margin-right: 20px;
}
main.portfolio #introduction .profileImage .profileImageHolder {
  position: relative;
  width: 100%;
  height: 0;
  max-width: 250px;
  padding-bottom: 100%;
}
@media (max-width: 700px) {
  main.portfolio #introduction .profileImage .profileImageHolder {
    margin-right: auto;
    margin-left: auto;
    width: 150px;
    height: 150px;
    padding-bottom: 0px;
  }
}
main.portfolio #introduction .profileImage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
main.portfolio #introduction .profileImage .loadingAnimationHolder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background-color: rgba(100, 100, 100, 0.5);
  align-items: center;
  justify-content: center;
}
main.portfolio #introduction .profileImage .loadingAnimationHolder .spinnerHolder {
  height: 40px;
  width: 40px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
main.portfolio #introduction .profileImage .loadingAnimationHolder .spinner {
  border: 2px solid rgba(0, 0, 0, 0.4);
  border-top-color: #fff;
  animation: spinnerAnimation 600ms linear infinite;
}
@keyframes spinnerAnimation {
  to {
    transform: rotate(360deg);
  }
}
main.portfolio #introduction h1 {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 75px;
  line-height: 75px;
  margin: 25px 0;
  text-transform: uppercase;
  color: #000000;
}
main.portfolio #introduction h2 {
  font-size: 50px;
  line-height: 70px;
  color: #97999B;
}
main.portfolio #introduction h2 .blackText {
  color: #000000;
}
main.portfolio #introduction h2 .outlined {
  border: 2px solid #97999B;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}
main.portfolio #introduction .portfolioSelect {
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 50px;
  line-height: 50px;
  color: #97999B;
}
@media (max-width: 1000px) {
  main.portfolio #introduction .portfolioSelect {
    font-size: 35px;
    line-height: 35px;
  }
}
@media (max-width: 700px) {
  main.portfolio #introduction .portfolioSelect {
    font-size: 20px;
    line-height: 20px;
  }
}
main.portfolio #introduction .portfolioSelect .blackText {
  color: #000000;
}
@media (max-width: 1000px) {
  main.portfolio #introduction h1 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (max-width: 700px) {
  main.portfolio #introduction {
    margin-top: 15px;
  }
  main.portfolio #introduction .profileImage {
    max-width: 100%;
  }
  main.portfolio #introduction .profileImage img {
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100px;
    position: relative;
    margin: 0 auto;
    display: block;
  }
  main.portfolio #introduction h1 {
    font-size: 50px;
    line-height: 50px;
    text-align: center;
  }
  main.portfolio #introduction p, main.portfolio #introduction ul, main.portfolio #introduction section.jumpto span, main.portfolio section.jumpto #introduction span, div.mainBlack section.jumpto main.portfolio #introduction span, div.mainWhite section.jumpto main.portfolio #introduction span {
    text-align: center;
  }
  main.portfolio #introduction h2 {
    font-size: 35px;
    line-height: 35px;
    text-align: center;
  }
  main.portfolio #introduction h2 .outlined {
    line-height: 50px;
  }
}
main.portfolio #text {
  max-width: 1000px;
}
main.portfolio #text p, main.portfolio #text ul, main.portfolio #text section.jumpto span, main.portfolio section.jumpto #text span, div.mainBlack section.jumpto main.portfolio #text span, div.mainWhite section.jumpto main.portfolio #text span {
  font-size: 28px;
  line-height: 40px;
}
main.portfolio #text a:link {
  color: #000000;
  text-decoration: underline;
}
main.portfolio #text a:visited {
  color: #000000;
  text-decoration: underline;
}
main.portfolio #text a:hover {
  color: #000000;
  text-decoration: underline;
}
main.portfolio #text a:active {
  color: #000000;
  text-decoration: underline;
}
@media (max-width: 700px) {
  main.portfolio #text p, main.portfolio #text ul, main.portfolio #text section.jumpto span, main.portfolio section.jumpto #text span, div.mainBlack section.jumpto main.portfolio #text span, div.mainWhite section.jumpto main.portfolio #text span {
    font-size: 20px;
    line-height: 30px;
  }
}
main.portfolio #image figure, main.portfolio #duel-image figure, main.portfolio #video figure {
  padding: 0;
  margin: 0;
}
main.portfolio #image figcaption, main.portfolio #duel-image figcaption, main.portfolio #video figcaption {
  font-family: "Helvetica Neue LT W01_55 Roman", sans-serif;
  font-weight: normal;
  color: #97999B;
  font-size: 18px;
  margin-top: 25px;
}
main.portfolio #image img, main.portfolio #duel-image img, main.portfolio #video img {
  width: 100%;
}
main.portfolio #image video, main.portfolio #duel-image video, main.portfolio #video video {
  width: 100%;
}
@media (max-width: 700px) {
  main.portfolio #image figcaption, main.portfolio #duel-image figcaption, main.portfolio #video figcaption {
    font-family: "Helvetica Neue LT W01_55 Roman", sans-serif;
    font-weight: normal;
    color: #97999B;
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
  }
}
main.portfolio #duel-image .col:nth-of-type(1) {
  padding-right: 25px;
}
main.portfolio #duel-image .col:nth-of-type(2) {
  padding-left: 25px;
}
@media (max-width: 700px) {
  main.portfolio #duel-image .col:nth-of-type(1) {
    padding-right: 0px;
  }
  main.portfolio #duel-image .col:nth-of-type(2) {
    margin-top: 25px;
    padding-left: 0px;
  }
}
main.portfolio #downloads, main.portfolio .downloadItem {
  text-align: center;
  position: relative;
}
main.portfolio #downloads a:link, main.portfolio .downloadItem a:link {
  color: #97999B;
  text-decoration: none;
}
main.portfolio #downloads a:visited, main.portfolio .downloadItem a:visited {
  color: #97999B;
  text-decoration: none;
}
main.portfolio #downloads a:hover, main.portfolio .downloadItem a:hover {
  color: #97999B;
  text-decoration: none;
}
main.portfolio #downloads a:active, main.portfolio .downloadItem a:active {
  color: #97999B;
  text-decoration: none;
}
main.portfolio #downloads .download, main.portfolio .downloadItem .download {
  display: inline-block;
  font-family: "Helvetica Neue LT W01_55 Roman", sans-serif;
  font-weight: normal;
  color: #97999B;
  font-size: 18px;
  margin-top: 28px;
  width: 150px;
  text-align: center;
  padding-top: 240px;
  margin: 25px;
  background-image: url("../images/download.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.2s;
  vertical-align: top;
}
main.portfolio #downloads .download:hover, main.portfolio .downloadItem .download:hover {
  transform: translateY(20px);
}
main.portfolio #downloads .downloadNoFile, main.portfolio .downloadItem .downloadNoFile {
  background-image: url("../images/upload.svg");
}
main.portfolio #downloads .deleteFile, main.portfolio .downloadItem .deleteFile {
  background-image: url("../images/delete.svg");
}
@media (max-width: 700px) {
  main.portfolio #downloads .download, main.portfolio .downloadItem .download {
    width: 100px;
    margin: 15px;
    padding-top: 150px;
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 18px;
  }
}
main.portfolio #links .col:nth-of-type(1) {
  padding-right: 20px;
}
main.portfolio #links .col:nth-of-type(2) {
  padding-left: 10px;
  padding-right: 10px;
}
main.portfolio #links .col:nth-of-type(3) {
  padding-left: 20px;
}
main.portfolio #links a {
  display: block;
  font-family: "Helvetica Neue LT W01_55 Roman", sans-serif;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 5px;
}
main.portfolio #links a:link {
  color: #000000;
  text-decoration: underline;
}
main.portfolio #links a:visited {
  color: #000000;
  text-decoration: underline;
}
main.portfolio #links a:hover {
  color: #000000;
  text-decoration: underline;
}
main.portfolio #links a:active {
  color: #000000;
  text-decoration: underline;
}
main.portfolio #links .social a {
  display: inline-block;
  text-decoration: none;
}
main.portfolio #links .social a img {
  display: inline-block;
  width: 35px;
  margin-right: 15px;
}
@media (max-width: 700px) {
  main.portfolio #links .col {
    margin-bottom: 50px;
  }
  main.portfolio #links .col:nth-of-type(1) {
    padding-right: 0px;
  }
  main.portfolio #links .col:nth-of-type(2) {
    padding-left: 0px;
    padding-right: 0px;
  }
  main.portfolio #links .col:nth-of-type(3) {
    padding-left: 0px;
  }
}

main.search h1 {
  color: #000000;
  margin-top: 50px;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media (max-width: 700px) {
  main.search h1 {
    margin-top: 15px;
  }
}
main.search .filter {
  padding: 25px;
  box-sizing: border-box;
  background-color: #EFEFEF;
  font-size: 50px;
  line-height: 50px;
  color: #97999B;
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
}
main.search .filter select {
  border: 1px solid #000000;
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 50px;
  line-height: 50px;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #000000;
  padding: 5px 10px;
  -webkit-appearance: none;
  margin: 5px 0;
}
main.search .filter input[type=text] {
  border: 1px solid #000000;
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 50px;
  line-height: 50px;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #000000;
  padding: 5px 10px;
  -webkit-appearance: none;
  margin: 5px 0;
  height: -moz-fit-content;
  height: fit-content;
}
main.search .filter .row {
  align-items: center;
}
main.search .filter .divide {
  min-width: 50px;
  position: relative;
  height: 200px;
}
main.search .filter .divide .line {
  display: block;
  position: absolute;
  height: 100%;
  background-color: #000000;
  width: 1px;
  left: 24.5px;
  top: 0;
}
main.search .filter .col:nth-of-type(3) {
  max-width: 250px;
}
main.search .filter .button {
  display: block;
  margin-bottom: 15px;
  text-align: center;
}
main.search .filter .button:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 1000px) {
  main.search .filter {
    font-size: 40px;
    line-height: 40px;
  }
  main.search .filter select {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 700px) {
  main.search .filter {
    font-size: 25px;
    line-height: 25px;
  }
  main.search .filter h1 {
    color: #000000;
    margin-top: 25px;
  }
  main.search .filter select {
    font-size: 25px;
    line-height: 25px;
  }
  main.search .filter .divide {
    min-width: 100%;
    position: relative;
    height: 1px;
    width: 100%;
    padding: 25px 0;
  }
  main.search .filter .divide .line {
    display: block;
    position: relative;
    height: 1px;
    width: 100%;
    background-color: #000000;
    width: 100%;
    left: 0px;
    top: 0;
  }
  main.search .filter .col:nth-of-type(3) {
    max-width: 100%;
  }
}
main.search .results .portfolio {
  padding: 50px 0px;
  border-bottom: 1px solid #000000;
}
main.search .results .portfolio .col:nth-of-type(1) {
  max-width: 250px;
}
main.search .results .portfolio .col:nth-of-type(1) img {
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100px;
}
main.search .results .portfolio .col:nth-of-type(3) {
  max-width: 200px;
  padding-top: 50px;
  padding-left: 25px;
}
main.search .results .portfolio .col:nth-of-type(3) .button {
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
}
@media (max-width: 1000px) {
  main.search .results .portfolio .col:nth-of-type(1) {
    max-width: 200px;
    padding-right: 15px;
  }
  main.search .results .portfolio .col:nth-of-type(1) img {
    width: 150px;
    height: 150px;
  }
  main.search .results .portfolio .col:nth-of-type(3) {
    max-width: 175px;
    padding-top: 25px;
    padding-left: 25px;
  }
}
@media (max-width: 700px) {
  main.search .results .portfolio .col:nth-of-type(1) {
    display: block;
    margin: 0 auto;
    max-width: 150px;
    padding-right: 0;
  }
  main.search .results .portfolio .col:nth-of-type(3) {
    max-width: 100%;
    padding-top: 30px;
    padding-left: 0px;
  }
  main.search .results .portfolio .col:nth-of-type(3) .button {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }
  main.search .results .advertise {
    padding: 50px 0;
    margin-bottom: -100px;
  }
}
main.search .paging {
  text-align: center;
  position: relative;
}
main.search .paging ul {
  display: block;
  width: 100%;
  z-index: 1;
  padding-bottom: 25px;
}
main.search .paging ul li {
  display: inline-block;
  border: 1px solid #97999B;
  width: 40px;
  height: 40px;
  font-family: "HelveticaNeueETW01-75Bd", sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 40px;
  background-color: #FFFFFF;
  z-index: 99;
  margin: 0 5px;
  position: relative;
  cursor: pointer;
}
main.search .paging ul .active {
  border: 1px solid #000000;
  color: #FFFFFF;
  background-color: #000000;
}
main.search .paging ul:before {
  display: block;
  content: "";
  width: calc(100% + 100px);
  height: 1px;
  position: absolute;
  top: 20px;
  left: -50px;
  background-color: #000000;
  z-index: 0;
}
main.search .paging .button {
  opacity: 0.1;
  margin: 0 5px;
}
main.search .paging .button.active {
  opacity: 1;
}
@media (max-width: 700px) {
  main.search .paging {
    margin-top: 100px;
  }
  main.search .paging li {
    width: 30px;
    height: 30px;
  }
  main.search .paging .button {
    margin-bottom: 15px;
  }
}

footer {
  display: block;
  position: relative;
  padding: 0px;
  text-align: center;
}
footer a:link {
  color: #FFFFFF;
  text-decoration: none;
}
footer a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
footer a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
footer a:active {
  color: #FFFFFF;
  text-decoration: underline;
}
footer h4 {
  margin: 50px 0px;
}
footer .calltoaction {
  display: block;
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 50px 0px 75px 0px;
}
footer .calltoaction .button {
  width: 100%;
  margin-top: 25px;
}
footer .rule {
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
}
footer .social {
  text-align: center;
}
footer .social a {
  text-decoration: none;
}
footer .social img {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 30px;
  margin-right: 30px;
  transition: transform 0.4s;
}
footer .social img:hover {
  transform: scale(1.2);
}
footer .links {
  font-family: "HelveticaNeueETW01-75Bd", sans-serif;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 50px 25px;
}
footer .links a:link {
  color: #FFFFFF;
  text-decoration: none;
}
footer .links a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
footer .links a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
footer .links a:active {
  color: #FFFFFF;
  text-decoration: none;
}
footer .links a {
  margin: 5px 10px;
  display: inline-block;
}
footer .footnotes {
  display: block;
  position: relative;
  padding: 10px 25px;
  color: #97999B;
  font-family: "HelveticaNeueETW01-75Bd", sans-serif;
  font-weight: normal;
  font-size: 10px;
}
footer .footnotes a:link {
  color: #97999B;
  text-decoration: none;
}
footer .footnotes a:visited {
  color: #97999B;
  text-decoration: none;
}
footer .footnotes a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
footer .footnotes a:active {
  color: #FFFFFF;
  text-decoration: none;
}
footer .footnotes .col:nth-of-type(1) {
  text-align: left;
}
footer .footnotes .col:nth-of-type(2) {
  text-align: right;
}
@media (max-width: 700px) {
  footer {
    padding: 25px;
  }
  footer .calltoaction {
    padding: 25px 0 50px 0;
  }
  footer .social img {
    margin: 0 15px;
    width: 25px;
    height: 25px;
  }
  footer .footnotes {
    padding: 0;
  }
  footer .footnotes .col:nth-of-type(1) {
    text-align: center;
    margin-bottom: 10px;
  }
  footer .footnotes .col:nth-of-type(2) {
    text-align: center;
    margin-bottom: 10px;
  }
}

nav {
  display: block;
  z-index: 900;
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100vh;
  background-color: #000000;
  box-sizing: border-box;
  padding: 110px 50px;
  visibility: hidden;
  opacity: 0;
}
nav .col:nth-of-type(1) a {
  display: block;
  font-family: "Swiss911 Cm BT W00 Regular", sans-serif;
  font-weight: normal;
  font-size: 60px;
  line-height: 60px;
  text-transform: uppercase;
  margin: 25px 0;
}
nav .col:nth-of-type(1) a:link {
  color: #97999B;
  text-decoration: none;
}
nav .col:nth-of-type(1) a:visited {
  color: #97999B;
  text-decoration: none;
}
nav .col:nth-of-type(1) a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
nav .col:nth-of-type(1) a:active {
  color: #FFFFFF;
  text-decoration: none;
}
nav .col:nth-of-type(1) a.active {
  color: #FFFFFF;
}
nav.loggedin .col:nth-of-type(1) a:first-of-type {
  margin-bottom: 100px;
  color: #FFFFFF;
  text-decoration: none;
}
nav.loggedin .col:nth-of-type(3) {
  text-align: right;
}
nav.loggedin .col:nth-of-type(3) p, nav.loggedin .col:nth-of-type(3) ul, nav.loggedin .col:nth-of-type(3) main section.jumpto span, main section.jumpto nav.loggedin .col:nth-of-type(3) span, nav.loggedin .col:nth-of-type(3) div.mainBlack section.jumpto span, div.mainBlack section.jumpto nav.loggedin .col:nth-of-type(3) span, nav.loggedin .col:nth-of-type(3) div.mainWhite section.jumpto span, div.mainWhite section.jumpto nav.loggedin .col:nth-of-type(3) span {
  font-size: 35px;
  line-height: 50px;
  margin: 50px 0;
}
nav.loggedin .col:nth-of-type(3) .button {
  display: inline-block;
  text-align: center;
  margin-bottom: 15px;
  max-width: 300px;
  width: 100%;
  margin-left: 15px;
}
nav .divide {
  min-width: 100px;
  display: block;
  position: relative;
}
nav .divide .line {
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  margin-left: 49.5px;
  width: 1px;
  background-color: #97999B;
}
nav .col:nth-of-type(3) {
  text-align: right;
}
nav .col:nth-of-type(3) p, nav .col:nth-of-type(3) ul, nav .col:nth-of-type(3) main section.jumpto span, main section.jumpto nav .col:nth-of-type(3) span, nav .col:nth-of-type(3) div.mainBlack section.jumpto span, div.mainBlack section.jumpto nav .col:nth-of-type(3) span, nav .col:nth-of-type(3) div.mainWhite section.jumpto span, div.mainWhite section.jumpto nav .col:nth-of-type(3) span {
  padding: 50px 0;
}
nav .col:nth-of-type(3) .button {
  display: inline-block;
  text-align: center;
  margin-bottom: 15px;
  max-width: 1000px;
  width: auto;
  margin-left: 15px;
}
@media (max-width: 700px) {
  nav {
    padding: 90px 25px;
  }
  nav .col:nth-of-type(1) a {
    font-size: 35px;
    line-height: 35px;
    margin: 10px 0;
  }
  nav .divide {
    min-width: 100%;
    width: 100%;
    display: block;
    position: relative;
    margin: 40px 0;
  }
  nav .divide .line {
    display: block;
    position: relative;
    height: 1px;
    top: 0;
    margin-left: 0px;
    width: 100%;
    background-color: #97999B;
  }
  nav .col:nth-of-type(3) p, nav .col:nth-of-type(3) ul, nav .col:nth-of-type(3) main section.jumpto span, main section.jumpto nav .col:nth-of-type(3) span, nav .col:nth-of-type(3) div.mainBlack section.jumpto span, div.mainBlack section.jumpto nav .col:nth-of-type(3) span, nav .col:nth-of-type(3) div.mainWhite section.jumpto span, div.mainWhite section.jumpto nav .col:nth-of-type(3) span {
    display: none;
  }
  nav .col:nth-of-type(3) .button {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 15px;
    max-width: 100%;
    width: 100%;
    margin-left: 0px;
  }
  nav.loggedin .col:nth-of-type(1) a:first-of-type {
    margin-bottom: 50px;
  }
  nav.loggedin .col:nth-of-type(3) p, nav.loggedin .col:nth-of-type(3) ul, nav.loggedin .col:nth-of-type(3) main section.jumpto span, main section.jumpto nav.loggedin .col:nth-of-type(3) span, nav.loggedin .col:nth-of-type(3) div.mainBlack section.jumpto span, div.mainBlack section.jumpto nav.loggedin .col:nth-of-type(3) span, nav.loggedin .col:nth-of-type(3) div.mainWhite section.jumpto span, div.mainWhite section.jumpto nav.loggedin .col:nth-of-type(3) span {
    display: none;
  }
  nav.loggedin .col:nth-of-type(3) .button {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
}

.errorMessage {
  color: #be1e2d;
  font-size: smaller;
  margin-bottom: 10px;
}

.successMessage {
  color: #009444;
  font-size: smaller;
  margin-bottom: 10px;
}

.displayNone {
  display: none;
}

.alignCenter {
  text-align: center;
}

.img-circle {
  border-radius: 50%;
  max-width: 100%;
}

.img-circle-conversation {
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow-y: visible;
}
.img-circle-conversation img {
  position: absolute !important;
  left: 0;
  top: 0;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  height: 100% !important;
  max-width: 200px;
  max-height: 200px;
}

.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}