/* colbee - grid by лендинги.рф ver. 1.3*/
body {
  font-size: 1em;
}
section {
  text-align: center;
  /*border: solid 1px;*/
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
  width: 100%;
  position: relative;
  display: block;
}
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.autoh img {
  display: inline-block;
  vertical-align: middle;
}
.but {
  border: none;
  display: inline-block;
  position: relative;
  text-align: center;
}
.indicator {
  position: fixed;
  width: 50px;
  height: 50px;
  background: rgba(261,41,78,.7);
  color: #fff;
  font-weight: bold;
  font-family: Arial;
  font-size: 30px;
  z-index: 100;
}
.indicator div {
  position: absolute;
  text-align: center;
  left: 0px;
  width: 100%;
  line-height: 50px;
  display: none;
}
.e-5 {
  height: 5px;
  position: relative;
}
.e-10 {
  height: 10px;
  position: relative;
}
.e-20 {
  height: 20px;
  position: relative;
}
.e-30 {
  height: 30px;
  position: relative;
}
.e-40 {
  height: 40px;
  position: relative;
}
.e-50 {
  height: 50px;
  position: relative;
}
.e-60 {
  height: 60px;
  position: relative;
}
.e-70 {
  height: 70px;
  position: relative;
}
.e-80 {
  height: 80px;
  position: relative;
}
.e-90 {
  height: 90px;
  position: relative;
}
.e-100 {
  height: 100px;
  position: relative;
}
.e-200 {
  height: 200px;
  position: relative;
}
.adaptive-img {
  max-width: 100%;
  max-height: 100%;
}
.row-center > div {
  float: none;
  position: relative;
  margin: auto;
  display: inline-block;
  vertical-align: top;
  margin: 0px -2px 0;
}
.container,
.container-full {
  position: relative;
  margin: 0 auto;
  /*background: #f9f9f9;*/
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.bg {
  background-position: center;
  background-size: cover;
}
.row {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.row:after,
.row:before {
  content: "";
  display: table;
  clear: both;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-middle > div {
  vertical-align: middle;
}
.row-bottom > div {
  vertical-align: bottom;
}
.col-l-1,
.col-l-2,
.col-l-3,
.col-l-4,
.col-l-5,
.col-l-6,
.col-l-7,
.col-l-8,
.col-l-9,
.col-l-10,
.col-l-11,
.col-l-12 {
  float: left;
  margin: 0;
  position: relative;
  /*background: #bbb;*/
  padding: 15px;
  /*border: solid 1px #000;*/
}

.margin-0 {
  margin: 0px;
}
.nopadding {
  padding: 0px;
}
.padding-5 {
  padding: 5px;
}

.col-l-1 {width: 8.3333333333%;}
.col-l-2 {width: 16.666666667%;}
.col-l-3 {width: 25%;}
.col-l-4 {width: 33.333333333%;}
.col-l-5 {width: 41.666666667%;}
.col-l-6 {width: 50%;}
.col-l-7 {width: 58.333333333%;}
.col-l-8 {width: 66.666666666%;}
.col-l-9 {width: 75%;}
.col-l-10 {width: 83.333333333%;}
.col-l-11 {width: 91.666666666%;}
.col-l-12 {width: 100%;}
.col-l-hide {display: none;}
.col-l-vis {display: block;}
.item-l-hide {display: none;}
.item-hide {display: none;}

/*Отступы*/
.col-l-offset-0 {margin-left: 0%;}
.col-l-offset-1 {margin-left: 8.3333333333%;}
.col-l-offset-2 {margin-left: 16.666666667%;}
.col-l-offset-3 {margin-left: 25%;}
.col-l-offset-4 {margin-left: 33.333333333%;}
.col-l-offset-5 {margin-left: 41.666666667%;}
.col-l-offset-6 {margin-left: 50%;}
.col-l-offset-7 {margin-left: 58.333333333%;}
.col-l-offset-8 {margin-left: 66.666666666%;}
.col-l-offset-9 {margin-left: 75%;}
.col-l-offset-10 {margin-left: 83.333333333%;}
.col-l-offset-11 {margin-left: 91.666666666%;}

.row-middle {
  vertical-align: middle;
}
.col-right {
  float: right;
  height: 100%;
}
.col-l-right {
  float: right;
}
.no-padd {
  padding-top: 0;
  padding-bottom: 0;
}


/***********************************/
/*Самостоятельное поведение L*/
/***********************************/

/*Самостоятельное поведение L на XS*/

@media screen and (max-width: 767px) {
  .col-l-1 {width: 100%;}
  .col-l-2 {width: 100%;}
  .col-l-3 {width: 50%;}
  .col-l-4 {width: 33.333333333%;}
  .col-l-5 {width: 100%;}
  .col-l-6 {width: 100%;}
  .col-l-7 {width: 100%;}
  .col-l-8 {width: 100%;}
  .col-l-9 {width: 100%;}
  .col-l-10 {width: 100%;}
  .col-l-11 {width: 100%;}
}

/*Самостоятельное поведение L на S*/

@media screen and (min-width: 768px) and (max-width: 991px) {
  .col-l-1 {width: 50%;}
  .col-l-2 {width: 50%;}
  .col-l-3 {width: 25%;}
  .col-l-4 {width: 33.333333333%;}
  .col-l-5 {width: 100%;}
  .col-l-6 {width: 50%;}
  .col-l-7 {width: 100%;}
  .col-l-8 {width: 66.666666666%;}
  .col-l-9 {width: 100%;}
  .col-l-10 {width: 100%;}
  .col-l-11 {width: 100%;}
}

/*Самостоятельное поведение L на M*/

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .col-l-1 {width: 25%;}
  .col-l-2 {width: 33.333333333%;}
  .col-l-3 {width: 25%;}
  .col-l-4 {width: 33.333333333%;}
  .col-l-5 {width: 50%;}
  .col-l-6 {width: 50%;}
  .col-l-7 {width: 100%;}
  .col-l-8 {width: 66.666666666%;}
  .col-l-9 {width: 100%;}
  .col-l-10 {width: 100%;}
  .col-l-11 {width: 100%;}
}

/***********************************/
/*Конец самостоятельного поведения L*/
/***********************************/

@media screen and (max-width: 767px) {
  body {font-size: 0.5em;}
  .container {width: 100%;}
  .container-full {width: 100%;}
  .col-xs-1 {width: 8.3333333333%;}
  .col-xs-2 {width: 16.666666667%;}
  .col-xs-3 {width: 25%;}
  .col-xs-4 {width: 33.333333333%;}
  .col-xs-5 {width: 41.666666667%;}
  .col-xs-6 {width: 50%;}
  .col-xs-7 {width: 58.333333333%;}
  .col-xs-8 {width: 66.666666666%;}
  .col-xs-9 {width: 75%;}
  .col-xs-10 {width: 83.333333333%;}
  .col-xs-11 {width: 91.666666666%;}
  .col-xs-12 {width: 100%;}
  .col-xs-hide {display: none;}
  .col-xs-vis {display: block;}
  .item-xs-hide {display: none;}
  .item-xs-vis {display: block;}
  .item-l-hide {display: block;}
  .row-center .item-xs-hide {display: none;}
  .text-xs-center {text-align: center;}
  .text-xs-left {text-align: left;}
  .text-xs-right {text-align: right;}
  .padding-xs-no {padding: 0;}
  /*Отступы*/
  .col-xs-offset-0 {margin-left: 0%;}
  .col-xs-offset-1 {margin-left: 8.3333333333%;}
  .col-xs-offset-2 {margin-left: 16.666666667%;}
  .col-xs-offset-3 {margin-left: 25%;}
  .col-xs-offset-4 {margin-left: 33.333333333%;}
  .col-xs-offset-5 {margin-left: 41.666666667%;}
  .col-xs-offset-6 {margin-left: 50%;}
  .col-xs-offset-7 {margin-left: 58.333333333%;}
  .col-xs-offset-8 {margin-left: 66.666666666%;}
  .col-xs-offset-9 {margin-left: 75%;}
  .col-xs-offset-10 {margin-left: 83.333333333%;}
  .col-xs-offset-11 {margin-left: 91.666666666%;}
  .indicator div:nth-of-type(4) {display: block;}
  .container-xs-full {width: 100%;}
  .no-xs-padd {padding-top: 6px;padding-bottom: 6px;}
  .row-xs-center > div {
    float: none;
    position: relative;
    margin: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0px -2px 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  body {font-size: 0.6em;}
  .container {width: 750px;}
  .container-full {width: 100%;}
  .col-s-1 {width: 8.3333333333%;}
  .col-s-2 {width: 16.666666667%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.333333333%;}
  .col-s-5 {width: 41.666666667%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.333333333%;}
  .col-s-8 {width: 66.666666666%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.333333333%;}
  .col-s-11 {width: 91.666666666%;}
  .col-s-12 {width: 100%;}
  .col-s-hide {display: none;}
  .col-s-vis {display: block;}
  .item-s-hide {display: none;}
  .item-s-vis {display: block;}
  .item-l-hide {display: block;}
  .row-center .item-s-hide {display: none;}
  .text-s-center {text-align: center;}
  .text-s-right {text-align: right;}
  .text-s-left {text-align: left;}
  /*Отступы*/
  .col-s-offset-0 {margin-left: 0%;}
  .col-s-offset-1 {margin-left: 8.3333333333%;}
  .col-s-offset-2 {margin-left: 16.666666667%;}
  .col-s-offset-3 {margin-left: 25%;}
  .col-s-offset-4 {margin-left: 33.333333333%;}
  .col-s-offset-5 {margin-left: 41.666666667%;}
  .col-s-offset-6 {margin-left: 50%;}
  .col-s-offset-7 {margin-left: 58.333333333%;}
  .col-s-offset-8 {margin-left: 66.666666666%;}
  .col-s-offset-9 {margin-left: 75%;}
  .col-s-offset-10 {margin-left: 83.333333333%;}
  .col-s-offset-11 {margin-left: 91.666666666%;}
  .indicator div:nth-of-type(3) {display: block;}
  .container-s-full {width: 100%;}
  .row-s-center > div {
    float: none;
    position: relative;
    margin: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0px -2px 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  body {font-size: 0.82em;}
  .container {width: 970px;}
  .container-full {width: 100%;}
  .col-m-1 {width: 8.3333333333%;}
  .col-m-2 {width: 16.666666667%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.333333333%;}
  .col-m-5 {width: 41.666666667%;}
  .col-m-6 {width: 50%;}
  .col-m-7 {width: 58.333333333%;}
  .col-m-8 {width: 66.666666666%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.333333333%;}
  .col-m-11 {width: 91.666666666%;}
  .col-m-12 {width: 100%;}
  .col-m-hide {display: none;}
  .col-m-vis {display: block;}
  .item-m-hide {display: none;}
  .item-m-vis {display: block;}
  .text-m-center {text-align: center;}
  .text-m-left {text-align: left;}
  .text-m-right {text-align: right;}
  .item-l-hide {display: block;}
  .row-center .item-m-hide {display: none;}
  /*Отступы*/
  .col-m-offset-0 {margin-left: 0%;}
  .col-m-offset-1 {margin-left: 8.3333333333%;}
  .col-m-offset-2 {margin-left: 16.666666667%;}
  .col-m-offset-3 {margin-left: 25%;}
  .col-m-offset-4 {margin-left: 33.333333333%;}
  .col-m-offset-5 {margin-left: 41.666666667%;}
  .col-m-offset-6 {margin-left: 50%;}
  .col-m-offset-7 {margin-left: 58.333333333%;}
  .col-m-offset-8 {margin-left: 66.666666666%;}
  .col-m-offset-9 {margin-left: 75%;}
  .col-m-offset-10 {margin-left: 83.333333333%;}
  .col-m-offset-11 {margin-left: 91.666666666%;}
  .indicator div:nth-of-type(2) {display: block;}
  .container-m-full {width: 100%;}
  .row-m-center > div {
    float: none;
    position: relative;
    margin: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0px -2px 0;
  }
}
@media screen and (min-width: 1200px) {
  .container {width: 1170px;}
  .container-full {width: 100%;}
  .item-l-vis {display: block !important;}
  .indicator div:nth-of-type(1) {display: block;}
  .container-l-full {width: 100%;}
}