/*
mobile <= 767px
desktop >= 768px
*/

body {
	color: #2c2a29;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 25px;
	vertical-align: top;
	outline: none;
	background-color: #efefef;
}

*{
	margin: 0;
	padding: 0;
	color: inherit;
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: inherit;
	line-height: inherit;
	outline: inherit;
	text-align: inherit;
}

sup {
	vertical-align: super;
	line-height: 0px;
}

ul, li, a, label{
	display: inline-block;
}

.ui-autocomplete li{
	display: initial;
}

h1{
	font-weight: 700;
	text-align: center;
}

img{
	min-height: 1px;
}

#tab0, h1 {
	color: #008eaa;
}

.bg-image #tab0, .bg-image h1{
	color: white;
}

.list{
	display:block;
	padding-left: 40px;
	list-style-type: initial;
}

.list li{
	display:list-item;
}

button:disabled{
	color:graytext;
}

button + button{
	margin-left: 10px;
}

@media screen and (max-width: 767px) {
	h1{
		font-size: 26px;
	}
}
@media screen and (min-width: 768px) {
	h1{
		font-size: 34px;
	}
	
	.nw{
		white-space: nowrap;
	}
}

h2{
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #008eaa;
}

@media screen and (max-width: 767px) {
	.column > div + div {
		margin-top: 20px;
	}
}
@media screen and (min-width: 768px) {
	.column{
		column-count:2;
	}
}

.column > div{
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

select::before{
	content: '\f0dd';
}

select{
	background-image: url(images/downArrow_29607c.png);
	border-width: 0px 0px 2px;
	border-style: none none solid;
	border-color: #A9A9A9;
	/*padding-bottom: 3px;*/
	margin: 0 0 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-size: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: right;
	padding-bottom: 3px;
}

select:focus{
	background-image: url(images/downArrow_00A3AE.png);
}

input {
	border-width: 0px 0px 2px;
	padding-bottom: 1px;
	border-style: none none solid;
	border-color: #A9A9A9;
	background: none;
	/*-moz-appearance: textfield;*/
}

input[type=checkbox]:not(.small){
	height: 25px;
	margin-right: 5px;
}

label[for=txtDonationAmount]:hover,  #txtDonationAmount:hover, input:hover{
	color: #006680;
}

input[type='text'], input[type='email'], input[type="password"]{
	width: 100%;
}

.dsFormItem input{
	margin: 0 0 24px;
	padding-bottom: 3px;
}

input:disabled, select:disabled {
	color: #444444;
    border-style: dotted;
}

input:focus::-webkit-input-placeholder  {
	color:transparent;
}

input:focus:-moz-placeholder  { /* FF 4-18 */
	color:transparent;
}

input:focus::-moz-placeholder  { /* FF 19+ */
	color: transparent;
}

input:focus:-ms-input-placeholder { /* IE 10+ */
	color: transparent;
} 

input:focus , select:focus{
	border-color: #00A3AE;
}

.max-width:empty, form > div:not(.wide):empty{
	padding: 0;
}

form > div:not(.wide):not(.ui-dialog){
	padding: 4%;
}

@media screen and (max-width: 767px) {
	.max-width{
		padding: 4%;
	}
	
	.expand:after{
		content: '\f107';
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 21px;
		margin-left: 5px;
	}
	
	.mright{
		float: right;
	}
}

@media screen and (min-width: 768px) {
	.max-width{
		max-width: 1440px;
		margin: auto;
		padding: 100px 60px;
	}
	
	form > div:not(.wide){
		max-width: 750px;
		margin: auto;
	}
	
	.dleft{
		float: left;
	}
}

.button5L, .button3L, .soActionBtn{
	cursor: pointer;
	color: white;
	background: #008eaa;
	font-weight: 700;
	letter-spacing: 1.5px;
	padding: 12px 26px;
	border-radius: 30px;
	border: 2px solid #008eaa;
	text-transform: uppercase;
}

.soActionBtn  + .soActionBtn{
	margin-left: 10px;
}

.soIdleBtn{
	color: #05c3de;
	cursor: pointer;
	font-weight: 700;
}

.button5L:hover, .button3L:hover, .soActionBtn:hover{
	background: transparent;
	color: #008eaa;
	border-color: #008eaa;
}

.hide{
	display: none !important;
}

.clear , .buttonClear{
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
}

.right{
	float: right;
}

.round, .event_pic img{
	width: 100%;
	border-radius: 50%;
}

.ui-menu{
	background-color: #cccccc;
}

.button{
	cursor:pointer;
	color: white;
	font-weight: 700;
	letter-spacing: 1.5px;
	padding: 12px 26px;
	border-radius: 30px;
	border: solid 2px white;
}

.button:hover{
	background: white;
	opacity: 0.7;
	color: darkgrey;
}

