@font-face {
    font-family: 'skup-bold';
    src: url('fonts/eft_skup_bold-webfont.woff2') format('woff2'),
         url('fonts/eft_skup_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Alef-Bold';
    src: url('fonts/Alef-Bold.woff2') format('woff2'),
         url('fonts/Alef-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html{
	height:100%;
}


body {
	background-color:#FFF;
	min-width:1200px;
	font-size:14px;
	line-height:24px;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	/*font-family: 'Alef-Bold';*/
}

.power, .inactive {
	color:#FFF;
	padding:5px 0px;
	width:100%;
	background-color:#2f2e2e;
	font-size:10px;
	text-align:center;
}

.inactive { 
	font-size:20px;
	letter-spacing:1px;
	background-color:#ff4835;
	font-weight:600;
}

.power  a {
	color:#FFF;
	text-decoration:none;
}

.power img {
	margin:0px 0px -5px 0px;
}

#topwrapper .top  {
	width:100%;
}

#topwrapper .top {
	padding:0px;
}

#topwrapper .top .logo {
	width:25%;
	padding:5px 0px 0px 2%;
}

#topwrapper .top .nav {
	width:70%;
	padding:10px 0px 0px 0px;
}

#topwrapper .top .logo img {
	max-height:90px;
	width:auto;
}

#topwrapper .top .nav {
	font-size:13px;
	font-weight:400;
	margin:30px 0px 0px 0px;
	letter-spacing:1px;
}



#topwrapper .top .login{
	padding:38px 2%;
	margin:-40px 0 0px 0;
}

.nav li {
	border:none;
	text-transform:uppercase;
}

.nav li a {
	color:#41652f;
	padding:0 0 10px 0;
}

.nav li a.mobile{
	display:none;
}

.nav li a:hover, .nav li a.lion {
	color:#a0b939;
	border-bottom: 2px solid #a0b939;
}

.nav li.last {
	padding:0px 15px;
}


#topwrapper .searchwrapper {
	background-color:#f1f0f0;
	padding:30px 2%;
	overflow:hidden;
	width:20%;
	float:right;
	margin:-40px 0 0px 0;
}

#topwrapper .searchwrapper .form:after {
	content: "\f002";
	float:right;
	position:relative;
	margin:-14% 5% 0px 0px;
	font-family: 'FontAwesome';
}


#topwrapper .searchwrapper .textfield {
	margin:0px;
	font-weight:300;
	border-radius:10px;
	background-color:#FFF;
}

.dn-textfield, .textfield, .textarea, .dn-textfieldsm, .dn-textfieldsml, .dn-textarea {
	border:none;
	background-color:#eeefee;
}

.searchbar{
	background-color: #eeefee;
}

#innerwrapper #pages .searchbar .main{
	padding:25px 0 20px 0;
}

#pages.choose .searchbar .textfield{
	background:#fff;
	padding:8px 0 8px 6px;
	border:1px solid #dcdcdc;
	font-size:13px;
}

#pages.choose .searchbar .submit{
	font-size:0;
	float:left;
	width:33px;
	height:33px;
	margin:0px 0 0 -6px;
	background-repeat:no-repeat;
	background-size:50%;
	background-position:center;
	background-image:url(images/p2p-submit.png);
}

.searchbar .filter{
	float:right;
	text-transform:uppercase;
	width:15%;
}

#pages .searchbar .search{
	float:left;
	width:62%;
}

#pages .searchbar .search .textfield{
	width:45%;
	float:left;
}

#pages.choose .searchbar .filter .textfield{
	padding:7px 0 7px 5px;
}

.searchbar .search h2{
	float:left;
	width:50%;
	text-align:left;
	padding:5px 0 0 0;
	font-size:24px;
}

#pages.choose .generaldonate {
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;	
	border:1px solid;
	padding: 10px;	
	width: 250px; 	
	display:block; 	
	margin:0 auto;
}

.banner {
	margin:0px;
	max-height: 280px;
    overflow: hidden;
}

.submit, #topwrapper .top .login, a.menu {
	background-color:#a0b939;
}

.submit {
	font-size:24px;
	width:25%;
	font-weight:600;
}

#pages.signin .submit {
	width:100%;
}

#innerwrapper, #pages {
	background-color:#FFF;
	padding:0px;
}

