p { margin: 1rem 0 }
h3 { margin-top: 20px; margin-bottom: 10px;	}
.sec-block { padding: 80px 0 60px; }

#hero .new { background-color: #F8E6B8; color: #000; font-size: 14px; font-weight: 500; padding: 8px 12px; vertical-align: middle; display: inline-block; margin-bottom: .5rem; border-radius: 10px; text-transform: none; }
#hero .product-name { font-size: 1.125rem; margin-bottom: .5rem; }
#hero .btn .subtext { display: block; font-size: .825rem; }
#hero .purchase-options { background-color: #f2f2f2; position: relative; }
#hero .purchase-options img.mbg { position: absolute; width: inherit; top: 1rem; right: 0; }
#hero .hero-image { display: none; }
#hero .add-bonus { margin-top: 15px; }
#hero .add-bonus p { margin: 0 0 6px; }
#hero .add-bonus img { width: 20px; height: 20px; margin-bottom: 3px;}
#hero .add-bonus span { font-size: 14px; padding: 0 15px 0 8px; }
span.wrap {display: inline-block;}
#hero .cta-block { padding-top: 20px; }
#hero {padding-top: 0; padding-bottom: 0; overflow: hidden; }
#hero .content { min-height: 500px; display: flex; justify-content: center; flex-direction: column; align-items: flex-start; }
#hero .title .description { font-size: 20px; display: block; margin: 0; color: #333; font-weight: 400; line-height: 1.5; margin: 10px 0; }
.bg-wrapper {position: relative;}
.bg-wrapper::after { content: ''; position: absolute; bottom:0; left: 0; height: 50px; width: 100%; background: rgb(255,188,65); background: linear-gradient(0deg, rgba(255,188,65,0.4150035014005602) 0%, rgba(255,188,65,0.196516106442577) 30%, rgba(255,188,65,0.0760679271708683) 70%, rgba(250,250,250,0) 100%);}


#benefits { background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: left center; }

@media (max-width: 767px){
	#hero { height: auto; left: -15%; top: -5%; background-position: center;}
	#hero .content { padding: 2rem 15px !important;  min-height: auto !important; display: flex; justify-content: center; flex-direction: column; align-items: flex-start; }
	#hero .add-bonus {margin-top: 1rem;}
	#hero .title { font-size: 20px; font-weight: 500; line-height: 1.2; margin-top: 0; }
	#hero .title .description { font-size: 16px; margin-top: 10px; font-weight: 400; }
	#hero .hero-image { background-image: url(../jpg/partners-hero.jpg); display: block; min-height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center right -25px; }
	#hero { background-image: none !important; }
}

@media (min-width: 768px) {
	#hero .add-bonus div { display: inline-block; }
	#hero { background-image: url(../jpg/partners-hero.jpg); background-position: right 190px top 0;  background-size: auto 500px; background-repeat: no-repeat;}	
	#benefits { background-position: center center; }
}

@media (max-width: 991px){
	#hero { background-image: url(../jpg/partners-hero.jpg); background-position: right -400px top 0; background-size: auto 500px; background-repeat: no-repeat; }
}

@media (min-width: 992px) {
	#hero { background-position: right -440px top 0; }	
	#hero .hero-image::after { right: -460px;}
    .num-cols .card { width: 28%; padding-top: 5rem; padding-bottom: 1rem; }	
}

@media (max-width: 1199px){
#hero .content {
    background: rgba(255,255,255,.9);
}
}

@media (min-width: 1200px) {
	#hero { background-position: right -170px top 0; }	
	#hero .hero-image::after { right: -190px;}	
}
@media (min-width: 1400px) {
    #hero { width: 1400px; margin: 0 auto; background-position: right -170px top 0;}
	#hero .hero-image::after { right: -190px;}	
}
	