@media screen and (max-width: 767px) {
	.desktop{
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.mobile{
		display: none !important;
	}
}

/* header----------------------------*/

.menu-m a{
	font-size: 16px;
	font-weight: 400;
	display: block;
}

.top-m *:not(.fa){
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.top-m  > div{
	padding-top: 0;
	padding-bottom: 0;
}

.top-m  > div > ul > li{
	z-index: 10;
	position: relative;
}

.account{
	float: right;
}

.account > li{
	background-color: #05c3de;
	color: white;
}

.account ul li{
	white-space: nowrap;
	display: block;
}

.top-m  li ul li:hover{
	background-color: #05c3de;
	color: white;
}

.flag{
	width: 17px;
	height: 12px;
	display: inline-block;
	margin-left: 5px;
	background-image: url('images/flags.png');
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.us > * > .flag{
	background-position: -18px 0px;
}

.header > *{
	padding-top: 0;
	padding-bottom: 0;
}

.menu-m li{
	position: relative;
	text-align: left;
}

.bg-image .header{
	padding-bottom: 1%;
}

.top-m{
	z-index: 11;
}

.menu-m {
	z-index: 10;
}

.all-menu > *{
	z-index: 9;
}

.header img{
	background-image: url(/images/ptcBrand/logoBlue.png);
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
}

.header.fre img{
	background-image: url(/images/ptcBrand/freLogoBlue.png);
}

@media screen and (max-width: 767px) {
	.header{
		margin-top: 4%;
		margin-bottom: 10px;
	}

	.header  .all-menu .show > .fa-angle-down::before{
		content: '\f106';
	}

	.header .fa-bars{
		font-size: 60px;
		cursor: pointer;
		color: #008eaa;
		float: right;
		display: block;
	}
	
	.all-menu > div{
		position: absolute;
		left: 0;
		top: 80px;
		display: block;
		width: 80%;
		margin: 0 10%;
		background-color: #efefef;
		color: #008eaa;
	}
	
	.all-menu ul, .all-menu li{
		width: 100%;
		box-sizing: border-box;
	}
	
	.all-menu  li div{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 30px;
		color: white;
		padding: 14px 20px;
		color: #008eaa;
		border-left: 1px solid #dddddd;
	}
	
	.all-menu li div:hover{
		background-color: white;
	}
	
	.all-menu li:not(.show) ul{
		display: none;
	}
	
	.top-m .max-width{
		padding: 0;
	}
	
	.menu-m a, .top-m span:not(.flag):not(.count), .top-m a{
		display:block;
		margin: 0;
		padding: 20px;
		border-top: 1px solid #eeeeee;
		border-bottom: 1px solid #dddddd;
	}
	
	.menu-m ul {
		background-color: #cccccc;
	}
	
	.menu-m ul a, .account ul a, ul.account a{
		border-top: 1px solid #bbbbbb;
		border-bottom: none;
	}
	
	.menu-m ul ul{
		background-color: #05c3de;
		color: white;
	}
}

@media screen and (min-width: 768px) {
	.header{
		position: relative;
		margin-top: 0;
		padding: 0;
	}

	.header .fa-bars::before, .menu-m .fa-angle-down::before{
		content: '';
	}
	
	.all-menu li:not(:hover) ul{
		display: none;
	}
	
	.top-m .fa-angle-down {
		font-size: 20px;
		overflow: hidden;
		max-height: 14px;
		position: relative;
		top: -3px;
	}
	
	.top-m {
		top: 0;
		position: absolute;
		text-align: left;
		left: 0;
		width: 100%;
		background-color:  #008eaa;
	}
	
	.top-m  li ul {
		position: absolute;
		top: 36px;
		left: 0;
		right: 0;
	}
	
	.top-m  li{
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
	}
	
	.top-m li:hover, .top-m li ul{
		background-color: white;
		color: #05c3de;
	}
	
	.country, .lang{
		color: white;
	}
	
	ul.account li ul {
		text-align: right;
		left: initial;
	}
	
	.menu-m *{
		opacity: 0.95;
	}
	
	.menu-m > li{
		padding: 10px 0;
		margin: 0 3%;
	}
	
	.menu-m ul{
		position: absolute;
		width: 200px;
	}
	
	.menu-m ul li{
		display: block;
		padding: 15px 20px;
	}
	
	.menu-m > li > a{
		color: #008eaa;
	}
	
	.menu-m li:hover > ul {
		display: block;
	}
	
	.header div.all-menu{
		width: 78%;
		text-align: right;
		float:right;
	}
	
	ul.menu-m{
		width: 100%;
	}
	
	.menu-m > li:hover{
		border-bottom: 2px solid #008eaa;
	}
	
	.menu-m > li > ul::before{
		font-family: FontAwesome;
		content: '\f0d8';
		position: absolute;
		color: #008eaa;
		right: 9px;
		top: -12px;
	}
	
	.menu-m > li > ul{
		right: 0;
		top: 36px;
		background-color: #008eaa;
		color: white;
	}

	.menu-m ul > li:hover{
		background-color: #749ca5;
		color: #008eaa;
		font-weight: bold;
	}	

	.menu-m > li > ul > li > ul{
		left: -200px;
		top: 0;
		background-color: #dddddd;
		color: #008eaa;
	}

	.menu-m > li:focus, .menu-m > li:active{
		border-bottom: 2px solid #008eaa;
		font-weight: bold;
	}
	
	.header .menu-m > li:last-child{
		background-color: white;
		border-radius: 50px;
		padding: 10px 23px;
		margin: 0;
	}
	
	.header .donate {
		color:#706259;
	}
	
	.header :not(li)>a{
		position: absolute;
		top: 50px;
	}
	
	.bg-image .header img{
		background-image: url(/images/ptcBrand/logoBlue_ffffff.png);
	}
	
	.bg-image .header.fre img{
		background-image: url(/images/ptcBrand/freLogoBlue_ffffff.png);
	}
}

.header > a{
	margin-top: 16px;
}

.header img {
	width: 150px;
	height: 70px;
}

.header .menu-m li:last-child:hover, 
.header .menu-m li:last-child:focus, 
.header .menu-m li:last-child:active{
	border-bottom: none;
}

/*end of header ---------------------*/
/*don-box ---------------------------*/

#don-box{
	vertical-align: middle;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	
	-webkit-transition: background-image 1s linear;
	-moz-transition: background-image 1s linear;
	-o-transition: background-image 1s linear;
	-ms-transition: background-image 1s linear;
	transition: background-image 1s linear;
}

#don-box .box, #description > *{
	max-width: 510px;
	margin: auto;
}

#description p:first-child{
	margin-top: 4%;
}

#christmas{
    margin-top: 4%;
    text-align: center;
}

.picture #don-box .box, .picture #description > *{
	max-width: 800px;
}

label[for='month8'], label[for='month15'], label[for='month22']{
	margin-left: 80px;
}

@media screen and (max-width: 767px) {	
	label[for='month8'], label[for='month22']{
		margin-left: 80px;
	}
	
	#don-box .box, #description > *{
		padding: 25px;
	}
}

