/*core layout*/

/*m_ основной уровень*/
.m_holder
{
  display: flex;
  flex-flow: column;
  height: 100%;
  /*overflow-x: hidden;*/
}

.mh_head, .mh_cont, .mh_foot
{
  position: relative;
}

.mh_head
{
  flex: 0 1 auto;
  /*z-index: 2;*/
}

.mh_cont
{
  flex: 1 1 auto;
  /*z-index: 1;*/
}

.mh_foot
{
  flex: 0 1 4rem;
  /*z-index: 2;*/
}

/*supertop*/
.m_st
{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;

  z-index: 20;

  background: rgba(0, 0, 0, 0.2);
}



/*column container*/
.l_cc
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/*column*/
.l_c
{
  flex-grow: 1;
  width: 10%;
  min-width: 260px;
  max-width: 400px;

  /*padding: 2rem;*/
}

/*stroke aligner*/
.l_sa
{
  display: flex;
  align-items: center;
  height: 100%;
}

/*column aligner*/
.l_ca
{
  display: flex;
  align-items: center;
  flex-flow: column;
  /*height: 100%;*/
}


.l_sw
{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.l_sp, .l_spx, .l_spl, .l_swp
{
  padding-left: 3rem;
}

.l_sp, .l_spx, .l_spr, .l_swp
{
  padding-right: 3rem;
}

.l_sp, .l_spy, .l_op
{
  padding-top: 3rem;
}

.l_sp, .l_oyy, .l_op
{
  padding-bottom: 3rem;
}


@media (max-width: 600px)
{
  .L_D_P_MICRO
  {
    padding: 2rem;
  }
}
/*padds*/
/*out*/

/*
.l_olp, .l_oxp, .l_op
{
  padding-left: 3rem;
}

.l_orp, .l_oxp, .l_op
{
  padding-right: 3rem;
}

.l_otp, .l_oyp, .l_op
{
  padding-top: 3rem;
}

.l_obp, .l_oyp, .l_op
{
  padding-bottom: 3rem;
}
*/



/*in*/
/*
.l_ilp, .l_ixp, .l_ip
{
  padding-left: 2rem;
}

.l_irp, .l_ixp, .l_ip
{
  padding-right: 2rem;
}

.l_itp, .l_iyp, .l_ip
{
  padding-top: 2rem;
}

.l_ibp, .l_iyp, .l_ip
{
  padding-bottom: 2rem;
}
*/

/*margs*/
/*out*/
/*
.l_olm, .l_oxm, .l_om
{
  margin-left: 3rem;
}

.l_orm, .l_oxm, .l_om
{
  margin-right: 3rem;
}

.l_otm, .l_oym, .l_om
{
  margin-top: 3rem;
}

.l_obm, .l_oym, .l_om
{
  margin-bottom: 3rem;
}
*/

/*in*/
/*
.l_ilm, .l_ixm, .l_im
{
  margin-left: 2rem;
}

.l_irm, .l_ixm, .l_im
{
  margin-right: 2rem;
}

.l_itm, .l_iym, .l_im
{
  margin-top: 2rem;
}

.l_ibm, .l_iym, .l_im
{
  margin-bottom: 2rem;  
}
*/

@media (max-width: 1200px)
{



  /*padds*/
  /*out*/
  .l_olp, .l_oxp, .l_op
  {
    padding-left: 1.4rem;
  }

  .l_orp, .l_oxp, .l_op
  {
    padding-right: 1.4rem;
  }

  .l_otp, .l_oyp, .l_op
  {
    padding-top: 1.4rem;
  }

  .l_obp, .l_oyp, .l_op
  {
    padding-bottom: 1.4rem;
  }


  /*in*/

  .l_ilp, .l_ixp, .l_ip
  {
    padding-left: 1rem;
  }

  .l_irp, .l_ixp, .l_ip
  {
    padding-right: 1rem;
  }

  .l_itp, .l_iyp, .l_ip
  {
    padding-top: 1rem;
  }

  .l_ibp, .l_iyp, .l_ip
  {
    padding-bottom: 1rem;
  }

  /*margs*/
  /*out*/
  .l_olm, .l_oxm, .l_om
  {
    margin-left: 1.4rem;
  }

  .l_orm, .l_oxm, .l_om
  {
    margin-right: 1.4rem;
  }

  .l_otm, .l_oym, .l_om
  {
    margin-top: 1.4rem;
  }

  .l_obm, .l_oym, .l_om
  {
    margin-bottom: 1.4rem;
  }


  /*in*/

  .l_ilm, .l_ixm, .l_im
  {
    margin-left: 1rem;
  }

  .l_irm, .l_ixm, .l_im
  {
    margin-right: 1rem;
  }

  .l_itm, .l_iym, .l_im
  {
    margin-top: 1rem;
  }

  .l_ibm, .l_iym, .l_im
  {
    margin-bottom: 1rem;  
  }

}