/*----------CTA----------*/
.cta a, .cta.orange a, .cta.white a, .cta.red a {
    display: inline-block !important;
    margin: 4px 0 15px 0;
    padding: 12px 20px 10px 20px;
    border-radius: 10px;
    background-color: var(--maincolor) !important;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    color: #fff !important;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.caldera-grid .cta {
    padding: 12px 20px 32px 20px;
}
.cta .give_cta2 p, .cta.orange .give_cta2 p, .cta.white .give_cta2 p, .cta.red .give_cta2 p {
    display: inline-block;
    margin: 4px 0 15px 0;
    padding: 12px 20px 10px 20px;
    border-radius: 10px;
    background-color: var(--maincolor) !important;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.cta a:hover {
    background-color: var(--secondcolor) !important;
}
.cta .give_cta2 p:hover {
    background-color: var(--secondcolor) !important;
}
.cta p {
    margin: 0;
}
.cta.orange a {
    background-color: var(--secondcolor) !important;
}
.cta.orange .give_cta2 p {
    background-color: var(--secondcolor) !important;
}
.cta.orange a:hover {
    background-color: var(--maincolor);
}
.cta.orange .give_cta2 p:hover {
    background-color: var(--maincolor);
}
.cta.white a{
    background-color: #fff;
    color: #000;
}
.cta.white  .give_cta2 p {
    background-color: #fff;
    color: #000;
}
.cta.white a:hover {
    background-color: #000;
    color: #fff;
}
.cta.white .give_cta2 p:hover {
    background-color: #000;
    color: #fff;
}