@media screen and (min-width: 768px) {	
	.picture #tab1, .picture #tab2{
		display: inline-block;
		width: 50%;
		margin-left: 3%;
		vertical-align: top;
	}
	
	.picture label[for='month15']{
		margin-left: 80px;
	}
	
	#don-box .box, #description > *{
		padding: 4%;
	}
}
	
#don-box  .box{
	padding-bottom: 25px;
	border-radius: 5px;
	background-color: white;
}

#title, #logo{
	padding-bottom: 4%;
	text-align: center;
	line-height: 42px;
}

#logo img{
	width: 200px;
	padding: 0 20px;

}

body:not(.picture) .project_pic{
	display: none;
}
	
.project_pic, .event_pic > div {
	width: 250px;	
}	
	
@media screen and (min-width: 768px) {	
	.project_pic, .event_pic > div {
		display: inline-block;
	}
}

@media screen and (max-width: 767px) {	
	.project_pic, .event_pic > div {
		margin: 0 auto 15px;
		display: block;
	}
}

#tab1 > *:not(.clear):not(.err-msg), #tab2 > *:not(.clear){
	margin-bottom: 15px;
}

#tab1 > .err-msg {
	font-size: 15px;
	line-height: 15px;
	padding: 0;
	margin-bottom: 5px;
	position: relative;
	top: -30px;
	color: red;
}

.err{
/* todo (how should I did this) */
}

.amount{
	position: relative;
	background-color: #dad1ca;
	font-weight: 700;
	color: #007fa3;
	font-size: 42px;
	padding: 10px;
	display: block;
}


@media screen and (max-width: 767px) {
	.amount span{
		left: 11px;
		bottom: 0;
	}
}

@media screen and (min-width: 768px) {
	.amount span{
		top: 25px;
		right: 10px;
	}
}

.amount span{
	color: #908c89;
	position: absolute;
	font-size: 15px;
}

#txtDonationAmount {
    width: 190px;
}

.amount label[for=txtDonationAmount],
.amount #txtDonationAmount{
	border: none;
	vertical-align: middle;
}

#don-box .border{
	border-top: solid #dddddd 1px;
	padding-top: 13px;
}

.frequency{
	font-weight: 400;
}

.options div{
	color:#008eaa;
	font-weight: 700;
}

#options{
	margin-top: 13px;
	max-width: 100%;
}

label[for=onetime]{
	margin-right: 30%;
}

@media screen and (max-width: 767px) {
	label[for=onetime]{
		width: 100%;
	}
}


.recurring{
	font-size:16px;
}

.recurring span{
	color: #05c3de;
	width: 80px;
	display: inline-block;
}

.recurring input[type=radio] + label:before{
	width: 16px;
	height: 16px;
	border-radius: 8px;
}

.link-recurringitem-attribute{
	color: #05c3de;
	margin-left: 10px;
}

.link-recurringitem-attribute:hover{
	color: #00bbcc;
}

label[for=month1], label[for=month15]{
	margin-right: 10px;
}

#txtStartDate{
	border: none;
}

input.small{
	vertical-align: top;
	margin-right: 10px;
}

input.small + label, span.small, label.small{
	font-size: 12px;
	color: #706259;
	line-height: 15px;
	width: 89%;
}

label.small + select{
	font-size: 12px;
	color: #706259;
	margin: 0;
}

@media screen and (max-width: 767px) {	
	#don-box .button5L{
		margin: auto;
		display: table;
	}
}

@media screen and (min-width: 768px) {	
	#don-box .button5L{
		float: right;
	}
}

#txtStartDate{
	width: initial;
}

#tab2 p{
	color: #008eaa;
	font-size: 21px;
}

#don-box textarea{
	width: 100%;
	resize: none;
	border: none;
	background: #e6e6e6;
	-moz-box-shadow: inset  0  8px 8px -8px #cccccc,
		inset  0 -8px 8px -8px #cccccc;
	-webkit-box-shadow: inset  0  8px 8px -8px #cccccc,
		inset  0 -8px 8px -8px #cccccc;
	box-shadow: inset  0  8px 8px -8px #cccccc,
		inset  0 -8px 8px -8px #cccccc;
}

#description p{
	border-radius: 5px;
	background: #05c3de;
	opacity: 0.85;
	color: white;
	text-align: center;
}

#pcNotes span:not([style*="display: none"]) + textarea{
	max-height: 56px;
}

span.staffName {
	vertical-align: top;
}

/*endof don-box ---------------------*/

#dfilter {
	font-weight: 700;
	background-color: #ffd204;
}

#list{
	background-color: white;
}

@media screen and (min-width: 1100px){
	#list .max-width, #dfilter .max-width {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#dfilter {
		padding: 30px 0;
	}
}

/*@media screen and (min-width: 768px){
	.f .max-width {
		padding-top: 0;
		padding-bottom: 0;
	}
}*/


#list .item {
	padding: 2% 2% 2%;
	display: inline-block;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	background-repeat: no-repeat;
	background-size: auto 240px;
	background-position: top center;
	line-height: 33px;
}

#list h2{
	font-size: 24px;
	height: 60px;
}

#list img {
	padding-top: 173px;
	padding-bottom: 7%;
}


#list a {
	margin-top: 7%;
	font-weight: 400;
	font-size: 24px;
}

#list h3{
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
}

@media screen and (max-width: 767px) {
	#staff-box{
		text-align: center;
	}
	
	#list .item{
		width: 100%;
		max-width: 330px;
		box-sizing: border-box;
		margin: 2% 0;
	}
}
@media screen and (min-width: 768px) {
	#list .item{
		width: 330px;
		margin: 2%;
	}
}

#staff-box{
	background-color: #05c3de;
	font-weight: 400;
}

#staff-box img, #cause-box div.image{
	width: 250px;
}

#cause-box div.image{
	height: 250px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display:inline-block;
}

