:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2c7cc96 */.cc-main-container {
width: 100%; max-width: 1200px; display: block; background-color: white; margin: 0px auto 40px; text-align: center;
}
.cc-imagetexthead {
width: 100%; display: block; margin: 0px auto; background: none !important;
}
.cc-imagetexthead img {
width: 100%; display: block; margin: 0px auto;
}
.cc-imagetexthead h2 {
width: 85%; min-width: 280px; display: inline-block; margin: 40px auto 20px; line-height: 135%; color: white !important; font-size: 52px; font-size: calc(2em + 1vw); text-align: center; text-transform: uppercase;
}
.cc-imagetexthead h2 span {
font-size: 24px; font-size: calc(.6em + 1vw); line-height: 145%;
}
@media only screen and (max-width: 768px) {
.cc-imagetexthead p {
width: 95%; min-width: 250px;
}
}
.cc-align-center > * {
text-align: center !important; margin: 30px auto;
}
.cc-flex-center > * {
-webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;
}
.cc-align-left > * {
text-align: left !important;
}
.cc-flex-left > * {
float: left; -webkit-box-pack: flex-start !important; -ms-flex-pack: flex-start !important; justify-content: flex-start !important; -webkit-box-align: flex-start !important; -ms-flex-align: flex-start !important; align-items: flex-start !important;
}
.cc-align-right > * {
text-align: right !important; float: right; margin-right: 0px;
}
.cc-flex-right > * {
float: right; -webkit-box-pack: flex-end !important; -ms-flex-pack: flex-end !important; justify-content: flex-end !important; -webkit-box-align: flex-end !important; -ms-flex-align: flex-end !important; align-items: flex-end !important;
}
.cc-margin-top {
margin-top: 20px !important;
}
.cc-margin-bottom {
margin-bottom: 40px !important;
}
.cc-bg-img {
background-color: #383838; color: #ffffff !important; margin: 0 auto; z-index: 0; width: 98%; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.cc-bg-img-filter {
width: 100%; max-width: 1200px; background-image: url('https://lp-auto-assets.s3.us-east-1.amazonaws.com/CVLP/payments/v1/header.jpg'); opacity: .5;
}
.cc-bg-img-mobile {
display: none !important;
}
.cc-bg-img-header {
position: absolute;
}
@media only screen and (max-width: 1100px) {
.cc-bg-img-header {
display: block;
}
}
@media only screen and (max-width: 768px) {
.cc-bg-img {
background-image: none !important; height: auto !important; padding: .3vw; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.cc-bg-img > * {
width: 80%;
}
.cc-bg-img-mobile {
display: block !important; width: 100%; max-width: 768px;
}
.cc-bg-img-filter {
display: none !important;
}
.cc-bg-img-header {
position: relative;
}
}
.cc-grid {
width: 100%; margin: 0 auto; display: grid; grid-gap: 2vw; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding: 0 2em; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.cc-cta-container {
width: 100%; display: inline-block; margin: 40px auto;
}
.cc-cta {
min-width: 270px; display: inline-block; padding: 15px 0px; margin: 5px 2px; font-size: 18px; text-decoration: none !important; text-transform: uppercase; text-align: center; transition: .6s;
}
.cc-cta:hover {
background-color: rgba(4, 4, 4, .4) !important; color: white !important;
}
.cc-full-cta {
width: 50%;
}
.cc-half-cta {
width: 40%;
}
.cc-third-cta {
width: 30%;
}
.cc-maincta {
background-color: #c1221e !important; color: white !important; border: 2px solid #c1221e;
}
.cc-maincta:focus {
border: 2px dotted #383838;
}
.cc-subcta {
background-color: #383838 !important; color: white !important; border: 2px solid #383838;
}
.cc-subcta:focus {
border: 2px dotted #c1221e;
}
.cc-p1text {
width: 75%; min-width: 270px; display: block; margin: 0px auto;
}
.cc-p2text {
width: 75%; min-width: 270px; display: block; margin: 40px auto;
}
.cc-p1text a,
.cc-p2text a {
font-weight: 700; color: #c1221e !important;
}
.cc-p1text a:hover,
.cc-p2text a:hover {
opacity: .6;
}
.cc-p1text a:focus,
.cc-p2text a:focus {
border: 2px dotted #383838; padding: 5px;
}
.cc-p1text h2,
.cc-p2text h2 {
line-height: 135%; text-align: left; margin-bottom: 15px; font-size: 28px; color: black !important; background: none !important;
}
.cc-p1text h2:after,
.cc-p2text h2:after {
content: ""; display: block; width: 40px; height: 5px; background: #c1221e; margin: 20px 0px;
}
.cc-p1text p,
.cc-p2text p {
font-size: 18px; line-height: 135%; text-align: left; color: black !important;
}
.cc-p1text ul,
.cc-p2text ul {
font-size: 18px; line-height: 135%; text-align: left; color: black !important; padding-left: 40px;
}
/*\tFOOTER STYLING BEGINS*/
.cc-footermain {
width: 100%; display: inline-block; margin: 0px auto; background-color: #E8E8E8 !important;
}
.cc-footerinner {
width: 75%; min-width: 270px; display: block; margin: 40px auto;
}
.cc-footerinner a {
font-weight: 700; color: #c1221e !important;
}
.cc-footerinner a:hover {
opacity: .6;
}
.cc-footerinner a:focus {
border: 2px dotted #383838;
}
.cc-footerinner h2 {
line-height: 135%; text-align: left; margin-bottom: 15px; font-size: 32px; color: #383838 !important;
}
.cc-footerinner p {
font-size: 24px; line-height: 135%; text-align: left; color: #383838 !important;
}
.cc-footerinner ul {
font-size: 24px; line-height: 135%; text-align: left; color: #383838 !important; padding-left: 40px;
}
/* GRID STYLING */
.__grid {
width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 2em; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.__grid img {
width: 100%; height: calc(50vw - 10em); margin: 1vh auto; min-height: 250px; max-height: 450px; -o-object-fit: cover; object-fit: cover;
}
.__grid a {
font-weight: 700; color: #c1221e !important; text-decoration: none !important;
}
.__grid h2 {
line-height: 135%; text-align: left; margin-bottom: 15px; font-size: 28px; color: black !important
}
.__grid h2:after {
content: ""; display: block; width: 40px; height: 5px; background: #c1221e; margin: 20px 0px;
}
.__grid p {
font-size: 18px; line-height: 135%; text-align: left; color: black !important;
}
.__grid ul {
font-size: 18px; line-height: 135%; text-align: left; color: black !important; padding-left: 40px;
}
.__sbs {
grid-template-columns: repeat(2, calc(50% - 2vw)); grid-template-rows: auto; grid-template-areas: "side1 side2"; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 2vw; margin-bottom: 30px;
}
.__invert {
grid-template-areas: "side2 side1";
}
.__side {
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.__side1 {
grid-area: side1;
}
.__side2 {
grid-area: side2;
}
@media only screen and (max-width: 768px) {
.__sbs {
grid-template-columns: calc(100% - 1em); grid-template-areas: "side1" "side2"; padding: .3em 1em; -webkit-box-sizing: border-box; box-sizing: border-box;
}
}/* End custom CSS */