/* src/styles/fonts.css */
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 100;
  src: local(Lato Hairline), local(Lato-Hairline), url("https://fonts.gstatic.com/s/lato/v11/eFRpvGLEW31oiexbYNx7Y_esZW2xOQ-xsNqO47m55DA.woff2") format(woff2);
  unicode-range: U100-24F, U1-1EFF, U20A0-20AB, U20AD-20CF, U2C60-2C7F, U + A720-A7FF;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 100;
  src: local(Lato Hairline), local(Lato-Hairline), url("https://fonts.gstatic.com/s/lato/v11/GtRkRNTnri0g82CjKnEB0Q.woff2") format(woff2);
  unicode-range: U0-0FF, U131, U152-153, U2C6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2212, U2215, U + E0FF, U + EFFD, U + F000;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: local(Lato Light), local(Lato-Light), url("https://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2") format(woff2);
  unicode-range: U100-24F, U1-1EFF, U20A0-20AB, U20AD-20CF, U2C60-2C7F, U + A720-A7FF;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: local(Lato Light), local(Lato-Light), url("https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2") format(woff2);
  unicode-range: U0-0FF, U131, U152-153, U2C6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2212, U2215, U + E0FF, U + EFFD, U + F000;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: local(Lato Regular), local(Lato-Regular), url("https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2") format(woff2);
  unicode-range: U100-24F, U1-1EFF, U20A0-20AB, U20AD-20CF, U2C60-2C7F, U + A720-A7FF;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: local(Lato Regular), local(Lato-Regular), url("https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2") format(woff2);
  unicode-range: U0-0FF, U131, U152-153, U2C6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2212, U2215, U + E0FF, U + EFFD, U + F000;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  src: local(Lato Bold), local(Lato-Bold), url("https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2") format(woff2);
  unicode-range: U100-24F, U1-1EFF, U20A0-20AB, U20AD-20CF, U2C60-2C7F, U + A720-A7FF;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  src: local(Lato Bold), local(Lato-Bold), url("https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2") format(woff2);
  unicode-range: U0-0FF, U131, U152-153, U2C6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2212, U2215, U + E0FF, U + EFFD, U + F000;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 900;
  src: local(Lato Black), local(Lato-Black), url("https://fonts.gstatic.com/s/lato/v11/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2") format(woff2);
  unicode-range: U100-24F, U1-1EFF, U20A0-20AB, U20AD-20CF, U2C60-2C7F, U + A720-A7FF;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 900;
  src: local(Lato Black), local(Lato-Black), url("https://fonts.gstatic.com/s/lato/v11/tI4j516nok_GrVf4dhunkg.woff2") format(woff2);
  unicode-range: U0-0FF, U131, U152-153, U2C6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2212, U2215, U + E0FF, U + EFFD, U + F000;
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 100;
  src: local(Lato Hairline Italic), local(Lato-HairlineItalic), url("https://fonts.gstatic.com/s/lato/v11/muRcAtdNYlnTj3NeuakxChTbgVql8nDJpwnrE27mub0.woff2") format(woff2);
  unicode-range: U100-24F, U1-1EFF, U20A0-20AB, U20AD-20CF, U2C60-2C7F, U + A720-A7FF;
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 100;
  src: local(Lato Hairline Italic), local(Lato-HairlineItalic), url("https://fonts.gstatic.com/s/lato/v11/9TBVFLzQ3GUZLG8FZ4yrEfesZW2xOQ-xsNqO47m55DA.woff2") format(woff2);
  unicode-range: U0-0FF, U131, U152-153, U2C6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2212, U2215, U + E0FF, U + EFFD, U + F000;
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 300;
  src: local(Lato Light Italic), local(Lato-LightItalic), url("https://fonts.gstatic.com/s/lato/v11/XNVd6tsqi9wmKNvnh5HNEBJtnKITppOI_IvcXXDNrsc.woff2") format(woff2);
  unicode-range: U100-24F, U1-1EFF, U20A0-20AB, U20AD-20CF, U2C60-2C7F, U + A720-A7FF;
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 300;
  src: local(Lato Light Italic), local(Lato-LightItalic), url("https://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivFtXRa8TVwTICgirnJhmVJw.woff2") format(woff2);
  unicode-range: U0-0FF, U131, U152-153, U2C6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2212, U2215, U + E0FF, U + EFFD, U + F000;
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  src: local(Lato Italic), local(Lato-Italic), url("https://fonts.gstatic.com/s/lato/v11/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2") format(woff2);
  unicode-range: U100-24F, U1-1EFF, U20A0-20AB, U20AD-20CF, U2C60-2C7F, U + A720-A7FF;
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  src: local(Lato Italic), local(Lato-Italic), url("https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2") format(woff2);
  unicode-range: U0-0FF, U131, U152-153, U2C6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2212, U2215, U + E0FF, U + EFFD, U + F000;
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 700;
  src: local(Lato Bold Italic), local(Lato-BoldItalic), url("https://fonts.gstatic.com/s/lato/v11/AcvTq8Q0lyKKNxRlL28RnxJtnKITppOI_IvcXXDNrsc.woff2") format(woff2);
  unicode-range: U100-24F, U1-1EFF, U20A0-20AB, U20AD-20CF, U2C60-2C7F, U + A720-A7FF;
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 700;
  src: local(Lato Bold Italic), local(Lato-BoldItalic), url("https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2") format(woff2);
  unicode-range: U0-0FF, U131, U152-153, U2C6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2212, U2215, U + E0FF, U + EFFD, U + F000;
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 900;
  src: local(Lato Black Italic), local(Lato-BlackItalic), url("https://fonts.gstatic.com/s/lato/v11/81X-1TO5y4aMK2PPy9kFwxJtnKITppOI_IvcXXDNrsc.woff2") format(woff2);
  unicode-range: U100-24F, U1-1EFF, U20A0-20AB, U20AD-20CF, U2C60-2C7F, U + A720-A7FF;
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 900;
  src: local(Lato Black Italic), local(Lato-BlackItalic), url("https://fonts.gstatic.com/s/lato/v11/VNUH7ZAcagYBWsAiBBCEY1tXRa8TVwTICgirnJhmVJw.woff2") format(woff2);
  unicode-range: U0-0FF, U131, U152-153, U2C6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2212, U2215, U + E0FF, U + EFFD, U + F000;
}

