/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
*,
:after,
:before {
    background-repeat: no-repeat;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.5;
    width: 100vw;
    height: 100vh
}

body {
    font-weight: 400;
    overflow-x: hidden;
    color: #4b4b4b;
    background-color: #e6e9f0;
    background-image: linear-gradient(45deg, #2c3540, #455260);
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern";
    font-feature-settings: "kern";
    font-family: Roboto, Noto Sans, apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif
}

#pt-app,
body {
    width: 100%;
    height: 100%
}

#pt-app {
    position: relative
}

header,
nav,
section {
    display: block
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    color: currentColor
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

small {
    font-size: 80%
}

img {
    border-style: none;
    max-width: 100%
}

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

svg {
    fill: currentColor;
    max-width: 100%;
    width: 24px;
    height: auto
}

button,
input,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

button {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    color: currentColor
}

textarea {
    overflow: auto
}

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

[hidden] {
    display: none
}

li,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
li,
p,
ul {
    margin: 0;
    padding: 0
}

@-webkit-keyframes comeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes comeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes comeInToast {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25px);
        transform: translateY(25px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes comeInToast {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25px);
        transform: translateY(25px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes opacitychange {

    0%,
    to {
        opacity: 0
    }

    60% {
        opacity: 1
    }
}

@keyframes opacitychange {

    0%,
    to {
        opacity: 0
    }

    60% {
        opacity: 1
    }
}

.pointer {
    cursor: pointer
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-dc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-full-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-full-center,
.flex-main-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-cross-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-sa {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ta-c {
    text-align: center
}

.ta-r {
    text-align: right
}

@-webkit-keyframes toastify-bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes toastify-bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes toastify-bounceOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
}

@keyframes toastify-bounceOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
}

.toast-enter--bottom-left,
.toastify-bounceInUp {
    -webkit-animation-name: toastify-bounceInUp;
    animation-name: toastify-bounceInUp
}

.toast-exit--bottom-left,
.toastify-bounceOutDown {
    -webkit-animation-name: toastify-bounceOutDown;
    animation-name: toastify-bounceOutDown
}

.toastify-animated {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.toastify {
    z-index: 999;
    position: fixed;
    padding: 4px;
    width: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

.toastify--bottom-left {
    bottom: 8px;
    left: 8px
}

.toastify__close {
    padding: 0;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    opacity: .7;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.toastify__close:focus,
.toastify__close:hover {
    opacity: 1
}

.toastify-content--default .toastify__close {
    color: #000;
    opacity: .3
}

.toastify-content--default .toastify__close:hover {
    opacity: 1
}

.toastify-content {
    position: relative;
    min-height: 48px;
    padding: 8px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    background-color: #323232;
    color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 800px;
    overflow: hidden;
    font-family: sans-serif;
    padding: 12px
}

.toastify-content:not(:last-child) {
    margin-bottom: 8px
}

.toastify__body {
    margin: auto 0;
    font-size: .9em
}

.toastify__progress {
    display: none
}

.toastify-dismiss {
    background-color: hsla(0, 0%, 100%, .1);
    padding: 4px 8px;
    border-radius: 2px;
    font-size: .78em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    color: #f1f1f1
}

.toastify-dismiss:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.toastify-content--default {
    background: #323232;
    color: #f1f1f1
}

.toastify-content--error {
    background: #f44336;
    color: #f1f1f1
}

.toastify-content--success {
    background: #00c853;
    color: #f1f1f1
}

.loader-container.is-loading {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    position: relative
}

.loader {
    margin-left: 8px
}

.loader span {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: currentColor
}

.loader span:not(:last-child) {
    margin-right: 4px
}

.loader span:first-child {
    -webkit-animation: opacitychange 1s ease-in-out infinite;
    animation: opacitychange 1s ease-in-out infinite
}

.loader span:nth-child(2) {
    -webkit-animation: opacitychange 1s ease-in-out .33s infinite;
    animation: opacitychange 1s ease-in-out .33s infinite
}

.loader span:nth-child(3) {
    -webkit-animation: opacitychange 1s ease-in-out .66s infinite;
    animation: opacitychange 1s ease-in-out .66s infinite
}

.pt-content-card {
    width: 100%;
    height: 100%;
    max-width: 1250px;
    max-height: 650px;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.pt-content-card__header {
    position: relative;
    height: 300px;
    background-color: #3f3274;
    color: #eef1f5
}

.pt-content-card__header__background {
    position: absolute;
    fill: #d6b004;
    bottom: -1px;
    width: 100%;
    height: 4vw
}

.pt-content-card__header__image {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__header__image img {
    border-radius: 50%;
    max-height: 130px
}

.pt-content-card__header__title-desc,
.pt-content-card__header__title-name {
    font-weight: 300;
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__header__title-desc {
    opacity: .7
}

.pt-content-card__header--nav {
    height: 64px;
    padding: 0 16px;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .16), 0 3px 12px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .16), 0 3px 12px rgba(0, 0, 0, .23);
    z-index: 100
}

.pt-content-card__header--nav__icon {
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 4px
}

.pt-content-card__header--nav__icon svg {
    width: 30px
}

.pt-content-card__header--nav button {
    display: none
}

.pt-content-card__header--nav__title {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.pt-content-card__header--nav__title svg {
    width: 32px;
    margin-right: 8px
}

.pt-content-card__header--nav__title h2 {
    font-weight: 300;
    text-transform: uppercase
}

.pt-content-card__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #ffffff
}

.pt-content-card__body__icons {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    color: #263238
}

.pt-content-card__body__icons p {
    font-size: 15px;
    overflow-x: hidden;
    color: #6d6e6e;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern";
    font-feature-settings: "kern";
    font-family: Roboto, Noto Sans, apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif
}

.pt-content-card__body__icons svg {
    width: 100px
}

.pt-content-card__body__icons a:first-child {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__icons a:nth-child(2) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__icons a:nth-child(3) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__icons a:nth-child(4) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__icons a:nth-child(5) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__icons a:nth-child(6) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__icons a:nth-child(7) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__icons a:nth-child(8) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__icons a:nth-child(9) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__icons a:nth-child(10) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 32px
}

.pt-content-card__body__social-icons__icon:first-child {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons__icon:nth-child(2) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons__icon:nth-child(3) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons__icon:nth-child(4) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons__icon:nth-child(5) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons__icon:nth-child(6) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons__icon:nth-child(7) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons__icon:nth-child(8) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons__icon:nth-child(9) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons__icon:nth-child(10) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__social-icons__icon svg {
    width: 28px;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.pt-content-card__body__social-icons__icon svg:not(:hover) {
    fill: #263238 !important
}

.pt-content-card__body__social-icons__icon:not(:last-child) {
    margin-right: 16px
}

.pt-content-card__body__about__details,
.pt-content-card__body__about__presentation {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pt-content-card__body__about__presentation {
    padding: 32px;
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__about__presentation img {
    max-width: 200px;
    border-radius: 50%
}

.pt-content-card__body__about__presentation h1 {
    font-weight: 300;
    font-size: 1.7em;
    text-transform: uppercase
}

.pt-content-card__body__about__details p {
    padding: 32px;
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__about__details h3 {
    font-weight: 400;
    font-size: 1.2em;
    margin-top: 48px
}

.pt-content-card__body__about__details__net-icons,
.pt-content-card__body__about__details h3 {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__about__details__net-icons {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: 100px;
    width: 100%;
    padding: 24px
}

.pt-content-card__body__about__details__net-icons a svg {
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.pt-content-card__body__about__details__net-icons a:not(:hover) svg {
    fill: #546e7a !important
}

.pt-content-card__body__work-filters {
    height: 100%;
    -webkit-box-flex: .4;
    -ms-flex: .4;
    flex: .4;
    background-color: #fff;
    min-width: 200px
}

.pt-content-card__body__work-filters p {
    font-size: 1.2em;
    height: 64px;
    font-weight: 400;
    padding: 32px 32px 0
}

.pt-content-card__body__work-filters__overlay,
.pt-content-card__body__work-filters button {
    display: none
}

.pt-content-card__body__work-items {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 130px;
    overflow: auto;
    -webkit-transition: padding .3s;
    transition: padding .3s
}

.pt-content-card__body__work-items__item {
    background-color: #fff;
    max-width: 485px;
    height: 110px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .14);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .14);
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 8px 0;
    justify-self: center;
    -webkit-animation: fadeIn;
    animation: fadeIn;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
    width: 100%
}

.pt-content-card__body__work-items__item:only-child {
    max-width: none
}

.pt-content-card__body__work-items__item__image {
    max-height: 100%;
    max-width: 100%;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 100px;
    -ms-flex-item-align: center;
    align-self: center
}

.pt-content-card__body__work-items__item__image img {
    padding: 8px
}

.pt-content-card__body__work-items__item__data {
    padding: 8px;
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}

.pt-content-card__body__work-items__item__data h4 {
    font-weight: 400
}

.pt-content-card__body__work-items__item__data p {
    font-size: .8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.pt-content-card__body__work-items__item__data__tags span {
    font-size: .7em;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 8px;
    padding: 3.2px 5.3333333333px
}

.pt-content-card__body__work-items__item__data__tags span:not(:last-child) {
    margin-right: 8px
}

.pt-content-card__body__work-items__item__buttons {
    border-left: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pt-content-card__body__work-items__item__buttons a {
    width: 100px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .8em;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.pt-content-card__body__work-items__item__buttons a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.pt-content-card__body .no-projects-text {
    font-size: 1.6em;
    text-align: center;
    color: hsla(0, 0%, 53%, .8);
    font-weight: 300
}

.pt-content-card__body .no-projects-text svg {
    width: 32px
}

.pt-content-card__body__contact__social {
    min-height: 100%;
    -webkit-box-flex: .6;
    -ms-flex: .6;
    flex: .6;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 200px
}

.pt-content-card__body__contact__social a {
    margin: 16px 0
}

.pt-content-card__body__contact__social a:first-child {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__social a:nth-child(2) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__social a:nth-child(3) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__social a:nth-child(4) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__social a:nth-child(5) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__social a:nth-child(6) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__social a:nth-child(7) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__social a:nth-child(8) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__social a:nth-child(9) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__social a:nth-child(10) {
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__social__item {
    padding: 8px 16px;
    min-width: 200px;
    background-color: #f2f2f2;
    text-align: center
}

.pt-content-card__body__contact__social__item svg {
    width: 22px
}

.pt-content-card__body__contact__form {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    height: 100%;
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-animation: fadeIn;
    animation: fadeIn;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.pt-content-card__body__contact__form form {
    padding: 32px;
    width: 100%
}

.pt-content-card__body__contact__form__send-button {
    background-color: #303a45;
    padding: 8px 16px;
    border-radius: 4px;
    color: #f1f1f1;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 300;
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-width: 150px
}

.pt-content-card__body__contact__form__send-button svg {
    width: 17px
}

.pt-content-card__body__contact__form__send-button[disabled] {
    background-color: #b0bec5;
    cursor: not-allowed;
    color: #fff
}

.pt-content-card__body__contact__form__row {
    position: relative;
    margin: 16px 0;
    max-width: 700px;
    width: 100%
}

.pt-content-card__body__contact__form__row label {
    width: 100%;
    max-width: 20em;
    position: absolute;
    top: 8px;
    cursor: text;
    -webkit-transition: top .2s, color .2s, -webkit-transform .2s;
    transition: top .2s, color .2s, -webkit-transform .2s;
    transition: top .2s, transform .2s, color .2s;
    transition: top .2s, transform .2s, color .2s, -webkit-transform .2s
}

.pt-content-card__body__contact__form__row input,
.pt-content-card__body__contact__form__row textarea {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    margin: 0;
    border: none;
    padding: .5em 0;
    line-height: 1;
    outline: none;
    background-color: transparent;
    width: 100%;
    font-size: .95em
}

.pt-content-card__body__contact__form__row textarea {
    resize: vertical;
    height: auto;
    max-height: 250px
}

.pt-content-card__body__contact__form__row .line {
    width: 100%;
    height: 2px;
    stroke: #bfbfbf;
    stroke-width: 2px
}

.pt-content-card__body__contact__form__row .line .error,
.pt-content-card__body__contact__form__row .line .focus,
.pt-content-card__body__contact__form__row .line .valid {
    -webkit-transition: all .25s;
    transition: all .25s;
    stroke-dasharray: 0, 20;
    stroke-dashoffset: -20
}

.pt-content-card__body__contact__form__row .line .focus {
    stroke: #000
}

.pt-content-card__body__contact__form__row .line .valid,
.pt-content-card__body__contact__form__row .validation.valid {
    stroke: #1daf8d;
    color: #1daf8d
}

.pt-content-card__body__contact__form__row .line .error,
.pt-content-card__body__contact__form__row .validation.error {
    stroke: #c00;
    color: #c00
}

.pt-content-card__body__contact__form__row input.error~.line .error,
.pt-content-card__body__contact__form__row input.valid~.line .valid,
.pt-content-card__body__contact__form__row input:focus~.line .focus,
.pt-content-card__body__contact__form__row textarea.error~.line .error,
.pt-content-card__body__contact__form__row textarea.valid~.line .valid,
.pt-content-card__body__contact__form__row textarea:focus~.line .focus {
    stroke-dasharray: 40, 0;
    stroke-dashoffset: 0
}

.pt-content-card__body__contact__form__row input:focus~label,
.pt-content-card__body__contact__form__row label.has-content,
.pt-content-card__body__contact__form__row textarea:focus~label {
    top: -16px;
    -webkit-transform: scale(.8) translateX(-40px);
    transform: scale(.8) translateX(-40px);
    color: #bfbfbf
}

body {
    margin: 0
}

.view-loading {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0
}

@-webkit-keyframes spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-webkit-keyframes spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.spinner {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.spinner>svg {
    -webkit-animation: spinner-rotate 1.4s linear infinite;
    animation: spinner-rotate 1.4s linear infinite;
    width: auto
}

.spinner circle {
    stroke-dasharray: 88px;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: spinner-dash 1.4s ease-in-out infinite;
    animation: spinner-dash 1.4s ease-in-out infinite;
    stroke-width: 1;
    stroke-linecap: round;
    stroke: #f1f1f1
}

.md__checkbox {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.md__checkbox label {
    padding: 4px 32px;
    margin: 4px 0;
    border-radius: 2px;
    position: relative
}

.md__checkbox label:hover {
    background-color: hsla(0, 0%, 95%, .8)
}

.md__checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none
}

.md__checkbox .md__checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 3px
}

.md__checkbox .md__checkbox-material__text {
    font-weight: 300;
    margin-left: 16px;
    width: 100%
}

.md__checkbox .md__checkbox-material:before {
    position: absolute;
    left: 8px;
    top: 2px;
    content: "";
    background-color: rgba(0, 0, 0, .5);
    height: 4px;
    width: 4px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0
}

.md__checkbox .md__checkbox-material .md__checkbox-check {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 2px;
    overflow: hidden;
    z-index: 1
}

.md__checkbox .md__checkbox-material .md__checkbox-check:before {
    position: absolute;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 0;
    -webkit-animation: checkbox-off .2s forwards ease-out;
    animation: checkbox-off .2s forwards ease-out
}

.md__checkbox input[type=checkbox]:focus+.md__checkbox-material .md__checkbox-check:after {
    opacity: .2
}

.md__checkbox input[type=checkbox]:checked+.md__checkbox-material .md__checkbox-check:before {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    -webkit-animation: checkbox-on .2s forwards ease-out;
    animation: checkbox-on .2s forwards ease-out
}

@-webkit-keyframes checkbox-on {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }

    to {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@keyframes checkbox-on {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }

    to {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@-webkit-keyframes checkbox-off {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0
    }

    25% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0;
        height: 0;
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, inset 0 0 0 0
    }

    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 10px
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 0
    }
}

@keyframes checkbox-off {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0
    }

    25% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0
    }

    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0;
        height: 0;
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, inset 0 0 0 0
    }

    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 10px
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 0
    }
}

.pt-content-card__home-container {
    width: 100%;
    height: 100%
}

.pt-content-card__about-container {
    width: 100%;
    min-height: 100%
}

.pt-content-card__work-container {
    width: 100%;
    height: 100%
}

.pt-content-card__contact-container {
    width: 100%;
    min-height: 100%
}

.pt-content-card__404-container {
    width: 100%;
    height: 100%;
    color: rgba(90, 109, 129, .8)
}

.pt-content-card__404-container p {
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 500;
    text-align: center;
    padding: 16px
}

.pt-content-card__404-container .pt-content-card__body__404 div {
    background-color: #fff;
    border-radius: 4px;
    padding: 8px 32px;
    margin: 32px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .14);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .14);
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    color: #656565;
    text-align: center
}

.pt-content-card__404-container .pt-content-card__body__404 div:hover {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .14)
}

.pt-content-card__404-container svg {
    width: 120px
}

@media(min-width:1250px) {
    .pt-content-card {
        overflow: hidden
    }
}

@media(max-width:1250px) {
    .pt-content-card {
        max-height: none
    }

    .pt-content-card__body__work-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .pt-content-card__body__work-items__item {
        max-width: none
    }

    .pt-content-card__body__work-items__item__buttons a {
        width: 100%;
        min-width: 100px
    }

    .pt-content-card__body__work-items__item__image {
        -webkit-box-flex: .7;
        -ms-flex: .7;
        flex: .7
    }
}

@media(max-width:900px) {
    .pt-content-card__body__contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pt-content-card__body__contact__form,
    .pt-content-card__body__contact__social {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .pt-content-card__header--nav {
        position: fixed;
        width: 100%
    }

    .pt-content-card__body__about,
    .pt-content-card__body__contact,
    .pt-content-card__body__work {
        margin-top: 64px
    }

    .pt-content-card__home-container--home {
        height: 100vh
    }

    .toast-notification {
        width: 100% !important;
        margin: 0 !important;
        bottom: 0 !important
    }

    .toast-notification span {
        display: inline-block !important;
        width: 100vw !important;
        border-radius: 0 !important
    }
}

@media(max-width:700px) {
    .md__checkbox label {
        padding: 8px 32px
    }

    .pt-content-card__header--nav button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .pt-content-card__body__work-filters {
        position: fixed;
        -webkit-transform: translateX(-100vw);
        transform: translateX(-100vw);
        pointer-events: none;
        top: 0;
        left: 0;
        -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .16), 0 3px 12px rgba(0, 0, 0, .23);
        box-shadow: 0 3px 12px rgba(0, 0, 0, .16), 0 3px 12px rgba(0, 0, 0, .23);
        z-index: 210;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .pt-content-card__body__work-filters>p {
        position: fixed;
        width: 100%
    }

    .pt-content-card__body__work-filters button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .pt-content-card__body__work-filters.filters-open {
        pointer-events: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .pt-content-card__body__work-filters__list {
        padding: 8px 0;
        margin-top: 64px;
        overflow-y: scroll;
        height: calc(100% - 58px)
    }

    .pt-content-card__body__work-filters__overlay {
        display: block;
        position: fixed;
        background-color: #000;
        opacity: 0;
        pointer-events: none;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
        z-index: 100
    }

    .pt-content-card__body__work-filters__overlay.filters-open {
        pointer-events: auto;
        opacity: .4
    }

    .pt-content-card__body__work-filters p {
        padding: 16px 0;
        background-color: #303a45;
        text-align: center;
        color: #eef1f5
    }

    .pt-content-card__about-container {
        overflow: auto
    }

    .pt-content-card__body__about {
        display: block
    }

    .pt-content-card__body__about__presentation {
        padding-top: 48px
    }
}

@media(max-width:600px) {
    .pt-content-card__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width:500px) {
    .pt-content-card__body__work-items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0
    }

    .pt-content-card__body__work-items__item {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: none;
        border-radius: 0
    }

    .pt-content-card__body__work-items__item:first-child {
        margin-top: 16px
    }

    .pt-content-card__body__work-items__item__image {
        max-width: 100px
    }

    .pt-content-card__body__work-items__item__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .pt-content-card__body__work-items__item__buttons a {
        padding: 16px
    }

    .pt-content-card__body__work-items__item__data__tags {
        display: none
    }

    .pt-content-card__body__icons__icon {
        width: 72px;
        margin-top: 24px
    }
}

@media(max-height:650px) {
    .pt-content-card {
        max-width: none
    }
}

@media(max-height:530px) {
    .pt-content-card__home-container--home {
        height: auto
    }
}

@media only screen and (max-width:480px) {
    .toastify {
        width: 100vw;
        padding: 0
    }

    .toastify--bottom-left {
        left: 0;
        bottom: 0;
        margin: 0
    }

    .toastify-content {
        margin-bottom: 0;
        border-radius: 0
    }
}

@media(max-height:400px) {
    .pt-content-card__body__work-items {
        display: block
    }

    #pt-app {
        min-height: 100%;
        height: auto
    }
}

@media(max-height:470px) {
    .pt-content-card__body__work-items {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

footer{
    font-family: 'Libre Franklin', sans-serif;
    background-color: rgb(63, 58, 141);
    color: rgb(240, 204, 0);
    position: 'fixed';
    -webkit-animation: comeIn;
    animation: comeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}