@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* line 56, icons/*.png */
.icons-sprite, .icons-cross-black-medium, .icons-cross-black {
  background-image: url('assets/img/icons-sa346e0e920.png');
  background-repeat: no-repeat; }

/* line 84, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icons-cross-black-medium {
  background-position: 0 0;
  height: 20px;
  width: 20px; }

/* line 84, ../../.rvm/gems/ruby-2.7.1@sites/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icons-cross-black {
  background-position: 0 -20px;
  height: 41px;
  width: 41px; }

/*
ПЕРЕМЕННЫЕ ПРОЕКТА
*/
/*
COLORS
*/
/*$color_orange: '';
$color_orange_dark: '';
$color_grey: '';
$color_grey_dark: #363f48;
$color_grey_light: #f5f7f8;
$color_blue: #688796;
$color_blue_dark: #375868; 

$color_form_border: #4A535B;
$color_form_bcgr: #333B43;
$color_form_placeholder: #9b9b9b;
$color_form_hover: #4a535b;

$bg_default: #fff;
$bg_dark:    #363f48;
$bg_footer:  #252c33;
$bg_aside:   #d7dfe3;*/
/*$font_stack: "PT Sans", sans-serif;
$primary_color: #333;*/
/*$color_red: #e9204f;
$color_red_hover: #f4567b;
$color_red_xs: #ffd7e0;
$color_bg: #000;
$color_light_black: #161616;
$color_grey: #818181;
$color_grey_xs: #ddd;*/
/* капитель = normal | small-caps | inherit */
/*$font_logo_main: 23px;
$color_logo_main: $color_orange;*/
/*$font_logo_subtxt: 13px;
$color_logo_subtxt: #cac9c9;*/
/*$link_color: $color_red; "#26afb8";*/
/*$win_vs: max-width 480px;
$win_xs: 481px 575px;
$win_sm: 576px 767px;
$win_md: 768px 991px;
$win_lg: 992px 1199px;
$win_xl: 1200px 1499px;
$win_vl: 1500px;*/
/*.grid {
    display: grid;
    grid-template-columns:
      span(1 of 12)
      span(4 of 12)
      span(3 of 12)
      span(4 of 12);
    grid-column-gap: gutter();
    &__item{

    }
}*/
/*
color: if( 1 + 1 == 2 , green , red);

@if 1 + 1 == 2 { border: 1px solid;  }
@if 5 < 3      { border: 2px dotted; }
@if null       { border: 3px double; }
$type: monster;
p {
  @if $type == ocean {
    color: blue;
  } @else if $type == matador {
    color: red;
  } @else if $type == monster {
    color: green;
  } @else {
    color: black;
  }
}
*/
/*el,*/
/*.el {*/
/*@include display-flex;*/
/*@include flex-direction(column);*/
/*@include flex-wrap(wrap);*/
/*@include align-items(center);*/
/*@include justify-content(center);*/
/*@include order(1);*/
/*}*/
/*.sj-nowrap {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
%sj-center {
    text-align: center;
    justify-content: center;
}
%sj-right {
    text-align: right;
    justify-content: flex-end;
}
%sj-left {
    text-align: left;
    justify-content: flex-start;
}
.sj-aic {
    -ms-align-items: center !important;
    align-items: center !important;
}

.sj-top {
    vertical-align: top;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.sj-bottom {
    vertical-align: bottom;
    -ms-align-items: flex-end;
    align-items: flex-end;
}
.sj-noresize {
    flex-grow: 0;
    flex-shrink: 0;
}
.sj-stretch {
    align-items: stretch;
}
.sj-column {
    flex-direction: column;
}
.sj-h100p {
    min-height: 100%;
    height: 100%;
    max-height: 100%;
}
.sj-icon-line {
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    justify-content: flex-start;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.sj-icon-line-top {
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    justify-content: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.sj-order-0 {
    order: 0;
}
.sj-order-1 {
    order: 1;
}
.sj-order-2 {
    order: 2;
}
.sj-order-3 {
    order: 3;
}
.sj-order-4 {
    order: 4;
}*/
/*
set the font-size to zero for the row mixin and then back to 16px for the column mixin. This is little hack to kill the default margin of inline-block elements. (Inline-block elements appear in the normal text flow of the document, left-to-right, but unlike block elements that are floated, they still need to deal with the text nodes on either side which create unwanted margin. This hack of setting the font-size to zero makes the space disappear.
http://www.thesassway.com/intermediate/simple-grid-mixins
*/
/* line 1, assets/sass/_main.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,
input, textarea,
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 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 20, assets/sass/_main.scss */
.popup form, .text-msg .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start; }

