@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: translateY(0); } 50% { -webkit-transform: translateY(-5px); } } @-moz-keyframes bounce { 0%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 50% { -moz-transform: translateY(-5px); transform: translateY(-5px); } } @-o-keyframes bounce { 0%, 100% { -o-transform: translateY(0); transform: translateY(0); } 50% { -o-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes bounce { 0%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } } .animated { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } a.rlp-sec1-link{ text-decoration: none; color: inherit; margin: auto; width: fit-content; display: block; } .bounce.animated img { margin: auto; display: block; } .rlp-sec1-head { font-size: 2.5em; font-weight: 600; margin-bottom: 20px; text-align: center; } div#rlp-sec1, div#rlp-sec0{ max-width: 1920px; margin: auto; padding: 50px 20px; } #rlp-sec0 iframe { height: 450px; width: 700px; max-width: 95%; max-height: 55vh; margin: 40px auto 0px; display: block; } .rlp-sec1-box { max-width: 330px; margin: 10px auto; border-radius: 6px; border-bottom: 6px solid #7a126b; background-color: white; } .rlp-sec1-box-cont { display: block; } .box-head { display: flex; align-items: center; max-width: 270px; margin: auto; padding: 10px 0px; } .box-head img { width: 60px; margin: 20px; } .box-head-text { line-height: 1.3; font-size: 20px; font-weight: 600; } .box-head-color { background: #f2f2f2; width: 100%; border-top-right-radius: 6px; border-top-left-radius: 6px; } .box-content { padding: 10px; } .sec1-foot-head{ font-size: 24px/18px Lato; } .rlp-sec1-footnote { background: #f2f2f2; text-align: center; padding: 0px 20px 25px; position: relative; } .sec1-foot-head { font-size: 24px; font-weight: 600; } .sec1-foor-content { max-width: 650px; margin: auto; line-height: 1.1; } .rlp-sec1-footnote:after { width: 30px; height: 30px; position: absolute; left: 50%; bottom: -26px; content: ' '; background: #f2f2f2; transform: rotate(45deg) translate(-50%, 0px); } .rlp-sec2-head { font-size: 2.5em; font-weight: 600; text-align: center; } a.rlp-sec2-link { text-decoration: none; color: inherit; margin: auto; width: fit-content; display: block; } .rlp-sec2-subhead { font-size: 1.5em; max-width: 800px; text-align: center; margin: auto; margin-bottom: 20px; font-weight: 600; padding: 0px 20px; } .rlp-sec2-espot-cont { display: flex; flex-wrap: wrap; justify-content: center; } .sec2-espot { width: 20%; padding: 20px; text-align: center; } .sec2-espot img { width: 100px; } .sec2-espot-title { line-height: 1.2; padding: 20px 0px; font-size: 1.3em; font-weight: 600; } .rlp-sec2-cont { width: 90%; margin: 20px auto 0px; max-width: 1920px; background: #f2f2f2; position: relative; } .rlp-sec2-cont:before { width: 30px; height: 30px; position: absolute; left: 50%; bottom: -26px; content: ' '; background: #f2f2f2; transform: rotate(45deg) translate(-50%, 0px); } .sec2-espot-head { font-size: 2.2em; text-align: center; padding: 20px; font-weight: 600; color: #7a126b; line-height: 1.2; } .rlp-sec4-head{ font-size: 2.2em; text-align: center; padding: 20px; font-weight: 600; color: white; line-height: 1.2; } .rlp-sec4-subhead{ font-size: 1.4em; text-align: center; padding: 0px 20px 20px; color: white; line-height: 1.2; max-width: 800px; margin: auto; } div#rlp-sec4 { background: #7a126b; } .makeitsmall{ font-size: 1em; font-weight: 600; padding: 0px 20px 20px; color: white; text-align: center; } .sec3-subhead { font-size: 1.5em; max-width: 800px; text-align: center; margin: 0px auto; font-weight: 600; padding: 0px 20px; } .sec3-bubble-cont { display: flex; align-items: center; justify-content: center; padding: 20px; } .sec3-bubble-cont picture { max-width: 140px; padding: 10px; } .sec3-percent { font-size: 2em; line-height: 1; font-weight: 600; } .sec3-below-percent { font-size: 1.3em; font-weight: 600; line-height: 1.3; } .rlp-sec5-cont { display: flex; flex-wrap: wrap; justify-content: center; } div#rlp-sec5 { padding: 20px; } .sec5-card { width: 350px; margin: 20px; padding: 20px; text-align: center; color: white; border-radius: 5px; display: flex; flex-direction: column; justify-content: space-between; } .sec5-card-head { font-size: 1.5em; font-weight: 600; line-height: 1.3; } .sec5-card-subhead { font-size: 1.3em; line-height: 1.3; min-height: 56px; } #rlp-sec6-desclaimers { margin: auto; max-width: 1920px; padding: 20px; } a.sec5-link { background: black; border: 1px solid white; border-radius: 5px; padding: 10px 20px; color: white; display: block; width: fit-content; margin: 10px auto 0px; } a.sec5-link:hover { background: white; color: black; border: 1px solid black; } .sec5-card:nth-child(1){ background-color: #f26a52; } .sec5-card:nth-child(2){ background-color: #7a126b; } .sec5-card:nth-child(3){ background-color: #294e95; } .rlp-sec2-rw-cont { display: block; } .rlp-sec2-card { width: 90%; max-width: 380px; margin: 15px auto; background-color: #f2f2f2; display: flex; flex-direction: column; } .sec2-card-head { font-size: 20px; font-weight: 600; line-height: 1.3; text-align: center; padding: 30px 0px; min-height: 112px; } .card-mid-img-cont img { max-width: 100px; margin: auto; display: block; padding: 0px 0px 30px; } .card-brand-logo-cont { display: flex; justify-content: center; } .card-brand-logo { width: 120px; margin: 0px 30px 30px; } .card-brand-logo img { width: 100px; display: block; } .sec2-card-foot { background-color: #595959; color: white; font-size: 20px; text-align: center; padding: 42px 15px 15px; line-height: 1.3; min-height: 98px; } .sec2-card-mid::after { content: ' '; position: absolute; background-color: #f2f2f2; bottom: -13px; left: 50%; transform: translate(-50%, 0px) rotate(45deg); height: 25px; width: 25px; } .sec2-card-mid { position: relative; min-height: 276px; flex-grow: 1; } .sec2-card-mid2 { display: flex; justify-content: center; } .nawp-firstwrap--logoPRO { width: 200px  !important; } .sec2-card-mid-half { padding: 30px; width: 180px; text-align: center; } .sec2-card-half-foot { font-size: 18px; line-height: 1.3; margin: 20px 0px 0px; font-weight: 600; } .sec2-card-mid-half:nth-child(2) { border-left: 1px solid #595959; } .empty-div { height: 28px; } .sec2-card-foot2 { padding: 30px 15px 15px; } .sec2-card-mid-half img { width: 100px; } .sec3-bubble-wrapper { display: flex; justify-content: center; flex-wrap: wrap; } @media screen and (max-width: 800px) { .rlp-sec1-head { font-size: 2em; } .rlp-sec2-head { font-size: 2em; } .rlp-sec2-subhead { font-size: 1em; } .sec2-espot { width: 48%; } .sec2-espot-head { font-size: 1.8em; } .sec3-bubble-cont { flex-direction: column; } } @media screen and (min-width: 801px) { .rlp-sec1-box-cont:before { content: ' '; background-color: #f2f2f2; position: absolute; top: 25%; left: 0; width: 100%; height: 75%; z-index: -1; } .sec3-bubble-cont picture{ padding: 20px; } } @media (min-width:800px) and (max-width:1179px) { .sec2-espot { width: 30%; } } @media screen and (min-width: 1280px) { .rlp-sec1-box { max-width: 380px; width: 30%; } .rlp-sec2-rw-cont { display: flex; justify-content: center; } .rlp-sec1-box-cont { display: flex; justify-content: center; padding: 50px 20px; max-width: 1920px; z-index: 1; position: relative; } .rlp-sec1-box { margin: 10px 20px; } .rlp-sec2-card { margin: 15px; } } .above-logo-on-banner{ display: none; } @media screen and (min-width: 751px) { .above-logo-on-banner{ text-align: left; font-size: xx-large; margin: auto; font-weight: 600; display: block; width: fit-content; } } @media screen and (min-width: 1180px) { .above-logo-on-banner{ margin: unset; } } .box-content ul{ margin-left: 25px; list-style: disc; } .box-content ul li{ padding-bottom: 10px; } .sec1-foot-head a { color: #009dd9; font-weight: bolder; }