#innerwrapper #pages .main {
	padding:40px 0px;
}

h1 {
	font-size:40px;
	font-weight:700;
	color:#a0ba3a;
	letter-spacing:1px;
}

h2, .dn-head {
	border:none;
	font-size:28px;
	color:#41652f;
	text-transform:uppercase;
	font-weight:700;
}

/*Home*/
.rslides {
  position: relative;
  max-height: 910px;
  list-style: none;
  overflow: hidden;
  width: 100%;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  float: left;
  width: 100%;
  border: 0;
}


#home .tagline{
	padding:35px 0;
	font-size:33px;
	font-weight:400;
	color:#fff;
	background: #a0b939;
	text-align:center;
	/*font-family: 'Alef-Bold';*/
}

:lang(he) {
	/*font-family: 'Alef-Bold';*/
}

#home .whitewrapper{
	padding:50px 0;
	font-size:30px;
}

#home .whitewrapper .button{
	display:block;
	float:left;
	border: 2px solid #41652f;
	color: #41652f;
	width:19%;
	text-decoration:none;
	padding:27px 0 27px 20px;
	font-size:20px;
	font-weight:200;
	line-height:33px;
}

#home .whitewrapper .button.right{
	float:right;
} 

#home .whitewrapper span, #pages.register .buttons .box span {
	display:block;
	font-size:33px;
	font-weight:800;
	text-transform:uppercase;
}

#home .whitewrapper .info{
	float:left;
	font-size:24px;
	width:33%;
	font-weight:400;
	color: #41652f;
	text-align:center;
	text-transform:uppercase;
	margin:0 12.5%;
}

#home .whitewrapper .date{
	font-size:72px;
	line-height:72px;
	letter-spacing: -1px;
	font-weight:800;
	color: #a0ba3a;
	padding:5px 0;
}

#home .whitewrapper .day{
	font-size:30px;
	line-height:15px;
	letter-spacing:2px;
}

#home .whitewrapper .location{
	letter-spacing:1px;
}

#home .whitewrapper .go{
	margin: -25px -20px 0 0;
    width: 40px;
    height: 40px;
    float: right;
	background: #41652f;
    padding: 5px;
}

#home #fundraisers{
	padding:0 0 50px 0;
	overflow:hidden;
	background: #383838;
	color:#fff;
}

#home #fundraisers a{
	color:#fff;
	text-decoration:none;
	display:block;
	font-size:14.5px;
	background:#41652f;
	text-align:center;
	padding:15px;
	width:16.8%;
	float:left;
	margin:0 10px 10px 0;
}

#home #fundraisers .last a {
	margin:0 0 10px 0;
}

#home #fundraisers a .name{
	display:block;
	font-weight:300;
	text-transform:capitalize;
	padding:0 5px 0 0;
	overflow: hidden;
	max-height: 25px;
	white-space: nowrap;
}

#home #fundraisers a .amount{
	font-weight:700;
	display:block;
}

#home #fundraisers h2{
	font-size:36px;
	font-weight:bold;
	letter-spacing:1px;
	color: #a0ba3a;
	clear:both;
	padding:50px 0 20px 0;
}

#home .therm{
	background:#41652f;
	padding:50px 0;
	font-size:22px;
	font-weight:200;
	color:#fff;
}

#home .therm .wrapper{
	width:75%;
	margin:0 auto;
}

#home .therm .box{
	font-size:28px;
	float:left;
	font-weight:300;
	text-align:center;
	text-transform:uppercase;
}

#home .therm .box.right{
	float:right;
}

#home .therm .box .amount{
	font-size:90px;
	padding:15px 0 0 0;
	line-height:100px;
	font-weight:800;
}

#home .thermometer .track{
	background:#fff;
	height:25px;
}

#home .thermometer .progress {
    border-radius: 5px;
	background: #a0ba3a;
}

#home .thermometer .raised, #home .thermometer .caps {
    left: 0;
    position: absolute;
	top:42px;
}

#home .thermometer {
    height: 100px;
}

#home .thermometer .caps {
    position: absolute;
    right: 200px;
	left:auto;
    font-size: 22px;
}

#home .thermometer .amount{
	font-size:30px;
	color:#a0ba3a;
	font-weight:800;
}

