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%;
  font: inherit;
  vertical-align: baseline; }

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

blockquote, q {
  quotes: none; }

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

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

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* alegreya-sans-300 - cyrillic_latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-display: auto;
  font-weight: 300;
  src: url("../fonts/alegreya-sans-v9-cyrillic_latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Alegreya Sans Light"), local("AlegreyaSans-Light"), url("../fonts/alegreya-sans-v9-cyrillic_latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-sans-v9-cyrillic_latin-300.woff2") format("woff2"), url("../fonts/alegreya-sans-v9-cyrillic_latin-300.woff") format("woff"), url("../fonts/alegreya-sans-v9-cyrillic_latin-300.ttf") format("truetype"), url("../fonts/alegreya-sans-v9-cyrillic_latin-300.svg#AlegreyaSans") format("svg");
  /* Legacy iOS */ }

/* alegreya-sans-500 - cyrillic_latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-display: auto;
  font-weight: 500;
  src: url("../fonts/alegreya-sans-v9-cyrillic_latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Alegreya Sans Medium"), local("AlegreyaSans-Medium"), url("../fonts/alegreya-sans-v9-cyrillic_latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-sans-v9-cyrillic_latin-500.woff2") format("woff2"), url("../fonts/alegreya-sans-v9-cyrillic_latin-500.woff") format("woff"), url("../fonts/alegreya-sans-v9-cyrillic_latin-500.ttf") format("truetype"), url("../fonts/alegreya-sans-v9-cyrillic_latin-500.svg#AlegreyaSans") format("svg");
  /* Legacy iOS */ }

/* alegreya-sans-800 - cyrillic_latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-display: auto;
  font-weight: 800;
  src: url("../fonts/alegreya-sans-v9-cyrillic_latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Alegreya Sans ExtraBold"), local("AlegreyaSans-ExtraBold"), url("../fonts/alegreya-sans-v9-cyrillic_latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-sans-v9-cyrillic_latin-800.woff2") format("woff2"), url("../fonts/alegreya-sans-v9-cyrillic_latin-800.woff") format("woff"), url("../fonts/alegreya-sans-v9-cyrillic_latin-800.ttf") format("truetype"), url("../fonts/alegreya-sans-v9-cyrillic_latin-800.svg#AlegreyaSans") format("svg");
  /* Legacy iOS */ }

/* spectral-regular - cyrillic_latin */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url("../fonts/spectral-v5-cyrillic_latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Spectral Regular"), local("Spectral-Regular"), url("../fonts/spectral-v5-cyrillic_latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/spectral-v5-cyrillic_latin-regular.woff2") format("woff2"), url("../fonts/spectral-v5-cyrillic_latin-regular.woff") format("woff"), url("../fonts/spectral-v5-cyrillic_latin-regular.ttf") format("truetype"), url("../fonts/spectral-v5-cyrillic_latin-regular.svg#Spectral") format("svg");
  /* Legacy iOS */ }

/* roboto-regular - cyrillic_latin */
@font-face {
  font-family: 'Robotos';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../fonts/roboto-v18-cyrillic_latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v18-cyrillic_latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v18-cyrillic_latin-regular.woff2") format("woff2"), url("../fonts/roboto-v18-cyrillic_latin-regular.woff") format("woff"), url("../fonts/roboto-v18-cyrillic_latin-regular.ttf") format("truetype"), url("../fonts/roboto-v18-cyrillic_latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-900 - cyrillic_latin */
@font-face {
  font-family: 'Robotos';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("../fonts/roboto-v18-cyrillic_latin-900.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/roboto-v18-cyrillic_latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v18-cyrillic_latin-900.woff2") format("woff2"), url("../fonts/roboto-v18-cyrillic_latin-900.woff") format("woff"), url("../fonts/roboto-v18-cyrillic_latin-900.ttf") format("truetype"), url("../fonts/roboto-v18-cyrillic_latin-900.svg#Roboto") format("svg");
  /* Legacy iOS */ }

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

.flex-wrap {
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap; }

.flex-no-wrap {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap; }

.vertikal-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.vertikal-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center; }

.vertikal-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end; }

.flex-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify; }

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center; }

.flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start; }

.flex-center-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center; }

.flex-space-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around; }

.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end; }

.style::-webkit-input-placeholder {
  font-size: 15px;
  color: rgba(255, 220, 46, 0.55); }

.style::-moz-placeholder {
  font-size: 15px;
  color: rgba(255, 220, 46, 0.55); }

.style:-moz-placeholder {
  font-size: 15px;
  color: rgba(255, 220, 46, 0.55); }

.style:-ms-input-placeholder {
  font-size: 15px;
  color: rgba(255, 220, 46, 0.55); }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1; }

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; }

