/* Start:/bitrix/templates/fr_landing/css/fonts.css?1576522371933*/
@charset "UTF-8";
/* ----------- *Fonts - package ------------ */
@font-face {
  font-family: "SFUIDisplayRegular";
  src: url("/bitrix/templates/fr_landing/css/../fonts/SFUIDisplayRegular/SFUIDisplayRegular.eot");
  src: url("/bitrix/templates/fr_landing/css/../fonts/SFUIDisplayRegular/SFUIDisplayRegular.eot?#iefix")format("embedded-opentype"),
  url("/bitrix/templates/fr_landing/css/../fonts/SFUIDisplayRegular/SFUIDisplayRegular.woff") format("woff"),
  url("/bitrix/templates/fr_landing/css/../fonts/SFUIDisplayRegular/SFUIDisplayRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "SFUIDisplaySemibold";
  src: url("/bitrix/templates/fr_landing/css/../fonts/SFUIDisplaySemibold/SFUIDisplaySemibold.eot");
  src: url("/bitrix/templates/fr_landing/css/../fonts/SFUIDisplaySemibold/SFUIDisplaySemibold.eot?#iefix")format("embedded-opentype"),
  url("/bitrix/templates/fr_landing/css/../fonts/SFUIDisplaySemibold/SFUIDisplaySemibold.woff") format("woff"),
  url("/bitrix/templates/fr_landing/css/../fonts/SFUIDisplaySemibold/SFUIDisplaySemibold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
/* End */


/* Start:/bitrix/templates/fr_landing/css/reset.css?15765223712026*/
@charset "UTF-8";
/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  outline:none;
}
table {
  border-collapse: collapse; 
  border-spacing: 0;
}
td, td img {
  vertical-align: top;
} 
input, select, button, textarea {
  margin: 0;
  font-size: 100%;
  outline: none;
}
input[type="text"], input[type="password"], textarea {
  padding: 0;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display:block;
}
nav ul, li {
  list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html, body {
  min-height:100%;
}
body {
  color: #1d1d1f;
  font-size: 16px;
  text-align: left;
  line-height: normal;
  font-family: "SFUIDisplayRegular";
}
a, a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus, a:active {
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
  font-weight:normal;
}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
img{
  max-width:100%;
}
.clr{
  clear:both;
}
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}
/* End */


/* Start:/bitrix/templates/fr_landing/css/grid.css?15765223713309*/
/* Grid */
.container {margin: 0 auto;padding: 0 15px;}
.row {margin-left: -15px;margin-right: -15px;}
.row [class*='col'] {padding: 0 15px;}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
          order: -1;
}

.order-last {
  -ms-flex-order: 13;
  -webkit-box-ordinal-group: 14;
          order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
          order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
          order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
          order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  -webkit-box-ordinal-group: 8;
          order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  -webkit-box-ordinal-group: 9;
          order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  -webkit-box-ordinal-group: 10;
          order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  -webkit-box-ordinal-group: 11;
          order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  -webkit-box-ordinal-group: 12;
          order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  -webkit-box-ordinal-group: 13;
          order: 12;
}

/* Grid End */
/* End */


/* Start:/bitrix/templates/fr_landing/css/main.css?157790674814517*/
/* ------------ *Default ------------- */
@charset "UTF-8";
/* Flex Class */
.fx-column {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-center {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fx-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.align-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fx-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fx {display: -webkit-box;display: -ms-flexbox;display: flex;}
.fx-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
/* Flex Class End */

/* Reserved Class */
.text-center {text-align: center;}
/* Reserved Class End*/

/* Style Default*/
a, a:hover,button, button:hover, .speed {-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
button {border: 0;padding: 0;cursor: pointer;}
* {outline: none;}
/* Style Default End */

.wrapper {
  overflow: hidden;
}

.btn {
  font-size: 18px;
  border-radius: 4px;
  width: 180px;height: 45px;
  font-family: "SFUIDisplayRegular";
}

.btn__red {
  color: #fff;
  background: #e53948;
}

.btn__red:hover {
  background: #fb505f;
}

/* ------------ *Header ------------- */

.header {
  padding: 40px 0;
  position: relative;
}

.logo {
  margin: 0 auto;
  position: absolute;
  width: 130px;height: 65px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;left: 55px;right: 0;
}

.nav__item:not(:last-child) {
  margin-right: 40px;
}

.nav__item {
  font-size: 15px;
}

.nav__link {
  color: #1d1d1f;
  text-transform: uppercase;
}

.nav__link:hover {
  color: #9c9c9c;
}

.nav__tel {
  color: #e63948;
  font-family: "SFUIDisplaySemibold";
}

.nav__tel:hover {
  text-decoration: underline;
}

/* Navbar toggle */

.navbar-toggle {
  z-index: 60;
  display: none;
  background: none;
}

.navbar-toggle span {
  display: block;
  position: relative;
  background: #e53948;
  width: 30px;height: 3px;
}

.navbar-toggle.active span {
  background: #fff;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 7px;
}

.navbar-toggle.active span:first-child {
  top: 10px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.navbar-toggle.active span:nth-child(2) {
  opacity: 0;
}

.navbar-toggle.active span:last-child {
  top: -10px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* Navbar toggle END */

/* ------------ *Intro ------------- */

.intro {
  color: #fff;
  padding: 200px 0 230px;
  font-family: "SFUIDisplaySemibold";
  background: url(/bitrix/templates/fr_landing/css/../img/bg/intro.jpg) 0/cover no-repeat;
}

.intro__box {
  max-width: 650px;width: 100%;
}

.intro__box,
.intro h1 {
  font-size: 48px;
}

.intro__price {
  font-size: 80px;
}

.intro__bottom {
  margin-top: 30px;
}

/* ------------ *Vantage ------------- */

.vantage {
  padding: 100px 0 60px;
}

.title__h2 {
  font-size: 48px;
  line-height: 1.05;
  font-family: "SFUIDisplaySemibold";
}

.title__subtxt {
  font-size: 21px;
  margin-top: 10px;
  line-height: 1.45;
}

.vantage .row {
  margin-top: 90px;
}

.vantage__item {
  margin-bottom: 60px;
  max-width: 510px;width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* Icon */

.vantage__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  margin-right: 30px;
  width: 60px;height: 60px;
  border: 1px solid #d9d9d9;
}

.i-prestige {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-prestige.png) center no-repeat;
}

.i-business {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-business.png) center no-repeat;
}

.i-risks {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-risks.png) center no-repeat;
}

.i-support {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-support.png) center no-repeat;
}

/* Icon END */

.vantage__txt {
  margin-top: 20px;
}

.vantage__name {
  display: block;
  font-size: 21px;
  font-family: "SFUIDisplaySemibold";
}

.vantage__txt p {
  color: #606066;
  font-size: 18px;
  margin-top: 10px;
  line-height: 1.47;
}

/* ------------- *Start ------------- */

.start {
  color: #fff;
  padding: 70px 0 40px;
  background: url(/bitrix/templates/fr_landing/css/../img/bg/start.jpg) 0/cover no-repeat;
}

.start .container {
  position: relative;
}

.start .title {
  max-width: 410px;width: 100%;
}

.start .row {
  margin-top: 30px;
  max-width: 620px;width: 100%;
}

.start__item {
  margin-bottom: 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.start__num {
  line-height: 1;
  color: #e63948;
  font-size: 80px;
  min-width: 45px;
  text-align: center;
  margin-right: 15px;
  font-family: "SFUIDisplaySemibold";
}

.start__txt {
  line-height: 1.4;
  margin-bottom: 8px;
}

.start__car {
  -webkit-transition: .1s;
  -o-transition: .1s;
  transition: .1s;
  position: absolute;
  top: 40px;right: -160px;
}

/* ---------- *Conditions ----------- */

.conditions {
  padding: 100px 0 75px;
}

.conditions .title {
  margin: 0 auto;
  max-width: 510px;width: 100%;
}

.conditions .box {
  margin-top: 90px;
}

.conditions__item {
  padding: 45px 0;
  border-top: 1px solid #a8a8b3;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.conditions__title {
  font-size: 30px;
  font-family: "SFUIDisplaySemibold";
}

.conditions__f {
  color: #606066;
  margin-top: 5px;
  line-height: 1.4;
//  padding-left: 28px;
}


.f__txt__item {
  color: #606066;
  line-height: 1.4;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* Icon */

.conditions__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
  width: 12px;height: 16px;
}

.i-arrow-red {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-arrow-red.png) center no-repeat;
}

.arrow_1 {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/arrow_1.png) center no-repeat;    
}

.arrow_2 {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/arrow_2.png) center no-repeat;    
}

