.h_slider .b_cont
{
  width: 50%;
  background: rgba(255,255,255,.8);
  margin-bottom: 4rem;
  margin-right: 4rem;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

@media (max-width: 600px)
{
  .h_slider .b_cont
  {
    width: auto;
    margin-left: 4rem;
    margin-top: 6rem;
    border-top-width: 1rem;
    border-top-style: solid;
    /*border-top-width: 1rem solid;*/
  }
}


/*----------*/

/*left / right / picture*/

/*.lrp_b 
{
  padding: 2rem 0 3rem;
}*/

.lrp_b .b_holder
{
  display: flex;
}

.lrp_b .b_right
{
  flex-direction: row-reverse;
}

.lrp_b .b_pic_col
{
  width: 40%;
  display: flex;
  flex-flow: column;
}

.lrp_b .b_right .b_pic_col
{
  align-items: flex-end;
}

/*sc — size container*/
.lrp_b .b_pic_col .b_sc
{
  background: white; padding-bottom: 120%; width: 120%; position: relative;
}

/*cc — content container*/
.lrp_b .b_pic_col .b_cc
{
  position: absolute; width: 100%; height: 100%; display: flex;
}

/*pc — padding container*/
.lrp_b .b_pic_col .b_pc
{
  display: flex; flex-grow: 1; background: white; padding: 0.4rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

.lrp_b .b_imgc
{
  position: relative; flex-grow: 1; overflow: hidden;
}

.lrp_b .b_pic_col img
{
  position: absolute; height: 100%; left: 50%; transform: translateX(-50%);
}

.lrp_b .b_cont_col
{
  width: 60%;  position: relative; display: flex; z-index: 2;
}

.lrp_b .b_cont_col .b_cc
{
  position: relative; flex-grow: 1;
  background: rgba(255,255,255,0.8);
  margin-top: 4rem; margin-bottom: 4rem;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
  /*padding: 3rem 3rem 4rem;*/
/*  padding: 6rem;*/
  text-align: justify;
}

@media (min-width: 620px)
{
  .lrp_b .b_cont_col .b_cc
  {
    padding: 6rem;
  }
}

/*b_holder lis*/

.lrp_b ul, .lrp_b ol
{
  padding-left: 2rem;
  padding-bottom: 1rem;
}

.lrp_b li
{
  padding-bottom: 1.8rem;
}

.lrp_b p
{
  padding-bottom: 1.8rem;
}

.lrp_b li p
{
  padding-bottom: 1.4rem;
}

.lrp_b li p:last-child
{
  padding-bottom: 0;
}

.lrp_b .b_tit
{
  font-size: 1.4em;
}

@media (max-width: 520px)
{
  .lrp_b .b_holder
  {
    flex-direction: column;
  }

  .lrp_b .b_pic_col, .lrp_b .b_cont_col
  {
    width: auto;
  }

  .lrp_b .b_cont_col
  {
    margin: -8rem 2rem 2rem;
  }

  .lrp_b .b_pic_col .b_sc
  {
    padding-bottom: 100%; width: 100%;
  }
}

/*----------*/

/* - EOF - left / right / picture*/


/*----------*/

/*3 blocks*/

.d3s_b
{
  text-align: center;
  /*margin: 4rem 0 6rem;*/
  /*background: red;*/
}

.d3s_b .b_subtit
{
  font-size: 1.2em;
  /*padding: 1rem 0;*/
}

.d3s_b .b_conts
{
  flex-grow: 1;
}

.d3s_b .b_conts p
{
  padding: 1rem 0 0;
  /*background: white;*/
}

.d3s_b .l_c
{
  /*flex-grow: 1;*/
  min-width: 300px;
}

.d3s_b .l_c div
{
  /*margin: 1rem;*/
  /*background: wheat;*/
}

.d3s_b .b_imgc
{
  width: 6rem;
  padding: 2rem 0 1rem;
  margin: 0 auto;
  fill: #4ca630;
  stroke: #4ca630;
  color: #4ca630;
  font-size: 4rem;
}

.d3s_b svg
{
  width: 100%;
  height: auto;

}

/*----------*/

/* - EOF - 3 blocks*/



/*----------*/

/*fcards*/

.fcards_b .l_c
{
  position: relative;
  min-width: 300px;
  max-width: 100%;
  /*height: 100%;*/
}

@media (max-width: 820px)
{
  .fcards_b .l_c
  {
    min-width: 280px;
    max-width: 100%;
  }
}

.fcards_b a
{
  text-decoration: none;
}

.fcards_b .b_fcard
{
  position: relative;
  background: rgba(255,255,255,.8);
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  padding: 1rem;
  height: 100%;
  display: flex;
  flex-flow: column;
}

.fcards_b .b_imgc
{
  background: white;
  box-shadow: 0 1px 4px rgba(0,0,0,.3);
  padding: 2px;
}

.fcards_b .b_imgc img
{
  width: 100%;
  /*height: auto;*/
}

.fcards_b .b_conts
{
  background: rgba(255,255,255,.8);
  /*  backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);*/
  box-shadow: 0 4px 16px rgba(0,0,0,.3);
  position: relative;
  margin-left: 2rem;
  margin-right: -2rem;
  margin-top: -3rem;
  padding: 1rem 2rem 2rem;
  flex-grow: 1;
}

.fcards_b .b_tit
{
  font-size: 1.2em;
}

.fcards_b p
{
  margin-bottom: 1rem;
}

/*----------*/

/* - EOF - fcards*/



/*----------*/

/*items_b*/

.items_b
{

}
.items_b .l_c
{
  min-width: 300px;
  max-width: 100%;
}

.items_b .b_item
{
  background: white;
  padding: 1px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  height: 100%;
}

.items_b .b_imgc
{
  padding-bottom: 100%;
  background: red;
  position: relative;
  overflow: hidden;
}

.items_b img
{
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.items_b p.b_tit
{
  border: none;
}

.items_b p
{
  padding: 1rem;
  border-top: 1px solid lightgrey;
}

/*----------*/

/* - EOF - items_b*/


.bh_subtit
{
  display: block;
  font-size: 0.8em;
}


/*----------*/

/*contacts*/

.contacts_b
{
  border-top: 1rem solid rgba(255, 255, 255, 0.4);
}

.contacts_b .b_img_bg
{
  background: url(/cli/img/cont_bg1.jpg);
  background-position: 50%;
  background-size: cover;
  border-top: 1rem solid white;
}

.contacts_b .b_bg
{
  background: rgba(255, 255, 255, 0.8);
  padding: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);

/*  border-style: solid;
  border-width: 0 0px 100px 0px;*/
  /*border-color: transparent transparent #007bff transparent;*/
}

.contacts_b h2
{
  /*font-size: 2.2em;*/
}

.contacts_b .b_conts
{
  display: flex;
}

.contacts_b .b_cont_col
{
  padding: 2rem;
}

.contacts_b .b_form_holder
{
  flex-grow: 1;
  border-right: 1px solid rgba(0,0,0,0.1);
  width: 50%;
}

.contacts_b button
{
  cursor: pointer;
}

.contacts_b form div
{
  /*background: red;*/
  margin: 2rem 0;
}

.contacts_b form input, .contacts_b form textarea, .contacts_b form label
{
  display: block;
}

.contacts_b form label
{
  margin-bottom: 1rem;
}

.contacts_b form textarea
{
  resize: vertical;
  min-height: 8rem;
}

.contacts_b form textarea, .contacts_b form input
{
  padding: 1rem;
  width: 100%;
  border: 1px solid rgba(0,0,0,0.1);
}

.contacts_b form button
{
  padding: 1rem;
  margin-top: 1.4rem;
  width: 100%;
}

.contacts_b .b_addr
{
  width: 40%;
}

.contacts_b .b_addr div
{
  margin-bottom: 2rem;
}

.contacts_b .b_addr h3
{
  margin-bottom: 1rem;
}

@media (max-width: 520px)
{
  .contacts_b .b_conts
  {
    flex-direction: column;
    /*flex-flow: column-reverse;*/
  }

  .contacts_b .b_form_holder
  {
    /*flex-grow: 1;*/
    border: none;
    width: auto;
  }

  .contacts_b .b_addr
  {
    width: auto;
  }
}

/*----------*/

/* - EOF - contacts*/