#staff-box > div, #cause-box div:not(.image){
	max-width: 1000px;
}

#cause-box p{
	margin: 20px 0;
}

#staff-box  p{
	margin: 20px 0;
	color: white;
	font-weight: 100;
}

#staff-box > div div, #cause-box > div div:not(.image){
	margin-top: 30px;
}

@media screen and (min-width: 768px) {
	#staff-box > div div, #cause-box > div div:not(.image){
		display: inline-block;
		width: 50%;
		padding-left: 10%;
	}
}

#staff-box h2{
	color: #007fa3;
}

#cause-search::-webkit-input-placeholder {
   text-align: center;
}

#cause-search:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

#cause-search::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;
}

#cause-search:-ms-input-placeholder {  
   text-align: center;
}

#staff-search::-webkit-input-placeholder {
   text-align: center;
   color: #007fa3;
}

#staff-search:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
   color: #007fa3;
}

#staff-search::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;
   color: #007fa3;
}

#staff-search:-ms-input-placeholder {  
   text-align: center;
   color: #007fa3;
}

#staff-search:hover::-webkit-input-placeholder {
   color: #006680;
}

#staff-search:hover:-moz-placeholder { /* Firefox 18- */
   color: #006680;
}

#staff-search:hover::-moz-placeholder {  /* Firefox 19+ */
   color: #006680;
}

#staff-search:hover:-ms-input-placeholder {  
   color: #006680;
}

.fa-search{
	width: 100%;
	position: relative;
	cursor: pointer;
}

.fa-search::before{
	position: absolute;
	right: 0;
	display: inline-block;
	background-color: #008eaa;
	padding: 10px;
	font-size: 20px;
	color: white;
}

#cause-search{
	height: 40px;
}

#staff-search{
	border: none;
	width: 100%;
	height: 40px;
	background-color: #e6e6e6;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	padding-left: 15px;
}

#staff-search.error{
	background-color: #e6a6a6;
}

#list, #homepage, #dfilter{
	text-align: center;
}

.dsGivingStatementTable tr > *{
	padding: 10px;
}

#dsAddressPage .soIdleBtn{
	color: white;
}

#dsAddressPage .soIdleBtn:hover{
	color: #008eaa;
}

.AddressPageButtons{
	padding-top: 4%;
}

#dsAddressPage .padB20{
	padding-top: 4%;
	padding-bottom: 4%;
}

.addressInfoContainer{
	padding-bottom: 4%;
}

.ccClassMessage{
	margin: 20px 0;
}

#dsAnonymousCheckoutPage .padT15 a:first-child{
	margin-top: 25px;
}

.dsAddressListItem, .dsPaymentOption {
	margin: 0.5%;
	padding:0.5%;
	border-radius:5px;
	display: inline-block;
	width: 45%;
}

.dsAddressListItem:hover{
	background-color: #fafafa;
}

#internationalPhone{
	vertical-align: baseline;
}

.phonePlus{
	position: relative;
	top: 25px;
	vertical-align: top;
}

.phoneCountry {
	position: relative;
	top: -23px;
}

/*homepage---------------------------*/

#tab0{
	text-align: center;
	padding: 4%;
}

#tab0 div{
	max-width: 550px;
	margin: auto;
	color: white;
}

#tab0 h1{
	margin-bottom: 4%;
	font-weight: 700;
}

#tab0 p{
	padding-bottom: 4%;
	border-bottom: 1px solid white;
	margin-bottom: 6%;
	font-weight: 300;
}

#tab0 .button{
	margin: 0 10px 10px;
}

.mins{
	background-color:#eeeeee;
	text-align: center;
}

.mins > * > *{
	margin: 37px 0;
}

.mins > * > div{
	max-width: 591px;
	margin: auto;
	padding: 20px;
	border-bottom: solid #2c2a29 1px;
	padding-bottom: 30px;
}

.mins .round{
	width: 100px;
}

@media screen and (max-width: 767px) {
	.mins .max-width{
		padding:0;
	}
	
	.mins a + a{
		border-top: 1px solid #999999;
	}
	
	.mins a {
		display: block;
		text-align: left;
		padding: 30px 0;
		margin:0;
	}
	
	.mins h3 {
		display: inline-block;
		margin-top:37px;
		width: 45%;
	}
	
	.mins img{
		margin: 0 30px;
	}
	
	.mins .p2c{
		background-color:#00a1b0;
		-moz-box-shadow: inset  0  8px 8px -8px #2c2a29,
			inset  0 -8px 8px -8px #2c2a29;
		-webkit-box-shadow: inset  0  8px 8px -8px #2c2a29,
			inset  0 -8px 8px -8px #2c2a29;
		box-shadow: inset  0  8px 8px -8px #2c2a29,
			inset  0 -8px 8px -8px #2c2a29;
	}
}


@media screen and (min-width: 768px) {
	.mins a {
		width: 150px;
		margin-left: 3%;
		margin-right: 3%;
	}
	
	.mins h3 {
		margin-top: 20px;
	}
}

.cams{
	background-color:white;
}

.cause{
	background-color:#3498A6;
	padding: 4%;
	color: white;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.cause a{
		margin-top: 20px;
	}
}


.cause a{
	padding: 10px 40px;
	border: 1px solid white;
	margin-left: 20px;
	border-radius: 30px;
}

.waysToGive > div > div{
	background-color:#007fa3;
	padding: 25px;
    margin-bottom: 13px;
}

.waysToGive > div{
	max-width: 890px;
	padding: 60px;
    margin: auto;
}
	
