@charset "UTF-8";
/********************************************************************************************/
/* Utitilites-Grid--------------------------------------------------------------------------*/
/* адаптивна сетка                                                                          */
/* Основная сетка строится на flexbox'ах  + фолбэки на inline-block'ах                      */
/* Фолбэки цепляются по классу no-flexbox, который добавляет modernizer                     */
/********************************************************************************************/
/*==========================================================================================*/
/*  Основа  */
/*==========================================================================================*/
.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -13px;
  margin-right: -13px;
}
.grid [class*=col-] {
  margin-left: 13px;
  margin-right: 13px;
  margin-bottom: 20px;
}
.grid .row {
  display: flex;
  width: 100%;
}

/*==========================================================================================*/
/*  Генерируем классы для инлайнового варианта  */
/*==========================================================================================*/
.col-1-1 {
  width: calc(100% - 26px);
}

.col-1-2 {
  width: calc(50% - 26px);
}

.col-1-3 {
  width: calc(33.3333333333% - 26px);
}

.col-2-3 {
  width: calc(66.6666666667% - 26px);
}

.col-1-4 {
  width: calc(25% - 26px);
}

.col-3-4 {
  width: calc(75% - 26px);
}

.col-1-5 {
  width: calc(20% - 26px);
}

.col-2-5 {
  width: calc(40% - 26px);
}

.col-3-5 {
  width: calc(60% - 26px);
}

.col-4-5 {
  width: calc(80% - 26px);
}

.col-1-6 {
  width: calc(16.6666666667% - 26px);
}

.col-5-6 {
  width: calc(83.3333333333% - 26px);
}

.col-1-7 {
  width: calc(14.2857142857% - 26px);
}

.col-2-7 {
  width: calc(28.5714285714% - 26px);
}

.col-3-7 {
  width: calc(42.8571428571% - 26px);
}

.col-4-7 {
  width: calc(57.1428571429% - 26px);
}

.col-5-7 {
  width: calc(71.4285714286% - 26px);
}

.col-6-7 {
  width: calc(85.7142857143% - 26px);
}

.col-1-8 {
  width: calc(12.5% - 26px);
}

.col-3-8 {
  width: calc(37.5% - 26px);
}

.col-5-8 {
  width: calc(62.5% - 26px);
}

.col-7-8 {
  width: calc(87.5% - 26px);
}

.col-1-9 {
  width: calc(11.1111111111% - 26px);
}

.col-2-9 {
  width: calc(22.2222222222% - 26px);
}

.col-4-9 {
  width: calc(44.4444444444% - 26px);
}

.col-5-9 {
  width: calc(55.5555555556% - 26px);
}

.col-7-9 {
  width: calc(77.7777777778% - 26px);
}

.col-8-9 {
  width: calc(88.8888888889% - 26px);
}

.col-1-10 {
  width: calc(10% - 26px);
}

.col-3-10 {
  width: calc(30% - 26px);
}

.col-7-10 {
  width: calc(70% - 26px);
}

.col-9-10 {
  width: calc(90% - 26px);
}

/**
 *  Media query
 */