input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; }

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: 0; }

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0; }

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  opacity: 0; }

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  opacity: 0; }

.style {
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  background-size: 100% 100%; }

@-webkit-keyframes move-the-object {
  0% {
    left: 100px; }
  100% {
    left: 200px; } }

@keyframes move-the-object {
  0% {
    left: 100px; }
  100% {
    left: 200px; } }

.test {
  -webkit-animation-delay: 500;
  animation-delay: 500;
  animation: move-the-object 2s cubic-bezier(0.36, 0.79, 0.29, 0.97) forwards;
  -webkit-animation: move-the-object 2s cubic-bezier(0.36, 0.79, 0.29, 0.97) forwards;
  -o-animation: move-the-object 2s cubic-bezier(0.36, 0.79, 0.29, 0.97) forwards;
  -moz-animation: move-the-object 2s cubic-bezier(0.36, 0.79, 0.29, 0.97) forwards; }

html {
  margin: 0;
  outline: 0 none;
  font-size: 10px;
  position: relative;
  height: 100%; }
  @media screen and (max-width: 1400px) {
    html {
      font-size: 9px; } }

body {
  font-family: "Alegreya Sans", sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
  color: #3d3d3d;
  height: 100%;
  margin: 0;
  position: relative;
  background: #fff;
  line-height: 1.7;
  opacity: 1;
  overflow-x: auto; }

em {
  font-style: italic; }

button,
select {
  font-family: "Alegreya Sans", sans-serif; }