#home .thermometer .amount{
	top:40px;
	position:absolute;
}

#home .thermometer .progress .amount{
	left:175px;
}

#home .about{
	padding:50px 0;
	text-align:center;
	font-size:16px;
	line-height:25px;
}

#home .about h2{
	font-size:30px;
	letter-spacing:3px;
	color:#a0ba3a;
	text-align:center;
	padding:0 0 20px 0;
}

#home .photo, #home .video {
	
	overflow:hidden;
}

#home .photo{
	float:left;
	width:28%;
}

#home .photo.full {
	float:none;
	width:100%;
}

#home .video{
	float:left;
	width:43%;
	margin:0 0.5%;
}

.frame{
	padding:65% 0 0 0;
	position:relative;
}

.frame iframe{
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}

#sponsorwrapper {
	text-align:center;
	padding:25px 0px;
}

#sponsorwrapper h2 {
	padding:0px 0px 15px 0px;
}

#sponsorwrapper .sponsor {
	float:left;
	width:18%;
	display:inline-block;
	position:relative;
	height:150px;
	margin:0px 2% 0px 0px;
}

#sponsorwrapper .section1 .sponsor, #sponsorwrapper .section2 .sponsor, #sponsorwrapper .section3 .sponsor, #sponsorwrapper .section4 .sponsor {
	float:none;
}

#sponsorwrapper  #owl-demo3 .sponsor {
	width:98%;
}

#sponsorwrapper .sponsor img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#pages .main a {
	color:#000;
	font-weight:bold;
}


/*About*/
#pages.about {
	font-size:16px;
}

#pages.about .left, #pages.about .right, #pages.register .left, #pages.register .right {
	float:left;
	text-align:justify;
	width:48%;
}

#pages.about .right, #pages.register .right {
	float:right;
}

#pages.about li {
	padding:8px 3%;
	list-style-position:inside;
	list-style-type:circle;
}

#pages.about .link {
	width:80%;
	text-align:center;
	padding:10px 0px;
	margin:25px auto;
	text-transform:uppercase;
	color:#FFF;
}

#pages.about .link a {
	color:#FFF;
	text-decoration:none;
}

#pages.about  .photo {
	width:100%;
	clear:both;
}

/*Register*/
#pages.register .buttons {
	margin:25px 0px 10px 0px;
}

#pages.register .buttons input[type="radio"] {
	display:none;
}

#pages.register .buttons .box {
	border:2px solid #41652f;
	color:#41652f;
	text-align:center;
	padding:8px 0px;
	float:left;
	width:30%;
	margin:0px 1.5%;
}

#pages.register .buttons .box span {
	font-size:28px;
}

#pages.register .buttons .box:hover, 
#pages.register .buttons input[type="radio"]:checked+label .box {
	background: #a0b939;
}

#dn-center .cccover {
	text-transform:none;
	font-size:14px;
}

/*Sponsor*/

#pages.choose #names.full {
	float:none;
	overflow:visible;
	width:100%;
}

#pages.choose #names .visit{
	display:none;
}

#pages.choose #names .amount{
	padding:5px 0 0 0;
	color:#a0b939;
	font-size:20px;
	text-align:left;
	line-height:20px;
	font-weight:600;
	
}

#pages.choose #names .participant .info {
	width:67%;
	height:75px;
}

#pages.choose #names.full .participant .info{
	height:100%;
	width:68%;
}

#pages.choose #names .name {
	padding:3px 0px 0px 0px;
	line-height:normal;
	font-weight:bold;
}

#pages.choose #names.full .name {
	padding:5px 0 0 0;
}

#pages.choose #names.full .name {
    padding: 0px 0px 0px 0px;
    font-weight: 400;
    line-height: normal;
	 
	width:85%;
	height:35px;
 
}

#pages.choose #names a .member{
	font-weight:normal;
	font-size:11px;
	line-height:15px;
	padding:0 0 3px 0;
}


#pages.choose #names .go{
	display:none;
}

#pages.choose #names .participant{
	border: 1px solid #c1c2c3;
	height:100%;
	margin:20px 0 0 0;
	clear:none;
	width:30.91%;
}


#pages.choose #names.wide .participant {
	width:48%;
}

#pages.choose #names .participant .info .location{
	font-size:11px;
	text-transform:capitalize;
	padding:0px;
}


