@import url("//hello.myfonts.net/count/34ebec");
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* BEGIN reset css */
/* remove and neutralize the inconsistent default styling of HTML elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

/* END reset css */
html, body {
  min-height: 100%;
  height: 100%; }

a {
  color: #000000;
  text-decoration: none;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease; }
  a:hover, a:focus {
    color: #000000;
    text-decoration: underline; }

body {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #000000;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: none;
  font-weight: 400; }

strong {
  font-weight: 700; }

.clear {
  *zoom: 1; }
  .clear:after, .clear:before {
    content: "";
    display: table; }
  .clear:after {
    clear: both; }

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

img {
  border: none; }
  img.responsive {
    max-width: 100%;
    height: auto; }
  img.responsive-full {
    max-width: none;
    width: 100%;
    height: auto; }

.fleft {
  float: left; }

.fright {
  float: right; }

table {
  width: 100%; }
  table td {
    vertical-align: top; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#viewport.container {
  padding-left: 15px;
  padding-right: 15px; }
#viewport h4 {
  margin-top: 25px; }
#viewport .row {
  margin-bottom: 20px; }
  #viewport .row .row {
    margin-top: 10px;
    margin-bottom: 0; }
#viewport [class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  border: 1px solid #ddd;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2); }
#viewport hr {
  margin-top: 40px;
  margin-bottom: 40px; }

a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #000000; }

/*a:hover, a:focus { color: $theme-secondary; text-decoration: none; }*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #000000; }

p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  color: #000000; }

.text-faded {
  color: rgba(255, 255, 255, 0.7); }

section {
  padding: 0 0; }

aside {
  padding: 50px 0; }

.no-padding {
  padding: 0; }

::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222; }

::selection {
  color: white;
  text-shadow: none;
  background: #222; }

img::selection {
  color: white;
  background: transparent; }

img::-moz-selection {
  color: white;
  background: transparent; }

.no-gutter > [class*="col-"],
.no-gutter > [class*="col-"] > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

@media (max-width: 767px) {
  .no-padding-xs {
    padding: 0; } }
@media (max-width: 991px) {
  .no-padding-sm {
    padding: 0; } }
#main {
  position: relative;
  z-index: 1; }

#footer {
  padding: 25px 30px;
  font-size: 0; }
  #footer p {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    margin: 0; }
  #footer .address {
    margin-bottom: 10px; }
  #footer .email {
    margin-bottom: 10px; }
    #footer .email p {
      font-weight: 600; }
  #footer .contacts p {
    font-weight: 600; }
  @media (min-width: 768px) {
    #footer {
      padding: 35px 40px; }
      #footer p {
        text-align: left; }
      #footer .address {
        margin: 0; }
      #footer .email {
        margin: 0; }
        #footer .email p {
          text-align: center; }
      #footer .contacts p {
        text-align: right; }
      #footer .address, #footer .email, #footer .contacts {
        display: inline-block;
        vertical-align: middle;
        width: 33.33%; } }
  @media (min-width: 992px) {
    #footer {
      padding: 50px 55px; } }

.section-wrapper {
  min-height: 100vh;
  position: relative; }

.section-1 .logo-mobile {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%; }
  .section-1 .logo-mobile h1 {
    padding: 0 30px; }
.section-1 .logo-desktop {
  display: none; }
@media (min-width: 768px) {
  .section-1 .logo-mobile {
    display: none; }
  .section-1 .logo-desktop {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    display: block; }
    .section-1 .logo-desktop h1 {
      text-align: center; }
      .section-1 .logo-desktop h1 img {
        max-width: 725px; } }
.section-1 a.arrow-down, .section-1 a.arrow-down:visited {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 29px;
  background: url("../img/svg/arrow.svg") center center no-repeat transparent;
  background-size: contain; }
@media (min-width: 768px) {
  .section-1 a.arrow-down, .section-1 a.arrow-down:visited {
    width: 42px;
    height: 60px; } }

.section-2 {
  text-align: center;
  background-color: #FFE3B8; }
  .section-2 a:hover, .section-2 a:focus {
    text-decoration: none; }
  .section-2 .section-inner {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%; }
    .section-2 .section-inner h2, .section-2 .section-inner .portfolio-wrapper, .section-2 .section-inner .story-wrapper {
      padding: 0 30px; }
    .section-2 .section-inner h2 {
      font-size: 35px;
      line-height: 40px;
      margin: 0;
      margin-bottom: 40px; }
    .section-2 .section-inner .portfolio-wrapper p {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 40px; }
      .section-2 .section-inner .portfolio-wrapper p a, .section-2 .section-inner .portfolio-wrapper p a:visited {
        display: inline-block;
        position: relative; }
        .section-2 .section-inner .portfolio-wrapper p a:before, .section-2 .section-inner .portfolio-wrapper p a:visited:before {
          content: "";
          position: absolute;
          bottom: -5px;
          left: 0;
          width: 100%;
          height: 4px;
          background-color: #000000; }
    .section-2 .section-inner .story-wrapper p {
      margin-bottom: 0;
      font-size: 18px;
      line-height: 24px; }
    @media (min-width: 768px) {
      .section-2 .section-inner h2, .section-2 .section-inner .portfolio-wrapper, .section-2 .section-inner .story-wrapper {
        padding: 0 40px; }
      .section-2 .section-inner h2 {
        font-size: 53px;
        line-height: 58px;
        margin-bottom: 90px; }
      .section-2 .section-inner .portfolio-wrapper p {
        font-size: 27px;
        line-height: 33px;
        margin-bottom: 90px; }
        .section-2 .section-inner .portfolio-wrapper p a:before, .section-2 .section-inner .portfolio-wrapper p a:visited:before {
          bottom: -10px;
          height: 8px; }
      .section-2 .section-inner .story-wrapper p {
        font-size: 21px;
        line-height: 29px; } }
    @media (min-width: 992px) {
      .section-2 .section-inner h2, .section-2 .section-inner .portfolio-wrapper, .section-2 .section-inner .story-wrapper {
        padding: 0 55px; }
      .section-2 .section-inner h2 {
        font-size: 72px;
        line-height: 88px;
        margin-bottom: 150px; }
      .section-2 .section-inner .portfolio-wrapper p {
        font-size: 36px;
        line-height: 45px;
        margin-bottom: 150px; }
        .section-2 .section-inner .portfolio-wrapper p a:hover:after, .section-2 .section-inner .portfolio-wrapper p a:visited:hover:after {
          content: "";
          position: absolute;
          bottom: -50px;
          left: 50%;
          margin-left: -30px;
          width: 60px;
          height: 30px;
          background: url("../img/svg/hover-1.svg") center center no-repeat transparent; }
      .section-2 .section-inner .story-wrapper p a, .section-2 .section-inner .story-wrapper p a:visited {
        display: inline-block;
        position: relative; }
        .section-2 .section-inner .story-wrapper p a:hover:after, .section-2 .section-inner .story-wrapper p a:visited:hover:after {
          content: "";
          position: absolute;
          top: -2px;
          right: -15px;
          width: 21px;
          height: 21px;
          background: url("../img/svg/hover-2.svg") center center no-repeat transparent; } }

/* Large desktop */
/* Portrait tablet to landscape and desktop */
/* Landscape phone to portrait tablet */
/* Landscape phones and down */

/*# sourceMappingURL=app.css.map */