.waysToGive {
	font-weight: 100;
	color: white;
	background-color: #dcdcdc;
	background-image: url('https://p2c.com/wp-content/themes/P2C/images/circle-background.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.waysToGive img{
	margin: 20px auto 0;
	max-width: 95px;
}

.waysToGive a:not(.button){
	color: #05c3de;
}

.waysToGive a.button{
	margin-top: 30px;
	border-width: 1px;
	font-size: 12px;
	padding: 10px 15px 6px;
}

.waysToGive  div div *{
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.waysToGive img{
		display:none;
	}
	
	.waysToGive h3{
		margin-bottom: 30px;
	}
}
@media screen and (min-width: 768px) {
	.waysToGive{
		text-align:left;
	}
	
	.waysToGive > div > div > div {
		display: inline-block;
		width: 65%;
		padding-left: 25px;
	}
	
	.waysToGive h3{
		max-width: 180px;
		display: inline-block;
		text-align: center;
	}
	
}

/*end of homepage--------------------*/
/* other pages ----------------------*/

#soCreateAccountPage .infoTitle{
	padding-top: 4%;
}

.infoTitle{
	margin-bottom: 4%;
}

form > div:not(.wide):not(#dsAnonymousCheckoutPage) > div > br{
	display:none;
}
form > div:not(.wide):not(#dsAnonymousCheckoutPage) > div > div:not(.infoTitle):not(.dsAccountUpdateButton){
	background-color:white;
	padding-left: 4%;
	padding-right: 4%;
}

form > div:not(.wide):not(#dsAnonymousCheckoutPage) > div > .infoTitle + div,
form > div:not(.wide):not(#dsAnonymousCheckoutPage) > div > div:first-child{
	padding-top:4%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

form > div:not(.wide):not(#dsAnonymousCheckoutPage) > div > div:last-child{
	padding-bottom:4%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom:4%;
}

.accountSection {
	border-radius:5px;
	margin-bottom:20px;
	padding:4% 0;
}

.soShoppingCartBottomright .dsCSSTable, .bottomButtons{
	text-align:right;

}

.dsRequiredFieldsHint, .dsRight, .dsRequiredField{
	color:#05c3de;
	float:right;
}

.dsRightColumn{
	clear: both;
}

.dsRightColumn::before{
	content: '';
	height: 1px;
	display:block;
}

.soCreateAccountBtn, .soCreateOrgAccountBtn{
	margin-top: 15px;
}

.createAccount, .orgAccount{
	border-top: #dddddd 1px solid;
	padding-top: 30px;
	margin-top: 30px;
}

.ccImage img {
    height: 35px;
}

.padR5{
	float:right;
}

.dsCheckoutReviewContinueBtn.topButtons{
	display:none;
}

.paymentInfo td:first-child{
	color:#05c3de;
	padding-right:10px;
}

.preference{
	color: #706259;
	font-size: 14px;
	line-height: 16px;
}

.dsCheckoutReviewContinueBtn{
	padding: 25px 0;
}

#dsOrderConfDetails > div > div > div {
    display: inline-block;
	padding-right:10px;
}

.dsOrderConfReceiptMsg a {
	color: #05c3de;
	margin-left: 10px;
}

.dsOrderConfirmationContinueButton.bottomButtons{
	text-align:center;
}

form .ui-icon-minusthick::before,
form .ui-icon-plusthick::before{
	content: '\f144'; /*arrow*/
}

form .ui-icon-minusthick, .ui-state-active a::after{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.dsCartItemRowColumnRemove{
	color:#999999;
	font-size: 20px;
}

.dsCSSTable .dsCartItemRowColumnRemove a{
	height: 24px;
	display: block;
}

.dsCartItemRowColumnRemove::before{
	content: '\f057'; /*x */
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.dsCartItemRowColumnRemove a{
		width: 20px;
		position: relative;
		top: -24px;
	}
}

@media screen and (min-width: 768px) {
	.dsCartItemRowColumnRemove::before{
		position: absolute;
	}
}

form .ui-icon{
	font-size: 30px;
	height: initial;
	width: initial;
	background-image: none;
	overflow: initial;
	color:#008eaa;
	text-indent: initial;
}

form .ui-icon:hover{
	color:#008299;
}

.paymentInfo a::before, .billingInfo .padR5::before{
	content: '\f040'; /*edit*/
}

.dsAddressListItemImageButtons{
	margin-top: 20px;
}

.dsAddressListItemImageButtons div::before,
.billingInfo .padR5::before{
	position:absolute;
	pointer-events:none;
}


.paymentInfo img{
	display: none;
}

.dsAddressListItemImageButtons{
	float: right;
}

.dsAddressListItemImageButtons div{
	color: white;
	background-color: #999999;
	border-radius: 50%;
	padding: 4px 6px;
	font-size: 18px;
	line-height: 18px;
}

.paymentInfo a, .edit.fa-pencil, .billingInfo .padR5{
	color: white;
	background-color: #999999;
	border-radius: 50%;
	padding: 4px 6px;
	float: right;
	font-size: 18px;
	line-height: 18px;
}

.dsAddressListItemImageButtons div:hover, .paymentInfo a:hover, .fa-pencil:hover, .billingInfo .padR5:hover{
	background-color: #bbbbbb;
}

form .ui-icon, .dsCartItemRowColumnRemove, .paymentInfo a, .billingInfo .padR5 {
	font-family: FontAwesome;
}

.staffcontrols{
	margin: 10px 0;
}

/* end of pages ---------------------*/

.ui-accordion h3.ui-accordion-header{
	margin-top: 30px;
}

.ui-accordion .ui-accordion-header{
	background: white;
	border:none;
	padding: 0 30px;
	padding-bottom: 1px;
}

.ui-accordion .ui-accordion-header a{
	padding: 0.9em 0.5em 0.5em 0.7em;
}

.ui-accordion .ui-accordion-header a, .accountSection  h3{
	color:#007fa3;
	padding-bottom:20px;
}

.ui-accordion-icons .ui-accordion-header a::after{
	font-family: FontAwesome;
	content: '\f144';
	float: right;
}

/*form .ui-accordion-icons .ui-accordion-header a{
	padding-left: 0;
}*/
	
.ui-accordion .ui-corner-top a, .accountSection *:not(.dsOrderHistory) > *  > .ui-icon-minusthick + h3{
	border-bottom: solid 1px #cccccc;
}

.accountSection .ui-widget-content th a{
	color:white;
}

.accountSection .ui-widget-content a:hover{
	color: #008eaa;
}

.dsOrderHistoryActionButtons{
	margin-top: 4%;
	text-align: center;
}

.dsOrderHistoryActionButtons div {
	display: inline-block;
}

.ui-icon{
	float:right;
}

.ui-accordion  .ui-corner-top{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ui-accordion  .ui-corner-all{
	border:none;
	border-radius: 5px;
}

.ui-accordion .ui-accordion-content{
	background-color:white;
	border:none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0 30px 30px;
}

/*tabs*/
#divTransactionHistory{
	border:none;
}

#divTransactionHistory .ui-widget-header{
	background:none;
	border-bottom: 1px solid #cccccc;
	border-radius:0;
	border-top:none;
	border-right:none;
	border-left:none;
	margin-bottom:20px;
}

#divAccountPreference .tabs{
	border-bottom: 1px solid #cccccc;
	margin-bottom:20px;
	width: 100%;
}