#pages.choose #names .participant.num0{
	clear:both;
}

#pages.choose #names .participant.num1{
	margin:20px 0px 0 20px;
}

#pages.choose #names.narrow .participant.num1{
	margin:20px 20px 0 20px;
}

#pages.choose #names.full.wide .participant.num1{
	margin:20px 2% 0px 2%;
}

#pages.choose #names.full  .participant.num3{
	margin:20px 0 0 0;
}


#pages.choose #names.full .participant {
	 
}


#pages.choose #names.full .participant {
	clear:none;
	width:21%;
	padding:15px 1%;
	font-size:17px;
	margin:20px 1.5% 0px 0px;
}

#pages.choose #names.full.wide .participant {
	width:28%;
	margin:20px 0 0 0;
}


#pages.choose #names .participant .pix {
	width:29%;
	height:75px;
	overflow:hidden;
}

#pages.choose #names .participant .pix img{
	width:100%!important;
	height:auto!important;
	max-height:none!important;
	max-width:none!important;
}

#pages.choose #names.full .participant .pix {
	width:29%;
}

#pages.choose #names.wide .participant .pix {
	width:20%;
}

#pages.choose #names.full .participant.last {
	margin-right:0px;
}

#pages.choose #teams{
	background:#fff;
	padding:0;
}

#pages.choose #teams .team{
	margin:0px 0 0 0;
}

#pages.choose #teams .pix img{
	display:none;
}

#pages.choose #teams .title, #pages.choose #names .title{
	text-align:left;
	font-weight:bold;
	padding:0 0 10px 0;
	text-transform:uppercase;
	font-size:22px;
	border-bottom:1px solid #000;
}

#pages.choose #names.full .title{
	display:none;
}

#pages.choose #teams .teams{
	border-radius:3px;
	margin:20px 0 0 0;
	border:1px solid #d0d0d0;
	border-bottom:none;
}

#pages.choose #teams a{
	border:none;
	background:#fff;
	margin:0px 0 0 0;
	padding:12px;
	border-bottom:1px solid #d0d0d0;
}

#pages.choose #teams a.even{
	background:#f2f2f2;
}

#pages.choose #teams a:hover{
	border:none;
	border-bottom:1px solid #d0d0d0;

}

#pages.choose #teams a .name{
	text-transform:capitalize;
	font-weight:bold;
	padding:0;
	font-size:15px;
	float:left;
	width:70%;
	text-align:left;
}

#pages.choose #teams a .amount{
	font-size:15px;
	padding:0px 0 0 0;
	float:right;
	width:30%;
	text-align:right;
}

/*Sponsor*/
#pages.sponsor .text {
	font-size:16px;
	margin:10px 0px;
	text-align:center;
}

#pages.sponsor .options {
	overflow:hidden;
}

#pages.sponsor .options .ticketbox {
	float:left;
	width:20%;
	margin:10px 1%;
	padding:1%;
	background-color: #eeefee;
}

#pages.sponsor .options .ticket {
	font-weight:bold;
	float:left;
	width:70%;
}

#pages.sponsor .options .ticketprice {
	font-weight:bold;
	float:right;
	width:30%;
	text-align:right;
}

#pages.sponsor .options .ticketdetail {
	display:block;
	font-style:italic;
	font-weight:normal;
	font-size:11px;
}

#pages.sponsor .total.dn-head {
	text-align:center;
	margin:15px 0px 0px 0px;
}

/*Personal Page*/
#pages.mypage h1 {
	font-weight:700;
	font-size:25px;
	color:#071925;
	text-align:left;
}

.thermometer .track {
    height: 25px;
    border-radius: 5px;
	background-color:#e6e9eb;
	border:none;
}

#pages.mypage .right .button{
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	border:1px solid #000;
	text-decoration:none;
	font-size:14px;
	padding:10px 7px;
	display:block;
}

#pages.mypage .thermometer {
    height: 100px;
	margin:50px 0 0 0;
}

#pages.mypage .thermometer .progress {
    border-radius: 5px;
	background: #a0b939;
}

#pages.mypage .raised, #pages.mypage .caps{
    top: -20px;
	font-size:12px;
	font-weight:700;
}

#pages.mypage #donatebox {
	background-color:#e6e7e8;
    border-radius: 5px;
	padding:20px 4%;
	margin:0px 0px 50px 0px;
}

