body { font-family: 'Roboto', sans-serif; width: auto; height: auto; margin: 0px; }
h1, h2, h3, h4, h5 { font-family: 'Teko', sans-serif; font-weight: 900; }
a, a:hover, a:active, a:visited { border: none; text-decoration: none; color: #EC0B0B; }

/* --- Statement --- */

#statement {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#statement .header {
  padding: 30px 70px;
  overflow: hidden;
  margin: 0;
  background: #c41221;
}

#statement .header .logo {
  float: left;
  width: 100px;
  margin: 0 20px 0 0;
}

#statement .header .logo img { width: 100%; }

#statement .header .address {
  float: left;
}

#statement .header .address p {
  margin: 0 0 -5px 0;
  padding: 0;
  color: #fff;
  letter-spacing: 0.2px;
  font-family: 'Teko', sans-serif;
}

#statement .header h1 {
  float: right;
  width: 50%;
  margin: 26px 0 0 0;
  padding: 0 90px 0 0;
  font-size: 28px;
  text-align: right;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 500;
}

#statement .top {
  background: #202327;
  padding: 15px 70px 12px 70px;
  color: #fff;
  overflow: hidden;
}

#statement .top h3 {
  float: left;
  width: 38%;
  letter-spacing: 2px;
  font-size: 24px;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

#statement .top h3:last-child { font-weight: 800; }

#statement .content {
  position: relative;
  overflow: hidden;
}

#statement .customer {
  position: relative;
  overflow: hidden;
  padding: 50px 70px 0 70px;
}

#statement .customer .info {
  position: relative;
  width: 50%;
  float: left;
  padding: 120px 0;
}

#statement .customer .info h5 {
  margin: 0;
  padding: 0;
}

#statement .customer .info p {
  margin: 0 0 -5px 0;
  padding: 0;
  font-family: 'Teko', sans-serif;
  font-size: 20px;
}

#statement .customer .message {
  position: relative;
  width: 50%;
  float: right;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  line-height: 23px;
}

#statement .section {
  position: relative;
  margin: 0;
  padding: 50px 70px;
}

#statement .section .vehicle {
  position: relative;
  float: left;
  width: 50%;
}

#statement .section .vehicle h5 {
  font-size: 13px;
  color: #70757c;
  position: relative;
  z-index: 4;
  letter-spacing: 0.5px;
}

#statement .section .vehicle h4 {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 4;
  font-weight: 800;
}

#statement .section .vehicle p {
  font-size: 15px;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 4;
}

#statement .section .vehicle .payment {
  margin: 10px 0 0 0;
}

#statement .section .vehicle .payment h1 {
  margin: 0;
  padding: 0;
  font-size: 26px;
  position: relative;
  z-index: 4;
}

#statement .section .vehicle .payment h6 {
  margin: 0;
  padding: 0;
  font-family: 'Teko', sans-serif;
  font-size: 14px;
  position: relative;
  z-index: 4;
}

#statement .section .vehicle .photo {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 260px;
  z-index: 1;
  mix-blend-mode: multiply;
  -webkit-mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}

#statement .section .vehicle .photo img { width: 100%;   mix-blend-mode: multiply;
  -webkit-mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply; }

#statement .section .list {
  position: relative;
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}

#statement .section .list li {
  display: block;
  float: right;
  width: 50%;
  margin: 0;
  padding: 2px 0;
  overflow: hidden;
}

#statement .section .list li .name {
  float: left;
  width: 50%;
  color: #666970;
  font-size: 17px;
  font-family: 'Teko', sans-serif;
}

#statement .section .list li .value {
  float: left;
  width: 50%;
  text-align: right;
  font-weight: 700;
  font-family: 'Teko', sans-serif;
  padding: 0 20px 0 0;
}

#statement .section:nth-child(2) { padding: 20px 70px 50px 70px; }
#statement .section:nth-child(2) .vehicle {
  margin: -30px 0 0 0;
}

#statement .section:nth-child(3) {
  background: #f2f2f2;
}

#statement .section:nth-child(3) .vehicle .photo {
  width: 370px;
  top: -70px;
  right: -185px;
}

#statement .section:nth-child(3) .vehicle h4 {
  color: #c41221;
  font-size: 32px;
}

#statement .section:nth-child(3) .vehicle .payment h1 { font-size: 32px; }

#statement .section:nth-child(3) .vehicle .payment h1,
#statement .section:nth-child(3) .vehicle .payment h6 {
  color: #c41221;
}

#statement .section:nth-child(3) .list li:nth-child(even) { visibility: hidden; }
#statement .footer {
  background: #202327;
  padding: 30px 70px;
  color: #d4d7db;
  font-size: 12px;
  line-height: 22px;
}