.accordeon {
  //  background: url(/bitrix/templates/fr_landing/css/../img/icons/arrow_1.png) center no-repeat; 
    padding-left: 40px;
    margin-right: 15px;
    width: 40px;
    height: 16px;
    padding-top: 40px;
}

.i-f {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-f.png) center no-repeat;
}

.i-arrow-green {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-arrow-green.png) center no-repeat;
}

/* Icon END */

.conditions__txt {
  color: #606066;
  margin-top: 5px;
  line-height: 1.4;
  padding-left: 28px;
}


.conditions__txt_arrow {
  color: #606066;
  margin-top: 5px;
  line-height: 1.4;
  padding-left: 28px;
  display: flex;
  align-items: center;
}


.conditions__item__txt {
  font-size: 21px;
  margin-right: 60px;
  font-family: "SFUIDisplaySemibold";
}

.conditions__item .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ------------ *Project ------------- */

.project {
  color: #fff;
  position: relative;
  padding: 80px 0 90px;
  background: url(/bitrix/templates/fr_landing/css/../img/bg/project.jpg) 0/cover no-repeat;
}

.project:after {
  top: 0;left: 0;right: 0;bottom: 0;
  background: url(/bitrix/templates/fr_landing/css/../img/other/pattern.png) 0/auto repeat;
}