#pages.mypage #donatebox .sponsorships a {
	display:block;
    border-radius: 3px;
	background-color:#a0b939;
	float:left;
	padding:10px 5%;
	margin:0px 2% 10px 0px;
	text-decoration:none;
	color:#FFF;
	text-align:center;
}

.thermometer.horizontal .goal {
    right: 0;
}

.thermometer.horizontal .goal .amount {
    right: 0;
}

#pages.mypage .photo {
	width:100%;
	max-height:400px;
	text-align:center;
	border:1px solid #b2acac;
	overflow:hidden;
    margin: 0px auto 25px auto;
	border: 1px solid #b2acac;
}

#pages.mypage .photo img {
	max-height:400px;
	width:auto;
}

#pages.mypage  .caption {
	width:100%;
	position:relative;
	background: rgba(0,0,0,0.5);
	margin:-78px 0px 0px 0px;
}

#pages.mypage  .caption h3 {
	font-weight:300;
	font-size:14px;
	line-height:14px;
	padding:20px 0px 20px 2%;
	color:#FFF;
}

#pages.mypage .share {
	clear:both;
	padding:20px 0px 0px 0px;
}

#pages.mypage .right .submit{
	width:100%;
	margin-bottom:0px;
	text-transform:uppercase;
}

#pages.mypage .left .text {
	margin:20px 0px;
	text-align:left;
	font-size:14px;
}

#pages.mypage .entry{
	 border: 1px solid #c6c7c8;
	 background-color:#FFF;
}

#pages.mypage .entry label{
	color:#41652f;
}

#pages.mypage .left .button {
	color:#FFF;
font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	background-color:#41652f;
}

#pages.mypage .entry label {
	line-height:50px;
	font-size:18px;
	font-weight:700;
}

#pages.mypage .title {
	margin:0px;
	letter-spacing:normal;
	border-bottom:1px solid #e6e7e8;
	text-align:left;
	font-size:18px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
}

#pages.mypage .text iframe {
	clear:both;
	width:100%;
	margin:15px 0px;
}

#pages.mypage a.join {
	text-decoration:none;
	display:block;
	font-size:18px;
	text-transform:none;
	letter-spacing:normal;
	color:#FFF;
}

#pages.mypage h2 {
	text-align:center;
	padding:0px 0px 5% 0px;
}

#pages.mypage .scroll {
	border:1px solid #cfd0d0;
	border-radius: 5px;
	padding:0px;
}

#pages.mypage .scroll .ticker ul {
	width:100%;
}

#pages.mypage .scroll li {
	padding:20px 5%;
	font-weight:700;
	font-size:14px;
	overflow:hidden;
	clear:both;
	width:90%;
	border-bottom:1px solid #cfd0d0;
}

#pages.mypage .scroll li.grey {
	background-color:#f1f2f2;
}

#pages.mypage .scroll li .name {
	float:left;
	width:70%;
}

#pages.mypage .scroll li .amount {
	float:right;
	width:30%;
	text-align:right;
}

#pages.mypage .scroll li .desc {
	font-size:13px;
	font-weight:300;
}

#pages.mypage  a.view {
	display:block;
	text-transform:uppercase;
	border:none;
	margin:25px 0px 45px 0px;
	text-decoration:none;
	text-align:right;
}


/*Email*/
#pages.profile.email .greybox {
	border:solid 1px #333333;
	background-color:#eeeeee;
	padding:10px;
	margin:10px;
}

#pages.profile.email .samples{
	width:35%;
	margin:0 0 10px 0;
	position:relative;
}

#pages.profile.email .samples .title a.head{
	margin:0 0 5px 0;
	font-weight:700;
	text-transform:uppercase;
	padding:10px 0;
	cursor:pointer;
	font-size:16px;
	letter-spacing:1px;
	color:#fff;
	text-align:center;
	background:url(images/dashboard_plus.png) no-repeat 95% 15px  #0082c8;
}

#pages.profile.email .samples ul.drop{
	visibility:hidden;
}

#pages.profile.email .samples ul li a{
	display:block;
	cursor:pointer;
	color:#fff;
	text-align:center;
	margin:0 0 1px 0;
	text-decoration:none;
	background:#37bced;
	padding:5px 0;
}

