#tab-section {
	position: relative;
	padding: 0 0 40px;
	background: #f6f6f6;
}

.ts-inner {
	padding: 220px 20px 0;
	max-width: 1072px; 
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.seasonal .ts-inner {
	padding: 46vw 20px 0;
}

.donate-360 .ts-inner {
	padding: 48px 20px 0;
}

.ts-intro {
	color: #fff; text-align: center;
	margin-bottom: 52px;
}

.donate-360 .ts-intro {
	margin-bottom: 36px;
}

.ts-intro .scripted {
	color: #fff;
}

.ts-intro h1, .ts-intro h2 {
	font-size: 32px;
}

.donate-360 .ts-intro h1 {
	margin-bottom: 10px;
}

.donate-360 .ts-intro p {
	font-weight: 400;
}

.tabs-container {
	background: #fff;
	min-height: 460px;
	border-radius: 4px;
}

.tab-bg {
	position: absolute; top: 0;
	left: 0; width: 100%;
}

.tabs-top .tab-bg {
	border-bottom: 4px solid #79bde9;
}

.tab-content strong {
	font-weight: 600;
}

body.donate .tab-content {
	text-align: center;
}

.donate-360 #undertabs-section {
	display: none;
}

@media only screen and (min-width: 768px) {

	.ts-inner {
		padding: 268px 20px 0;
	}

	.seasonal .ts-inner {
		padding: 268px 20px 0;
	}

	.seasonal .ts-inner {
		padding: 176px 20px 0;
	}

	.donate-360 .ts-inner {
		padding: 72px 20px 0;
	}

	.ts-intro h1 {
		font-size: 72px;
	}

	.ts-intro h2 {
		font-size: 42px;
	}

	.tab-bg {
		overflow: hidden;
		height: 544px;
	}

	.tabs-top .tab-bg {
		height: 616px;
	}

	.tabs-img {
		height: 544px; width: auto;
		position: relative; left: 50%;
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}

	.tabs-top .tabs-img {
		height: 612px;
	}

	.donate-360 .ts-intro p {
		max-width: 520px;
		margin: 0 auto;
	}

}

@media only screen and (min-width: 1025px) {

	.ts-inner {
		padding: 218px 40px 0;
	}

	.seasonal .ts-inner {
		padding: 268px 40px 0;
	}

	.donate-360 .ts-inner {
		padding: 124px 40px 0;
	}

	.donate-360 .ts-intro {
		margin-bottom: 48px;
	}

	.ts-intro h1 {
		font-size: 96px;
	}

	.donate-360 .ts-intro h1 {
		margin-bottom: 24px;
	}

	.donate-360 .ts-intro p {
		max-width: 640px;
		font-size: 18px;
	}

}

@media only screen and (min-width: 1441px) {

	.tabs-img, .tabs-top .tabs-img {
		height: auto; width: 100%;
	}

}


/*------------------------------------*\
    TABS
\*------------------------------------*/

.tab-wrap {
	position: absolute; left: 0;
	right: 0; top: 0;
	z-index: 100;
}

.tab-menu-ctrl {
    cursor: pointer; height: 48px;
    position: absolute; right: 0;
    text-align: center; top: 0;
    width: 48px; z-index: 10;
    color: #fff; padding: 20px 0 0;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.down {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tab-menu-ctrl img {
	width: 18px; margin: 0 auto;
}

ul.tabs {
    background: #f6f6f6; display: block; 
    padding-top: 48px;
    position: relative; z-index: 8;
    -webkit-background-clip: padding-box; 
    -moz-background-clip: padding; 
    background-clip: padding-box;
}

.tab-link {
	position: absolute; top: 0; left: 0;
	display: table; width: 100%; height: 48px;
	font-size: 12px; font-weight: 700;
	line-height: 1.25; background: #f6f6f6; 
	border-bottom: 1px solid #d6d6d6;
	text-transform: uppercase; color: #888;
	cursor: pointer; padding-left: 20px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.tab-link a {
	color: #888;
}

.tab-link a:hover {
	color: #fff;
}

.tab-link.current {
	z-index: 9; background: #002855;
	color: #fff; border-bottom: none;
}

.donate-360 .tab-link.current {
	background: #79bde9;
}

.tab-link span {
	display: table-cell; 
	vertical-align: middle;
}

ul.tabs.tab-menu-full .tab-link:not(.current) {
  position: static;
}

.tab-link.current:after {
	content: ''; position: absolute;
	display: block; bottom: -10px;
	width: 0; height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #002855;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.donate-360 .tab-link.current:after {
	border-top: 10px solid #79bde9;
}

#tab-section .tab-content {
	padding: 90px 20px 48px;
}

