@charset "UTF-8";
/* CSS Document */
body {font-size:16px;}
body {min-width:340px; overflow:scroll;}
body { background-color:#fafafa;}
.pad-l-r-10 { padding-left:0.5em; padding-right:0.5em;}
.center {	text-align:center; }
@media (max-width: 767px) {
	.show-hide-1 {	display:none;}
	.show-hide-2 {	display:block}
}
@media (min-width: 768px) {
	.show-hide-1 {	display:block}
	.show-hide-2 {	display:none}
}
@media (min-width: 992px) {
	.show-hide-1 {	display:block}
	.show-hide-2 {	display:none}
}
@media (min-width: 1200px) {
	.show-hide-1 {	display:block}
	.show-hide-2 {	display:none}
}

/* START TOP HEADER SECTION */
#top--header {
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
#top--header .top--header {
  background : #141414;
  background : rgba(20, 20, 20, 1);
  display:block;
  min-height:3.5em;
  height:3.5em;
  overflow:hidden;
  width:100%;
}
#top--header .top--header .logo {
	display:block;
	width:auto;
	height:auto;
	padding:0.1em 0 0.125em 0;
}
#top--header .top--header .logo img {
	width:auto;
	max-height:3.2em;
	height:auto;
	display:block;
}
#top--header .top--header .welcome--message {
	display:block;
	width:100%;
	height:auto;
	padding:1em 1em 0 0; 
	margin:0
}
#top--header .top--header .welcome--message ul {float:left; list-style:none; margin:0 0 0 auto; padding:0; text-align:right; width:100%; display:inline-block; font-size:0.875em}
#top--header .top--header .welcome--message ul li { float:right;text-align:right; padding:0 5px 0 0; margin:0;}
#top--header .top--header .welcome--message ul li,
#top--header .top--header .welcome--message ul li a {color:#999999}
#top--header .top--header .welcome--message ul li a:hover {color:#ffffff; text-decoration:none}
#top--header .sub--header {
  background : #2A3333;
  background : rgba(42, 51, 51, 1);
  display:block;
  width:100%;
  height:auto;
}
#top--header .sub--header .sub--nav--section {
	padding:5px 0 5px 0;
	margin:0;
}
#top--header .sub--header .sub--nav--section .nav.nav-pills a.white{color:#ffffff;}
#top--header .sub--header .sub--nav--section .nav.nav-pills a.white:hover,
#top--header .sub--header .sub--nav--section .nav.nav-pills a.white:focus{color:#333333;}


/* ACCOUNT NAV SECTION */
#account--nav .account-nav {
	background : -moz-linear-gradient(50% 0% -90deg,rgba(235, 235, 235, 1) 0%,rgba(233, 233, 233, 1) 22.32%,rgba(225, 225, 225, 1) 34.77%,rgba(211, 211, 211, 1) 44.76%,rgba(200, 200, 200, 1) 50%);
	background : -webkit-linear-gradient(-90deg, rgba(235, 235, 235, 1) 0%, rgba(233, 233, 233, 1) 22.32%, rgba(225, 225, 225, 1) 34.77%, rgba(211, 211, 211, 1) 44.76%, rgba(200, 200, 200, 1) 50%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(235, 235, 235, 1) ),color-stop(0.2232,rgba(233, 233, 233, 1) ),color-stop(0.3477,rgba(225, 225, 225, 1) ),color-stop(0.4476,rgba(211, 211, 211, 1) ),color-stop(0.5,rgba(200, 200, 200, 1) ));
	background : -o-linear-gradient(-90deg, rgba(235, 235, 235, 1) 0%, rgba(233, 233, 233, 1) 22.32%, rgba(225, 225, 225, 1) 34.77%, rgba(211, 211, 211, 1) 44.76%, rgba(200, 200, 200, 1) 50%);
  background : -ms-linear-gradient(-90deg, rgba(235, 235, 235, 1) 0%, rgba(233, 233, 233, 1) 22.32%, rgba(225, 225, 225, 1) 34.77%, rgba(211, 211, 211, 1) 44.76%, rgba(200, 200, 200, 1) 50%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#C8C8C8' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(235, 235, 235, 1) 0%, rgba(233, 233, 233, 1) 22.32%, rgba(225, 225, 225, 1) 34.77%, rgba(211, 211, 211, 1) 44.76%, rgba(200, 200, 200, 1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB',endColorstr='#C8C8C8' , GradientType=0);
	padding:1em 1em 0 1em;
}
.profile--body--container {
	border:#cccccc 1px solid;
}

