@font-face {
  	font-family:"Trade Gothic W01 Bold";
	src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix");
	src:url("../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot"),
		url("../fonts/d2e623ca-efc6-4557-ae55-ebb786065dcf.woff2") format("woff2"),
		url("../fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"),
		url("../fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"),
		url("../fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg");
}


.donor-progress {
    width: 100%;
    height: 125px;
    background-color: #F2F2F2 ;
    background: url(../images/pattern-img.png) repeat 0 0; 
    position: relative;
}
.mobile-progress {
	display: none;
}
.donor-bar {
    background-color: #026f79;
    height: 125px;
    color: #147983;
    background-image: url(../images/pattern-img.png), -moz-linear-gradient( 110deg, rgb(0,156,143) 0%, rgb(2,111,121) 100%);
    background-image: url(../images/pattern-img.png), -webkit-linear-gradient( 110deg, rgb(0,156,143) 0%, rgb(2,111,121) 100%);
    background-image: url(../images/pattern-img.png), -ms-linear-gradient( 110deg, rgb(0,156,143) 0%, rgb(2,111,121) 100%);
} 
.donor-progress span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 2;
    width: 100%;
}
.donor-amount {
	color: #00deb5;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: Trade Gothic W01 Bold;
}
.compaign-progress{
    font-size: 25px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    padding-left: 50px;
    font-family: "montserratbold";
}
.donor-background-bar {
    width: 73%;
    float: right;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 60px;
    background-color: rgba(0,0,0,.15);
    border-radius: 30px;
    right: 50px;
}
.donor-total-amount{
	text-align: right;
    font-size: 30px;
    color: #363d45;
    text-transform: uppercase;
    padding-right: 95px;
    font-family: Trade Gothic W01 Bold;
 }


.carouselTicker__list li{
   
    float: left;
    display: inline-block;
    width: auto;
}


/* Honor roll css */


#honor-roll {
    background-color: #0d9c94;
    background-image: -moz-linear-gradient( 110deg, rgb(17,162,150) 0%, rgba(17,162,150,0) 100%);
    background-image: -webkit-linear-gradient( 110deg, rgb(17,162,150) 0%, rgba(17,162,150,0) 100%);
    background-image: -ms-linear-gradient( 110deg, rgb(17,162,150) 0%, rgba(17,162,150,0) 100%);
    position: relative;
}
#honor-roll .thank-part {
    /*width: 300px;*/
    float: left;
    background: #00757b;
    padding: 33px 50px 33px 0;
    text-align: left;
}
#honor-roll .thank-part .small-title {
    font-size: 22px;
    color: #ffffff;
    font-family: Chaparral W01 SHd;
}
#honor-roll .thank-part .big-title {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 5px;
    font-family: "montserratbold";
}
#honor-roll .thank-part .view-link-box {
    border-top: solid 1px #43999e;
}
#honor-roll .thank-part .view-link-box a {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 10px;
    display: inline-block;
    font-family: Trade Gothic W01 Bold;
}

#honor-roll .carouselTicker__list  {
    padding: 0px 0 30px 10px;
    margin: 0;
    top: 40px;
}
#honor-roll .carouselTicker__list  {
    padding: 18px 30px;
    margin: 0;
    line-height: normal;
}
#honor-roll .carouselTicker__item  {
    border-right: solid 1px rgba(255,255,255,0.2);
    padding-left: 30px;
    padding-right: 30px;
}
#honor-roll .carouselTicker__list .donor-name {
    font-size: 40px;
    color: #fff;
    font-family: Chaparral W01 SHd;
    display: block;
}

#honor-roll .carouselTicker__list .company-name {
    font-size: 16px;
    color: #00deb5;
    text-transform: uppercase;
    font-family: 'Trade Gothic W01 Bold'; display: block;
}

.donnors_scroller span { text-align:left; display:inline-block; vertical-align:top; }

/* marquee css */
.marq-container {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    height: 166px;
    cursor: pointer;
    background-color: #0d9c94;
    background-image: -moz-linear-gradient( 110deg, rgb(17,162,150) 0%, rgba(17,162,150,0) 100%);
    background-image: -webkit-linear-gradient( 110deg, rgb(17,162,150) 0%, rgba(17,162,150,0) 100%);
    background-image: -ms-linear-gradient( 110deg, rgb(17,162,150) 0%, rgba(17,162,150,0) 100%);
    position: relative;
}
.marquee-sibling {
    padding: 0;
    height: 166px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000;
}
.marquee,
*[class^="marquee"] {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
}
.marquee { margin-left: 25%; }