@media (max-width: 1280px) {
  .col-xl-1-1 {
    width: calc(100% - 26px);
  }

  .col-xl-1-2 {
    width: calc(50% - 26px);
  }

  .col-xl-1-3 {
    width: calc(33.3333333333% - 26px);
  }

  .col-xl-2-3 {
    width: calc(66.6666666667% - 26px);
  }

  .col-xl-1-4 {
    width: calc(25% - 26px);
  }

  .col-xl-3-4 {
    width: calc(75% - 26px);
  }

  .col-xl-1-5 {
    width: calc(20% - 26px);
  }

  .col-xl-2-5 {
    width: calc(40% - 26px);
  }

  .col-xl-3-5 {
    width: calc(60% - 26px);
  }

  .col-xl-4-5 {
    width: calc(80% - 26px);
  }

  .col-xl-1-6 {
    width: calc(16.6666666667% - 26px);
  }

  .col-xl-5-6 {
    width: calc(83.3333333333% - 26px);
  }

  .col-xl-1-7 {
    width: calc(14.2857142857% - 26px);
  }

  .col-xl-2-7 {
    width: calc(28.5714285714% - 26px);
  }

  .col-xl-3-7 {
    width: calc(42.8571428571% - 26px);
  }

  .col-xl-4-7 {
    width: calc(57.1428571429% - 26px);
  }

  .col-xl-5-7 {
    width: calc(71.4285714286% - 26px);
  }

  .col-xl-6-7 {
    width: calc(85.7142857143% - 26px);
  }

  .col-xl-1-8 {
    width: calc(12.5% - 26px);
  }

  .col-xl-3-8 {
    width: calc(37.5% - 26px);
  }

  .col-xl-5-8 {
    width: calc(62.5% - 26px);
  }

  .col-xl-7-8 {
    width: calc(87.5% - 26px);
  }

  .col-xl-1-9 {
    width: calc(11.1111111111% - 26px);
  }

  .col-xl-2-9 {
    width: calc(22.2222222222% - 26px);
  }

  .col-xl-4-9 {
    width: calc(44.4444444444% - 26px);
  }

  .col-xl-5-9 {
    width: calc(55.5555555556% - 26px);
  }

  .col-xl-7-9 {
    width: calc(77.7777777778% - 26px);
  }

  .col-xl-8-9 {
    width: calc(88.8888888889% - 26px);
  }

  .col-xl-1-10 {
    width: calc(10% - 26px);
  }

  .col-xl-3-10 {
    width: calc(30% - 26px);
  }

  .col-xl-7-10 {
    width: calc(70% - 26px);
  }

  .col-xl-9-10 {
    width: calc(90% - 26px);
  }
}
@media (max-width: 1024px) {
  .col-lg-1-1 {
    width: calc(100% - 26px);
  }

  .col-lg-1-2 {
    width: calc(50% - 26px);
  }

  .col-lg-1-3 {
    width: calc(33.3333333333% - 26px);
  }

  .col-lg-2-3 {
    width: calc(66.6666666667% - 26px);
  }

  .col-lg-1-4 {
    width: calc(25% - 26px);
  }

  .col-lg-3-4 {
    width: calc(75% - 26px);
  }

  .col-lg-1-5 {
    width: calc(20% - 26px);
  }

  .col-lg-2-5 {
    width: calc(40% - 26px);
  }

  .col-lg-3-5 {
    width: calc(60% - 26px);
  }

  .col-lg-4-5 {
    width: calc(80% - 26px);
  }

  .col-lg-1-6 {
    width: calc(16.6666666667% - 26px);
  }

  .col-lg-5-6 {
    width: calc(83.3333333333% - 26px);
  }

  .col-lg-1-7 {
    width: calc(14.2857142857% - 26px);
  }

  .col-lg-2-7 {
    width: calc(28.5714285714% - 26px);
  }

  .col-lg-3-7 {
    width: calc(42.8571428571% - 26px);
  }

  .col-lg-4-7 {
    width: calc(57.1428571429% - 26px);
  }

  .col-lg-5-7 {
    width: calc(71.4285714286% - 26px);
  }

  .col-lg-6-7 {
    width: calc(85.7142857143% - 26px);
  }

  .col-lg-1-8 {
    width: calc(12.5% - 26px);
  }

  .col-lg-3-8 {
    width: calc(37.5% - 26px);
  }

  .col-lg-5-8 {
    width: calc(62.5% - 26px);
  }

  .col-lg-7-8 {
    width: calc(87.5% - 26px);
  }

  .col-lg-1-9 {
    width: calc(11.1111111111% - 26px);
  }

  .col-lg-2-9 {
    width: calc(22.2222222222% - 26px);
  }

  .col-lg-4-9 {
    width: calc(44.4444444444% - 26px);
  }

  .col-lg-5-9 {
    width: calc(55.5555555556% - 26px);
  }

  .col-lg-7-9 {
    width: calc(77.7777777778% - 26px);
  }

  .col-lg-8-9 {
    width: calc(88.8888888889% - 26px);
  }

  .col-lg-1-10 {
    width: calc(10% - 26px);
  }

  .col-lg-3-10 {
    width: calc(30% - 26px);
  }

  .col-lg-7-10 {
    width: calc(70% - 26px);
  }

  .col-lg-9-10 {
    width: calc(90% - 26px);
  }
}
@media (max-width: 820px) {
  .col-md-1-1 {
    width: calc(100% - 26px);
  }

  .col-md-1-2 {
    width: calc(50% - 26px);
  }

  .col-md-1-3 {
    width: calc(33.3333333333% - 26px);
  }

  .col-md-2-3 {
    width: calc(66.6666666667% - 26px);
  }

  .col-md-1-4 {
    width: calc(25% - 26px);
  }

  .col-md-3-4 {
    width: calc(75% - 26px);
  }

  .col-md-1-5 {
    width: calc(20% - 26px);
  }

  .col-md-2-5 {
    width: calc(40% - 26px);
  }

  .col-md-3-5 {
    width: calc(60% - 26px);
  }

  .col-md-4-5 {
    width: calc(80% - 26px);
  }

  .col-md-1-6 {
    width: calc(16.6666666667% - 26px);
  }

  .col-md-5-6 {
    width: calc(83.3333333333% - 26px);
  }

  .col-md-1-7 {
    width: calc(14.2857142857% - 26px);
  }

  .col-md-2-7 {
    width: calc(28.5714285714% - 26px);
  }

  .col-md-3-7 {
    width: calc(42.8571428571% - 26px);
  }

  .col-md-4-7 {
    width: calc(57.1428571429% - 26px);
  }

  .col-md-5-7 {
    width: calc(71.4285714286% - 26px);
  }

  .col-md-6-7 {
    width: calc(85.7142857143% - 26px);
  }

  .col-md-1-8 {
    width: calc(12.5% - 26px);
  }

  .col-md-3-8 {
    width: calc(37.5% - 26px);
  }

  .col-md-5-8 {
    width: calc(62.5% - 26px);
  }

  .col-md-7-8 {
    width: calc(87.5% - 26px);
  }

  .col-md-1-9 {
    width: calc(11.1111111111% - 26px);
  }

  .col-md-2-9 {
    width: calc(22.2222222222% - 26px);
  }

  .col-md-4-9 {
    width: calc(44.4444444444% - 26px);
  }

  .col-md-5-9 {
    width: calc(55.5555555556% - 26px);
  }

  .col-md-7-9 {
    width: calc(77.7777777778% - 26px);
  }

  .col-md-8-9 {
    width: calc(88.8888888889% - 26px);
  }

  .col-md-1-10 {
    width: calc(10% - 26px);
  }

  .col-md-3-10 {
    width: calc(30% - 26px);
  }

  .col-md-7-10 {
    width: calc(70% - 26px);
  }

  .col-md-9-10 {
    width: calc(90% - 26px);
  }
}
@media (max-width: 568px) {
  .col-sm-1-1 {
    width: calc(100% - 26px);
  }

  .col-sm-1-2 {
    width: calc(50% - 26px);
  }

  .col-sm-1-3 {
    width: calc(33.3333333333% - 26px);
  }

  .col-sm-2-3 {
    width: calc(66.6666666667% - 26px);
  }

  .col-sm-1-4 {
    width: calc(25% - 26px);
  }

  .col-sm-3-4 {
    width: calc(75% - 26px);
  }

  .col-sm-1-5 {
    width: calc(20% - 26px);
  }

  .col-sm-2-5 {
    width: calc(40% - 26px);
  }

  .col-sm-3-5 {
    width: calc(60% - 26px);
  }

  .col-sm-4-5 {
    width: calc(80% - 26px);
  }

  .col-sm-1-6 {
    width: calc(16.6666666667% - 26px);
  }

  .col-sm-5-6 {
    width: calc(83.3333333333% - 26px);
  }

  .col-sm-1-7 {
    width: calc(14.2857142857% - 26px);
  }

  .col-sm-2-7 {
    width: calc(28.5714285714% - 26px);
  }

  .col-sm-3-7 {
    width: calc(42.8571428571% - 26px);
  }

  .col-sm-4-7 {
    width: calc(57.1428571429% - 26px);
  }

  .col-sm-5-7 {
    width: calc(71.4285714286% - 26px);
  }

  .col-sm-6-7 {
    width: calc(85.7142857143% - 26px);
  }

  .col-sm-1-8 {
    width: calc(12.5% - 26px);
  }

  .col-sm-3-8 {
    width: calc(37.5% - 26px);
  }

  .col-sm-5-8 {
    width: calc(62.5% - 26px);
  }

  .col-sm-7-8 {
    width: calc(87.5% - 26px);
  }

  .col-sm-1-9 {
    width: calc(11.1111111111% - 26px);
  }

  .col-sm-2-9 {
    width: calc(22.2222222222% - 26px);
  }

  .col-sm-4-9 {
    width: calc(44.4444444444% - 26px);
  }

  .col-sm-5-9 {
    width: calc(55.5555555556% - 26px);
  }

  .col-sm-7-9 {
    width: calc(77.7777777778% - 26px);
  }

  .col-sm-8-9 {
    width: calc(88.8888888889% - 26px);
  }

  .col-sm-1-10 {
    width: calc(10% - 26px);
  }

  .col-sm-3-10 {
    width: calc(30% - 26px);
  }

  .col-sm-7-10 {
    width: calc(70% - 26px);
  }

  .col-sm-9-10 {
    width: calc(90% - 26px);
  }
}
@media (max-width: 414px) {
  .col-xs-1-1 {
    width: calc(100% - 26px);
  }

  .col-xs-1-2 {
    width: calc(50% - 26px);
  }

  .col-xs-1-3 {
    width: calc(33.3333333333% - 26px);
  }

  .col-xs-2-3 {
    width: calc(66.6666666667% - 26px);
  }

  .col-xs-1-4 {
    width: calc(25% - 26px);
  }

  .col-xs-3-4 {
    width: calc(75% - 26px);
  }

  .col-xs-1-5 {
    width: calc(20% - 26px);
  }

  .col-xs-2-5 {
    width: calc(40% - 26px);
  }

  .col-xs-3-5 {
    width: calc(60% - 26px);
  }

  .col-xs-4-5 {
    width: calc(80% - 26px);
  }

  .col-xs-1-6 {
    width: calc(16.6666666667% - 26px);
  }

  .col-xs-5-6 {
    width: calc(83.3333333333% - 26px);
  }

  .col-xs-1-7 {
    width: calc(14.2857142857% - 26px);
  }

  .col-xs-2-7 {
    width: calc(28.5714285714% - 26px);
  }

  .col-xs-3-7 {
    width: calc(42.8571428571% - 26px);
  }

  .col-xs-4-7 {
    width: calc(57.1428571429% - 26px);
  }

  .col-xs-5-7 {
    width: calc(71.4285714286% - 26px);
  }

  .col-xs-6-7 {
    width: calc(85.7142857143% - 26px);
  }

  .col-xs-1-8 {
    width: calc(12.5% - 26px);
  }

  .col-xs-3-8 {
    width: calc(37.5% - 26px);
  }

  .col-xs-5-8 {
    width: calc(62.5% - 26px);
  }

  .col-xs-7-8 {
    width: calc(87.5% - 26px);
  }

  .col-xs-1-9 {
    width: calc(11.1111111111% - 26px);
  }

  .col-xs-2-9 {
    width: calc(22.2222222222% - 26px);
  }

  .col-xs-4-9 {
    width: calc(44.4444444444% - 26px);
  }

  .col-xs-5-9 {
    width: calc(55.5555555556% - 26px);
  }

  .col-xs-7-9 {
    width: calc(77.7777777778% - 26px);
  }

  .col-xs-8-9 {
    width: calc(88.8888888889% - 26px);
  }

  .col-xs-1-10 {
    width: calc(10% - 26px);
  }

  .col-xs-3-10 {
    width: calc(30% - 26px);
  }

  .col-xs-7-10 {
    width: calc(70% - 26px);
  }

  .col-xs-9-10 {
    width: calc(90% - 26px);
  }
}
@media (max-width: 320px) {
  .col-xxs-1-1 {
    width: calc(100% - 26px);
  }

  .col-xxs-1-2 {
    width: calc(50% - 26px);
  }

  .col-xxs-1-3 {
    width: calc(33.3333333333% - 26px);
  }

  .col-xxs-2-3 {
    width: calc(66.6666666667% - 26px);
  }

  .col-xxs-1-4 {
    width: calc(25% - 26px);
  }

  .col-xxs-3-4 {
    width: calc(75% - 26px);
  }

  .col-xxs-1-5 {
    width: calc(20% - 26px);
  }

  .col-xxs-2-5 {
    width: calc(40% - 26px);
  }

  .col-xxs-3-5 {
    width: calc(60% - 26px);
  }

  .col-xxs-4-5 {
    width: calc(80% - 26px);
  }

  .col-xxs-1-6 {
    width: calc(16.6666666667% - 26px);
  }

  .col-xxs-5-6 {
    width: calc(83.3333333333% - 26px);
  }

  .col-xxs-1-7 {
    width: calc(14.2857142857% - 26px);
  }

  .col-xxs-2-7 {
    width: calc(28.5714285714% - 26px);
  }

  .col-xxs-3-7 {
    width: calc(42.8571428571% - 26px);
  }

  .col-xxs-4-7 {
    width: calc(57.1428571429% - 26px);
  }

  .col-xxs-5-7 {
    width: calc(71.4285714286% - 26px);
  }

  .col-xxs-6-7 {
    width: calc(85.7142857143% - 26px);
  }

  .col-xxs-1-8 {
    width: calc(12.5% - 26px);
  }

  .col-xxs-3-8 {
    width: calc(37.5% - 26px);
  }

  .col-xxs-5-8 {
    width: calc(62.5% - 26px);
  }

  .col-xxs-7-8 {
    width: calc(87.5% - 26px);
  }

  .col-xxs-1-9 {
    width: calc(11.1111111111% - 26px);
  }

  .col-xxs-2-9 {
    width: calc(22.2222222222% - 26px);
  }

  .col-xxs-4-9 {
    width: calc(44.4444444444% - 26px);
  }

  .col-xxs-5-9 {
    width: calc(55.5555555556% - 26px);
  }

  .col-xxs-7-9 {
    width: calc(77.7777777778% - 26px);
  }

  .col-xxs-8-9 {
    width: calc(88.8888888889% - 26px);
  }

  .col-xxs-1-10 {
    width: calc(10% - 26px);
  }

  .col-xxs-3-10 {
    width: calc(30% - 26px);
  }

  .col-xxs-7-10 {
    width: calc(70% - 26px);
  }

  .col-xxs-9-10 {
    width: calc(90% - 26px);
  }
}
@media (max-width: 920px) {
  .col-mv-1-1 {
    width: calc(100% - 26px);
  }

  .col-mv-1-2 {
    width: calc(50% - 26px);
  }

  .col-mv-1-3 {
    width: calc(33.3333333333% - 26px);
  }

  .col-mv-2-3 {
    width: calc(66.6666666667% - 26px);
  }

  .col-mv-1-4 {
    width: calc(25% - 26px);
  }

  .col-mv-3-4 {
    width: calc(75% - 26px);
  }

  .col-mv-1-5 {
    width: calc(20% - 26px);
  }

  .col-mv-2-5 {
    width: calc(40% - 26px);
  }

  .col-mv-3-5 {
    width: calc(60% - 26px);
  }

  .col-mv-4-5 {
    width: calc(80% - 26px);
  }

  .col-mv-1-6 {
    width: calc(16.6666666667% - 26px);
  }

  .col-mv-5-6 {
    width: calc(83.3333333333% - 26px);
  }

  .col-mv-1-7 {
    width: calc(14.2857142857% - 26px);
  }

  .col-mv-2-7 {
    width: calc(28.5714285714% - 26px);
  }

  .col-mv-3-7 {
    width: calc(42.8571428571% - 26px);
  }

  .col-mv-4-7 {
    width: calc(57.1428571429% - 26px);
  }

  .col-mv-5-7 {
    width: calc(71.4285714286% - 26px);
  }

  .col-mv-6-7 {
    width: calc(85.7142857143% - 26px);
  }

  .col-mv-1-8 {
    width: calc(12.5% - 26px);
  }

  .col-mv-3-8 {
    width: calc(37.5% - 26px);
  }

  .col-mv-5-8 {
    width: calc(62.5% - 26px);
  }

  .col-mv-7-8 {
    width: calc(87.5% - 26px);
  }

  .col-mv-1-9 {
    width: calc(11.1111111111% - 26px);
  }

  .col-mv-2-9 {
    width: calc(22.2222222222% - 26px);
  }

  .col-mv-4-9 {
    width: calc(44.4444444444% - 26px);
  }

  .col-mv-5-9 {
    width: calc(55.5555555556% - 26px);
  }

  .col-mv-7-9 {
    width: calc(77.7777777778% - 26px);
  }

  .col-mv-8-9 {
    width: calc(88.8888888889% - 26px);
  }

  .col-mv-1-10 {
    width: calc(10% - 26px);
  }

  .col-mv-3-10 {
    width: calc(30% - 26px);
  }

  .col-mv-7-10 {
    width: calc(70% - 26px);
  }

  .col-mv-9-10 {
    width: calc(90% - 26px);
  }
}
@media (max-width: 320px) {
  .grid {
    overflow: hidden;
  }
}
/**
 *  Fallback  
 */
.no-flexbox .grid {
  display: block;
  font-size: 0;
}
.no-flexbox .grid [class*=col-] {
  display: inline-block;
  font-size: 15px;
}
.no-flexbox .grid .row {
  display: block;
}