/* line 25, assets/sass/_main.scss */
.popup-mess .popup-wrap, header .wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }

/* line 41, assets/sass/_main.scss */
.section,
.text-msg .photo-bl .photo,
.slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

/* line 62, assets/sass/_main.scss */
.section {
  width: 100%;
  margin: 0; }
  @media (min-width: 1px) {
    /* line 62, assets/sass/_main.scss */
    .section {
      padding: 60px 0; } }
  @media (min-width: 768px) {
    /* line 62, assets/sass/_main.scss */
    .section {
      padding: 70px 0; } }
  @media (min-width: 992px) {
    /* line 62, assets/sass/_main.scss */
    .section {
      padding: 90px 0; } }
  @media (min-width: 2048px) {
    /* line 62, assets/sass/_main.scss */
    .section {
      padding: 110px 0; } }

/* line 76, assets/sass/_main.scss */
body {
  min-width: 320px; }

/* line 79, assets/sass/_main.scss */
.container {
  width: auto;
  min-width: 320px;
  max-width: 1400px;
  margin: 0 auto; }
  @media (min-width: 1px) {
    /* line 79, assets/sass/_main.scss */
    .container {
      padding: 0 15px; } }
  @media (min-width: 768px) {
    /* line 79, assets/sass/_main.scss */
    .container {
      padding: 0 45px; } }
  @media (min-width: 992px) {
    /* line 79, assets/sass/_main.scss */
    .container {
      padding: 0 60px; } }
  @media (min-width: 2048px) {
    /* line 79, assets/sass/_main.scss */
    .container {
      padding: 0 120px; } }

/* line 97, assets/sass/_main.scss */
.nowrap {
  white-space: nowrap; }

/* line 102, assets/sass/_main.scss */
.go-to-top {
  position: fixed;
  right: 50px;
  bottom: 20px;
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  /*background-size: contain;*/
  background-position: center;
  background-image: url(assets/images/icon-arrow-up-white.png);
  width: 60px;
  height: 60px;
  z-index: 100000;
  cursor: pointer; }

/* line 1, assets/sass/_typography.scss */
html {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.4;
  background-color: transparent; }

/* line 13, assets/sass/_typography.scss */
.h1 {
  margin: 0 0 35px;
  padding: 0;
  color: #fff;
  font-size: 60px;
  font-style: normal;
  font-family: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: 1.1;
  font-weight: bold;
  text-decoration: none;
  text-transform: none; }
/* line 13, assets/sass/_typography.scss */
.h2 {
  margin: 0 0 40px;
  padding: 0;
  color: inherit;
  font-size: 21px;
  font-style: normal;
  font-family: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  font-weight: bold;
  text-decoration: none;
  text-transform: none; }
/* line 13, assets/sass/_typography.scss */
.h3 {
  margin: 0 0 40px;
  padding: 0;
  color: inherit;
  font-size: 21px;
  font-style: normal;
  font-family: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  font-weight: bold;
  text-decoration: none;
  text-transform: none; }

@media (min-width: 1px) and (max-width: 575px) {
  /* line 30, assets/sass/_typography.scss */
  .h1 {
    font-size: 42px; } }

/* line 36, assets/sass/_typography.scss */
a,
a:hover,
a:focus,
a:active,
a:visited {
  font: inherit;
  text-decoration: none; }

/* line 47, assets/sass/_typography.scss */
.text-normal, .text-normal-bl p {
  margin: 0 0 40px;
  padding: 0;
  color: inherit;
  font-size: 21px;
  font-style: normal;
  font-family: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  font-weight: bold;
  text-decoration: none; }
/* line 47, assets/sass/_typography.scss */
.text-quote, .text-quote-bl p {
  margin: 0 0 40px;
  padding: 0;
  color: inherit;
  font-size: 21px;
  font-style: normal;
  font-family: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  font-weight: bold;
  text-decoration: none; }