#pages.profile.email .samples .title:hover ul.drop{
	visibility:visible;
}

#pages.profile .table .filter {
	text-align:right;
	background-color:#FFF;
}

#pages.profile .table  .filter  .col4, #pages.profile .table  .filter  .col1, #pages.profile .table  .filter  .col2, #pages.profile .table  .filter  .col3 {
	border-right-color:#FFF;
}

#pages.profile .table  .filter  .textfield {
	float:left;
	width:99%;
}

#pages.profile .table  .filter  .submit {
	float:left;
	width:50%;
	margin:0px;
	padding:12px 0px;
	font-size:15px;
}

/*Contact*/
#pages.contact{
	font-size:15px;
	line-height:22px;
}

#pages.contact h2{
	padding:0 0 20px 0;
}

#pages.contact .wrapper{
	margin:10px auto;
	width:75%;
	text-align:center;
}

#pages.contact #form{
	width:100%;
}

#pages.contact .textfield{
	float:left;
	width:29.59%;
}

#pages.contact .textfield.phone{
	margin:0 10px 6px 10px;
}

#pages.contact .textarea{
	margin:0 0 15px 0;
}

#pages.contact a{
	text-decoration:none;
	color:#000;
}

/*app*/

#navwrapper.app, #pages.app .banner {
	display:none;
}

#pages.app #dn-center {
	width:80%;
	margin:0 auto;
}

#pages.app  #dn-center .dn-tworight, #pages.app #dn-center .dn-twoleft, #pages.app #dn-center .dn-threewrap, #pages.app #dn-center .dn-threecenter, #pages.app #dn-center .dn-threeleft, #pages.app #dn-center .dn-threeright {
	clear:both;
	width:100%;
}


/*Footer*/
#footerwrapper {
	padding:32px 0px;
	overflow:hidden;
	border-top:4px solid #a0b939;
	color:#a0b939;
}

#footerwrapper .footer {
	padding:0px;
}

#footerwrapper .project {
	color:#a0b939;
	margin:0 auto;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:1px;
	width:20.83%;
	font-weight:bold;
}

#footerwrapper .project .logo img {
	max-height:150px;
	width:auto;
}


#footerwrapper .social {
	margin:15px auto 0 auto;
	width:23.75%;
}

#footerwrapper .social .fa {
	color:#a0b939;
}

#splash #bluewrapper {
	width:100%;
	color:#FFF;
	background-color:#0088cc;
}

#splash #innerwrapper {
	background:none;
	padding:0px 0 40px 0;
}

#splash #topwrapper {
	padding:15px 0px;
}

#splash #topwrapper .logo {
	float:none;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#splash .line{
	width:2px;
	background:#fff;
	height:100px;
	position:absolute;
}

#splash .topleft{
	top:0;
	left:0;
}

#splash .topright{
	right:0;
	top:0;
}

#splash .bottomleft{
	bottom:0;
	left:0;
}

#splash .bottomright{
	bottom:0;
	right:0;
}

#splash .box {
	text-align:center;
	float:left;
	width:30%;
	margin:0 0 0 11%;
}

#splash .box.participants{
	margin:0 11% 0 0;
}

#splash .box.dots{
	padding:40px 0 0 0;
	color:#024669;
	font-size:50px;
	letter-spacing:3px;
	margin:0 -45px;
}

#splash .box .title {
	font-weight:300;
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	
}

#splash .box .amount {
	font-weight:700;
	font-size:55px;
	line-height:55px;
	text-transform:uppercase;
}

#splash .box .icon{
	width:50%;
	margin:0 auto 10px auto;
}


#splash .text {
	background-color:#024669;
	border-radius:3px;
	padding:30px 2%;
	text-align:center;
	margin:40px auto 20px auto;
}

#splash h1 {
	text-align:center;
	font-size:25px;
	color:#FFF;
	line-height:25px;
	font-weight:500;
	padding:40px 0;
}

#splash .wrapper{
	width:60%;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-radius:6px;
	padding:40px 50px;
	margin:0 auto;
	position:relative;
}