.navbar-default { background-color: #E7E7E7; border-color: #E7E7E7; }
.navbar-default .navbar-brand { color: #333333; border-bottom: 2px solid transparent; }
.navbar-default .navbar-brand:hover { color: #333333; }
.navbar-default .nav>li.active { border-bottom: 2px solid #333; }
.navbar-default .nav>li>a { padding-left: 20px; padding-right: 20px; line-height: 20px; padding-top: 15px }
.navbar-default .nav>li { margin: 0 15px; border-bottom: 2px solid transparent }
.navbar-default .drop-grey { line-height: 2.2; }
.container-fluid { max-width: 1600px; margin: 0 auto; }
.container-fluid.padding-top-100 { padding-top: 100px }
.container-fluid.padding-bottom-100 { padding-bottom: 100px }
#overview .btn {margin-bottom: 10px;}
.why-partner .ico { height: 40px; width: auto; object-fit: none; }
.card { border: 1px solid #000 !important; border-radius: 0.5rem; }
.new-deal-content { margin-bottom: 40px; }
.new-deal-list { margin: 20px 0 0; }
.new-deal-content p, .new-deal-content ul { font-size: 18px; }
.new-deal-list .section-intro, .new-deal-form .section-intro { margin-bottom: 20px; }
.new-deal-content p.small { font-size: 85%; }

.caption { font-size: 18px; padding-left: 60px; max-width: 500px; }
.caption p { margin-top: 0 }
.caption.left { padding-right: 60px; padding-left: 15px }
.caption h5 { font-size: 18px; font-weight: 500; margin-top: 40px }

.blue { background-color: #EFF8FF;} 
.program-benefits h4 { margin-top: 0 !important; }
.program-benefits ul { font-size: 16px; padding-left: 1.2em; }
.program-benefits li { margin-bottom: 10px; }
.program-benefits ul li:last-child { margin-bottom: 20px; }
.program-benefits a.btn { min-width: 260px; }
.btn-primary { margin-right: 10px }
.margin-bottom-0 { margin-bottom: 0; }
.final { padding: 80px 0 }
.margin-top-60 { margin-top: 60px; }
.small.italic { font-style: italic; font-size: 14px; margin-top: 40px }
.program-tiers h3 { margin-top: 1.25em; margin-bottom: 1em; }
.program-tiers ul { text-align: left; padding-left: 1.25em; }
.program-tiers ul li { margin-bottom: 20px; }
.num-cols .row { display: flex; flex-wrap: wrap; justify-content: space-around; }
.num-cols .col { width: 28%; color: #000; padding-top: 15px; padding-bottom: 30px; border: 1px solid #C6C6C6; border-radius: 8px; position: relative; margin-top: 3em; padding: 3rem 2rem; }
.looking .num-cols .col { width: 43%; border: 1px solid #B9B9B9; margin: -100px 0 100px; padding: 20px 30px 75px }
.num-cols .col .ico { max-width: 130px; margin: 0px auto; position: absolute; top: 0%; left: 50%; transform: translateY(-50%) translateX(-50%);}
div.request { background-color: #dfdfdf; }
.contents { margin-bottom: 0; }
.section-intro { margin-bottom: 60px; }

.modal-footer { justify-content: left; display: inherit; }
.modal-footer a { margin: 0; }
.marketo-form { padding: 20px; }
.final .btn { margin-bottom: 10px; }
.quote-wrap{background: #F8F8F8; padding: 90px 0}
.quote{font-size: 29px; line-height: 40px; max-width: 945px; margin: 0 auto;}
.quote::before { content: ''; margin-right: 10px; height: 30px; width: 30px; background: url("../png/open-double-quote-serif-left.png") no-repeat; display: inline-block;    }
.quote::after { content: ''; transform: rotate(180deg); margin-left: 10px; height: 30px; width: 30px; background: url("../png/open-double-quote-serif-left.png") 0 7px no-repeat; display: inline-block;    }
.quote-author{font-size: 20px; text-transform: uppercase; margin: 30px 0 40px}

.become #hero { background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; font-size: 18px; padding: 60px 0 80px; }
.become #hero.partner { background-image: url("../jpg/become-a-partner-hero.jpg"); }
.become .mktoButtonRow span, .become div.mktoButtonRow {width: 100%;}
.become .mktoForm .mktoButtonWrap.mktoInset .mktoButton{width: 100% !important}
.become .marketo-form {border: 1px solid #C9C9C9; margin-top: -100px; background: #fff;}
.become .marketo-form h2 {font-size: 26px; margin-top: 0; margin-bottom: 20px;}
.become .form-footer {font-size: 12px; margin-top: 15px;}
.become .btn-download {background: #fff; color: #000; border: 1px solid #000; margin-bottom: 30px}
.become .btn-download:hover {background: #fff; color: #5e5e5e; border: 1px solid #5e5e5e}
.become .emphasis {font-size: 26px}
.become h3 {font-weight: bold; margin: 25px 0}
.become .content-wrap p, .become .content-wrap ul, .become .content-wrap h3 {font-size: 16px}
.become .content-wrap {margin: 45px 0 80px}
.become .content-wrap ul {margin-bottom: 30px; padding-left: 20px}
.mktoForm .mktoButtonWrap.mktoInset .mktoButton {text-transform: uppercase;}
.final .award-container { padding: 0; background-color: #005699; margin: auto; border-radius: 5px; overflow: hidden;}
.final .award-container .award-year { font-weight: 600; margin-top: 0;}
.final .award-container-description { padding: 30px; }
.final .partner-today { display: flex; align-items: center; justify-content: center; margin-bottom: 0;}
.final .award-channel { font-size: 1.3rem; margin-bottom: 0;}
.final .success-slogan {font-size: 1.3rem; }

@media (max-width: 1199px) {
    .navbar-default .nav>li {margin: 0 12px;}
}
@media (max-width: 991px) {
#hero.new-deal .emphasis { font-size: 18px; }
.final .award-channel { font-size: 1.1rem; }
.caption, .caption.left { max-width: 100%; padding-left: 15px; padding-right: 15px }
.navbar-default .nav>li>a {padding-left: 10px;padding-right: 10px;}
.navbar-default .nav>li {margin: 0 5px;}
.quote {font-size: 24px;line-height: 30px;}
.quote::before,.quote::after {height: 20px; width: 20px; background-size: contain;}
.quote-author {font-size: 18px;margin: 35px 0 15px;}
.collaboration #hero {background-position: top left;}
.program-benefits .title { margin-top: 1em; }
}

@media (max-width: 767px) {
.navbar-default .nav>li.active, .navbar-default .nav>li { border-bottom: 0; margin: 0 }
.navbar-default .nav>li.active a { background: #d1d1d1; }
.btn-primary { margin-right: 0 }
.num-cols .col { width: 100%!important; margin: 3em 2em !important; }
.program-benefits .sec-block { padding: 80px 0; }
.final { margin-top: 0; padding: 50px 0; }
.new-deal-content p, .new-deal-content ul { font-size: 14px; }
}

@media(max-width: 500px){
    .program-benefits a.btn {
        width: 100%;
    }
}