.project .container {
  z-index: 1;
  position: relative;
}

.project .box {
  margin-top: 55px;
}

.project__item {
  position: relative;
  text-align: center;
}

.project .box .col-2:not(:last-child) .project__item:after {
  width: 126px;
  margin-left: -62px;
  top: 20px;left: 100%;
  border-top: 2px dotted #fff;
}

/* Icon */

.project__icon {
  display: block;
  margin: 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 40px;height: 40px;
}

.i-request {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-request.png) center no-repeat;
}

.i-contract {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-contract.png) center no-repeat;
}

.i-auto {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-auto.png) center no-repeat;
}

.i-project {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-project.png) center no-repeat;
}

.i-profit {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-profit.png) center no-repeat;
}

/* Icon END */

.project__txt {
  margin-top: 25px;
}

/* ------------- *Maps -------------- */

.map {
  width: 100%;height: 620px;
}

[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

/* ----------- *Contacts ------------- */

.contacts {
  color: #fff;
  padding: 100px 0;
  background: #303033;
}

.contacts__r0w {
  margin-top: 45px;
}

.contacts__txt {
  max-width: 470px;width: 100%;
}

.contacts__txt__item {
  line-height: 1.9;
  margin-bottom: 25px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.contacts__paragraph a {
  color: #fff;
  text-decoration: underline;
}

.contacts__paragraph a:hover {
  text-decoration: none;
}

/* Icon */

.contacts__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 6px;
  margin-right: 10px;
  display: inline-block;
  width: 14px;height: 15px;
}


.f__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 6px;
  margin-right: 10px;
  display: inline-block;
  width: 14px;height: 15px;
}

.i-address {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-address.png) center no-repeat;
}

.i-time {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-time.png) center no-repeat;
}

.i-ok {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/green_ok.png) center no-repeat;
}

.i-ok_modal {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/green_ok_modal.png) center no-repeat;
}

.i-tel {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-tel.png) center no-repeat;
}

.i-email {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-email.png) center no-repeat;
}

/* Icon END */

/* Social */

.social__link {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 22px;height: 14px;
}

.social__link:hover {
  opacity: .7;
}

.social__link:not(:last-child) {
  margin-right: 12px;
}

.i-vk {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-vk.png) center no-repeat;
}

.i-yo {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-yo.png) center no-repeat;
}

.i-fb {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-fb.png) center no-repeat;
}