/* line 66, assets/sass/_typography.scss */
.btn-action {
  margin: 20px auto;
  padding: 12px 24px 10px;
  border: 1px solid transparent;
  border-radius: 50px;
  max-width: 300px;
  color: #fff;
  background-color: #823F07;
  font-size: 18px;
  font-style: normal;
  font-family: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center; }
/* line 66, assets/sass/_typography.scss */
.btn-action:hover {
  border: 1px solid transparent;
  background-color: #914608;
  font-style: normal;
  font-family: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center; }

/* line 90, assets/sass/_typography.scss */
.link-inline, .link-inline:hover, .link-inline:focus, .link-inline:active, .link-inline:visited {
  margin: 0;
  padding: 0 0 1px;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-family: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  font-weight: bold;
  text-decoration: none;
  text-transform: none; }
/* line 90, assets/sass/_typography.scss */
.link-btn, .link-btn:hover, .link-btn:focus, .link-btn:active, .link-btn:visited {
  margin: 0 0 40px;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-family: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  font-weight: bold;
  text-decoration: none;
  text-transform: none; }

/* line 111, assets/sass/_typography.scss */
.text-msg {
  padding: 30px 40px 10px;
  text-align: center; }

/* line 1, assets/sass/_forms.scss */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: auto;
  height: auto;
  z-index: 10000;
  color: inherit;
  background-color: rgba(0, 0, 0, 0.8); }
  /* line 22, assets/sass/_forms.scss */
  .popup h2 {
    margin: 0 auto;
    padding: 0 30px;
    text-align: center;
    font-size: 24px; }
    @media (min-width: 1px) and (max-width: 576px) {
      /* line 22, assets/sass/_forms.scss */
      .popup h2 {
        font-size: 18px; } }
  /* line 34, assets/sass/_forms.scss */
  .popup form {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px; }

/* line 42, assets/sass/_forms.scss */
.popup.active {
  display: -webkit-flex;
  display: flex; }

/* line 47, assets/sass/_forms.scss */
.popup .title {
  text-align: center; }

/* line 50, assets/sass/_forms.scss */
.popup-content {
  min-width: 295px; }

/* line 54, assets/sass/_forms.scss */
.popup .subtitle {
  margin-bottom: 40px;
  text-align: center; }

/* line 59, assets/sass/_forms.scss */
.popup-layer {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 15px;
  color: inherit;
  background-color: transparent; }