#splash .button{
	display:block;
	color:#fff;
	font-weight:bold;
	position:relative;
	z-index:1;
	font-size:18px;
	padding:12px 0;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	margin:-30px auto 0 auto;
	border-radius:5px;
	width:25%;
	background: #06c8fa; /* Old browsers */
	background: -moz-linear-gradient(top, #06c8fa 0%, #00aff0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #06c8fa 0%,#00aff0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #06c8fa 0%,#00aff0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06c8fa', endColorstr='#00aff0',GradientType=0 ); /* IE6-9 */
}

#splash .copy .left {
	margin:0 auto;
	float:none;
}

#splash .copy .left {
	max-width:150px;
}

#pages.profile .content .but  {
    font-weight: 700;
    border: none;
    color: #FFF;
    padding: 15px 0px 15px 2%;
    font-size: 13px;
    line-height: 13px;
    width: 68%;
    display: block;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #79b82e;
    border-radius: 3px;
}

#pages.profile .content .but:before {
    content: "\f1d8";
    margin: 0px 5px 0px 0px;
    font-family: 'FontAwesome';
}


/*Screen*/
#screen{
	background: #02344d;
}

#screen .countdown{
	float:left;
 
	width:30%; 
	
	 
}

#screen .countdown .day{
 
	text-align:center;
	float:left;
	width:78px;
	font-size:38px;
	margin:0 5px 0 0;
	font-weight:bold;
	padding:10px 0 0 0;
	border:1px solid #02344d;
	 
}

#screen .countdown .number{
	color:#439ed1;
	
}

#screen .countdown .small{
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
	width:90%;
	background:#fff;
	margin:0px auto -10px auto;
	 
  
}

#screen .center .countdown .small {
	background:none;
	margin:0 auto;
	color:#fff;
}
	
#screen .countdown .small.short{
	width:70%;
}

#pages.screen #top{
	background:#FFF;
	padding:15px 20px;
	position:relative;
	z-index:999;
	
	align-items: center;
    display: flex;
     
}

#pages.screen #top.center{
	padding:35px 20px;
}

#pages.screen #top.center {
	background:#02344d;
}

#pages.screen #top.center .rayze{
 	padding:0;
	
}

#pages.screen #top .logo{
	float:left;
	width:30%;
	 
}

#pages.screen #top .logo img{
    width: auto;
    /*height: 120px; */
}

#pages.screen #top .rayze{
	position:absolute;
	right:1%;
	width:15%;
	
	 
}

#pages.screen #top.center .rayze{
	width:10%;
}

#pages.screen .banner{
	/*padding:5vh 0;*/
	text-align:center;
	color:#747474;
	font-size:18px;
	text-transform:uppercase;
	position:relative;
	z-index:999;
}

#pages.screen .content{
	position:relative;
	background:#02344d;
 
}

#pages.screen .thermo{
	float:left;
	width:70%;
	padding:6vh 0;
	text-align:center;
	
	letter-spacing:1px;
	color:#fff;
	font-size:21px;
	text-transform:uppercase;
}

.registration #pages.screen .thermo, .registration #pages.screen #block, .registration #pages.screen #reg {
	width:50%;
}

.registration #pages.screen #block {
	top:0px;
	bottom:0px;
	height:100%;
}

.registration #pages.screen .thermo .title {
	padding:10vh 0px 0px;
}

.registration #pages.screen .thermo .title.raised {
	padding:15vh 0px 0px;
}

#pages.screen .thermo .amount{
	color:#439ed1;
	font-size:69px;
	letter-spacing:0;
	line-height:80px;
	font-weight:900;
}

#pages.screen .thermo .total .amount{
	/*font-size:100px;
	line-height:100px;*/
	font-size:xxx-large;
	line-height:xxx-large;
}

#pages.screen .thermo .title.raised{
	font-size:30px;
	padding:4vh 0 0 0;
}

#pages.screen .thermometer {
    padding: 4vh 0 0 0;
    width: 75%;
    margin: 0 auto;
	font-size:0;
}

#pages.screen .thermometer .track{
	border:2px solid #fff;
	background:none;
	height:20px;
	border-radius:12px;
}

#pages.screen .thermometer .progress{
	background:#439ed1;
	background-size:100%;
	border-radius:12px;
}

#pages.screen .thermo .thermometer .amount{
	font-size:0;
}

#pages.screen .thermo .percentage{
	padding:10px 0 0 0;
	/*	font-size:30px;*/
	font-size:medium;
	width:95%;
	text-align:right;
}