/* src/styles/styles-head.css */
.unselectable {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}

body {
  overflow-x: hidden;
  perspective: 700px;
}

@media (max-width: 600px) {
  .gyroscope-effect {
    overflow: hidden;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    will-change: transform;
    transform-style: preserve-3d;
    position: absolute;
    width: 120vw;
    min-width: 340px;
    height: 140vh;
    min-height: 140vh;
    padding: 20vh 15vw;
    top: -20vh;
    left: -10vw;
  }

  .gyroscope-effect .c-main-container {
    overflow-x: initial;
  }

  .gyroscope-effect .c-main-container .o-section__header {
    z-index: -1;
    width: 150%;
    margin: 0 0 0 -5rem;
    padding: 1.75rem 3rem 0 7rem;
  }

  .gyroscope-effect .c-main-container .o-section__header .c-avatar {
    margin: 0 0 0 -5.5rem;
  }
}

::selection {
  color: #aaa;
  opacity: 1;
  background: #777;
}

.t-title__first-word {
  letter-spacing: 16.3px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 10px;
  margin-left: 5px;
  font-size: 28px;
  top: 102px;
  left: -6px;
}

.t-sub-title {
  position: relative;
  margin-left: .3rem;
  font-size: 1.5rem;
  font-weight: 300;
  top: -110px;
  left: 8px;
}

@media (max-width: 1200px) {
  .t-title__first-word {
    letter-spacing: 4px;
    top: 80px;
  }
}

@media (max-width: 1024px) {
  .t-title__first-word {
    left: 0;
  }

  .t-section__header {
    outline: 1px solid #333;
    border-top: 1px solid #1a2525;
    border-bottom: 1px solid #232727;
  }

  .t-section__header.c-header__header {
    outline: none;
  }
}

.c-header__contact-divider, .c-footer__contact-divider {
  opacity: .3;
  background: #1b1919;
  border-bottom: 1px solid #584646;
  height: 1px;
}

@media (max-width: 1200px) {
  .t-sub-title {
    top: -90px;
    left: 0;
  }
}