/* line 78, assets/sass/_forms.scss */
.popup-wrap {
  position: relative;
  display: block;
  max-width: 700px;
  max-height: 90vh;
  width: auto;
  border-radius: 4px;
  overflow-y: auto;
  padding: 40px 0 0;
  color: inherit;
  background-color: #fff; }

/* line 91, assets/sass/_forms.scss */
.popup-wrap.small {
  max-width: 420px; }

/* line 95, assets/sass/_forms.scss */
.popup-cross-bl {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 48px;
  height: 48px;
  z-index: 10000;
  color: inherit;
  background-color: rgba(255, 255, 255, 0.7);
  cursor: pointer; }

/* line 120, assets/sass/_forms.scss */
.popup .cross {
  width: icons-sprites-width(cross-black-medium);
  height: icons-sprites-height(cross-black-medium); }

@media (min-width: 1px) and (max-width: 575px) {
  /* line 128, assets/sass/_forms.scss */
  .popup-layer {
    padding: 15px 5px; }

  /* line 131, assets/sass/_forms.scss */
  .popup-content .form {
    margin: 0; } }
/* line 155, assets/sass/_forms.scss */
.form {
  -webkit-align-items: flex-start;
  align-items: flex-start; }

/* line 160, assets/sass/_forms.scss */
.form-part {
  position: relative;
  width: 100%;
  min-height: 1px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  font-size: 15px; }

@media only screen and (min-width: 1px) {
  /* line 184, assets/sass/_forms.scss */
  .form-part {
    width: 100%; } }
@media only screen and (min-width: 576px) {
  /* line 190, assets/sass/_forms.scss */
  .form-part {
    width: 100%; } }
@media only screen and (min-width: 768px) {
  /* line 196, assets/sass/_forms.scss */
  .form-part {
    width: 50%; } }
@media only screen and (min-width: 992px) {
  /* line 202, assets/sass/_forms.scss */
  .form-part {
    width: 50%; } }
@media only screen and (min-width: 1200px) {
  /* line 208, assets/sass/_forms.scss */
  .form-part {
    width: 50%; } }
/* line 213, assets/sass/_forms.scss */
.form-part-small {
  position: relative;
  width: 100%;
  min-height: 1px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  font-size: 15px; }

@media only screen and (min-width: 1px) {
  /* line 237, assets/sass/_forms.scss */
  .form-part-small {
    width: 100%; } }
@media only screen and (min-width: 576px) {
  /* line 243, assets/sass/_forms.scss */
  .form-part-small {
    width: 100%; } }
@media only screen and (min-width: 768px) {
  /* line 249, assets/sass/_forms.scss */
  .form-part-small {
    width: 41.66667%; } }
@media only screen and (min-width: 992px) {
  /* line 255, assets/sass/_forms.scss */
  .form-part-small {
    width: 41.66667%; } }
@media only screen and (min-width: 1200px) {
  /* line 261, assets/sass/_forms.scss */
  .form-part-small {
    width: 41.66667%; } }
/* line 266, assets/sass/_forms.scss */
.form-part-big {
  position: relative;
  width: 100%;
  min-height: 1px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  font-size: 15px; }

@media only screen and (min-width: 1px) {
  /* line 290, assets/sass/_forms.scss */
  .form-part-big {
    width: 100%; } }
@media only screen and (min-width: 576px) {
  /* line 296, assets/sass/_forms.scss */
  .form-part-big {
    width: 100%; } }
@media only screen and (min-width: 768px) {
  /* line 302, assets/sass/_forms.scss */
  .form-part-big {
    width: 58.33333%; } }
@media only screen and (min-width: 992px) {
  /* line 308, assets/sass/_forms.scss */
  .form-part-big {
    width: 58.33333%; } }
@media only screen and (min-width: 1200px) {
  /* line 314, assets/sass/_forms.scss */
  .form-part-big {
    width: 58.33333%; } }
/* line 319, assets/sass/_forms.scss */
label,
.label {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  color: inherit; }

/* line 328, assets/sass/_forms.scss */
label:hover .input-background,
.label:hover .input-background {
  -moz-transform: translateX(85px);
  -ms-transform: translateX(85px);
  -webkit-transform: translateX(85px);
  transform: translateX(85px); }

/* line 336, assets/sass/_forms.scss */
label:hover .input-background-80,
.label:hover .input-background-80 {
  -moz-transform: translateX(110px);
  -ms-transform: translateX(110px);
  -webkit-transform: translateX(110px);
  transform: translateX(110px); }

/* line 344, assets/sass/_forms.scss */
.input-background {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  background-color: #4a535b;
  -moz-transition: all 1s ease 0;
  -o-transition: all 1s ease 0;
  -webkit-transition: all 1s ease;
  -webkit-transition-delay: 0;
  transition: all 1s ease 0;
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

/* line 362, assets/sass/_forms.scss */
.input-background.active {
  -moz-transform: translateX(85px);
  -ms-transform: translateX(85px);
  -webkit-transform: translateX(85px);
  transform: translateX(85px); }

/* line 369, assets/sass/_forms.scss */
.input-background.active.input-background-80 {
  -moz-transform: translateX(110px);
  -ms-transform: translateX(110px);
  -webkit-transform: translateX(110px);
  transform: translateX(110px); }

/* line 376, assets/sass/_forms.scss */
.input {
  position: relative;
  display: block;
  width: 100%;
  border-color: #4A535B;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  padding-left: 100px;
  color: #fff;
  font-size: 18px; }

/* line 389, assets/sass/_forms.scss */
.input.error {
  border-color: #dc5736; }

/* line 393, assets/sass/_forms.scss */
textarea {
  overflow: auto;
  height: 110px; }

/* line 398, assets/sass/_forms.scss */
.input-80 {
  padding-left: 125px; }

/* line 402, assets/sass/_forms.scss */
.test-bl {
  width: 0;
  height: 0;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  color: inherit;
  overflow: hidden; }

/* line 414, assets/sass/_forms.scss */
.input-placeholder {
  color: #9b9b9b;
  font-size: 14px; }

/* line 419, assets/sass/_forms.scss */
.privacy-notice,
.privacy-notice span {
  font-size: 10px; }

/* line 424, assets/sass/_forms.scss */
.privacy-notice span {
  color: #dc5736;
  cursor: pointer; }

/* line 429, assets/sass/_forms.scss */
.input-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  color: inherit;
  font-size: 0;
  background-color: #333B43; }

/* line 438, assets/sass/_forms.scss */
.input-name {
  display: none; }

/* line 442, assets/sass/_forms.scss */
.input-placeholder {
  position: absolute;
  left: 14px;
  top: 12px;
  z-index: 1; }

/* line 449, assets/sass/_forms.scss */
.input-error {
  display: block;
  height: 19px;
  color: #dc5736;
  font-size: 14px; }

/* line 456, assets/sass/_forms.scss */
.tooltip-error {
  position: absolute;
  top: 46px;
  left: 0;
  display: none;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%;
  min-height: 40px;
  border: 1px solid #dc5736;
  border-radius: 5px;
  opacity: 0;
  z-index: 10;
  padding: 8px 15px;
  color: #161616;
  font-size: 14px;
  background-color: #fff;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s; }

/* line 485, assets/sass/_forms.scss */
.tooltip-error.active {
  display: -webkit-flex;
  display: flex;
  visibility: visible;
  opacity: 1; }

/* line 492, assets/sass/_forms.scss */
.tooltip-error:after {
  content: "";
  position: absolute;
  top: -11px;
  left: calc(50% - 10px);
  display: block;
  width: 10px;
  height: 0;
  border: 10px solid transparent;
  border-top-width: 0;
  border-bottom-color: #dc5736;
  color: inherit; }

/* line 506, assets/sass/_forms.scss */
.popup .input-placeholder {
  color: #505050; }

/* line 510, assets/sass/_forms.scss */
.popup .input-wrap {
  background-color: #dadada; }

/* line 514, assets/sass/_forms.scss */
.popup .input-background {
  background-color: #fff;
  border-top-color: #a7a7a7;
  border-bottom-color: #a7a7a7; }

/* line 520, assets/sass/_forms.scss */
.popup .input {
  color: #161616;
  border-color: #a7a7a7; }

/* line 525, assets/sass/_forms.scss */
.popup-mess {
  color: #212121;
  text-align: center;
  z-index: 100000; }
  /* line 529, assets/sass/_forms.scss */
  .popup-mess .popup-wrap {
    padding: 40px 30px; }

/* line 1, assets/sass/_menu.scss */
.header {
  background-color: transparent; }

/* line 10, assets/sass/_menu.scss */
.burger {
  font: inherit;
  width: 100%;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 15px;
  cursor: pointer;
  -moz-transition-property: opacity, filter;
  -o-transition-property: opacity, filter;
  -webkit-transition-property: opacity, filter;
  transition-property: opacity, filter;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent; }
  /* line 26, assets/sass/_menu.scss */
  .burger .burger:hover {
    opacity: .7; }
  @media (min-width: 768px) {
    /* line 10, assets/sass/_menu.scss */
    .burger {
      display: none; } }

/* line 34, assets/sass/_menu.scss */
.nav-header {
  display: none; }
  @media (min-width: 768px) {
    /* line 34, assets/sass/_menu.scss */
    .nav-header {
      display: block; } }
  /* line 41, assets/sass/_menu.scss */
  .nav-header .nav-list {
    display: -webkit-flex;
    display: flex; }
  /* line 47, assets/sass/_menu.scss */
  .nav-header .text-menu {
    font: 18px/21px "Lora", serif;
    color: #fff;
    line-height: 21px;
    text-transform: uppercase; }
  /* line 65, assets/sass/_menu.scss */
  .nav-header .nav-item:not(:last-child) {
    padding-right: 22px; }

/* line 74, assets/sass/_menu.scss */
.nav-header.is-active {
  display: block;
  width: 100%;
  border-radius: 5px;
  background-color: #fff; }
  /* line 80, assets/sass/_menu.scss */
  .nav-header.is-active .nav-list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 30px; }
  /* line 85, assets/sass/_menu.scss */
  .nav-header.is-active .nav-item {
    width: 100%;
    padding: 20px; }
  /* line 89, assets/sass/_menu.scss */
  .nav-header.is-active .text-menu {
    color: #333; }

/* line 95, assets/sass/_menu.scss */
.burger-box {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px; }

/* line 101, assets/sass/_menu.scss */
.burger-inner {
  top: 50%;
  display: block;
  margin-top: -2px; }
  /* line 106, assets/sass/_menu.scss */
  .burger-inner:after, .burger-inner:before {
    display: block;
    content: ""; }
  /* line 111, assets/sass/_menu.scss */
  .burger-inner:before {
    top: -10px; }
  /* line 114, assets/sass/_menu.scss */
  .burger-inner:after {
    bottom: -10px; }
  /* line 117, assets/sass/_menu.scss */
  .burger-inner, .burger-inner:after, .burger-inner:before {
    position: absolute;
    width: 40px;
    height: 3px;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    border-radius: 3px;
    background-color: #fff; }

/* line 133, assets/sass/_menu.scss */
.burger--spring .burger-inner {
  top: 2px;
  -moz-transition: background-color 0s linear 0.13s;
  -o-transition: background-color 0s linear 0.13s;
  -webkit-transition: background-color 0s linear;
  -webkit-transition-delay: 0.13s;
  transition: background-color 0s linear 0.13s; }
  /* line 137, assets/sass/_menu.scss */
  .burger--spring .burger-inner:before {
    top: 10px;
    -moz-transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, -o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-delay: 0.2s, 0s;
    transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  /* line 141, assets/sass/_menu.scss */
  .burger--spring .burger-inner:after {
    top: 20px;
    -moz-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, -o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-delay: 0.2s, 0s;
    transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

/* line 150, assets/sass/_menu.scss */
.burger--spring.is-active .burger-inner {
  -moz-transition-duration: 0.22s;
  -o-transition-duration: 0.22s;
  -webkit-transition-duration: 0.22s;
  transition-duration: 0.22s;
  background-color: transparent !important; }
  /* line 154, assets/sass/_menu.scss */
  .burger--spring.is-active .burger-inner:before {
    top: 0;
    -moz-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, -moz-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    -o-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, -o-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    -webkit-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: 0.15s, 0.22s;
    transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    -ms-transform: translate3d(0, 10px, 0) rotate(45deg);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  /* line 160, assets/sass/_menu.scss */
  .burger--spring.is-active .burger-inner:after {
    top: 0;
    -moz-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -moz-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -o-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: 0s, 0.22s;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
    -moz-transform: translate3d(0, 10px, 0) rotate(-45deg);
    -ms-transform: translate3d(0, 10px, 0) rotate(-45deg);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }
  /* line 166, assets/sass/_menu.scss */
  .burger--spring.is-active .burger-inner, .burger--spring.is-active .burger-inner:after, .burger--spring.is-active .burger-inner:before {
    background-color: #fff; }

/* line 173, assets/sass/_menu.scss */
.menu-popup .btn-consultation {
  margin-bottom: 40px; }

/* line 2, assets/sass/_front.scss */
header {
  position: absolute;
  text-align: center;
  width: 100%; }
  /* line 7, assets/sass/_front.scss */
  header .wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex; }
  /* line 12, assets/sass/_front.scss */
  header .logo-bl {
    width: 100%;
    margin: 0 auto 20px; }
    @media (min-width: 768px) {
      /* line 12, assets/sass/_front.scss */
      header .logo-bl {
        margin: 0 auto 40px; } }
  /* line 20, assets/sass/_front.scss */
  header .logo-text {
    font-family: 'Lobster', cursive;
    display: inline-block;
    position: relative;
    padding-top: 46px;
    font-size: 41px;
    color: #fff; }
  /* line 30, assets/sass/_front.scss */
  header .logo-text span {
    font-family: "Caveat", cursive;
    display: inline-block;
    position: absolute;
    top: 20px;
    width: 100%;
    font-size: 34px;
    text-align: center;
    font-style: normal;
    margin: 0 auto; }

/* line 46, assets/sass/_front.scss */
.fscreen {
  padding: 280px 0 200px;
  background: transparent url(assets/img/office-1078869_960_720-dark.jpg) 0 0 no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #fff; }
  /* line 54, assets/sass/_front.scss */
  .fscreen h1 {
    font-family: 'Source Sans Pro', sans-serif; }
  /* line 57, assets/sass/_front.scss */
  .fscreen .subtitle {
    font-size: 28px;
    font-style: normal;
    margin-bottom: 40px; }
    @media (min-width: 1px) and (max-width: 575px) {
      /* line 57, assets/sass/_front.scss */
      .fscreen .subtitle {
        font-size: 24px; } }

/* line 70, assets/sass/_front.scss */
.text-msg .wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-flex;
  display: flex; }
/* line 75, assets/sass/_front.scss */
.text-msg .photo-bl {
  flex: none; }
  /* line 78, assets/sass/_front.scss */
  .text-msg .photo-bl .photo {
    width: 140px;
    height: 140px;
    margin: 0 30px 30px;
    border-radius: 50%;
    background-image: url(assets/img/anna_ilusha.jpeg);
    background-size: 125%; }
/* line 88, assets/sass/_front.scss */
.text-msg .about {
  max-width: 440px; }

/* line 93, assets/sass/_front.scss */
#projects_popup h2 {
  margin-bottom: 20px; }
/* line 96, assets/sass/_front.scss */
#projects_popup .text-msg {
  padding: 0 40px; }

/* line 100, assets/sass/_front.scss */
.slider {
  width: 100%;
  height: 100%;
  padding: 0 20px;
  overflow: hidden; }

/* line 107, assets/sass/_front.scss */
.slide {
  max-width: 100%;
  max-height: 100%;
  width: 800px;
  height: 350px; }

/* line 114, assets/sass/_front.scss */
.slide-1 {
  background-image: url(assets/img/projects/0b60e095116655.5e8f892b7ede9.jpg); }

/* line 117, assets/sass/_front.scss */
.slide-2 {
  background-image: url(assets/img/projects/10e60395115785.5e8f85458179f.jpg); }

/* line 120, assets/sass/_front.scss */
.slide-3 {
  background-image: url(assets/img/projects/47e06e95133663.5e901a06c877f.jpg); }

/* line 123, assets/sass/_front.scss */
.slide-4 {
  background-image: url(assets/img/projects/54342995115785.5e8f8545829c3.jpg); }

/* line 126, assets/sass/_front.scss */
.slide-5 {
  background-image: url(assets/img/projects/a078d795133425.5e90180df150f.jpg); }

/* line 129, assets/sass/_front.scss */
.slide-6 {
  background-image: url(assets/img/projects/ae85e595133425.5e90180df0b2f.jpg); }

/* line 132, assets/sass/_front.scss */
.slide-7 {
  background-image: url(assets/img/projects/b8a68995115785.5e8f854580c38.jpg); }

/* line 135, assets/sass/_front.scss */
.slide-8 {
  background-image: url(assets/img/projects/c4375095116655.5e8f892b7f5de.jpg); }

/* line 138, assets/sass/_front.scss */
.slide-9 {
  background-image: url(assets/img/projects/c68f5795133425.5e90180df106f.jpg); }

/* line 141, assets/sass/_front.scss */
.slide-10 {
  background-image: url(assets/img/projects/e2878795115785.5e8f854581edb.jpg); }

/* line 146, assets/sass/_front.scss */
.owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 31%;
  margin: auto; }

/* line 153, assets/sass/_front.scss */
.owl-dots {
  margin-top: 10px; }

/* line 156, assets/sass/_front.scss */
.owl-prev,
.owl-next {
  height: 100px; }

/* line 161, assets/sass/_front.scss */
.owl-next {
  position: absolute;
  right: 0; }

/* line 166, assets/sass/_front.scss */
.owl-prev {
  position: absolute;
  left: 0; }

/* line 171, assets/sass/_front.scss */
.owl-theme .owl-nav [class*=owl-] {
  background-color: rgba(0, 0, 0, 0.1); }

/* line 174, assets/sass/_front.scss */
.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFF;
  text-decoration: none; }

/* line 180, assets/sass/_front.scss */
.services-item {
  margin-bottom: 20px; }

/* line 183, assets/sass/_front.scss */
.tablet {
  display: none; }
  @media (min-width: 768px) {
    /* line 183, assets/sass/_front.scss */
    .tablet {
      display: inline-block; } }

/* line 189, assets/sass/_front.scss */
.smartphone-block {
  display: block;
  text-align: center; }
  @media (min-width: 768px) {
    /* line 189, assets/sass/_front.scss */
    .smartphone-block {
      display: inline-block;
      text-align: right; } }

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