.wf2427017-h-wrapper {
  background: #000000;
  box-sizing: border-box;
  display: flex;
  font: 400 16px/1em ProximaNova-semibold, sans-serif;
  height: 370px;
  flex-direction: column;
  margin: 10px auto 30px;
  max-width: 980px;
  width: 100%;
  text-decoration: none;
  overflow: hidden;
}

.wf2427017-h-wrapper *{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



.wf2427017-h-content {
  align-items: center;
  border-bottom: 8px solid #F8DD08;
  display: flex;
  flex-direction: column;
  height: 90%;
  justify-content: center;
  padding: 1em 2em 1.5em 2em;
  position: relative;
  width: 100%;
}

.wf2427017-h-title {
  color: #fff;
  font-family: ProximaNova-normal, sans-serif;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: .92em;
  text-align: center;
}

.wf2427017-h-title span{
  color: #fff;
  font-family: ProximaNova-black, sans-serif;
  font-size: 48px;
  margin-bottom: 5px;
  line-height: .92em;
  text-align: center;
}

.wf2427017-h-subtitle {
  color: #fff;
  font-family: ProximaNova-semibold, sans-serif;
  font-size: 16px;
  margin-bottom: 15px;
  text-transform: none;
  text-align: center;
  line-height: 1.2em;
  width: 100%;
}

a.wf2427017-h-button {
  background: #F8DD08;
  border-radius: .25rem;
  box-shadow: inset 0rem 0rem 0rem 0.1rem rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: .5rem 1rem;
  text-align: center;
  cursor: pointer;
  font-family: ProximaNova-bold, sans-serif;
  color: #595454;
  padding: .775em 1.3em;
  text-align: center;
  text-decoration: none;
}
a.wf2427017-h-button:hover {
  background:#FAEF9D;
  color: #595454;
}

.wf2427017-h-rt-img {
  background: url("/sites/content/image/durastar-background-image") left center / cover;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60%;
  width: 100%;
}

.wf2427017-h-product{
  width: 100%;
  max-width: 180px;
}

.wf2427017-h-angle{
  display: none;
}


.wf2427017-s-wrapper {
  background: #000000;
  box-sizing: border-box;
  display: flex;
  font: 400 16px/1em ProximaNova-semibold, sans-serif;
  height: 240px;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 980px;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
}

.wf2427017-s-wrapper *{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.wf2427017-s-wrapper:hover{
  opacity: .8; 
  transition: .2s ease-out;
}

.wf2427017-s-content {
  border-bottom: 8px solid #F8DD08;
  display: flex;
  flex-direction: column;
  height: 60%;
  justify-content: center;
  padding: 1.25em 1.25em 1.25em 1.25em;
  position: relative;
  width: 100%;
}

.wf2427017-s-title {
  color: #fff;
  font-family: ProximaNova-black, sans-serif;
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 5px;
  margin-top: 5px;
  line-height: .92em;
  text-align: center;
  
}

.wf2427017-s-subtitle {
  color: #fff;
  font-family: ProximaNova-normal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: none;
  line-height: 1.2em;
  text-align: center;
}


.wf2427017-s-rt-img {
  background: url("/sites/content/image/durastar-background-image") center / cover;
  height: 45%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wf2427017-s-arrow{
  height: 50%;
}

  .wf2427017-s-product{
    width: 100%;
    max-width: 160px; 
  }

 .wf2427017-s-angle{
    display: none;
  }


.wf2427017-c-wrapper {
  background: #000000;
  box-sizing: border-box;
  display: flex;
  font: 400 16px/1em ProximaNova-semibold, sans-serif;
  height: 280px;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 700px;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
}

.wf2427017-c-wrapper *{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.wf2427017-c-wrapper:hover{
  opacity: .8; 
  transition: .2s ease-out;
}

.wf2427017-c-content {
  border-bottom: 8px solid #F8DD08;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 60%;
  padding: 1em 2em 1em 2em;
  position: relative;
  width: 100%;
}

.wf2427017-c-title span{
  color: #fff;
  font-family: ProximaNova-black, sans-serif;
  font-size: 45px;
  font-weight: 900;
  line-height: .92em;
  text-align: center;
}

.wf2427017-c-title {
  color: #fff;
  font-family: ProximaNova-normal, sans-serif;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 10px;
  text-transform: none;
  line-height: 1.2em;
  text-align: center;
}

.wf2427017-c-subtitle {
  color: #fff;
  font-family: ProximaNova-normal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  line-height: 1.2em;
  text-align: center;
}


.wf2427017-c-rt-img {
  background: url("/sites/content/image/durastar-background-image") center / cover;
  height: 45%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.wf2427017-c-arrow{
  height: 50%;
}

  .wf2427017-c-product{
    width: 100%;
    max-width: 160px; 
  }

 .wf2427017-c-angle{
    display: none;
  }


@media (min-width: 550px) {
  .wf2427017-h-wrapper {
    flex-direction: row;
    height: 260px;
    
  }
  
  .wf2427017-h-rt-img{
    background: url("/sites/content/image/durastar-background-image") left center / cover;
    height: 100%;
    width: 40%;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-items: center;
    position: relative;
  }
  
  .wf2427017-h-content {
    border-bottom: .01px solid #000000;
    width: 60%;
    height: 100%;
    padding: 0.5em 5.5em 0.5em 1em;
  }
  
    .wf2427017-h-product{
    width: 100%;
    max-width: 340px; 
    z-index: 2;
    position: absolute;
    left: -58px;
    top:0px;
    bottom: 0px;
    margin: auto;
  }
  
  .wf2427017-h-angle{
    display: block;
    position: absolute;
    left: -30px;
    top:0px;
    bottom: 0px;
    margin: auto;
  }
  
  .wf2427017-s-wrapper {
    flex-direction: row;
    height: 140px;
  }
  
  .wf2427017-s-rt-img{
    background: url("/sites/content/image/durastar-background-image") left center / cover;
    height: 100%;
    width: 40%;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding-right: 80px;
  }
  
  .wf2427017-s-angle{
    display: block;
    position: absolute;
    left: -50px;
    top:0px;
    bottom: 0px;
    margin: auto;
  }
  
  .wf2427017-s-product{
    width: 100%;
    max-width: 208px; 
    z-index: 2;
    position: absolute;
    left: -78px;
    top:0px;
    bottom: 0px;
    margin: auto;
  }
  
  .wf2427017-s-arrow{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  
  .wf2427017-s-content {
    border-bottom: .01px solid #000000;
    width: 60%;
    height: 100%;
    padding: 1.5em 5em 1em 1.25em;
  }
  
  .wf2427017-s-title {
  color: #fff;
  font-family: ProximaNova-black, sans-serif;
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: .92em;
  text-align: left;
}

.wf2427017-s-subtitle {
  color: #fff;
  font-family: ProximaNova-normal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: none;
  line-height: 1.2em;
  text-align: left;
}
  
  
  .wf2427017-c-rt-img{
    background: url("/sites/content/image/durastar-background-image") left center / cover;
    height: 100%;
    width: 40%;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding-right: 80px;
  }
  
  .wf2427017-c-angle{
    display: block;
    position: absolute;
    left: -50px;
    top:0px;
    bottom: 0px;
    margin: auto;
  }
  
  .wf2427017-c-product{
    width: 100%;
    max-width: 208px; 
    z-index: 2;
    position: absolute;
    left: -78px;
    top:0px;
    bottom: 0px;
    margin: auto;
  }
  
  .wf2427017-c-arrow{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  
  .wf2427017-c-content {
    border-bottom: .01px solid #000000;
    width: 60%;
    height: 100%;
    padding: .5em 4em 1em 1.25em;
    justify-content: center;
    align-items: left;
  }
  
  .wf2427017-c-title span{
  color: #fff;
  font-family: ProximaNova-black, sans-serif;
  font-size: 45px;
  font-weight: 900;
  line-height: .92em;
  text-align: left;
}

.wf2427017-c-title {
  color: #fff;
  font-family: ProximaNova-normal, sans-serif;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 10px;
  text-transform: none;
  line-height: 1.2em;
  text-align: left;
}
  .wf2427017-c-subtitle{
    text-align: left;
    
  }
  
  .wf2427017-c-wrapper {
    flex-direction: row;
    height: 160px;
  }
  
}


@media (min-width: 900px){
  
  .wf2427017-h-content {
    padding: 0.5em 9em 0.5em 2.5em;
  }
  
  .wf2427017-h-title {
  color: #fff;
  font-family: ProximaNova-normal, sans-serif;
  font-size: 37px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: .92em;
  text-align: center;
}

.wf2427017-h-title span{
  color: #fff;
  font-family: ProximaNova-black, sans-serif;
  font-size: 60px;
  margin-bottom: 5px;
  line-height: .92em;
  text-align: center;
}
  
  .wf2427017-s-title {
  font-size: 22px;
}
  
  
  .wf2427017-s-title span{
  font-size: 22px;
}
  
  .wf2427017-s-title {
  font-size: 22px;
}
}


@media (min-width: 1024px) {
  .wf2427017-h-title {
  color: #fff;
  font-family: ProximaNova-normal, sans-serif;
  font-size: 43px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: .92em;
  text-align: center;
}

.wf2427017-h-title span{
  color: #fff;
  font-family: ProximaNova-black, sans-serif;
  font-size: 70px;
  font-weight: 900;
  margin-bottom: 5px;
  line-height: .92em;
  text-align: center;
}

  .wf2427017-h-subtitle {
    font-size: 16px;
    width: 75%;
  }
  
  .wf2427017-h-content {
    padding: 0.5em 5em 0.5em 2.5em;
  }
  
  .wf2427017-s-title {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 5px;
  line-height: .92em;
}

  .wf2427017-s-subtitle {
    font-size: 16px;
    width: 80%;
  }

 .wf2427017-s-wrapper {
    height: 120px;
  }
  
  .wf2427017-c-title span{
  color: #fff;
  font-family: ProximaNova-black, sans-serif;
  font-size: 48px;
  font-weight: 900;
  line-height: .82em;
}

.wf2427017-c-title {
  color: #fff;
  font-family: ProximaNova-normal, sans-serif;
  font-size: 30px;
  font-weight: 400;
  text-transform: none;
  line-height: 1.2em;
  
}
  
 .wf2427017-c-subtitle {
    text-align: left;
  }
   
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
}