body {

  font-family: "Raleway", sans-serif;

  font-weight: normal;

  font-size: 14px;

  min-width: 320px;

  position: relative;

  line-height: 1.42857;

  -webkit-font-smoothing: antialised; }



body input:focus:required:invalid,

body textarea:focus:required:invalid {

  color: red; }



body input:required:valid,

body textarea:required:valid {

  color: green; }



.hidden {

  display: none; }



section {

  padding: 70px 0 80px; }

  section h2 {

    text-align: center;

    font-size: 24;

    text-transform: uppercase;

    margin: 0 0 15px; }



section,

.main_head {

  position: relative; }



.s_descr_wrap {

  text-align: center; }

  .s_descr_wrap .s_descr {

    display: inline-block;

    text-transform: uppercase;

    font-size: 14px;

    position: relative;

    margin-bottom: 130px; }

    .s_descr_wrap .s_descr::after {

      content: "";

      width: 150px;

      height: 1px;

      position: absolute;

      left: 50%;

      margin-left: -75px;

      margin-top: 60px; }



.main_head {

  min-height: 620px;

  padding-top: 20px; }



.loader {

  background: none repeat scroll 0 0 #ffffff;

  bottom: 0;

  height: 100%;

  left: 0;

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  z-index: 9999; }



.loader_inner {

  background-image: url("../img/preloader.gif");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  background-color: #fff;

  height: 60px;

  width: 60px;

  margin-top: -30px;

  margin-left: -30px;

  left: 50%;

  top: 50%;

  position: absolute; }



.logo_container {

  position: absolute;

  left: 20px;

  width: 164px; }



svg {

  height: 60px;

  width: 164px;

  z-index: 200;

  position: relative; }



.toggle_mnu {

  width: 60px;

  height: 60px;

  position: fixed;

  z-index: 103;

  border: none;

  right: 20px;

  top: 20px; }

  .toggle_mnu span {

    display: block; }



.sandwich {

  width: 36px;

  height: 36px;

  position: absolute;

  top: 13px;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  z-index: 200; }



.sw-topper {

  position: relative;

  top: 0;

  width: 36px;

  height: 3px;

  background: white;

  border: none;

  border-radius: 4px 4px 4px 4px;

  transition: transform 0.5s, top 0.2s;

  display: block; }



.sw-bottom {

  position: relative;

  width: 36px;

  height: 3px;

  top: 7.5px;

  background: white;

  border: none;

  border-radius: 4px 4px 4px 4px;

  transition: transform 0.5s, top 0.2s;

  transition-delay: 0.2s, 0s; }



.sw-footer {

  position: relative;

  width: 36px;

  height: 3px;

  top: 14.1px;

  background: white;

  border: none;

  border-radius: 4px 4px 4px 4px;

  transition: all 0.5s;

  transition-delay: 0.1s; }



.sandwich.active .sw-topper {

  top: 8px;

  transform: rotate(140deg); }

.sandwich.active .sw-bottom {

  top: 5px;

  transform: rotate(-140deg); }

.sandwich.active .sw-footer {

  opacity: 0;

  top: 0;

  transform: rotate(180deg); }



.top_mnu {

  position: fixed;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.9);

  z-index: 102;

  right: 0;

  top: 0;

  display: none; }

  .top_mnu ul,

  .top_mnu li {

    list-style-type: none;

    padding: 0;

    margin: 0; }

  .top_mnu ul {

    margin-top: 200px;

    text-align: center; }

    .top_mnu ul li:nth-child(1) a {

      -webkit-animation-duration: 0.5s;

      -moz-animation-duration: 0.5s;

      animation-duration: 0.5s; }

    .top_mnu ul li:nth-child(2) a {

      -webkit-animation-duration: 1s;

      -moz-animation-duration: 1s;

      animation-duration: 1s; }

    .top_mnu ul li:nth-child(3) a {

      -webkit-animation-duration: 1.5s;

      -moz-animation-duration: 1.5s;

      animation-duration: 1.5s; }

    .top_mnu ul li:nth-child(4) a {

      -webkit-animation-duration: 2s;

      -moz-animation-duration: 2s;

      animation-duration: 2s; }

    .top_mnu ul a {

      color: #fff;

      display: block;

      text-transform: uppercase;

      font-size: 12px;

      opacity: 0;

      position: relative;

      height: 60px; }

      .top_mnu ul a span {

        display: block;

        position: relative;

        top: -40px;

        left: 0;

        height: 100%;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        transition: all 0.5s ease; }

        .top_mnu ul a span:hover {

          background-color: rgba(255, 255, 255, 0.08); }



.top_wrapper {

  display: table;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 101; }

  .top_wrapper .top_descr {

    display: table-row; }

    .top_wrapper .top_descr .top_centered {

      display: table-cell;

      text-align: center;

      vertical-align: middle; }

  .top_wrapper .top_text {

    display: inline-block; }

    .top_wrapper .top_text p {

      margin: 0;

      text-transform: uppercase;

      -webkit-animation-delay: 1.5s;

      -moz-animation-delay: 1.5s;

      animation-delay: 1.5s; }

    .top_wrapper .top_text h1 {

      display: inline-block;

      padding: 10px 35px;

      color: #fff;

      border: 6px solid #fff;

      text-transform: uppercase;

      font-weight: bold;

      font-size: 2.8em;

      background-color: rgba(0, 0, 0, 0.2);

      margin-left: 20px;

      margin-right: 20px;

      -webkit-animation-delay: 1s;

      -moz-animation-delay: 1s;

      animation-delay: 1s; }



.h_opacity {

  opacity: 0.3;

  -webkit-transition: all 0.25s ease;

  -moz-transition: all 0.25s ease;

  transition: all 0.25s ease; }



.opacity_shadow {

  background-color: #000;

  height: 100%;

  left: 0;

  opacity: 0.5;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: 100; }



.main_footer {

  padding: 50px 0;

  font-size: 13px; }

.person img {
  border-radius: 200px;
}

.section_content .fa {font-size: 3em!important;}

.social_wrap li{list-style-type: none;}

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