.i-in {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-in.png) center no-repeat;
}

.i-it {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-it.png) center no-repeat;
}

.i-tw {
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-tw.png) center no-repeat;
}

/* Social END */

.form__field {
  display: block;
  margin-bottom: 35px;
}

.form__field input,
.form__field textarea {
  border: 0;
  width: 100%;
  color: #fff;
  font-size: 16px;
  background: none;
  border-bottom: 1px solid #787880;
  font-family: "SFUIDisplayRegular";
}

.form__field input {
  height: 40px;
}

.form__field textarea {
  height: 70px;
  resize: none;
  padding-top: 5px;padding-bottom: 5px;
}

*[placeholder]::-webkit-input-placeholder {color: #787880;}
*[placeholder]::-moz-placeholder          {color: #787880;}
*[placeholder]:-moz-placeholder           {color: #787880;}
*[placeholder]:-ms-input-placeholder      {color: #787880;}

.form__button p {
  padding-right: 20px;
  max-width: 300px;width: 100%;
}

.form__button p, .form__button p a {
  color: #787880;
  font-size: 12px;
}

/* ------------ *Fotter ------------- */

.footer {
  font-size: 12px;
  padding: 15px 0;
  background: #2b2b2e;
}

.footer,
.footer a {
  color: #6d6d73;
}

.footer__line {
  margin: 0 5px;
}

.footer a {
  text-decoration: underline;
}

.footer__links a:hover {
  text-decoration: none;
}

/* ------------ *Modal ------------- */

.modal {
  z-index: 999;
  display: none;
  position: fixed;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.6);
  top: 0;left: 0;right: 0;bottom: 0;
}

.modal__box {
  background: #fff;
  margin-left: auto;
  position: relative;
  padding: 140px 90px 50px;
  max-width: 520px;width: 100%;min-height: 100%;
}

.close {
  position: absolute;
  top: 50px;right: 50px;
  width: 24px;height: 24px;
  background: url(/bitrix/templates/fr_landing/css/../img/icons/i-close.png) center no-repeat;
}

.close:hover {
  opacity: .5;
}

.modal__title {
  font-family: "SFUIDisplaySemibold";
}

.modal__form {
  margin-top: 35px;
}

.modal__form .form__field input {
  color: #606066;
  border-color: #a8a8b3;
}

.modal__form__txt {
  color: #606066;
  font-size: 12px;
}

.modal__form__btn {
  text-align: right;
}

.btn__modal {
  margin-top: 30px;
  margin-left: auto;
}

/* --------- *Before::After ---------- */
.project:after,
.project__item:after {
  content: " ";
  position: absolute;
}

.md-resp-msg{
    background: #00b956;
    text-align: center;
    color: #FFF;
    padding-top: 10px;
    padding-bottom:10px;
    display:none;
}

.modal__box_result{
    display:none;
}

.md-resp-msg-fail
{
    background: #e63948;
    text-align: center;
    color: #FFF;
    padding-top: 10px;
    padding-bottom:10px;
    display:none;
}

.f_block{
display:none;
}
/* End */


/* Start:/bitrix/templates/fr_landing/css/media.css?15779071407109*/
/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

@charset "UTF-8";
/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  .nav__item:not(:last-child) {
    margin-right: 20px;
  }
  .intro {
    padding: 110px 0;
  }
  .intro__box, .intro h1 {
    font-size: 36px;
  }
  .intro__price {
    font-size: 50px;
  }
  .vantage {
    padding: 70px 0 20px;
  }
  .title__h2 {
    font-size: 34px;
  }
  .title__subtxt {
    font-size: 16px;
    margin-top: 5px;
  }
  .vantage__icon {
    margin-right: 15px;
  }
  .vantage__txt {
    margin-top: 0;
  }
  .vantage__name {
    font-size: 18px;
  }
  .vantage__txt p {
    font-size: 16px;
    margin-top: 5px;
  }
  .start .title {
    max-width: 100%;
    text-align: center;
  }
  .start .row {
    max-width: 100%;
    margin-top: 50px;
  }
  .start .row .col-5, .start .row .col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .start__car {
    display: none;
  }
  .conditions {
    padding: 60px 0;
  }
  .conditions__item {
    padding: 30px 0;
  }
  .conditions__title {
    font-size: 20px;
  }
  .conditions__txt {
    font-size: 14px;
    margin-right: 20px;
  }
  .conditions__item__txt {
    font-size: 18px;
  }
  .project {
    padding: 50px 0;
  }
  .project .box .col-2:not(:last-child) .project__item:after {
    width: 100px;
    margin-left: -50px;
  }
  .contacts {
    padding: 50px 0;
  }
  .contacts__paragraph {
    font-size: 14px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .header {
    padding: 10px 0;
    position: static;
  }
  .header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .logo {
    margin: 0;
    position: static;
    width: auto;height: auto;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .nav {
    display: none;
    padding: 15px 0;
    position: absolute;
    background: #e53948;
    top: 0;left: 0;right: 0;
  }
  .nav__list {
    display: block;
  }
  .nav__list:not(:last-child) {
    margin-bottom: 15px;
  }
  .nav__item {
    text-align: center;
  }
  .nav__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .nav__link,
  .nav__tel {
    color: #fff;
  }
  .navbar-toggle {
    display: block;
  }
  .conditions .box {
    margin-top: 50px;
  }
  .project .box .col-2:not(:last-child) .project__item:after {
    width: 65px;
    margin-left: -34px;
  }
  .contacts .title {
    text-align: center;
  }
  .contacts__r0w > .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .contacts__r0w > .col-6:not(:last-child) {
    margin-bottom: 30px;
  }
  .footer .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .copyright {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .intro {
    padding: 70px 0;
    text-align: center;
  }
  .intro__box, .intro h1 {
    font-size: 22px;
  }
  .intro__price {
    font-size: 28px;
  }
  .vantage {
    padding: 40px 0 0;
  }
  .title__h2 {
    font-size: 24px;
  }
  .title__subtxt {
    font-size: 14px;
  }
  .vantage .row {
    margin-top: 40px;
  }
  .vantage .row .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .start .row .col-5, .start .row .col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .start__num {
    font-size: 50px;
  }
  .start__txt br {
    display: none;
  }
  .start__txt {
    margin-bottom: 3px;
  }
  .conditions {
    padding: 50px 0;
  }
  .conditions__item {
    padding: 20px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .conditions__item .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .conditions__item .col-6:not(:last-child) {
    margin-bottom: 30px;
  }
  .conditions__title {
    font-size: 18px;
  }
  .conditions__txt,
  .conditions__item__txt {
    font-size: 14px;
  }
  .project {
    padding-bottom: 0;
  }
  .project .box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .project .box .col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .project__item {
    margin-bottom: 50px;
  }
  .project__item:after {
    content: none;
  }
}

@media only screen and (max-width : 580px) {
  .intro {
    background-position: 85% center;
  }
  .modal__box {
    margin: 10px auto;
    padding: 50px 20px;
    max-width: 100%;width: 96%;min-height: auto;
  }
  .close {
    top: 10px;right: 10px;
  }
  .modal__title {
    text-align: center;
  }
  .modal__form__txt,
  .modal__form__btn {
    text-align: center;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .start__txt {
    font-size: 14px;
  }
  .conditions__item .col-12 {
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .conditions__item__txt {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .contacts__form.row .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .form__button {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .form__button p {
    padding-right: 0;
    text-align: center;
    margin-bottom: 20px;
  }
  .footer__links {
    display: block;
    text-align: center;
  }
  .footer__links a {
    display: block;
  }
  .footer__links a:not(:last-child) {
    margin-bottom: 5px;
  }
  .footer__line {
    display: none;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .container {
    width: 750px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .container {
    width: 970px;
  }
  .nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .container {
    width: 1170px;
  }
}
/* End */
/* /bitrix/templates/fr_landing/css/fonts.css?1576522371933 */
/* /bitrix/templates/fr_landing/css/reset.css?15765223712026 */
/* /bitrix/templates/fr_landing/css/grid.css?15765223713309 */
/* /bitrix/templates/fr_landing/css/main.css?157790674814517 */
/* /bitrix/templates/fr_landing/css/media.css?15779071407109 */