#pages.screen #reg{
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:30%;
	
	text-align:center;
	color:#02344d;
	font-size:30px;
	text-transform:uppercase;
	font-weight:800;
	letter-spacing:2px;
	line-height:35px;
	z-index:99;
}

#pages.screen #block{
	background:#439ed1;
	position:absolute;
	height:84.2%;
	right:0;
	width:30%;
	top:50px;
	z-index:9;
}

#pages.screen #reg .ttl{
	padding:13vh 0 0 0;
}

#screen.registration #pages.screen #reg .ttl, #screen.registration  #pages.screen #reg .num {
	display:inline;
}

#pages.screen #reg .num{
	color:#fff;
	font-size:125px;
	line-height:141px;
	font-weight:900;
	letter-spacing:0;
}

#screen.registration  #pages.screen #reg .num {
	font-size:inherit;
}
 


#pages.screen #scrollbox{
	padding:30px 2%  20px 2%;
	position:fixed;
	left:0px;
	bottom:0px;
	width:96%;
	z-index:999;
	background:#fff;
}

#pages.screen #scrollbox .title{
	float:left;
	width:30%;
}

#pages.screen #scrollbox .title h2{
	background:none;
	color:#439ed1;
	font-size:38px;
	line-height:38px;
	font-weight:600;
	padding:0;
	letter-spacing:-1px;
}

#pages.screen #scrollbox #scroll{
	float:right;
	width:69%;
}

#pages.screen #scroll  .amount{
	font-size:16px;
	float:left;
	font-weight:900;
	color: #439ed1;
	padding:0 5px 0 0;
}

#pages.screen #scroll  .name{
	font-size:15px;
	color:#02344d;
	float:left;
	text-transform:capitalize;
	font-weight:600;
}

#pages.screen #scroll .ticker{
	font-weight:13px;
	display:none;
	clear:both;
	font-weight:500;
	float:left;
}

#pages.screen #scroll .raiser{
	float:none;
	clear:both;
	line-height:12px;
	font-size:x-small;
	
	letter-spacing:normal;
	text-transform:none;
	font-weight:normal;
	line-height:12px;
	/*	display:block;*/
	display:none;
}

#pages.screen #bottom{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:100px;
	background:#fff;
	z-index:9;
}

#screen.registration #pages.screen #bottom, #screen.registration .countdown, #screen.registration #pages.screen #hide, #screen.registration .raisers .amount, #screen.registration .raisers .thermo {
	display:none;
}

#confetti{ 
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 99999;
}

#screen.registration #pages.screen .scrollbox .title h2 {
	display:none;
}

#screen.registration #pages.screen .scrollboxvertical {
	background-color:#FFF;
	width:80%;
	margin:0 auto;
	/*	padding:10vh 0px;*/
	padding:5vh 0px;
}

#screen.registration #pages.screen .scrollbox {
	width:100%;
	padding:0px;
	position:relative;
}

#screen.registration #pages.screen #scroll .amount {
	color:#02344d;
	/*
	width:30%;
	text-align:right;
	font-size:x-large;*/
	width:100%;
	font-weight:500;
	float:none;
	line-height:normal;
	letter-spacing:normal;
	text-align:center;
	font-size:small;
	padding:0px;
}

#screen.registration #pages.screen #scrollbox #scroll {
	float:none;
	width:90%;
	margin:0 auto;
}

#screen.registration #pages.screen #scrollbox #scroll ul {
	width:100%;
}

#screen.registration #pages.screen #scrollbox #scroll ul li {
	padding:2vh 0px;
}

#screen.registration #pages.screen #scroll .name {
	color:#439ed1;
	/*width:65%;
	float:right;
	text-align:left;
	font-size:x-large;*/
	width:100%;
	margin:0px;
	float:none;
	font-weight:600;
	line-height:normal;
	text-align:center;
	letter-spacing:normal;
	font-size:medium;
}

#screen.registration #pages.screen #reg .title {
	font-size:xx-large;
}

#screen.registration #pages.screen #reg .clubbox {
	margin:1vh 0px 5vh 0px;
	border:1px solid #dadada;
	padding:2vh 0px;
}

#screen.registration .noscroll li {
	display:inline-block;
	padding:0px 2%;
}

