/* line 1, ../scss/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 21, ../scss/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 25, ../scss/_reset.scss */
ol, ul {
  list-style: none; }

/* line 28, ../scss/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 31, ../scss/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 36, ../scss/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 41, ../scss/_reset.scss */
button {
  outline: 0;
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-spacing: 0;
  color: #000;
  font-family: 'PT Sans Narrow',sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.42rem;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0; }

/*@include animation('animationName 1s linear infinite');*/
/*@include keyframes(animationName) {
  0%   { color: #fff362; }
  20%  { color: #00fff0; }
  40%  { color: #ff6686; }
  60%  { color: #b865ff; }
  80%  { color: #b3ff47; }
  100% { color: #fff362; }
}*/
@-webkit-keyframes textAnim {
  0% {
    color: #e72323; }
  20% {
    color: #00fff0; }
  40% {
    color: #ff6686; }
  60% {
    color: #b865ff; }
  80% {
    color: #b3ff47; }
  100% {
    color: #e72323; } }
@-moz-keyframes textAnim {
  0% {
    color: #e72323; }
  20% {
    color: #00fff0; }
  40% {
    color: #ff6686; }
  60% {
    color: #b865ff; }
  80% {
    color: #b3ff47; }
  100% {
    color: #e72323; } }
@-o-keyframes textAnim {
  0% {
    color: #e72323; }
  20% {
    color: #00fff0; }
  40% {
    color: #ff6686; }
  60% {
    color: #b865ff; }
  80% {
    color: #b3ff47; }
  100% {
    color: #e72323; } }
@keyframes textAnim {
  0% {
    color: #e72323; }
  20% {
    color: #00fff0; }
  40% {
    color: #ff6686; }
  60% {
    color: #b865ff; }
  80% {
    color: #b3ff47; }
  100% {
    color: #e72323; } }
@-webkit-keyframes bgAnim {
  0% {
    background-color: #fff362; }
  20% {
    background-color: #00fff0; }
  40% {
    background-color: #ff6686; }
  60% {
    background-color: #b865ff; }
  80% {
    background-color: #b3ff47; }
  100% {
    background-color: #fff362; } }
@-moz-keyframes bgAnim {
  0% {
    background-color: #fff362; }
  20% {
    background-color: #00fff0; }
  40% {
    background-color: #ff6686; }
  60% {
    background-color: #b865ff; }
  80% {
    background-color: #b3ff47; }
  100% {
    background-color: #fff362; } }
@-o-keyframes bgAnim {
  0% {
    background-color: #fff362; }
  20% {
    background-color: #00fff0; }
  40% {
    background-color: #ff6686; }
  60% {
    background-color: #b865ff; }
  80% {
    background-color: #b3ff47; }
  100% {
    background-color: #fff362; } }
@keyframes bgAnim {
  0% {
    background-color: #fff362; }
  20% {
    background-color: #00fff0; }
  40% {
    background-color: #ff6686; }
  60% {
    background-color: #b865ff; }
  80% {
    background-color: #b3ff47; }
  100% {
    background-color: #fff362; } }
@-webkit-keyframes textAnimTop {
  0% {
    color: #FFF; }
  50% {
    color: #b2eeff; }
  100% {
    color: #FFF; } }
@-moz-keyframes textAnimTop {
  0% {
    color: #FFF; }
  50% {
    color: #b2eeff; }
  100% {
    color: #FFF; } }
@-o-keyframes textAnimTop {
  0% {
    color: #FFF; }
  50% {
    color: #b2eeff; }
  100% {
    color: #FFF; } }
@keyframes textAnimTop {
  0% {
    color: #FFF; }
  50% {
    color: #b2eeff; }
  100% {
    color: #FFF; } }
/* Sweep To Left */
/* line 27, ../scss/_animations.scss */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }

/* line 40, ../scss/_animations.scss */
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1c1c1c;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

/* line 61, ../scss/_animations.scss */
.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
  color: #FFF !important; }

/* line 67, ../scss/_animations.scss */
.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

/* line 74, ../scss/_animations.scss */
.spinner {
  width: 40px;
  height: 40px;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out; }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@media only screen and (min-width: 1850px) {
  /* line 12, ../scss/app.scss */
  .container {
    width: 1600px; } }
/* line 17, ../scss/app.scss */
html,
body {
  color: #1c1c1c;
  background-color: #FFF;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400; }

/* line 26, ../scss/app.scss */
h1,
h2,
h3 {
  font-family: 'Poppins', sans-serif; }

/* line 32, ../scss/app.scss */
h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1; }
  @media only screen and (min-width: 992px) {
    /* line 32, ../scss/app.scss */
    h1 {
      font-size: 60px; } }

/* line 41, ../scss/app.scss */
h3 {
  font-size: 35px;
  font-weight: 400; }

/* line 46, ../scss/app.scss */
h4 {
  font-weight: 400; }

/* line 50, ../scss/app.scss */
section#site-title {
  position: relative;
  height: 100vh;
  background-color: #e72323; }
  /* line 54, ../scss/app.scss */
  section#site-title .container,
  section#site-title .row {
    height: 100%; }
  /* line 58, ../scss/app.scss */
  section#site-title .site-title {
    color: #FFF;
    /*padding-top: 200px;
    padding-bottom: 200px;*/ }
    /* line 62, ../scss/app.scss */
    section#site-title .site-title h1 {
      font-size: 50px; }
      @media only screen and (min-width: 992px) {
        /* line 62, ../scss/app.scss */
        section#site-title .site-title h1 {
          font-size: 100px; } }
      /* line 67, ../scss/app.scss */
      section#site-title .site-title h1 a {
        color: #FFF;
        text-decoration: underline; }
        /* line 70, ../scss/app.scss */
        section#site-title .site-title h1 a:hover {
          -webkit-animation: textAnim 0.35s linear infinite;
          -moz-animation: textAnim 0.35s linear infinite;
          -o-animation: textAnim 0.35s linear infinite;
          animation: textAnim 0.35s linear infinite; }
      /* line 74, ../scss/app.scss */
      section#site-title .site-title h1 i {
        font-size: 60px;
        margin-top: 70px; }
        @media only screen and (min-width: 992px) {
          /* line 74, ../scss/app.scss */
          section#site-title .site-title h1 i {
            font-size: 60px; } }
  /* line 83, ../scss/app.scss */
  section#site-title .go-down {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #FFF;
    font-size: 60px;
    cursor: pointer; }
    @media only screen and (min-width: 992px) {
      /* line 83, ../scss/app.scss */
      section#site-title .go-down {
        bottom: 30px; } }
    /* line 95, ../scss/app.scss */
    section#site-title .go-down .loading {
      position: absolute;
      top: 18px;
      left: -2px; }
    /* line 100, ../scss/app.scss */
    section#site-title .go-down .arrow {
      opacity: 0; }
    /* line 104, ../scss/app.scss */
    section#site-title .go-down:hover .arrow {
      -webkit-animation: textAnim 1s linear infinite;
      -moz-animation: textAnim 1s linear infinite;
      -o-animation: textAnim 1s linear infinite;
      animation: textAnim 1s linear infinite; }

/* line 111, ../scss/app.scss */
section#main {
  padding-top: 45px; }
  @media only screen and (min-width: 992px) {
    /* line 111, ../scss/app.scss */
    section#main {
      padding-top: 135px; } }
  /* line 117, ../scss/app.scss */
  section#main .work {
    background-color: #fff;
    margin-bottom: 60px; }
    @media only screen and (min-width: 992px) {
      /* line 117, ../scss/app.scss */
      section#main .work {
        margin-bottom: 150px; } }
    /* line 123, ../scss/app.scss */
    section#main .work .work-text {
      margin-top: 30px; }
      @media only screen and (min-width: 992px) {
        /* line 123, ../scss/app.scss */
        section#main .work .work-text {
          margin-top: 0; } }
      @media only screen and (min-width: 992px) {
        /* line 128, ../scss/app.scss */
        section#main .work .work-text .title {
          max-width: 80%; } }
      /* line 133, ../scss/app.scss */
      section#main .work .work-text .client {
        margin-top: 15px; }
      /* line 136, ../scss/app.scss */
      section#main .work .work-text .description {
        margin-top: 30px; }
        @media only screen and (min-width: 992px) {
          /* line 136, ../scss/app.scss */
          section#main .work .work-text .description {
            max-width: 80%; } }
        /* line 141, ../scss/app.scss */
        section#main .work .work-text .description p {
          margin-bottom: 15px; }
      /* line 145, ../scss/app.scss */
      section#main .work .work-text .skills {
        margin-top: 15px;
        font-size: 13px;
        float: left;
        font-weight: 500; }
        @media only screen and (min-width: 992px) {
          /* line 145, ../scss/app.scss */
          section#main .work .work-text .skills {
            max-width: 80%; } }
        /* line 153, ../scss/app.scss */
        section#main .work .work-text .skills strong {
          color: #e72323; }
        /* line 156, ../scss/app.scss */
        section#main .work .work-text .skills i {
          color: #e72323; }
        /* line 159, ../scss/app.scss */
        section#main .work .work-text .skills a {
          color: #313136;
          text-decoration: underline; }
      /* line 164, ../scss/app.scss */
      section#main .work .work-text .collab {
        color: #a1a1ae;
        font-size: 13px; }
        /* line 167, ../scss/app.scss */
        section#main .work .work-text .collab a {
          color: #a1a1ae;
          text-decoration: underline; }
      /* line 172, ../scss/app.scss */
      section#main .work .work-text.text-right {
        float: none;
        text-align: left !important; }
        @media only screen and (min-width: 992px) {
          /* line 172, ../scss/app.scss */
          section#main .work .work-text.text-right {
            float: right;
            text-align: right !important; } }
        /* line 179, ../scss/app.scss */
        section#main .work .work-text.text-right .title,
        section#main .work .work-text.text-right .description,
        section#main .work .work-text.text-right .skills,
        section#main .work .work-text.text-right .collab {
          float: none; }
          @media only screen and (min-width: 992px) {
            /* line 179, ../scss/app.scss */
            section#main .work .work-text.text-right .title,
            section#main .work .work-text.text-right .description,
            section#main .work .work-text.text-right .skills,
            section#main .work .work-text.text-right .collab {
              float: right; } }
        /* line 188, ../scss/app.scss */
        section#main .work .work-text.text-right .title,
        section#main .work .work-text.text-right .client,
        section#main .work .work-text.text-right .description,
        section#main .work .work-text.text-right .skills,
        section#main .work .work-text.text-right .collab {
          text-align: left; }
          @media only screen and (min-width: 992px) {
            /* line 188, ../scss/app.scss */
            section#main .work .work-text.text-right .title,
            section#main .work .work-text.text-right .client,
            section#main .work .work-text.text-right .description,
            section#main .work .work-text.text-right .skills,
            section#main .work .work-text.text-right .collab {
              text-align: right; } }
      /* line 199, ../scss/app.scss */
      section#main .work .work-text .button {
        display: inline-block;
        padding: 15px 40px;
        margin-top: 25px;
        font-weight: 600;
        color: #FFF;
        background-color: #e72323;
        cursor: pointer; }
        /* line 207, ../scss/app.scss */
        section#main .work .work-text .button:hover {
          -webkit-animation: bgAnim 0.25s linear infinite;
          -moz-animation: bgAnim 0.25s linear infinite;
          -o-animation: bgAnim 0.25s linear infinite;
          animation: bgAnim 0.25s linear infinite; }
    /* line 213, ../scss/app.scss */
    section#main .work .work-media .video {
      position: relative;
      cursor: pointer; }
      /* line 217, ../scss/app.scss */
      section#main .work .work-media .video:hover .play {
        opacity: 1; }
      /* line 222, ../scss/app.scss */
      section#main .work .work-media .video.playing .play,
      section#main .work .work-media .video.playing .cover {
        opacity: 0 !important;
        pointer-events: none; }
      /* line 228, ../scss/app.scss */
      section#main .work .work-media .video .play {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        color: #FFF;
        z-index: 1000;
        cursor: pointer;
        opacity: .7;
        font-size: 100px;
        line-height: 0; }
      /* line 241, ../scss/app.scss */
      section#main .work .work-media .video .cover {
        position: relative;
        transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        z-index: 500; }
        /* line 245, ../scss/app.scss */
        section#main .work .work-media .video .cover img {
          width: 100%;
          display: block; }
      /* line 250, ../scss/app.scss */
      section#main .work .work-media .video iframe,
      section#main .work .work-media .video .video-js {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 10; }
    /* line 262, ../scss/app.scss */
    section#main .work .work-media .image img {
      width: 100%; }

/* line 270, ../scss/app.scss */
section#footer {
  background-color: #e72323; }
  /* line 273, ../scss/app.scss */
  section#footer .links {
    text-align: center;
    padding: 10px 20px 10px 0; }
    /* line 278, ../scss/app.scss */
    section#footer .links .link {
      display: inline-block;
      margin-left: 15px;
      transition: all 300ms ease-out;
      -webkit-transition: all 300ms ease-out;
      -moz-transition: all 300ms ease-out;
      -ms-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out; }
      /* line 285, ../scss/app.scss */
      section#footer .links .link:hover {
        border-bottom: 1px solid white; }
      /* line 289, ../scss/app.scss */
      section#footer .links .link a {
        color: #FFF;
        text-decoration: none; }

/* line 297, ../scss/app.scss */
.ptt {
  display: none;
  background-color: #e72323;
  height: 200px; }