.hero-card-outer{padding-bottom:40px}
.hero-card{display:block;position:relative;overflow:hidden;width:100%;height:440px;border:1px solid #eaeaea}
.hero-card .container{position:relative;width:100%;max-width:1035px;height:100%;margin-left:auto;margin-right:auto;background-color:#fff;background-position:left top;background-repeat:no-repeat;background-size:cover}
.hero-card .container .mobile-img{display:none}
.hero-card-details{float:left;position:relative;text-align:left;width:36%;height:100%;padding:80px 0 80px 10px}
.hero-card-details h2{font-size:46px;line-height:50px;padding:0;margin-right:0}
.hero-card-details h4{position:relative;border:medium none;font-family:Arial,Helvetica,sans-serif;font-size:18px;color:#fff;margin-right:0}
.hero-card-details h4,.black .hero-card-details h2{color:#6d6e71}
.white .hero-card-details h4,.white .hero-card-details h2{color:#fff}
.hero-card-details a.cta{display:inline-block;font-size:18px;left:40px;margin-top:12px;padding:10px 25px;text-decoration:none;color:#fff;background-color:#6d6e71}
.white .hero-card-details a.cta{color:#6d6e71;background-color:#fff;border:1px solid #fff}
.hero-card .vector{display:block;height:500px;position:absolute;right:0;top:0;width:100%}
.hero-card.white .vector,.hero-card.black .vector{display:none}
.hero-card .hero-card-img{display:block;position:relative;float:left;max-width:320px;width:36%;padding:35px 0}
.hero-card .hero-card-img img{display:block;height:100%;width:100%}
.hero-card.c-family-1-a .vector{background:url(../images/themes/carousel/c-family-1-a.png) right top no-repeat;background-size:72% auto}
.hero-card.c-family-1-a h2{color:#910043}
.hero-card.c-family-1-a .cta{background-color:#910043}
.hero-card.c-family-1-b .vector{background:url(../images/themes/carousel/c-family-1-b.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-1-b h2{color:#0097d1}
.hero-card.c-family-1-b .cta{background-color:#0097d1}
.hero-card.c-family-2-a .vector{background:url(../images/themes/carousel/c-family-2-a.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-2-a h2{color:#007139}
.hero-card.c-family-2-a .cta{background-color:#007139}
.hero-card.c-family-2-b .vector{background:url(../images/themes/carousel/c-family-2-b.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-2-b h2{color:#0097d1}
.hero-card.c-family-2-b .cta{background-color:#0097d1}
.hero-card.c-family-3-a .vector{background:url(../images/themes/carousel/c-family-3-a.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-3-a h2{color:#910043}
.hero-card.c-family-3-a .cta{background-color:#910043}
.hero-card.c-family-3-b .vector{background:url(../images/themes/carousel/c-family-3-b.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-3-b h2{color:#003058}
.hero-card.c-family-3-b .cta{background-color:#003058}
.hero-card.c-family-4-a .vector{background:url(../images/themes/carousel/c-family-4-a.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-4-a h2{color:#ed1849}
.hero-card.c-family-4-a .cta{background-color:#ed1849}
.hero-card.c-family-4-b .vector{background:url(../images/themes/carousel/c-family-4-b.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-4-b h2{color:#003058}
.hero-card.c-family-4-b .cta{background-color:#003058}
.hero-card.c-family-5-a .vector{background:url(../images/themes/carousel/c-family-5-a.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-5-a h2{color:#572c8b}
.hero-card.c-family-5-a .cta{background-color:#572c8b}
.hero-card.c-family-5-b .vector{background:url(../images/themes/carousel/c-family-5-b.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-5-b h2{color:#003058}
.hero-card.c-family-5-b .cta{background-color:#003058}
.hero-card.c-family-6-a .vector{background:url(../images/themes/carousel/c-family-6-a.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-6-a h2{color:#572c8b}
.hero-card.c-family-6-a .cta{background-color:#572c8b}
.hero-card.c-family-6-b .vector{background:url(../images/themes/carousel/c-family-6-b.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-6-b h2{color:#003058}
.hero-card.c-family-6-b .cta{background-color:#003058}
.hero-card.c-family-7-a .vector{background:url(../images/themes/carousel/c-family-7-a.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-7-a h2{color:#0097d1}
.hero-card.c-family-7-a .cta{background-color:#0097d1}
.hero-card.c-family-7-b .vector{background:url(../images/themes/carousel/c-family-7-b.png) right 0 no-repeat;background-size:72% auto}
.hero-card.c-family-7-b h2{color:#910043}
.hero-card.c-family-7-b .cta{background-color:#910043}
@media only screen and (min-width:0) and (max-width:450px){.hero-card{height:300px}
.hero-card.black,.hero-card.white{height:auto !important}
.hero-card .container{background-image:none !important}
.hero-card .container .mobile-img{display:block;width:100%}
.hero-card .vector{display:none}
.hero-card.black .hero-card-details,.hero-card.white .hero-card-details{width:100% !important;padding:20px 0 20px 10px}
.hero-card.theme .hero-card-details{width:60%;padding:20px 0 20px 10px}
.hero-card .hero-card-img{width:35%;float:right;padding:20px 20px 20px 0}
.hero-card-details h2{font-size:22px;line-height:26px}
}
@media only screen and (min-width:451px) and (max-width:640px){.hero-card{height:300px}
.hero-card.black,.hero-card.white{height:auto !important}
.hero-card .container{background-image:none !important}
.hero-card .container .mobile-img{display:block;width:100%}
.hero-card .vector{display:none}
.hero-card.black .hero-card-details,.hero-card.white .hero-card-details{width:100% !important;padding:20px 0 20px 10px}
.hero-card.theme .hero-card-details{width:65%;padding:20px 0 20px 10px}
.hero-card .hero-card-img{width:35%;float:right;padding:20px 20px 20px 0}
.hero-card-details h2{font-size:30px;line-height:34px}
}
@media only screen and (min-width:641px) and (max-width:950px){.hero-card{height:400px}
.hero-card .container{background-size:contain}
.hero-card .hero-card-details{width:45%;padding:60px 0 60px 10px}
.hero-card .hero-card-img{width:30%;float:left}
.hero-card.c-family-1-a .vector{background-size:30% 100%}
.hero-card-details h2{font-size:30px;line-height:34px}
}