.useful-tips-section {
  padding: 50px 0 36px;
}
.useful-tips {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.useful-tips-elem {
  width: 33.3333%;
  box-sizing: border-box;
  padding: 0 12px 24px;
}
.useful-tips-elem-inner {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  display: block;
}
.useful-tips-elem-inner:hover .useful-tips-title {
  color: #d96e1d;
  text-shadow: 1px 1px 0 #000;
}
.useful-tips-elem-inner img {
  width: 100%;
}
.useful-tips-info {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 20px;
  background-image: linear-gradient(180deg, rgba(193, 193, 193, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.useful-tips-info.bumper-protection-icon-svg::before,
.useful-tips-info.wheel-arches-protection-icon-svg::before {
  background-size: contain;
}
.useful-tips-icon-protection::before {
  background-image: url("data:image/svg+xml,%3Csvg width='51' height='37' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h61v37H0z'/%3E%3C/defs%3E%3Cg transform='translate(-5)' fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M45.298 3.863c-.355-.09-.711-.167-1.068-.245-.205-.324-6.502-1.258-6.553-1.16C30.245 1.54 22.857 2 15.702 3.862l-7.26 1.864c-.902.23-1.504 1.03-1.437 1.909l1.958 25.8c.042.558.353 1.066.84 1.385.49.317 1.111.41 1.675.249l6.545-1.848c2.583-.73 5.213-1.2 7.861-1.47l4.471-.253a45.888 45.888 0 0 1 12.622 1.723l6.545 1.848a2.057 2.057 0 0 0 1.674-.249c.488-.319.8-.827.84-1.386l1.959-25.8c.067-.878-.535-1.678-1.438-1.908l-7.26-1.864z' stroke='%23D96E1D' stroke-width='3' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E");
}
.useful-tips-icon-fluids::before {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='37' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h61v37H0z'/%3E%3Cpath id='c' d='M.004.063H18.5V30.5H.004z'/%3E%3C/defs%3E%3Cg transform='translate(-12)' fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cg transform='translate(12 6)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cpath d='M6.167 10.002c-.37 0-.617.248-.617.62v13.045c0 .373.247.621.617.621h6.166c.37 0 .617-.248.617-.62V12.982a.566.566 0 0 0-.185-.435l-2.343-2.36a.558.558 0 0 0-.432-.186H6.167zm6.166 15.529H6.167c-1.049 0-1.85-.808-1.85-1.864V10.623c0-1.056.801-1.864 1.85-1.864H9.99c.493 0 .987.187 1.295.56l2.343 2.36c.37.373.555.807.555 1.304v10.684c0 1.056-.801 1.864-1.85 1.864z' stroke='%23D96E1D' fill='%23D96E1D' mask='url(%23d)'/%3E%3Cpath d='M3.083 1.305c-.37 0-.616.249-.616.622V4.41c0 .373-.247.621-.617.621s-.617.249-.617.622v22.983c0 .372.247.62.617.62h14.8c.37 0 .617-.248.617-.62v-17.58c0-.496-.185-.993-.555-1.304L12.58 5.591c-.37-.372-.802-.559-1.295-.559H5.55c-.37 0-.617-.248-.617-.62V1.926c0-.373-.246-.622-.616-.622H3.083zM16.65 30.5H1.85C.802 30.5 0 29.693 0 28.637V5.654c0-.808.493-1.491 1.233-1.74V1.927c0-1.056.802-1.864 1.85-1.864h1.234c1.048 0 1.85.808 1.85 1.864V3.79h5.118c.802 0 1.603.31 2.158.932l4.132 4.162c.555.559.925 1.366.925 2.174v17.579c0 1.056-.802 1.863-1.85 1.863z' stroke='%23D96E1D' fill='%23D96E1D' mask='url(%23d)'/%3E%3C/g%3E%3Cpath d='M36.786 12.526l-.315.676c-.504.982-1.07 2.026-1.763 3.009-.251.307-.377.614-.377.982-.063 1.228.755 2.333 1.951 2.579.756.184 1.511 0 2.14-.491.567-.492.945-1.167.945-1.904 0-.368-.063-.675-.315-.982l-.378-.553c-.44-.737-.944-1.412-1.322-2.21l-.566-1.106zm0 8.474c-.252 0-.504 0-.819-.061a3.692 3.692 0 0 1-2.958-3.869c.063-.614.252-1.166.63-1.658.692-.86 1.195-1.842 1.636-2.763l.881-1.78c.126-.185.315-.369.567-.369.252 0 .44.123.566.368l1.134 2.21c.377.738.818 1.413 1.259 2.089l.314.49c.315.492.504 1.045.504 1.597 0 1.106-.504 2.15-1.385 2.886-.63.553-1.448.86-2.33.86zM21.9 21.5h-1.8c-.36 0-.6-.2-.6-.5s.24-.5.6-.5h1.8c.36 0 .6.2.6.5s-.24.5-.6.5M21.9 24.5h-1.8c-.36 0-.6-.2-.6-.5s.24-.5.6-.5h1.8c.36 0 .6.2.6.5s-.24.5-.6.5M21.9 27.5h-1.8c-.36 0-.6-.2-.6-.5s.24-.5.6-.5h1.8c.36 0 .6.2.6.5s-.24.5-.6.5' stroke='%23D96E1D' fill='%23D96E1D'/%3E%3Cpath d='M30.502 35.767h15.435c1.042 0 1.838-.802 1.838-1.85V11.532c0-.494-.184-.987-.551-1.295l-4.716-4.749c-.307-.37-.797-.555-1.287-.555h-8.146c-.368 0-.613-.246-.613-.616V1.85c0-.37-.244-.617-.612-.617H29.4c-.368 0-.613.247-.613.617v2.467c0 .37-.244.616-.612.616h-.613c-1.04 0-1.837.802-1.837 1.85v4.687l3.981 4.008c.551.555.919 1.357.919 2.159V35.15c0 .247-.061.432-.123.617zM45.937 37h-17.15c-.367 0-.612-.247-.612-.617s.245-.616.612-.616c.368 0 .613-.247.613-.617V17.698c0-.493-.184-.986-.551-1.295l-4.165-4.193a.703.703 0 0 1-.184-.493V6.783c0-1.726 1.347-3.083 3.062-3.083V1.85C27.562.802 28.36 0 29.4 0h2.45c1.041 0 1.838.802 1.838 1.85V3.7h7.533c.796 0 1.593.308 2.144.925l4.716 4.748c.551.555.919 1.357.919 2.159v22.385C49 35.643 47.653 37 45.937 37z' stroke='%23D96E1D' fill='%23D96E1D'/%3E%3Cpath d='M29.875 8.738c-.375 0-.625.248-.625.62v5.694c0 .186.063.31.187.434l.5.495c.375.371.563.805.563 1.3v14.362c0 .371.25.619.625.619h12.5c.375 0 .625-.248.625-.62V13.134c0-.495-.188-.99-.563-1.3l-2.562-2.538c-.375-.371-.813-.557-1.312-.557h-9.938zM43.625 33.5h-12.5c-1.062 0-1.875-.805-1.875-1.857V17.28a.56.56 0 0 0-.188-.433l-.5-.496c-.374-.371-.562-.804-.562-1.3V9.357c0-1.052.812-1.857 1.875-1.857h9.938c.812 0 1.624.31 2.187.929l2.562 2.538c.563.557.938 1.362.938 2.166v18.51c0 1.052-.812 1.857-1.875 1.857z' stroke='%23D96E1D' fill='%23D96E1D'/%3E%3Cpath d='M39.875 24.5h-6.25c-.375 0-.625-.2-.625-.5s.25-.5.625-.5h6.25c.375 0 .625.2.625.5s-.25.5-.625.5M40.875 27.5h-8.75c-.375 0-.625-.2-.625-.5s.25-.5.625-.5h8.75c.375 0 .625.2.625.5s-.25.5-.625.5' stroke='%23D96E1D' fill='%23D96E1D'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.useful-tips-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
  margin: 0 0 8px;
  text-transform: uppercase;
  max-width: 245px;
  transition: color 0.2s ease-out, text-shadow 0.2s ease-out;
  max-height: 72px;
  overflow: hidden;
}
.useful-tips-text {
  color: #cecdcd;
  font-size: 14px;
  margin: 0 0 8px;
  max-width: 245px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.useful-tips-width .useful-tips-elem {
  width: 100%;
}
.useful-tips-width .useful-tips-elem-inner {
  height: 100%;
}
.useful-tips-width .useful-tips-elem-inner img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover';
}
.useful-tips-width .useful-tips-elem-inner:hover .useful-tips-go-more {
  text-decoration: none;
}
.useful-tips-width .useful-tips-icon-protection::before {
  background-size: 63px;
}
.useful-tips-width .useful-tips-icon-fluids::before {
  background-size: 54px;
}
.useful-tips-width .useful-tips-info {
  position: relative;
  padding-left: 28px;
  box-sizing: border-box;
  min-height: 360px;
  display: flex;
  justify-content: center;
  height: 100%;
}
.useful-tips-width .useful-tips-title {
  max-height: none;
  max-width: 50%;
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 8px;
}
.useful-tips-width .useful-tips-text {
  max-height: none;
  white-space: normal;
  max-width: 50%;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 10px;
}
.useful-tips-go-more {
  color: #d96e1d;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  text-transform: uppercase;
}
.useful-tips-go-more::after {
  content: '';
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' fill-rule='evenodd' width='7' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23D96E1D' d='M.38 10.25V.75A.738.738 0 0 1 1.642.23l4.75 4.749a.738.738 0 0 1 0 1.044l-4.75 4.75a.738.738 0 0 1-1.26-.523z'/%3E%3C/svg%3E");
  display: inline-block;
  width: 7px;
  height: 11px;
}
.page-title-useful-tips {
  position: relative;
  padding-left: 90px;
  min-height: 2.8em;
}
.page-title-useful-tips::before {
  content: '';
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 6px;
  background-repeat: no-repeat;
  background-size: contain;
}
.useful-tips-image {
  width: 100%;
  border-radius: 6px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin: 20px 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.useful-tips-theme-block {
  display: flex;
  flex-wrap: wrap;
  margin: -4px -12px -10px;
}
.useful-tips-theme-elem {
  width: calc(33.3333% - 24px);
  margin: 0 12px 24px;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.useful-tips-theme-img {
  display: block;
  margin-bottom: 15px;
}
.useful-tips-theme-img img {
  width: 100%;
}
.useful-tips-theme-img:hover + .useful-tips-theme-info .useful-tips-theme-title a {
  color: #d96e1d;
}
.useful-tips-theme-info {
  margin: 0 20px 6px;
}
.useful-tips-theme-title {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.useful-tips-theme-title a {
  padding-left: 38px;
  display: inline-block;
  text-decoration: none;
  color: #000;
  position: relative;
  transition: color 0.2s ease-out;
}
.useful-tips-theme-title a::before {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.useful-tips-theme-title a:hover {
  color: #d96e1d;
}
.useful-tips-theme-text {
  font-size: 13px;
  line-height: 19px;
  margin: 0 0 10px;
}
.useful-tips-theme-bottom {
  margin: auto 10px 10px;
  border-top: 2px solid #efefef;
  padding: 15px 10px 8px;
}
.useful-tips-theme-bottom .useful-tips-go-more {
  font-size: 13px;
}
.useful-tips-theme-bottom .useful-tips-go-more::after {
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 2px;
  height: 9px;
}
.useful-tips-width {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .useful-tips-text {
    margin: 0;
  }
  .useful-tips-info {
    padding: 16px;
  }
}
@media (max-width: 899px) {
  .useful-tips-elem {
    width: 50%;
  }
  .useful-tips-info {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .useful-tips-section {
    padding: 36px 0 16px;
  }
  .useful-tips-width .useful-tips-title,
  .useful-tips-width .useful-tips-text {
    max-width: 420px;
  }
  .page-title-useful-tips {
    padding-left: 70px;
  }
  .page-title-useful-tips::before {
    width: 58px;
    height: 58px;
    top: 6px;
  }
  .useful-tips-width .useful-tips-info::before {
    margin-bottom: 10px;
  }
  .useful-tips-theme-elem {
    width: calc(50% - 24px);
  }
}
@media (max-width: 619px) {
  .useful-tips-info {
    padding: 16px;
  }
}
@media (max-width: 599px) {
  .useful-tips-info {
    padding: 20px;
  }
  .useful-tips-elem {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .useful-tips-width .useful-tips-info {
    padding-left: 20px;
  }
  .page-title-useful-tips {
    padding-left: 50px;
  }
  .page-title-useful-tips::before {
    width: 42px;
    height: 42px;
  }
  .useful-tips-theme-elem {
    width: 100%;
  }
}
@media (min-width: 767px) {
  .useful-tips-image {
    float: left;
    width: 50%;
    max-width: 450px;
    margin: 0 40px 40px 0;
  }
}
@media (min-width: 1440px) and (max-width: 1660px) {
  .useful-tips-theme-title {
    font-size: 20px;
    line-height: 26px;
  }
  .useful-tips-theme-text {
    font-size: 15px;
    line-height: 26px;
  }
  .useful-tips-theme-bottom .useful-tips-go-more {
    font-size: 14px;
  }
  .useful-tips-theme-bottom .useful-tips-go-more::after {
    height: 10px;
  }
}
@media (min-width: 1440px) {
  .useful-tips-theme-title {
    text-transform: none;
  }
  .useful-tips-theme-bottom .useful-tips-go-more {
    text-decoration: none;
  }
  .useful-tips-theme-bottom .useful-tips-go-more::after {
    width: 8px;
    margin-left: 5px;
  }
  .useful-tips-theme-bottom .useful-tips-go-more:hover {
    text-decoration: underline;
  }
}
@media (min-width: 1660px) {
  .useful-tips-theme-title {
    font-size: 24px;
    line-height: 33px;
  }
  .useful-tips-theme-title a:before {
    top: 6px;
  }
  .useful-tips-theme-text {
    font-size: 18px;
    line-height: 27px;
  }
  .useful-tips-theme-bottom .useful-tips-go-more {
    font-size: 18px;
  }
  .useful-tips-theme-bottom .useful-tips-go-more::after {
    height: 12px;
  }
}