.p03,
.p03 button,
.p03 a,
.p03 p {
     font-family: 'HelveticaNeue', sans-serif;
     font-size: 20px;
     color: #000;
 }

 .p03 p a {
    font-size: inherit;
 }

 
/* =INTRO */

.p03_intro {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

.p03_intro > div {

    max-width: 960px;
    position: relative;
    margin: 0 auto;       

}

.p03_intro::before {

    content: '';

    position: absolute;
    top: 160px;
    left: 0;

    border-top: 10px solid;
    border-width: 3px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #d4e5ef, #c5dcea);

    width:100%;

    display: block;

}        

.p03_intro .title {

    text-transform: uppercase;
    font-weight: normal;
    font-size: 28px;
    height: 160px;
    line-height: 160px;
    margin-bottom: 40px;

}

.p03_intro .title span {
    color: #2193c6;
}

.p03_intro .photo,
.p03_intro .video {
    width: 2365px;
    height: 400px;
    background: #FFF;
    position: absolute;
    right: -2000px;
    top: -60px;
}

.p03_intro .photo {
    top: 0;
    height: 300px;
    right: -2033px;
    padding-left: 32px;
}

.p03_intro .photo img,
.p03_intro .video video {
    height: 100%;
    width: auto;
}

.p03_intro .sub_title {
    font-weight: normal;
    font-size: 28px;
    margin-bottom: 20px;
}

.p03_intro .sub_title span {
    margin-top: 20px;
    display: block;
    font-weight: normal;
    font-size: 24px;
    max-width: 540px;    
}

.p03_intro .sub_title span,
.p03_intro .copy {
    line-height: 1.4em;
}

.p03_intro .copy {
    max-width: 920px;
}

@media only screen and (max-width: 960px)  {

    .p03_intro .photo,
    .p03_intro .video {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
    }

    .p03_intro .photo img,
    .p03_intro .video video {
        margin: 0 auto;
    }

    .p03_intro {
        text-align: center;
    }

    .p03_intro .title,
    .p03_intro .sub_titles {
        font-size: 24px;
    }

    .p03_intro .sub_title span,
    .p03_intro .copy {

        max-width: 100%;
        font-size: 16px;
        padding: 0 20px;
    }

}

/* =CTA */

.p03_cta {
    padding: 0 20px 60px 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.p03_cta .items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.p03_cta .items > div {

    position: relative;
    margin-top: 40px;
    margin-bottom: 60px;

}

.p03_cta .item {
    text-align: center;   
    cursor: pointer; 
}        

.p03_cta .headline {

    display: inline-block;

    padding-bottom: 5px;
    margin-bottom: 10px;

    border-bottom: 10px solid;
    border-width: 3px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #d0e3ed, #b2d2e2);

}

.p03_cta .headline.sub_headline {

    display: inline-block;

    font-weight: bold;

    border-width: 1px;
    
}

.p03_cta .headline span {
    
    padding: 10px 0;
    margin-top: 10px;

    font-weight: normal;
    font-size: .8em;

    display: block;

    border-top: 10px solid;
    border-width: 3px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #d0e3ed, #b2d2e2);

}

.p03_cta .codes {
    font-size: .8em;
}

.p03_cta .items > div img {
    
    width: 100%;
    height: auto;
    
    display: block;
    
    margin-top: 20px;

    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;

}

.p03_cta .items > div:first-of-type img {
    border-radius: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.p03_cta .items > div .see {

    background: #000;
    color: #FFF;

    cursor: pointer;

    font-size: 16px;
    text-transform: uppercase;

    padding: 15px 0;
    width: 240px;

    border: 3px solid #9fbfbb;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;

    box-shadow: 0 4px 30px -4px rgba(0,0,0,1);

    position: absolute;
    bottom: -25px;
    left: 100px;

}

.p03_cta .items > div:first-of-type .see {

    border-radius: 0;

    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;            

    left: auto;
    right: 100px;

}

@media only screen and (max-width: 960px)  {

    .p03_cta {
        max-width: 720px;
    }

    .p03_cta .items {
        grid-template-columns: 1fr;
    }

    .p03_cta .items > div img {
        border-radius: 50px !important;
    }

    .p03_cta .items > div button {
        border-radius: 25px !important;
        left: 50% !important;
        right: auto !important;
        margin-left: -100px;
    }

}       

/* =PRODUCTS */

.p03_products {
    max-width: 1200px;
    margin: 0 auto;
    min-height: 600px;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    background: linear-gradient(to bottom, #EEE, #FFF);
    position: relative;
}

.p03_products::before {

    content: ' ';

    position: absolute;
    top: -10px;
    left: 100px;
    background: white;
    height: 20px;
    width: 20px;
    
    display: block;
    transform: rotate(-45deg);

}        

.p03_products > div {
    background: url('ring.png') no-repeat left top; 
    background-size: 1000px 545px;
    padding: 60px 60px;
}      

.p03_products .products {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 60px;
    text-align: left !important;
}

.p03_products .products a {
    margin: 0 20px 30px 0;
    width: 220px;
    height: auto;
    display: block;
    padding: 0 0 70px 0;
    text-align: center;
}

.p03_products .products a span {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}

.p03_products .products a.pdac {
    background: url('pdac.png') no-repeat center bottom;
    background-size: 49px 57px;
}

.p03_products .products a img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.p03_products .headline {

    text-align: center;
    text-transform: uppercase;

    display: inline-block;

    margin-bottom: 10px;
    padding-bottom: 10px;
    
    border-bottom: 10px solid;
    border-width: 3px;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(140,163,180,1) 0%, rgba(197,54,51,1) 50%, rgba(22,161,217,1) 100%);
}

.p03_products .headline.sub_headline {
    border-bottom: 0;
    margin-bottom: 0;
}

.p03_products .headline span {

    text-align: center;

    display: block;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 10px solid;
    border-width: 3px;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(140,163,180,1) 0%, rgba(197,54,51,1) 50%, rgba(22,161,217,1) 100%);

}

.p03_products p {
    font-size: 16px;
    padding-bottom: 40px;
}

/* =ORDER */

.p03_order {
    text-align: center;
    padding-bottom: 80px;
}

.p03_order strong {
    font-size: 1.2em;
    text-transform: uppercase;
}

.p03_order a {
    font-size: .8em;
    text-decoration: none;
    padding: 10px 20px;;
    margin-left: 20px;
    

    border: 0 !important;
    border-radius: 5px !important; 

    text-transform: uppercase;

    background: rgb(230,230,230) !important;
    background: linear-gradient(180deg, rgba(230,230,230,1) 50%, rgba(187,183,182,1) 100%) !important;

}

/* =RELATED */

.p03_related {
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 60px;
    padding: 0 20px 60px 20px;
  }

  .p03_related .items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
  }

  .p03_related .item {
    padding: 60px 0 30px 0;
    background: linear-gradient(135deg, #c1cad1 60%, #77c1da 100%);
    border-bottom-right-radius: 30px;
  }

  .p03_related .item.item_1 {
    background: linear-gradient(225deg, #c1cad1 60%, #747a7e 100%);
    /* background: radial-gradient(circle at bottom left, #747a7e 40%, #c1c1c1 60%); */
    border-radius: 0;
    border-bottom-left-radius: 30px;
  } 

  .p03_related .title {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    text-transform: uppercase;
    font-size: 1.5em;
    color: #FFF;
    background: radial-gradient(circle at top right, rgba(254,254,254,.9) 10%, rgba(182,181,182,1) 90%);
    padding: 60px;
  }

  .p03_related .see {
    font-weight: bold;
    text-transform: uppercase;
    font-size: .85em;
    margin-bottom: 30px;
    display: inline-block;
    text-decoration: none;
  }

  .p03_related .see span {
    font-weight: normal;
    font-size: .75em;
  }

  .p03_related img {
    width: 300px;
    height: auto;
  }


  @media only screen and (max-width: 960px)  {

    .p03_related .items {
      grid-template-columns: 1fr;
      background: linear-gradient(135deg, #c1cad1 60%, #77c1da 100%);
      border-bottom-left-radius: 30px;
      border-bottom-right-radius: 30px;
    }

    .p03_related .item {
      background: none !important;
      border-radius: 0 !important;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;
    }

    .p03_related .item.item_2 {
      padding-top: 0;
    }

  }