
/*wrappers*/

.wrap_b
{
  border-top: 1rem solid rgba(255, 255, 255, 0.4);
  border-bottom: 1rem solid rgba(255, 255, 255, 0.4);
  text-align: center;
}

.wrap_b .b_bg
{
  border-top: 1rem solid white;
  border-bottom: 1rem solid white;
  /*min-height: 40rem;*/

  background: url(/cli/img/wraps/bg-pattern.png), url(/cli/img/wraps/sell_wrap_hor.jpg);
  background-size: auto, cover;
  
  display: flex;
}

.wrap_b .b_bg_beq
{
  border-top: 1rem solid white;
  border-bottom: 1rem solid white;
  /*min-height: 40rem;*/

  background: url(/cli/img/wraps/bg-pattern.png), url(/cli/img/wraps/bu_eq_wrap_2_hor.jpg);
  background-size: auto, cover;
  
  display: flex;
}

/*.wrap_b .b_bg div
{
  margin: 2rem;
}*/

.wrap_b .b_conts_h
{
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.2);
  flex-grow: 1;
  margin: 8rem 1rem;
  display: flex;
  /*min-height: 2rem;*/
}

.wrap_b .b_conts
{
  margin: auto;
  padding: 4rem;
}

.wrap_b .b_conts div
{
  margin: 1rem;
}

@media (orientation: portrait)
{
  .wrap_b .b_bg
  {
    background: url(/cli/img/wraps/bg-pattern.png), url(/cli/img/wraps/sell_wrap_vert.jpg);
    background-size: auto, cover;
  }
  
  .wrap_b .b_bg_beq
  {
    background: url(/cli/img/wraps/bg-pattern.png), url(/cli/img/wraps/bu_eq_wrap_2_vert.jpg);
    background-size: auto, cover;
  }
}