@font-face {
  font-family: din-condensed;
  src: url("../fonts/din-condensed-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; 
}
@font-face {
  font-family: open-sans;
  src: url("../fonts/opensans-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; 
}
@font-face {
  font-family: open-sans;
  src: url("../fonts/opensans-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; 
}
@font-face {
  font-family: palatino;
  src: url("../fonts/palatino-italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; 
}
@font-face {
  font-family: palatino;
  src: url("../fonts/palatino-bolditalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; 
}
html,body {
  font-family: open-sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25em;
  text-align: justify;
  letter-spacing: 0.3px;
  color: #000;
}
img {
  width: 100%;
}
h2 {
  font-family: din-condensed;
  font-weight: 700;
  font-size: 72px;
  text-align: left;
}
.container {
  padding: 50px 150px 40px;
  background: #fff;
}
.s1,.s2 {
  font-family: palatino;
  font-style: italic;
  font-weight: 700;
  margin: 40px 0;
  line-height: 1.3em;
}
.s1 {
  font-size: 26px;
  text-align: center;
}
.s2 {
  font-size: 20px;
  text-align: right;
}
.cx {
  margin: 60px 0;
}
.cx .row {
  margin: 0 -30px;
}
.cx .row > div {
  padding: 0 30px;
}
.i1 {
  margin-bottom: 45px;
}
.i2 {
  width: 120px;
  height: 112px;
  margin-left: 10px;
  clear: right;
}
.spacer {
  width: 0;
  height: calc(100% - 125px);
}
.d1 {
  height: 320px;
}
.s3 {
  margin: 50px 0 30px;
}
.a1 {
  margin: 30px 0 80px;
}
.a1 .row {
  margin: 0 -5px;
}
.a1 .row div {
  float: left;
  width: 20%;
  padding: 0 5px;
}
.rc {
  font-size: 16px;
}
.au {
  margin-top: 80px;
}
.au img {
  width: auto;
}
.f1 {
  background: #dedede;
  height: 60px;
}
@media (max-width: 1199px) {
  .container {
    padding: 40px 100px;
  }
  .cx .row {
    margin: 0 -20px;
  }
  .cx .row > div {
    padding: 0 20px;
  }
  .d1 {
    height: 430px;
  }
}
@media (max-width: 991px) {
  .mx {
    margin-top: 40px;
  }
  .d1 {
    height: 285px;
  }
  .a1 .row div {
    width: 33.333333%;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 30px 50px;
  }
  .mx {
    margin-top: 30px;
  }
  .d1 {
    height: auto;
  }
}
@media (max-width: 599px) {
  .a1 .row div {
    width: 50%;
    margin-bottom: 10px;
  }
}