.marquee-content-items {
    float: left;
    margin: 0;
    position: relative;
}
.marquee-content-items li {
    display: inline-block;
    line-height: 35px;
    color: #fff;
}
 
@media all and (min-width: 1500px) {
	.compaign-progress {
		font-size: 30px;
	}
}
@media all and (max-width: 1600px) {
	.compaign-progress {
		font-size: 27px;
		padding-left: 35px;
	}	
}
@media all and (max-width: 1450px) {
	.compaign-progress {
		font-size: 25px;
		padding-left: 30px;
	}
	.donor-total-amount {
		font-size: 25px;
	}
}

@media all and (max-width: 1366px) {
	.compaign-progress,
	.donor-amount,
	.donor-total-amount {
		font-size: 21px;
	}
}

@media all and (max-width: 1279px) {
	
	.donor-progress, .donor-bar {
		height: 150px;
	}
	.donor-progress span,
	.donor-background-bar {
		transform: translateY(0%);
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
	}
	.donor-progress .compaign-progress {
  		text-align: center;
  		padding: 0;
  		top: 22px;
	}
	.donor-progress .donor-background-bar {
		width: 96%;
		right: 2%;
		top: 65px;
	}
	.donor-progress .donor-amount {
		top: 74px;
		font-size: 30px;
	}
	.donor-progress .donor-total-amount {
		top: 75px;
		font-size: 30px;
	}
	.donor-progress {
		display: none;
	}
	.mobile-progress {
		display: block;
		background-color: #026f79;
    	background-image: url(../images/pattern-img.png), -moz-linear-gradient( 110deg, rgb(0,156,143) 0%, rgb(2,111,121) 100%);
    	background-image: url(../images/pattern-img.png), -webkit-linear-gradient( 110deg, rgb(0,156,143) 0%, rgb(2,111,121) 100%);
    	background-image: url(../images/pattern-img.png), -ms-linear-gradient( 110deg, rgb(0,156,143) 0%, rgb(2,111,121) 100%);
	}	
	.mobile-progress .donor-background-bar {
		background-color: #ffffff;
		background-image: url("../images/pattern-img.png");
		border-radius: 0 30px 30px 0;
		-moz-border-radius: 0 30px 30px 0;
		-webkit-border-radius: 0 30px 30px 0;
		width: 9.3%;
	}
	.mobile-progress .donor-bar {
		border-radius: 30px 0 0 30px;
		-moz-border-radius: 30px 0 0 30px;
		-webkit-border-radius: 30px 0 0 30px;
    	height: 60px;
    	position: absolute;
    	top: 65px;
    	left: 2%;
    	z-index: 1;
    	background-image: none;
    	background-color: rgba(0, 0, 0, 0.15);
	}
}

@media all and (max-width: 1023px) {
	.donor-progress, .donor-bar {
		height: 160px;
	}	
	.donor-background-bar {
  		width: 90%;
  		right: 5%;
	}
	.donor-progress .compaign-progress {
		top: 20px;
  		padding-left: 0;
  		text-align: center;
	}
	.donor-progress .donor-amount {
  		padding-left: 75px;
  		text-align: left;
  		top: 78px;
  		width: 100%;
	}
	.donor-progress .donor-total-amount {
		top: 78px;
		padding-right: 75px;
	}
	.mobile-progress .donor-bar,
	.donor-progress .donor-background-bar {
		top: 70px;
	}
}



@media all and (max-width: 1023px) {
	
	#honor-roll .thank-part .view-link-box,
	#honor-roll .thank-part .small-title {
		display: none;
	}
	#honor-roll .thank-part {
		text-align: center;
	}
	#honor-roll .thank-part {
		padding: 15px 0;
		padding-left: 0 !important;
	}
	#honor-roll .thank-part .big-title {
		padding-bottom: 0;
	}
	#honor-roll .thank-part .big-title:before {
	  	content: "Stevens";
	  	font-family: Chaparral W01 SHd;
	  	font-size: 22px;
	  	padding-right: 10px;
	  	text-transform: none;
		vertical-align: top;
	}
	.marq-container {
    	height: 146px;
	}
	#honor-roll .carouselTicker__list .donor-name {
		font-size: 30px;
	}
	#honor-roll .carouselTicker__list {
		top: 77px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.marquee-sibling + div, 
	.view-donor-scroller,
	.view-content,
	.view-content > div,
	.carouselTicker,
	.carouselTicker__wrap {
		height: 100%;
	}
	
	
}