@charset "UTF-8";

.ZEov
{
  height: 477px;
  background: #fff;
}

.WpUw
{
  float: left;
  width: 57%;
}

.ZdUk
{
  float: right;
  position: relative;
}

.aRQH
{
  margin-top: 96px;
}

.aRQH span
{
  font-family: 'Bernardo Moda Bold', 'BernardoModaBold', sans-serif;
  font-weight: 400;
  font-size: 22px;
  color: #d5d5d5;
}

.QoYb
{
  margin-top: 7px;
}

.QoYb h2
{
  font-family: 'Bernardo Moda Bold', 'BernardoModaBold', sans-serif;
  font-size: 32px;
  color: #313131;
  margin: 0;
}

.VamG
{
  margin-top: 10px;
}

.VamG h3
{
  font-family: 'Bernardo Moda Bold', 'BernardoModaBold', sans-serif;
  font-size: 24px;
  color: #a6a6a6;
  margin: 0;
}

.nRRd
{
  margin-top: 22px;
}

.nRRd p
{
  font-family: 'Bernardo Moda Bold', 'BernardoModaBold', sans-serif;
  font-size: 20px;
  color: #313131;
  margin: 0;
}

.UfpC
{
  margin-top: 54px;
}

.UfpC p
{
  font-family: 'Bernardo Moda Bold', 'BernardoModaBold', sans-serif;
  font-size: 22px;
  color: #cd0000;
  margin: 0;
}

.UfpC p .MGYm
{
  font-size: 20px;
}

.UfpC p .pGdN
{
  font-family: 'Bernardo Moda Bold','BernardoModaBold', sans-serif;
}

.DXJY
{
  width: 401px;
  height: 296px;
  background: #f6f7f7;
  position: absolute;
  right: 51px;
  top: 84px;
}

.wowB
{
  position: absolute;
  top: 26px;
  right: -36px;
}

.wowB img
{
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
  border-bottom-right-radius: 70px;
}

.kNHX
{
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  padding: 19px 40px;
  background: #f6f7f7;
}

.kNHX ul
{
  width: 899px;
  float: left;
  margin: 0;
  padding: 0;
}

.kNHX li
{
  list-style: none;
  float: left;
  margin-right: 13.4px;
  margin-top: 13.4px;
}

.kNHX li:nth-child(1),
.kNHX li:nth-child(2),
.kNHX li:nth-child(3),
.kNHX li:nth-child(4)
{
  margin-top: 0;
}

.MdAe
{
  float: right;
}

.MdAe a
{
  font-family: 'Bernardo Moda Bold', 'BernardoModaBold', sans-serif;
  font-size: 20px;
  color: #313131;
  border: 1px solid #e0e0e0;
  padding: 15px 39px;
  display: inline-block;
  background: #313131;
  color: #fff;
  transition: .4s;
  text-decoration: none;
}

.MdAe a:hover,
.MdAe a.active
{
  color: #313131;
  background: none;
}

.kNHX li a
{
  font-family: 'Bernardo Moda Bold', 'BernardoModaBold', sans-serif;
  font-size: 14px;
  color: #313131;
  border: 1px solid #e0e0e0;
  padding: 15px 39px;
  text-decoration: none;
  transition: .4s;
  display: block;
  text-transform: uppercase;
}

.kNHX li a:hover,
.kNHX li a.active,
.MdAe a.active:hover
{
  background: #313131;
  color: #fff;
}

.qPKY
{
  margin-top: 34px;
}

.qPKY ul
{
  margin: 0;
  padding: 0;
}

.qPKY li
{
  width: 274px;
  height: 323px;
  list-style: none;
  float: left;
  margin-bottom: 90px;
  margin-right: 24px;
}

.qPKY li:nth-child(4n)
{
  margin-right: 0;
}

.LhGm
{
  width: 274px;
  height: 191px;
  background: #f6f7f7;
  overflow: hidden;
}

.LhGm img
{
  width: 100%;
  height: 100%;
  transition: .4s;
}

.LhGm img:hover
{
  transform: scale(1.2);
}

.iUks
{
  margin-top: 13px;
}

.iUks h3
{
  font-family: 'Bernardo Moda Bold','BernardoModaBold', sans-serif;
  font-size: 22px;
  color: #313131;
  margin: 0;
}

.drAt
{
  margin-top: 9px;
}

.drAt span
{
  font-family: 'SourceSansPro-Regular', sans-serif;
  font-size: 18px;
  color: #313131;
}

.gQdP
{
  margin-top: 6px;
}

.gQdP p
{
  font-family: 'SourceSansPro-Regular', sans-serif;
  font-size: 12px;
  color: #9f9f9f;
  margin: 0;
}

.Lvjx
{
  margin-top: 12px;
}

.Lvjx span.xGJq
{
  font-family: 'SourceSansPro-Bold', sans-serif;
  font-size: 14px;
  color: #313131;
}

.Lvjx span.oeMq
{
  font-family: 'SourceSansPro-Regular', sans-serif;
  font-size: 14px;
  color: #313131;
}

@media (max-width: 1180px) {

  .ZEov
  {
    height: auto;
  }

  .WpUw,
  .ZdUk
  {
    width: 100%;
    float: none;
  }

  .DXJY,
  .wowB
  {
    width: auto;
    height: auto;
    position: unset;
  }

  .wowB
  {
    margin-top: 20px;
  }

  .wowB img
  {
    width: 100%;
    height: auto;
  }

  .kNHX
  {
    width: 100%;
    margin-top: 20px;
  }

  .kNHX ul
  {
    width: 100%;
    float: none;
  }

  .kNHX li
  {
    float: none;
    margin-right: 0;
    margin-bottom: 13.4px;
  }

  .MdAe
  {
  float: none;
  }

  .MdAe a
  {
  width: 100%;
  }

  .qPKY li
  {
    display: table;
    margin-left: auto;
    margin-right: auto !important;
    float: none;
  }

}