.c-header .o-section__header-bg.t-section__header, header.t-section__header.gradient-bg1 {
  background-image: linear-gradient(#2d2e2e 0%, #2b2c2c 90%);
}

.o-section--footer {
  background: none;
}

.o-section--footer .o-section__header.t-section__header {
  background-image: none;
}

/* src/styles/main.css */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, figure, table, th, td, caption, hr {
  margin: 0;
  padding: 0;
}

abbr[title], dfn[title] {
  cursor: help;
}

address {
  font-style: normal;
}

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

img {
  vertical-align: middle;
  font-style: italic;
}

label {
  display: inline-block;
}

input, button, select, textarea {
  line-height: inherit;
  border-radius: 0;
}

textarea {
  resize: vertical;
}

fieldset {
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  line-height: inherit;
  width: 100%;
}

input[type="search"] {
  box-sizing: inherit;
  -webkit-appearance: none;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, address, hr, table, fieldset, figure, pre, .c-progress-bar {
  margin-bottom: .55rem;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  font-size: 14px;
}

body {
  color: #333;
  background: #fff;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

html, body {
  height: 100%;
}

body {
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 400;
}

h1, h2, h3, .c-number, h4, h5, h6 {
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

h1 small, h2 small, h3 small, .c-number small, h4 small, h5 small, h6 small {
  font-size: .7em;
  font-weight: 400;
}

h2, h3, .c-number {
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1.45;
}

a {
  text-decoration: none;
}

hr {
  color: #ccc;
  background: #ccc;
  border: 0;
  height: 2px;
  font-size: 0;
}

ul, ol, dd {
  margin-left: 3.5rem;
  padding: 0;
}

[dir="rtl"] ul, [dir="rtl"] ol, [dir="rtl"] dd {
  margin-right: 3.5rem;
}

img {
  max-width: 100%;
}

img[width], img[height] {
  max-width: none;
}

.o-list-bare, .c-social-buttons, .c-clients {
  list-style: none;
  margin-left: 0;
  padding: 0;
}

[dir="rtl"] .o-list-bare, [dir="rtl"] .c-social-buttons, [dir="rtl"] .c-clients {
  margin-right: 0;
}

.o-list-inline {
  list-style: none;
  margin-left: 0;
  padding: 0;
}

.o-list-inline > li {
  display: inline-block;
}

[dir="rtl"] .o-list-inline {
  margin-right: 0;
}

.o-media {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items:  flex-start;
}

.o-media__figure {
  margin-right: 1rem;
}

.o-media__body {
  flex: 1;
}

.o-media__body, .o-media__body :last-child {
  margin-bottom: 0;
}

.o-media--reverse > .o-media__figure {
  order: 1;
  margin-left: 1rem;
  margin-right: 0;
}

.o-media--flush > .o-media__figure {
  margin-left: 0;
  margin-right: 0;
}

.o-media--block > .o-media__figure {
  width: 2.8rem;
  margin-left: 0;
  margin-right: 0;
}

.o-container {
  max-width: 1276px;
  margin: 0 auto;
}

.o-content {
  padding-bottom: 1.75rem;
}

.o-content__body, .o-content__body :last-child {
  margin-bottom: 0;
}

@media (min-width: 760px) {
  .o-content {
    padding-bottom: 1.75rem;
  }
}

@media (min-width: 1200px) {
  .o-content {
    padding-bottom: 2.7125rem;
  }
}

.o-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-flow: wrap;
  margin-right: -3.5rem;
}

.o-grid--gallery {
  margin-bottom: -1.75rem;
  margin-right: -1.75rem;
}

.o-grid--gallery [class*="o-grid__col"] {
  margin-bottom: 1.75rem;
  padding-right: 1.75rem;
}

[class*="o-grid__col"] {
  width: 100%;
  margin-bottom: 0;
  padding-right: 3.5rem;
}

.o-grid__col-xs-1 {
  flex: none;
  width: 8.333%;
}

.o-grid__col-xs-1:nth-child(n), .o-grid__col-xs-1:last-child {
  margin-right: 0;
}

.o-grid__col-xs-1:nth-child(0) {
  float: right;
}

.o-grid__col-xs-1:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-2 {
  flex: none;
  width: 16.667%;
}

.o-grid__col-xs-2:nth-child(n), .o-grid__col-xs-2:last-child {
  margin-right: 0;
}

.o-grid__col-xs-2:nth-child(0) {
  float: right;
}

.o-grid__col-xs-2:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-3 {
  flex: none;
  width: 25%;
}

.o-grid__col-xs-3:nth-child(n), .o-grid__col-xs-3:last-child {
  margin-right: 0;
}

.o-grid__col-xs-3:nth-child(0) {
  float: right;
}

.o-grid__col-xs-3:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-4 {
  flex: none;
  width: 33.333%;
}

.o-grid__col-xs-4:nth-child(n), .o-grid__col-xs-4:last-child {
  margin-right: 0;
}

.o-grid__col-xs-4:nth-child(0) {
  float: right;
}

.o-grid__col-xs-4:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-5 {
  flex: none;
  width: 41.667%;
}

.o-grid__col-xs-5:nth-child(n), .o-grid__col-xs-5:last-child {
  margin-right: 0;
}

.o-grid__col-xs-5:nth-child(0) {
  float: right;
}

.o-grid__col-xs-5:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-6 {
  flex: none;
  width: 50%;
}

.o-grid__col-xs-6:nth-child(n), .o-grid__col-xs-6:last-child {
  margin-right: 0;
}

.o-grid__col-xs-6:nth-child(0) {
  float: right;
}

.o-grid__col-xs-6:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-7 {
  flex: none;
  width: 58.333%;
}

.o-grid__col-xs-7:nth-child(n), .o-grid__col-xs-7:last-child {
  margin-right: 0;
}

.o-grid__col-xs-7:nth-child(0) {
  float: right;
}

.o-grid__col-xs-7:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-8 {
  flex: none;
  width: 66.667%;
}

.o-grid__col-xs-8:nth-child(n), .o-grid__col-xs-8:last-child {
  margin-right: 0;
}

.o-grid__col-xs-8:nth-child(0) {
  float: right;
}

.o-grid__col-xs-8:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-9 {
  flex: none;
  width: 75%;
}

.o-grid__col-xs-9:nth-child(n), .o-grid__col-xs-9:last-child {
  margin-right: 0;
}

.o-grid__col-xs-9:nth-child(0) {
  float: right;
}

.o-grid__col-xs-9:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-10 {
  flex: none;
  width: 83.333%;
}

.o-grid__col-xs-10:nth-child(n), .o-grid__col-xs-10:last-child {
  margin-right: 0;
}

.o-grid__col-xs-10:nth-child(0) {
  float: right;
}

.o-grid__col-xs-10:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-11 {
  flex: none;
  width: 91.667%;
}

.o-grid__col-xs-11:nth-child(n), .o-grid__col-xs-11:last-child {
  margin-right: 0;
}

.o-grid__col-xs-11:nth-child(0) {
  float: right;
}

.o-grid__col-xs-11:nth-child(0) {
  margin-right: 0;
}

.o-grid__col-xs-12 {
  flex: none;
  width: 100%;
}

.o-grid__col-xs-12:nth-child(n), .o-grid__col-xs-12:last-child {
  margin-right: 0;
}

.o-grid__col-xs-12:nth-child(0) {
  float: right;
}

.o-grid__col-xs-12:nth-child(0) {
  margin-right: 0;
}

@media (min-width: 600px) {
  .o-grid__col-sm-1 {
    flex: none;
    width: 8.333%;
  }

  .o-grid__col-sm-1:nth-child(n), .o-grid__col-sm-1:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-1:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-1:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-2 {
    flex: none;
    width: 16.667%;
  }

  .o-grid__col-sm-2:nth-child(n), .o-grid__col-sm-2:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-2:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-2:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-3 {
    flex: none;
    width: 25%;
  }

  .o-grid__col-sm-3:nth-child(n), .o-grid__col-sm-3:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-3:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-3:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-4 {
    flex: none;
    width: 33.333%;
  }

  .o-grid__col-sm-4:nth-child(n), .o-grid__col-sm-4:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-4:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-4:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-5 {
    flex: none;
    width: 41.667%;
  }

  .o-grid__col-sm-5:nth-child(n), .o-grid__col-sm-5:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-5:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-5:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-6 {
    flex: none;
    width: 50%;
  }

  .o-grid__col-sm-6:nth-child(n), .o-grid__col-sm-6:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-6:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-6:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-7 {
    flex: none;
    width: 58.333%;
  }

  .o-grid__col-sm-7:nth-child(n), .o-grid__col-sm-7:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-7:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-7:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-8 {
    flex: none;
    width: 66.667%;
  }

  .o-grid__col-sm-8:nth-child(n), .o-grid__col-sm-8:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-8:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-8:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-9 {
    flex: none;
    width: 75%;
  }

  .o-grid__col-sm-9:nth-child(n), .o-grid__col-sm-9:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-9:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-9:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-10 {
    flex: none;
    width: 83.333%;
  }

  .o-grid__col-sm-10:nth-child(n), .o-grid__col-sm-10:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-10:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-10:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-11 {
    flex: none;
    width: 91.667%;
  }

  .o-grid__col-sm-11:nth-child(n), .o-grid__col-sm-11:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-11:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-11:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-sm-12 {
    flex: none;
    width: 100%;
  }

  .o-grid__col-sm-12:nth-child(n), .o-grid__col-sm-12:last-child {
    margin-right: 0;
  }

  .o-grid__col-sm-12:nth-child(0) {
    float: right;
  }

  .o-grid__col-sm-12:nth-child(0) {
    margin-right: 0;
  }
}

@media (min-width: 760px) {
  .o-grid__col-md-1 {
    flex: none;
    width: 8.333%;
  }

  .o-grid__col-md-1:nth-child(n), .o-grid__col-md-1:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-1:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-1:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-2 {
    flex: none;
    width: 16.667%;
  }

  .o-grid__col-md-2:nth-child(n), .o-grid__col-md-2:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-2:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-2:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-3 {
    flex: none;
    width: 25%;
  }

  .o-grid__col-md-3:nth-child(n), .o-grid__col-md-3:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-3:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-3:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-4 {
    flex: none;
    width: 33.333%;
  }

  .o-grid__col-md-4:nth-child(n), .o-grid__col-md-4:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-4:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-4:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-5 {
    flex: none;
    width: 41.667%;
  }

  .o-grid__col-md-5:nth-child(n), .o-grid__col-md-5:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-5:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-5:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-6 {
    flex: none;
    width: 50%;
  }

  .o-grid__col-md-6:nth-child(n), .o-grid__col-md-6:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-6:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-6:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-7 {
    flex: none;
    width: 58.333%;
  }

  .o-grid__col-md-7:nth-child(n), .o-grid__col-md-7:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-7:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-7:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-8 {
    flex: none;
    width: 66.667%;
  }

  .o-grid__col-md-8:nth-child(n), .o-grid__col-md-8:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-8:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-8:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-9 {
    flex: none;
    width: 75%;
  }

  .o-grid__col-md-9:nth-child(n), .o-grid__col-md-9:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-9:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-9:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-10 {
    flex: none;
    width: 83.333%;
  }

  .o-grid__col-md-10:nth-child(n), .o-grid__col-md-10:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-10:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-10:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-11 {
    flex: none;
    width: 91.667%;
  }

  .o-grid__col-md-11:nth-child(n), .o-grid__col-md-11:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-11:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-11:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-md-12 {
    flex: none;
    width: 100%;
  }

  .o-grid__col-md-12:nth-child(n), .o-grid__col-md-12:last-child {
    margin-right: 0;
  }

  .o-grid__col-md-12:nth-child(0) {
    float: right;
  }

  .o-grid__col-md-12:nth-child(0) {
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .o-grid__col-lg-1 {
    flex: none;
    width: 8.333%;
  }

  .o-grid__col-lg-1:nth-child(n), .o-grid__col-lg-1:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-1:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-1:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-2 {
    flex: none;
    width: 16.667%;
  }

  .o-grid__col-lg-2:nth-child(n), .o-grid__col-lg-2:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-2:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-2:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-3 {
    flex: none;
    width: 25%;
  }

  .o-grid__col-lg-3:nth-child(n), .o-grid__col-lg-3:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-3:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-3:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-4 {
    flex: none;
    width: 33.333%;
  }

  .o-grid__col-lg-4:nth-child(n), .o-grid__col-lg-4:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-4:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-4:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-5 {
    flex: none;
    width: 41.667%;
  }

  .o-grid__col-lg-5:nth-child(n), .o-grid__col-lg-5:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-5:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-5:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-6 {
    flex: none;
    width: 50%;
  }

  .o-grid__col-lg-6:nth-child(n), .o-grid__col-lg-6:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-6:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-6:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-7 {
    flex: none;
    width: 58.333%;
  }

  .o-grid__col-lg-7:nth-child(n), .o-grid__col-lg-7:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-7:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-7:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-8 {
    flex: none;
    width: 66.667%;
  }

  .o-grid__col-lg-8:nth-child(n), .o-grid__col-lg-8:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-8:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-8:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-9 {
    flex: none;
    width: 75%;
  }

  .o-grid__col-lg-9:nth-child(n), .o-grid__col-lg-9:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-9:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-9:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-10 {
    flex: none;
    width: 83.333%;
  }

  .o-grid__col-lg-10:nth-child(n), .o-grid__col-lg-10:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-10:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-10:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-11 {
    flex: none;
    width: 91.667%;
  }

  .o-grid__col-lg-11:nth-child(n), .o-grid__col-lg-11:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-11:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-11:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-lg-12 {
    flex: none;
    width: 100%;
  }

  .o-grid__col-lg-12:nth-child(n), .o-grid__col-lg-12:last-child {
    margin-right: 0;
  }

  .o-grid__col-lg-12:nth-child(0) {
    float: right;
  }

  .o-grid__col-lg-12:nth-child(0) {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .o-grid__col-xl-1 {
    flex: none;
    width: 8.333%;
  }

  .o-grid__col-xl-1:nth-child(n), .o-grid__col-xl-1:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-1:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-1:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-2 {
    flex: none;
    width: 16.667%;
  }

  .o-grid__col-xl-2:nth-child(n), .o-grid__col-xl-2:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-2:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-2:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-3 {
    flex: none;
    width: 25%;
  }

  .o-grid__col-xl-3:nth-child(n), .o-grid__col-xl-3:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-3:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-3:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-4 {
    flex: none;
    width: 33.333%;
  }

  .o-grid__col-xl-4:nth-child(n), .o-grid__col-xl-4:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-4:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-4:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-5 {
    flex: none;
    width: 41.667%;
  }

  .o-grid__col-xl-5:nth-child(n), .o-grid__col-xl-5:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-5:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-5:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-6 {
    flex: none;
    width: 50%;
  }

  .o-grid__col-xl-6:nth-child(n), .o-grid__col-xl-6:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-6:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-6:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-7 {
    flex: none;
    width: 58.333%;
  }

  .o-grid__col-xl-7:nth-child(n), .o-grid__col-xl-7:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-7:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-7:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-8 {
    flex: none;
    width: 66.667%;
  }

  .o-grid__col-xl-8:nth-child(n), .o-grid__col-xl-8:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-8:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-8:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-9 {
    flex: none;
    width: 75%;
  }

  .o-grid__col-xl-9:nth-child(n), .o-grid__col-xl-9:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-9:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-9:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-10 {
    flex: none;
    width: 83.333%;
  }

  .o-grid__col-xl-10:nth-child(n), .o-grid__col-xl-10:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-10:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-10:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-11 {
    flex: none;
    width: 91.667%;
  }

  .o-grid__col-xl-11:nth-child(n), .o-grid__col-xl-11:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-11:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-11:nth-child(0) {
    margin-right: 0;
  }

  .o-grid__col-xl-12 {
    flex: none;
    width: 100%;
  }

  .o-grid__col-xl-12:nth-child(n), .o-grid__col-xl-12:last-child {
    margin-right: 0;
  }

  .o-grid__col-xl-12:nth-child(0) {
    float: right;
  }

  .o-grid__col-xl-12:nth-child(0) {
    margin-right: 0;
  }
}

.o-section__header-bg, .o-section__content-bg {
  display: none;
}

.o-section__header, .o-section__content {
  padding: 1.75rem 1.75rem 0;
}

.o-section__full-top-space {
  padding-top: 1.75rem;
}

.o-section__full-bottom-space {
  padding-bottom: 1.75rem;
}

@media (min-width: 760px) {
  .o-section__header {
    padding: 3.15rem 3.5rem 1.4rem;
  }

  .o-section--header .o-section__header {
    padding-bottom: 0;
  }

  .o-section__content {
    padding: 3.15rem 3.5rem 1.4rem;
  }

  .o-section__full-top-space {
    padding-top: 3.15rem;
  }

  .o-section__full-bottom-space {
    padding-bottom: 3.15rem;
  }
}

@media (min-width: 1024px) {
  .o-section {
    position: relative;
  }

  .o-section__container {
    z-index: 2;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .o-section__header {
    text-align: right;
    width: 30%;
  }

  .o-section__content {
    width: 70%;
  }

  .o-section__header-bg, .o-section__content-bg {
    display: block;
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 100%;
  }

  .o-section__content-bg {
    right: 0;
  }
}

@media (min-width: 1200px) {
  .o-section__header, .o-section__content {
    padding: 4.375rem 5.25rem 1.6625rem;
  }

  .o-section__full-top-space {
    padding-top: 4.375rem;
  }

  .o-section__full-bottom-space {
    padding-bottom: 4.375rem;
  }
}

.js-enabled .js-main-container {
  display: none;
}

.c-main-container {
  overflow-x: hidden;
}

.c-preloader {
  display: none;
  -ms-grid-row-align: center;
  text-align: center;
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.js-enabled .c-preloader {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.c-preloader__spinner {
  min-width: 70px;
  min-height: 70px;
}

.c-preloader__spinner:before {
  content: "Loading…";
  position: absolute;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  top: 50%;
  left: 50%;
}

@keyframes c-preloader__spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes c-preloader__spinner {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.c-preloader__spinner:not(:required):before {
  content: "";
  animation: c-preloader__spinner .8s ease infinite;
  -webkit-animation: c-preloader__spinner .8s ease infinite;
  border: 4px solid #0000;
  border-radius: 50%;
}

.c-progress-bar {
  position: relative;
  height: 5px;
}

.c-progress-bar__filler {
  height: 100%;
}

.c-header__top, .c-header__brand, .c-header__contact-divider {
  margin-bottom: 1.75rem;
}

.c-header__brand, .c-header__avatar, .c-header__contact {
  text-align: center;
}

.c-header__social-buttons {
  justify-content: center;
}

@media (min-width: 760px) {
  .c-header__top, .c-header__brand {
    margin-bottom: 1.75rem;
  }

  .c-header__content {
    padding-top: 1.75rem;
  }

  .c-header__contact {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .c-header__header, .c-header__content {
    height: 100vh;
  }

  .c-header__inner-header, .c-header__inner-content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

  .c-header__avatar, .c-header__top {
    position: relative;
    top: -2vh;
  }

  .c-header__avatar {
    text-align: right;
    position: relative;
    margin-top: -5.8rem;
  }

  .c-header__avatar {
    height: 18vw;
  }

  ::-ms-backdrop {
    height: 18vw;
  }

  .c-header__brand {
    text-align: left;
    margin-bottom: 0;
  }

  .c-header__social-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .c-header__contact {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}

.c-footer__contact-divider {
  margin-bottom: 3.5rem;
}

.c-footer__brand {
  margin-bottom: 1.75rem;
}

@media (min-width: 600px) {
  .c-footer__contact-divider {
    margin-bottom: 6.3rem;
  }

  .c-footer__bottom {
    position: relative;
  }

  .c-footer__brand {
    margin-bottom: 0;
  }

  .c-footer__social-buttons {
    position: absolute;
    margin-bottom: 0;
    bottom: 0;
    right: 0;
  }
}

@media (min-width: 760px) {
  .c-footer__contact {
    margin-bottom: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .c-footer__contact-divider {
    margin-bottom: 8.75rem;
  }
}

.c-brand__title, .c-brand__sub-title {
  letter-spacing: normal;
  line-break: auto;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.75;
}

.c-brand__first-word, .c-brand__second-word {
  display: block;
}

.c-brand__sub-title {
  margin-bottom: 0;
}

.c-brand__sizer {
  font-size: 65%;
}

@media (min-width: 1024px) {
  .c-brand__title {
    margin-bottom: .8rem;
  }
}

@media (min-width: 1200px) {
  .c-brand__title {
    margin-bottom: 1.4rem;
  }

  .c-brand__sizer {
    font-size: 100%;
  }

  .c-brand__sizer--sm {
    font-size: 80%;
  }
}

.c-avatar__img {
  border-radius: 50%;
  width: 11rem;
}

@media (min-width: 760px) {
  .c-avatar__img {
    width: 14rem;
  }
}

@media (min-width: 1200px) {
  .c-avatar__img {
    width: 100%;
  }
}

.c-intro p {
  margin-bottom: 1.1rem;
}

@media (min-width: 600px) {
  .c-intro p {
    margin-bottom: 1.375rem;
    font-size: 1.22rem;
  }
}

.c-deco-line {
  text-align: left;
  width: 30%;
  height: 5px;
  margin-top: .55rem;
  margin-bottom: .935rem;
}

.c-timeline {
  position: relative;
  border-left-style: solid;
  border-left-width: 2px;
  margin-left: calc(1rem - 2px);
  padding-left: 25px;
}

.c-timeline__item {
  position: relative;
}

.c-timeline__point {
  position: absolute;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 3px;
  left: -31px;
}

.c-timeline__end {
  position: absolute;
  border-style: solid;
  border-width: 1px;
  width: 16px;
  height: 1px;
  bottom: 0;
  left: -9px;
}

.c-work__timeframe, .c-work__heading, .c-work__title, .c-work__location {
  margin-bottom: .4rem;
}

.c-work__timeframe, .c-work__title, .c-work__location {
  font-weight: 500;
}

.c-work__timeframe, .c-work__location {
  opacity: .6;
  font-size: .7rem;
}

.c-work__title {
  font-size: .8rem;
}

.c-social-button {
  display: block;
  text-align: center;
  border: 2px solid;
  border-radius: 2px;
  width: 33px;
  height: 33px;
  font-size: .8rem !important;
  line-height: 2.7 !important;
}

@media (min-width: 1200px) {
  .c-social-button {
    border-radius: 3px;
    width: 38px;
    height: 38px;
    font-size: 1rem !important;
    line-height: 2.6 !important;
  }
}

.c-social-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.c-social-buttons li {
  margin-right: 6px;
}

.c-social-buttons li:last-child {
  margin-right: 0;
}

.c-image-overlay {
  position: relative;
  display: block;
  overflow: hidden;
}

.c-image-overlay img {
  width: 100%;
  transition: all .6s;
}

.c-image-overlay .c-image-overlay__deco-line {
  text-align: left;
  width: 0;
  height: 3px;
  margin-top: .825rem;
  margin-bottom: .825rem;
  transition: width .65s ease-out;
}

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

.c-image-overlay .c-image-overlay__content {
  opacity: 1;
  position: absolute;
  background: #000c;
  bottom: 0;
}

.c-image-overlay .c-image-overlay__deco-line {
  width: 15%;
}

.c-image-overlay:hover .c-image-overlay__content {
  opacity: 0;
}

.c-image-overlay__content {
  position: absolute;
  opacity: 0;
  width: 100%;
  max-width: 375px;
  padding: 1.75rem;
  transition: all .6s;
  top: 0;
  left: 0;
}

.c-clients {
  overflow: hidden;
  margin-bottom: -1.5rem;
  margin-right: -2.5rem;
}

.c-clients li {
  float: left;
  margin-bottom: 1.5rem;
  margin-right: 2.5rem;
}

.c-clients a {
  opacity: .6;
}

.c-clients a:hover {
  opacity: 1;
}

.c-clients img {
  max-height: 30px;
}

@media (min-width: 600px) {
  .c-clients img {
    max-height: 50px;
  }
}

.a-progress-bar {
  width: 0;
}

.a-progress-bar.in-view {
  transition: width 1.4s ease-in-out .5s;
}

.fa-lg {
  vertical-align: -15%;
  font-size: 1.5em;
  line-height: .75em;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
  width: 26px;
  height: 26px;
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
  background: none;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.u-pt-0 {
  padding-top: 0 !important;
}

.u-pb-0 {
  padding-bottom: 0 !important;
}

.u-mt-text {
  margin-top: .55rem;
}

.u-mb-text {
  margin-bottom: .55rem;
}

.u-hide-xs {
  display: none !important;
}

@media (max-width: 599px) {
  .u-show-xs {
    display: none !important;
  }
}

@media (min-width: 600px) {
  .u-hide-sm {
    display: none !important;
  }
}

@media (max-width: 759px) {
  .u-show-sm {
    display: none !important;
  }
}

@media (min-width: 760px) {
  .u-hide-md {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .u-show-md {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .u-hide-lg {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .u-show-lg {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .u-hide-xl {
    display: none !important;
  }
}

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

/* src/styles/darktheme.css */
html, body {
  color: #979899;
  background: #2d2e2e;
}

h1, h2, h3, h4, h5, h6 {
  color: #a4a5a6;
}

.t-link-container {
  color: inherit;
  display: block;
}

.t-link-container:hover, .t-link-container:focus, .t-link-container:active, .t-link-container .t-link-container__item--blended {
  color: inherit;
}

a, .t-link-container .t-link-container__item, .t-link-container:hover .t-link-container__item--blended {
  color: #e0a80d;
}

a:hover, a:focus, a:active, .t-link-container:hover .t-link-container__item {
  color: #fefaee;
}

hr, .t-border-color {
  border-color: #404242;
}

hr, .t-border-color-bg {
  background: #404242;
}

.t-primary-color, .t-primary-color-line {
  color: #e0a80d;
}

.t-primary-bg, .t-primary-color-line {
  background: #e0a80d;
}

.t-preloader__spinner:not(:required):before {
  border-top-color: #e0a80d;
  border-bottom-color: #e0a80d;
}

.t-title__first-word {
  color: #a4a5a6;
}

.t-title__second-word {
  color: #e0a80d;
}

.t-sub-title {
  color: #979899;
}

.t-title {
  font-size: 4.8rem;
  line-height: .91;
}

.t-title__first-word {
  text-transform: lowercase;
  font-weight: 300;
}

.t-title__second-word {
  text-transform: uppercase;
  font-weight: 700;
}

.t-sub-title {
  margin-left: .3rem;
  font-size: 1.5rem;
  font-weight: 300;
}

.fa {
  color: #575859;
}

.t-social-button {
  background: #3f4040;
  border-color: #3f4040;
}

.t-social-button .fa {
  color: #717273;
}

.t-social-button:hover {
  background: #323333;
}

.t-social-button:hover .fa {
  color: #e0a80d;
}

.t-image-overlay {
  background: none;
}

.t-image-overlay * {
  color: #e4e5e5;
}

.t-image-overlay__deco-line {
  color: #c0c1c1;
  background: #c0c1c1;
}

a, button, a .fa, .t-link-container .t-link-container__item, .t-link-container .t-link-container__item--blended {
  transition: all .15s linear;
}

section > header {
  background: #282929;
}

section > .content, .header section > header {
  background: #2d2e2e;
}

section > .content-border-color {
  border-color: #2d2e2e;
}

.t-timeline__point {
  box-shadow: 0 0 0 6px #2d2e2e;
}

@media (max-width: 1023px) {
  section > header {
    border-top: 1px solid #404242;
    border-bottom: 1px solid #404242;
  }

  .header section > header {
    border-top: none;
    border-bottom: none;
  }
}

@media (min-width: 1024px) {
  section, section > header, .header section > header {
    background: #2b2c2c;
  }

  section > .content {
    background: #2d2e2e;
  }

  section:nth-child(2n), section:nth-child(2n) section > header {
    background: #292a2a;
  }

  section:nth-child(2n) section > .content {
    background: #2b2c2c;
  }

  section:nth-child(2n) .t-timeline__point {
    box-shadow: 0 0 0 6px #2b2c2c;
  }

  .o-section__header-bg {
    background: #2b2c2c;
  }

  .o-section__content-bg {
    background: #2d2e2e;
  }

  .o-section:nth-child(2n) .o-section__header-bg {
    background: #292a2a;
  }

  .o-section:nth-child(2n) .o-section__content-bg {
    background: #2b2c2c;
  }
}

/* src/styles/styles-body.css */
@media (max-width: 1024px) {
  .c-avatar__img {
    margin-bottom: 30px;
  }
}

.o-container.profiles a .c-profile__icon i img {
  filter: grayscale(100%);
  transition: all .3s linear;
}

.o-container.profiles a:hover .c-profile__icon i img {
  filter: none;
}

.o-grid--gallery .c-image-overlay__content {
  width: 100%;
  max-width: 3000px;
}

.o-grid--gallery .o-grid__col-sm-6 img {
  object-fit: cover;
}

.portfolio-wrap {
  padding: 0;
}

.portfolio-wrap:after {
  content: "";
  display: block;
  position: absolute;
  background-image: linear-gradient(90deg, #0000 0%, #2d2e2e 90%);
  width: 60px;
  height: 100%;
  top: 0;
  right: 0;
}

.portfolio, .portfolio .work-item-wrap {
  margin: 0;
  padding: 0;
}

.portfolio .work-item {
  overflow: hidden;
  filter: contrast(1.2) grayscale(1);
  max-height: 350px;
}

.portfolio .work-item img {
  opacity: .1;
}

.portfolio .work-item:hover {
  z-index: 2;
  filter: none;
}

.portfolio .work-item:hover img {
  opacity: 1;
}

.portfolio .work-item .c-image-overlay__content {
  background: #0000001a;
}

.portfolio .work-item h3 {
  margin-top: 36px;
}

@media (min-width: 1024px) {
  .o-section {
    --section-container: min(100%, 1276px);
    --section-gutter: calc((100% - var(--section-container)) / 2);
    --section-split: calc(var(--section-gutter)  + (var(--section-container) * .3));
  }

  .o-section__header-bg {
    width: var(--section-split);
    left: 0;
  }

  .o-section__content-bg {
    left: var(--section-split);
    width: calc(100% - var(--section-split));
    right: auto;
  }
}