.row {
  width: 100%;
  background: #fff; }
  .row .content, .row .editor {
    max-width: 1270px;
    margin: auto;
    overflow: hidden;
    width: 96%; }
    @media screen and (min-width: 1900px) {
      .row .content, .row .editor {
        max-width: 1500px; } }

* {
  outline: none; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

strong,
b {
  font-weight: 500; }

a {
  text-decoration: none;
  color: #3d3d3d; }

p {
  padding: 10px 0;
  font-size: 1em; }
  @media screen and (max-width: 1366px) {
    p {
      font-size: 1em; } }
  @media screen and (max-width: 500px) {
    p {
      padding: 10px 0; } }

img {
  max-width: 100%;
  height: auto !important; }

h1,
.h1 {
  font-size: 3rem;
  line-height: 50px;
  font-weight: 300;
  margin: 15px 0;
  font-family: "Spectral", serif; }
  @media screen and (max-width: 550px) {
    h1,
    .h1 {
      font-size: 2rem;
      line-height: 20px; } }

h2,
.h2 {
  font-size: 2.3rem;
  line-height: 35px;
  font-weight: 400;
  font-family: "Alegreya Sans", sans-serif;
  margin: 15px 0 0 0; }
  @media screen and (max-width: 550px) {
    h2,
    .h2 {
      line-height: 30px;
      font-size: 2.4rem; } }

h3,
.h3 {
  font-size: 2.2rem;
  line-height: 35px;
  font-weight: 400;
  margin: 10px 0 0 0;
  text-transform: uppercase; }

h4 {
  font-size: 1.7rem;
  text-transform: uppercase;
  border-bottom: 1px solid #379eb5;
  color: #379eb5;
  margin: 20px 0 0 0;
  font-weight: 400; }

ul {
  margin: 0 0 0 25px;
  font-size: 1em; }

blockquote {
  padding-left: 25px;
  border-left: 3px solid #379eb5; }

.line-b {
  position: relative; }
  .line-b:before {
    -o-transition: all 0.6s ease 0.1s;
    -webkit-transition: all 0.6s ease 0.1s;
    transition: all 0.6s ease 0.1s;
    content: '';
    width: 35px;
    height: 1px;
    background: #1a1a1a;
    display: block;
    position: absolute;
    left: 0;
    bottom: 50%; }

.line-b {
  padding-left: 45px; }

.light {
  font-weight: 500;
  text-transform: uppercase; }
  .light span {
    font-weight: 300; }

.arrow-w {
  position: relative;
  display: inline-block; }
  .arrow-w:before {
    content: '';
    width: 25px;
    height: 25px;
    right: -30px;
    top: 5px;
    position: absolute;
    background: rgba(94, 36, 36, 0) url("../svg/right-arrow-w.svg") no-repeat scroll center center/auto 100%; }

.arrow {
  position: relative;
  display: inline-block; }
  .arrow:before {
    content: '';
    width: 20px;
    height: 20px;
    right: -30px;
    top: 8px;
    position: absolute;
    background: rgba(94, 36, 36, 0) url("../svg/right-arrow-b.svg") no-repeat scroll center center/auto 100%; }

.about .description a::before, .grey .description a::before, .project .description a::before {
  -o-transition: all 0.4s ease 0.1s;
  -webkit-transition: all 0.4s ease 0.1s;
  transition: all 0.4s ease 0.1s; }

.about .description a:hover::before, .grey .description a:hover::before, .project .description a:hover::before {
  right: -35px; }

/* ----------------------------------------------
 * Generated by Animista on 2019-2-1 0:25:50
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation flicker-1
 * ----------------------------------------
 */
@-webkit-keyframes flicker-4 {
  0%,
  100% {
    opacity: 1; }
  41.99% {
    opacity: 1; }
  42% {
    opacity: 0.5;
    -webkit-filter: blur(1.5px);
            filter: blur(1.5px); }
  43% {
    opacity: 0.5;
    -webkit-filter: blur(0);
            filter: blur(0); }
  43.01% {
    opacity: 1; }
  47.99% {
    opacity: 1;
    -webkit-filter: blur(1.5px);
            filter: blur(1.5px); }
  48% {
    opacity: 0.1; }
  49% {
    opacity: 0.5; }
  49.01% {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0); } }

@keyframes flicker-4 {
  0%,
  100% {
    opacity: 1; }
  41.99% {
    opacity: 1; }
  42% {
    opacity: 0.5;
    -webkit-filter: blur(1.5px);
            filter: blur(1.5px); }
  43% {
    opacity: 0.5;
    -webkit-filter: blur(0);
            filter: blur(0); }
  43.01% {
    opacity: 1; }
  47.99% {
    opacity: 1;
    -webkit-filter: blur(1.5px);
            filter: blur(1.5px); }
  48% {
    opacity: 0.1; }
  49% {
    opacity: 0.5; }
  49.01% {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0); } }

@-webkit-keyframes flicker-5 {
  0% {
    opacity: 0;
    transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5); }
  100% {
    opacity: 1;
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes flicker-5 {
  0% {
    opacity: 0;
    transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5); }
  100% {
    opacity: 1;
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes blurIn {
  0% {
    opacity: 0;
    transform: scale(0.8, 1);
    -ms-transform: scale(0.8, 1);
    -webkit-transform: scale(0.8, 1);
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-filter: blur(3px);
            filter: blur(3px); }
  15% {
    opacity: 1; }
  20% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  70% {
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  80% {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: scale(0.7, 1);
    -ms-transform: scale(0.7, 1);
    -webkit-transform: scale(0.7, 1);
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
    -webkit-filter: blur(3px);
            filter: blur(3px); } }

@keyframes blurIn {
  0% {
    opacity: 0;
    transform: scale(0.8, 1);
    -ms-transform: scale(0.8, 1);
    -webkit-transform: scale(0.8, 1);
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-filter: blur(3px);
            filter: blur(3px); }
  15% {
    opacity: 1; }
  20% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  70% {
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  80% {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: scale(0.7, 1);
    -ms-transform: scale(0.7, 1);
    -webkit-transform: scale(0.7, 1);
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
    -webkit-filter: blur(3px);
            filter: blur(3px); } }

@-webkit-keyframes scale {
  5%,
  0% {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -webkit-transform: scale(1.08); } }

@keyframes scale {
  5%,
  0% {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -webkit-transform: scale(1.08); } }

.header {
  height: 35vh;
  position: relative;
  overflow: hidden;
  border-bottom: solid 3px #379eb5; }
  @media screen and (max-height: 700px) {
    .header {
      height: 80vh; } }
  @media screen and (max-height: 414px) {
    .header {
      height: 100vh; } }
  .index .header {
    background: rgba(94, 36, 36, 0) url("../img/mont.jpg") no-repeat scroll center center/auto; }
  .pastor .header {
    background: rgba(94, 36, 36, 0) url("../img/pastor.jpg") no-repeat scroll center center/auto; }
  .donate .header {
    background: rgba(94, 36, 36, 0) url("../img/bg_blue.jpg") no-repeat scroll center center/auto;
    height: 150px; }
  .vs .header {
    background: rgba(94, 36, 36, 0) url("../img/vs-2.jpg") no-repeat scroll center center/auto; }

.mont {
  position: absolute;
  height: 100vh; }

.navrow {
  position: absolute;
  top: 0;
  z-index: 1;
  background: none; }

.topline {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 100%;
  color: #fff; }
  .topline .logo {
    width: 65px;
    margin: 0 0 0 30px; }
    @media screen and (max-width: 414px) {
      .topline .logo {
        position: absolute;
        left: 0;
        margin: 0 0 0 3%; } }

.nav {
  position: relative; }
  .nav > * {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .nav .csd {
    font-weight: 600;
    padding-bottom: 20px; }
  .nav a {
    margin-left: 20px;
    text-transform: uppercase;
    padding-top: 5px;
    color: #fff;
    position: relative;
    overflow: hidden;
    font-weight: 400; }
    .nav a:first-child {
      margin-left: 0; }
    .nav a::before {
      -o-transition: all 0.4s ease 0.1s;
      -webkit-transition: all 0.4s ease 0.1s;
      transition: all 0.4s ease 0.1s;
      content: '';
      width: 100%;
      height: 3px;
      background-color: #379eb5;
      position: absolute;
      top: 0;
      left: -100%; }
    .nav a:hover::before {
      left: 0; }
    @media screen and (max-width: 414px) {
      .nav a {
        margin-left: 15px; } }
  .nav .menu {
    border-top: 2px solid #379eb5; }

.slogan {
  font-size: 3rem;
  width: 420px;
  line-height: 4.2rem;
  font-weight: 300;
  color: #fff;
  position: absolute;
  bottom: 10%;
  max-width: 85%; }
  @media screen and (max-width: 414px) {
    .slogan {
      line-height: 4rem;
      font-size: 2.8rem; } }
  .slogan span {
    font-weight: 600;
    display: block; }

.about .content, .project .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .about .content > div, .about .content > a, .project .content > div, .project .content > a {
    width: 46%; }
    @media screen and (max-width: 1024px) {
      .about .content > div, .about .content > a, .project .content > div, .project .content > a {
        width: 100%; } }

.head-er .h1, .head-er h1 {
  font-family: "Alegreya Sans", sans-serif;
  font-size: 2.8rem; }

.head-er .title {
  font-family: "Spectral", serif;
  font-size: 3rem;
  line-height: 1.4;
  margin: 50px 0 20px 40px;
  padding-right: 30px; }
  @media screen and (max-width: 500px) {
    .head-er .title {
      font-size: 2.7rem; } }
  @media screen and (max-width: 500px) and (max-width: 500px) {
    .head-er .title {
      margin: 30px 0 10px; } }
  .head-er .title span {
    display: block; }

.about, .grey, .project {
  position: relative;
  margin: 20px 0; }
  .about .description > p, .grey .description > p, .project .description > p {
    display: block; }
  .about .description a, .grey .description a, .project .description a {
    margin-top: 40px;
    letter-spacing: 2px;
    -o-transition: all 0.4s ease 0.1s;
    -webkit-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s; }
    .about .description a::before, .grey .description a::before, .project .description a::before {
      top: 5px; }
    .about .description a:hover, .grey .description a:hover, .project .description a:hover {
      letter-spacing: 2.4px; }
      .about .description a:hover span, .grey .description a:hover span, .project .description a:hover span {
        color: #379eb5; }

.grey {
  background: #f4f7fc;
  padding: 30px 0; }
  .grey h2 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 2.3rem; }

.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.blocks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px -20px -20px -20px; }
  .blocks img {
    display: block; }
  .blocks .conteiner {
    width: 50%;
    padding: 20px; }
    @media screen and (max-width: 812px) {
      .blocks .conteiner {
        width: 100%; } }
    .blocks .conteiner div {
      margin-bottom: 10px; }
  .blocks .img {
    position: relative;
    overflow: hidden; }
    .blocks .img::after {
      -o-transition: all 0.4s ease 0.1s;
      -webkit-transition: all 0.4s ease 0.1s;
      transition: all 0.4s ease 0.1s;
      content: '';
      width: 100%;
      height: 5px;
      background-color: #379eb5;
      position: absolute;
      bottom: 0;
      z-index: 1;
      left: -100%; }

.linkblock:hover .img::after {
  left: 0; }

.project {
  padding: 20px 0; }

.blog a {
  margin-bottom: 25px;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden; }
  .blog a::after {
    -o-transition: all 0.4s ease 0.1s;
    -webkit-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #379eb5;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: -100%; }
  .blog a:hover::after {
    left: 0; }

.blog h2 {
  font-size: 2.1rem;
  text-transform: uppercase;
  font-weight: 400; }
  .blog h2 span {
    font-size: 1.9rem;
    text-transform: initial;
    display: block;
    font-weight: 300;
    line-height: 30px; }

.w800 {
  max-width: 800px;
  width: 100%; }

.map {
  border-top: 2px solid #dedede; }

footer.row {
  background: #2E3337;
  color: #fff; }

footer .content {
  padding: 30px 0; }
  footer .content > * {
    padding-bottom: 10px; }

.name {
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 3px;
  font-size: 2.2rem; }

a.phone {
  font-family: 'Robotos';
  font-size: 1.6rem;
  color: #fff; }

.social {
  border-top: 1px solid #7a7a7a;
  margin-top: 10px;
  padding-top: 10px; }
  .social a {
    margin: 10px 10px 0 0;
    display: inline-block; }
    .social a svg {
      fill: #d9d9d9;
      width: 30px;
      height: 30px;
      -webkit-transition: all 0.4s ease 0.1s;
      -o-transition: all 0.4s ease 0.1s;
      transition: all 0.4s ease 0.1s; }
      .social a svg:hover {
        fill: #379eb5; }