@charset "UTF-8";


.GetN
{
  margin-top: 96px;
}

.uVJN span
{
  font-family: 'Bernardo Moda Bold', 'BernardoModaBold', sans-serif;
  font-weight: 400;
  font-size: 22px;
  color: #d5d5d5;
}

.gxRM
{
  margin-top: 6px;
}

.gxRM h2
{
  font-family: 'Bernardo Moda Bold', 'BernardoModaBold', sans-serif;
  font-size: 32px;
  color: #313131;
  margin: 0;
}

.kNHX
{
  width: 1170px;
  margin: 33px auto;
  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;
}

.kaxe
{
  margin-bottom: 246px;
}

.kaxe ul
{
  margin: 0;
  padding: 0;
}

.kaxe li
{
  width: 274px;
  height: 191px;
  float: left;
  list-style: none;
  margin-right: 24px;
  margin-bottom: 24px;
}

.kaxe li:nth-child(4n)
{
  margin-right: 0;
}

.kaxe li h2
{
  font-family: 'Bernardo Moda Bold', 'BernardoModaBold', sans-serif;
  font-size: 14px;
  color: #313131;
  margin-top: 0;
  margin-bottom: 10px;
}

.kaxe li iframe
{
  width: 274px;
  height: 191px;
}

@media (max-width: 1180px) {
  .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%;
  }

  .kaxe li
  {
    width: 100%;
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto !important;
  }

  .kaxe li a img
  {
    width: 100%;
    height: auto;
  }

  .kaxe li video
  {
    width: 100%;
    height: auto;
  }

}