.tabs a{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: .5em 1em;
	font-size: 14.4px;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}

ul.tabs.ui-tabs-nav li{
	border: none;
}

#divTransactionHistory .ui-state-default a, #divAccountPreference .tabs  a{
	background-color:#d8d1ca;
	color: #666666;
}

#divTransactionHistory  .ui-state-default.ui-tabs-selected a , #divAccountPreference .tabs .active a{
	background-color: #05c3de;
	color: white;
}

#divTransactionHistory  .ui-state-default a:hover , #divAccountPreference .tabs  a:hover{
	background-color:#00bbcc;
	color: white;
}

table.dsorderitems{
	width:100%;
	border-spacing: 0;
}

@media screen and (max-width: 767px) {
	.dsorderitems:not(.causeTable) td{
		margin-left: 50%;
	}
	.dsorderitems td{
		display: block;
		position: static;
	}
	
	.dsorderitems td:first-child{
		margin-top: 10px;
	}
	
	
	.dsorderitems *::before{
		font-weight: 500;
		width: 50%;
		display: inline-block;
		position: absolute;
		left: 0;
	}
	
	.dsorderitems td:last-child{
		border-bottom: 1px solid #cccccc;
		padding-bottom: 10px;
	}
	
	.dsorderitems .dsTableButtonsColumn::before{
		content: "\00a0";
		border-bottom: 1px solid #cccccc;
		padding-bottom: 10px;
	}
}

.dsorderitems th{
	color:white;
	background-color:#008eaa;
	font-weight: 100;
}

@media screen and (min-width: 768px) {
	.dsorderitems td{
		border-bottom: 1px solid #cccccc;
	}
	
	.dsorderitems tr > *{
		padding: 10px 0;
	}
}

.soBankTransferPanelImage img{
	width: 100%;
}

.loading{
	text-align:center;
}

#videoMod{
	font-size: 16px;
}

.c-list > div{
	margin: 10px;
	border-radius: 10px;
	padding: 10px;
	border: 1px #2c2a29 solid;
}

.c-list table, .c-list iframe{
	display: inline-block;
	overflow: hidden;
	width: 100%;
    max-width: 320px;
}

#imgCCImage{
	background-image: url(/images/creditcards.png);
	width: 240px;
	height: 35px;
	background-repeat: no-repeat;
	background-size: cover;
}

.back{
	display:none;
}

/* form ----------------------------*/

*:not(.focus) > .dsFormLabel, *:not(.focus) > .dsCodeControlCol2{
	/*not display:none so it will keep its size*/
	visibility: hidden
}

.gender .dsFormItem .dsFormLabel, .gender .dsFormItem .dsCodeControlCol2{
	visibility: initial;
}

.dsFormLabel, .dsCodeControlCol2{
	display:inline-block;
}

.ccExp .dsCodeControlCol2 {
    width: 50%;
}

.dsFormLabel *, .LightCellText *, .ui-tooltip-red .qtip-content{
	font-size: 16px;
	color:#00A3AE;
}

.forgotPass{
	color:#00A3AE;
}

.dsCodeControlCol2{
	font-size: 10.5px;
}

.dsFormItem{
	display:inline-block;
}

.fullWidth, .fullWidth input, .fullWidth select,
.halfWidth input, .halfWidth select,
.width75 input, .width25 select {
	width:100%;
}

.halfWidth , input.halfWidth, select.halfWidth{
	width:49%;
}

.width75{
	width:74%;
}

.width25{
	width:24%;
}

.sectionOrgFam .fullWidth{
	max-width:500px;
}

.sectionOrgFam .dsFormLabel, .sectionOrgFam .dsCodeControlCol2,
.sectionEmailPass .dsFormLabel, .sectionEmailPass .dsCodeControlCol2{
	display:inline-block;
}

.edit:not(.editing) + div + div{
	display:none;
}

.edit.editing + div{
	display:none;
}

.edit{
	cursor: pointer;
}

#dsFirstLastNamesPanel{
	clear:both;
}

/* end of form ---------------------*/
/* donation listings ----------------*/

.dsCartSummaryPanel{
	padding-top: 4%;
}

.dsCartItemRowColumnQTY.dscol4{
	vertical-align: baseline;
}

.dsRecurringDonations .dsCSSTableRow,
.dsEvents .dsCSSTableRow,
.dsOneTimeDonations .dsCSSTableRow{
	padding: 20px 0;
	border-bottom: solid 1px #cccccc;
}

.dsShoppingCartDedicationMessage{
	color: #978b82;
	font-size: 10px;
	font-weight: 400;
}

.dsShoppingCartBottomButtonsNotes{
	padding-top:50px;
}

.dsCSSTableHeader{
	font-weight: 300;
	padding: 15px 0;
	font-size: 18px;
}


.dsCSSTableRow{
	font-size: 18px;
}