/* START MARKETING SECTION STYLES */
#marketing--zone--1 {
	width:100%;
	height:auto;
	display:block;
	padding:0;
	margin:0;
}
#marketing--zone--1 .marketing-zone-1 {
	background-image:url(../_assets/bg/artstudio.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width:100%;
	display:block;
	height:345px;
}
#marketing--zone--1 h1 {
	font-size:2em;
	font-weight: 100;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
}
#marketing--zone--1 .box-centered  {
    display: table;
    position: absolute;
    min-height:340px;
    width: 100%;
}
.box-middle {
    display: table-cell;
    vertical-align: middle;
}
.box-inner {
    margin-left: auto;
    margin-right: auto; 
    width: 100% /*whatever width you want*/;
}
#marketing--zone--1 .btn {font-size:16px;}
#marketing--zone--1 .btn-lg { 
	font-size: 1em;
	padding: 0.875em 1em;
	line-height: 1;
}
@media (min-width: 768px) {
	#marketing--zone--1 h1 { font-size:3em; }
	#marketing--zone--1 .marketing-zone-1 { height:445px; }
	#marketing--zone--1 .box-centered  { min-height:440px;}
	#marketing--zone--1 .btn-lg { font-size: 1.11em; }
@media (min-width: 992px) {
	#marketing--zone--1 h1 { font-size:4em; }
	#marketing--zone--1 .marketing-zone-1 { height:645px; }
	#marketing--zone--1 .box-centered  { min-height:640px; }
	#marketing--zone--1 .btn-lg { font-size: 1.25em; }
}
@media (min-width: 1200px) {
	#marketing--zone--1 .btn-lg { font-size: 1.35em; }
}
/* BODY SECTION STYLES */
#body--section, 
.box--1, 
.cause-1,
.body--style--1,
.cause-status { width:100%; height:auto; display:block; }
.body--style--1,
.cause-status { padding:1.5em 0 1.5em 0;	margin:0; }

.box--1 {
	padding: 1px;
	margin: 0;
	background-color: #cccccc;
	border-radius: 6px;
	overflow: hidden;
	border-collapse: collapse;
}
.cause-1 {background-color:#ffffff; font-size:14px;}
.body--style--1 {
	background-color:#ffffff;
	background-image: url(../_assets/bg/2014_ict_bg_tone_v1.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.cause-1 {
	color:#666666;
	line-height:1.1em;
}
.cause-1 h2, 
.cause-1 p {
	padding:0.25em 0.5em 0.25em 0.5em	;
	margin:0;
}
.cause-1 h2 {
	font-size:1.2em;
	color:#00a82e;
}
.cause-1 p {
	color:#666666;
	font-size:1em;
	line-height:1.5em;
}
.cause-1 .cause--image {
	width:100%; 
	height:auto;
}
.cause-1 .cause--image img {
	width:100%;
	height:auto;
	display:block;
}
.max-height-1 {
	max-height:4em;
	overflow:hidden;
	display:block;
	text-overflow:ellipsis;
	white-space:normal;
}
.block-ellipsis-3 {
	display: block;
	display: -webkit-box;
	max-width: 100%;
	max-height: 5.1	em;
	margin: 0 auto;
	font-size: 1em;
	line-height: 1;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.block-ellipsis-2 {
	display: block;
	display: -webkit-box;
	max-width: 100%;
	max-height: 3em;
	margin: 0 auto;
	font-size: 1em;
	line-height: 1;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.div-line {
	display:block;
	width:100%;
	height:1px;
	background-color:#cccccc;
	margin:1em 0 1em 0;
}
.cause-types p a {
	color:inherit;
	font-size:0.875em;
}
.cause-types {
	padding:0 0 1em 0;
}
.cause-status {
	background-color:#cccccc;
}
.global-status p {
	font-size: 0.75em;
	color: #333333;
	font-weight: bold;
}
.progress-bar.icaretee {
	background-color: #00a82e;
	font-size: 0.875em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.90);
}
.cause-status-current p {
	font-size:1em; 
	line-height:1em;
	margin:0;
	padding-bottom:0;
}
.cause-status-current p.left {text-align:left;}
.cause-status-current p.right {text-align:right;}