#tab-section.donatetab-section .tab-content {
	padding: 44px 20px 48px;
}

.tabcol h2 {
	font-size: 27px; margin-bottom: 20px;
}

.tabcol h3 {
	margin-bottom: 16px;
}

.tabcol-full {
	margin-bottom: 16px;
}

.tabcol-full-inner {
	margin: 0 auto;
	max-width: 100%;
}

.donatetab-section .tabcol-full-inner {
	max-width: 800px;
}

.tabcol-2:first-of-type {
	padding-bottom: 28px;
}

.tabcol-2:last-of-type {
	border-top: 1px solid #e5e5e5;
	padding-top: 48px;  
}

.fundraise .tabcol-2:first-of-type {
	padding-bottom: 0;
}

.fundraise .tabcol-2:last-of-type {
	border-top: 0;
	padding-top: 0;  
}

ul.donatetabs {
	display: table; width: 100%;
	height: 48px; padding: 0;
	table-layout: fixed;
}

.donatetabs .tab-link {
	position: relative; display: table-cell; 
	border-bottom: none; text-align: center;
	vertical-align: middle; padding-left: 0;
	border-left: 1px solid #d6d6d6;
}

.donatetabs .tab-link:hover {
	background: #002855;
	color: #fff;
}

.donate-360 .donatetabs .tab-link:hover {
	background: #79bde9;
}

.donatetabs .tab-link:first-child {
	border-left: none;
}

.donatetabs .tab-link span {
	display: block; 
	padding: 0 8px;
}

.donatetabs .tab-link.external span {
    display: block; height: 48px;
    padding: 0 8px;
}

.donatetabs .tab-link.external span a {
	position: absolute; top: 0; left: 0;
	right: 0; bottom: 0; display: flex; 
	align-items: center; justify-content: center;
}

.fundraise .tabcol ul {
	list-style: disc;
	margin-left: 20px;
}

.fundraise .tabcol ul li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.fundraise #tab-4 ul {
	margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {

	.tab-wrap {
		position: static;
	}

	.tab-menu-ctrl {
		display: none;
	}

	ul.tabs {
		display: table; width: 100%;
		height: 48px; padding: 0;
		table-layout: fixed;
	}

	.tab-link {
		position: relative; display: table-cell; 
		border-bottom: none; text-align: center;
		vertical-align: middle; padding-left: 0;
		border-left: 1px solid #d6d6d6;
	}

	.tab-link:hover {
		background: #002855;
		color: #fff;
	}

	.tab-link:first-child {
		border-left: none;
	}

	.tab-link span {
		display: block; 
		padding: 0 8px;
	}

	#tab-section .tab-content {
		padding: 48px 20px;
	}

	.ways-to-give #tab-section .tab-content {
		padding: 60px 20px;
	}

	.tabcol h3 {
		font-size: 27px; text-align: center;
		margin-bottom: 24px;
	}

	.ways-to-give .tabs2wrap,
	.fundraise .tabs2wrap {
		position: relative;
	}

	.ways-to-give .tabs2wrap:before,
	.fundraise .tabs2wrap:before {
		content:""; display: block;
		width: 1px;
	    position: absolute;
	    z-index: 12;
	    top: 0;
	    bottom: 0;
	    left: 50%;
	    background: #e5e5e5;
	    transform: translate(-50%);
	}

	.tabcol-2 {
		width: 46%;
	}

	.ways-to-give .tabcol-2,
	.fundraise .tabcol-2 {
		width: 44%;
	}

	.tabcol-2:first-of-type {
		float: left; padding-bottom: 0;
	}

	.tabcol-2:last-of-type {
		float: right; padding-top: 0;
		border-top: none;
	}

	.fundraise #tab-4 .tabcol-full-inner {
		max-width: 100%;
	}

	.fundraise #tab-4 ul {
		margin-bottom: 40px;
		-webkit-column-count: 3;
		-webkit-column-gap: 40px;
	    -moz-column-count: 3;
	    -moz-column-gap: 40px;
	    column-count: 3;
	    column-gap: 40px;
	}

}

@media only screen and (min-width: 1025px) {

	#tab-section .tab-content {
		padding: 48px 72px;
	}

	.ways-to-give #tab-section .tab-content {
		padding: 60px 72px;
	}

}