@media screen and (max-width: 767px) {
	.dsCSSTable.dsCSSTableHeader > div:not(.dsCartHeaderRowColumnDescription), .dsCSSTable.dsCSSTableHeader > .dsCartHeaderRowColumnDescription.dscol4{
		display:none;
	}
	
	.dsCSSTable > div.dscol5{
		float: right;
		position: relative;
		top: -5px;
	}

	
	.dsCSSTableHeader div.dsCartHeaderRowColumnDescription:not(.dscol4) {
		width: 100%;
		float:none;
	}
	
	.dsCSSTableHeader{
		color: #008eaa;
		padding: 20px 0;
		border-bottom: solid 1px #cccccc;
	}
}

@media screen and (min-width: 768px) {
	.dsRecurringDonations .dsCSSTable > div:not(.dsCartItemRowColumnRemove):not(.dsCartHeaderRowColumnRemove){
		width: 30%;
	}
	
	.dsOneTimeDonations .dsCSSTable > div:not(.dsCartItemRowColumnRemove):not(.dsCartHeaderRowColumnRemove){
		width: 45%;
	}
	
	.dsEvents .dsCSSTable > div:not(.dsCartItemRowColumnRemove):not(.dsCartHeaderRowColumnRemove){
		width: 23%;
	}
	
	.dsCSSTable > div, .dsCSSTable > div * {
		display: inline-block;
	}
	
	.dsCartHeaderRowColumnQTY, .dsCartHeaderRowColumnAmount,
	.dsCartItemRowColumnQTY, .dsCartItemRowColumnAmount{
		text-align:center;
	}
	
	.dsCartItemRowColumnRemove, .dsCartHeaderRowColumnRemove{
		width: 20px;
	}
	
	.dsCSSTableHeader{
		color: white;
		background-color: #008eaa;
	}

	*not(.dsEvents) > * > .dsCartHeaderRowColumnDescription,
	*not(.dsEvents) > * > .dsCartItemRowColumnDescription {
		padding-left: 20px;
	}

	div + .dsCartHeaderRowColumnDescription,
	div + .dsCartItemRowColumnDescription {
		padding-left: 0;
	}
}

.dsCSSTable {
	text-align:left;
}

.dsCartSummarySubTotals .dsTaxSummaryCheckout,
.dsCartSummarySubTotals .dsTaxSummaryCaption,
.dsCartSummarySubTotals .dsCartTotal,
.dsCartSummarySubTotals .dsCartTotalCaption {
	display:none;
}

.dsShoppingCartDedicationMessage{
	font-size: 18px;
}

.bottomButtons{
	margin-top: 25px;
}

/* end of donation listings ---------*/
/* recurring on account page --------*/

.soCSSTableCell {
    display: inline-block;
    margin: 10px;
	max-width: 100px;
}

.soCSSTableCell.dsHistoryRowButton{	
	max-width: initial;
}

/* endof recurring on account page --------*/

/* events (when) ------------------- */

@media screen and (min-width: 768px){
	.dsShoppingCartDedicationMessage table{
		width: 500px;
	}
}

.attendees, .attendees  input{
	width: 100%;
}

.attendees td{
	width: 24%;
}

.dseventgetdirectionslink a{
	color: #008eaa;
	font-weight: 500;
}

/* end of events (when) ------------ */

/*footer ----------------------------*/

.footer{
	background: #008eaa;
	color:#05c3de;
	font-size: 18px;
	text-align: center;
}

.footer ul{
	display:inline-block;
}

.sm a{
	background-image: url(images/sm.png);
	margin-top: 10px;
	height: 30px;
	width: 30px;
	background-size: 180px 30px;
}

.tw {
	background-position: -150px 0;
}

.fb {
	background-position: -30px 0;
}

.ig {
	background-position: -120px 0;
}

.yt {
	background-position: -90px 0;
}

@media screen and (max-width: 767px) {
	.footer ul{
		width: 23%;
	}
	
	.footer ul.sm-ul{
		width: 100%;
		text-align: center;
	}
	
	.footer ul:not(.mobile) li:first-child{
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	.footer ul:not(.full){
		width: 16%;
	}
}

.footer li{
	display: block;
}

.footer li.sm{
	display: inline-block;
}

.footer ul:not(.mobile) li:first-child{
	color: #0096a5;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.footer ul:not(.mobile) li:not(:first-child){
		display:none;
	}
}

.footer > div > div:not(.clear){
	border-top: 1px solid #0096a5;
}

@media screen and (max-width: 767px) {
	.footer > div > div{
		margin-top:5px;
		padding-top:20px;
	}
}

@media screen and (min-width: 768px) {
	.footer > div > div:not(.clear){
		margin-top:4%;
		padding-top:4%;
	}
}

@media screen and (max-width: 767px) {
	.footer > div > div > ul{
		width: 49%;
		text-align: left;
		float: left;
	}
}

/*end of footer ---------------------*/

/* radioButtons ******************************/
input[type=radio] {
    display:none; 
}

input[type=radio] + label:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	position:relative;
	top:2px;
	border-radius:10px;
	margin-right:5px;
	background-color:#d8d1ca;
}

input[type=radio]:checked + label:before { 
   background-color:#05c3de;
}

input[type=radio] + label:hover:before { 
   background-color:#00bbcc;
}

input[type=radio] + label { 
   cursor: pointer;
}

#dfilter input[type=radio] + label:before{
	display: none;
}

#dfilter  input[type=radio] + label{
	text-transform: uppercase;
}

@media screen and (max-width: 1099px) {
	#dfilter:not(.wtg){
		text-align: left;
	}
	#dfilter :not(.show) >  input[type=radio]:checked + label:after{
		content: '\f107';
		display: block;
		background: #2c2a29;
		color: white;
		font-family: FontAwesome;
		float: right;
		padding: 0 10px;
		height: 100%;
		font-size: 60px;
	}
	#dfilter  :not(.show) > input[type=radio]:not(:checked )+ label{
		display: none;
	}
	
	#dfilter  input[type=radio]:checked + label{
		padding-right: 0;
	}
	#dfilter  input[type=radio] + label{
		line-height: 60px;
		padding-left: 10px;
		display: block;
	}
	
	#dfilter:not(.wtg) .max-width{
		padding: 0;
	}
}
@media screen and (min-width: 1100px) {
	#dfilter input[type=radio] + label{
		padding: 17px;
		margin: 10px 25px;
		border: 1px solid transparent;
	}

	#dfilter input[type=radio]:checked + label { 
		border-radius: 30px;
		border: 1px solid #2c2a29;
	}
}


/* end of radioButtons ***********************/

@media screen and (max-width: 767px) {
	.myCausesPage th:not(:first-child){
		display:none;
	}
}

.causeHistory th{
	-webkit-box-shadow: 0px 4px 5px gray;
	-moz-box-shadow: 0px 4px 5px gray;
	box-shadow: 0px 4px 5px gray;
}

.causeHistory .selected td{
	background-color: #f5f5f5;
}
.causeHistory tr:hover td{
	background-color: #eeeeee;
}

.progress div{
    width: 10%;
    height: 10px;
    background-color: #008eaa;
    position: relative;
    -webkit-animation-name: progress; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	-webkit-transition-timing-function: linear;
    animation-name: progress;
    animation-duration: 1s;
	animation-iteration-count: infinite;
	transition-timing-function: linear;
}

.progress {
	background-color: #a6bbbf;
}

@-webkit-keyframes progress {
    0%   {left:0%; width: 5%;}
	50%   {left:40%; width: 20%;}
    100%  {left:95%; width: 5%}
}

@keyframes progress {
	0%   {left:0%; width: 5%;}
	50%   {left:40%; width: 20%;}
    100%  {left:95%; width: 5%}
}

.ui-dialog .ui-icon{
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	overflow: hidden;
}

.ui-dialog .ui-widget-content a{
	color:white;
	margin-top: 20px;
}

.soBankTransferPanelAccountType{
	display:none;
}

/*changing the look of calendar*/

.ui-datepicker-title select{
	color:#00a1b0;
}

#ui-datepicker-div {
	background-color:#008eaa;
	box-shadow:0px 1px 10px #2c2a29;
	border-radius: 5px;
	border:none;
	font-weight: 300;
	padding: 10px;
	width: initial;
}

#ui-datepicker-div * {
	opacity:1;
}

#ui-datepicker-div  .ui-datepicker-header{
	background:none;
	border:none;
	color:white;
}

.ui-datepicker th{
	display:none;
}

.ui-datepicker td{
	background-color:white;
	border:1px solid #cccccc;

}

.ui-datepicker td:not(.ui-datepicker-unselectable):hover{
	background-color: #dddddd;
}

.ui-datepicker tr td:last-child{
	border-right:none;
}

.ui-datepicker tr:first-child td{
	border-top:none;
}

.ui-datepicker tr:last-child td{
	border-bottom:none;
}

.ui-datepicker tr td:first-child{
	border-left:none;
}

.ui-datepicker tr:first-child td:last-child{
	border-top-right-radius:5px;
}

.ui-datepicker tr:first-child td:first-child{
	border-top-left-radius:5px;
}

.ui-datepicker tr:last-child td:last-child{
	border-bottom-right-radius:5px;
}

.ui-datepicker tr:last-child td:first-child{
	border-bottom-left-radius:5px;
}

.ui-datepicker table{
	border-collapse:collapse;
}

#ui-datepicker-div a{
	background:none;
	color: #808080;
	border: none;
	padding:0;
	margin:0 4px;
}

#ui-datepicker-div .ui-icon{
	width: 13px;
	background-image: none;
	color: #00a1b0;
	text-indent: initial;
	position: relative;
	top: 9px;
	left: 0;
	height: initial;
}

.ui-icon-circle-triangle-w::before,
.ui-icon-circle-triangle-e::before{
	content: '\f144'; /*arrow*/
	font-family: FontAwesome;
}

.ui-icon-circle-triangle-w{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*end of changing the look of calendar*/

input.material{
	display:none;
}

input.material + label{
	background: lightgray;
    height: 10px;
    width: 30px;
	margin-top: 5px;
	margin-left: 10px;
    border-radius: 5px;
	position:relative;
}

input.material + label:before{
	content: ' ';
	background: gray;
	border-radius: 8px;
	height: 16px;
	width: 16px;
	display: block;
	position: absolute;
	top: -3px;
	left: -5px;
	 -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
	box-shadow: 2px 2px 5px #888888;
}

input.material:checked + label{
	background: #327076;
}

input.material:checked + label:before{
	content: ' ';
	background: #05c3de;
	left: 25px;
}


/*	gain cause list layout */

.panel h3 {
    margin-top: 5px;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
}

.panel {
	box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
	margin: 20px auto;
	padding: 20px 20px;
	max-width: 956px;
	background-color: white;
}

.panel .fa-close:before {
    position: relative;
    left: 20px;
    pointer-events: none;
	display: inline-block;
}

@media screen and (min-width: 768px){
	.panel img {
		float: left;
		margin-right: 20px;
	}
}

.myCausesPage .button2L {
    text-align: center;
    margin: auto;
    display: block;
    margin-bottom: 30px;
    max-width: 200px;
}

/* end of gain copy */

/* cardconnect iframe */

.cardconnect iframe{
	width: 100%;
	height: 25px;
	
	padding-bottom: 3px;
	border-width: 0px 0px 2px;
    border-style: none none solid;
    border-color: #A9A9A9;
}

.focus .cardconnect iframe {
    border-color: #00A3AE;
}

.error .cardconnect iframe {
    border-color: orange;
    background-color: #ffb3b3;
}

.cardconnect{
	margin: 0 0 24px;
}

/* end of cardconnect iframe */