body {
	font-family: "univers-next-pro", sans-serif;
	font-size: 14px;
}

#topwrapper {
	background-color: #FAF3E8;
	padding:45px 0px;
	text-align:center;
	padding: 45px 0 350px 0;
	margin: 0 0 -250px 0;
	position:relative;
}

#topwrapper img {
	max-width:350px;
}



#topwrapper li{
	font-size: clamp(12px, 1.4vw, 14px);

	display:inline;
	margin:0 60px;
}

#topwrapper .logo{
	margin:0 60px;
}


#topwrapper #navwrapper .logo img{
	filter:none;
}

#topwrapper li a{
	text-decoration:none;
	color: #400519;
}

#topwrapper li a:hover{
	color:#000;
}

.main, .copy {
	max-width:1600px;
	margin:0 auto;
	width:95%;
}

.padding {
	padding:100px 0px;
}

h1 {

	font-family: "quiche-sans", sans-serif;
	font-size: clamp(30px, 9.33vw, 100px);
	color:#fff;
	text-align:center;
}

h2{
	color:#400519;
	font-size: clamp(30px, 3.33vw, 75px);
	font-family: "quiche-sans", sans-serif;
}

.large{
	color:#400519;
	font-size: clamp(20px, 2.08vw, 36px);
	font-family: "quiche-sans", sans-serif;
}

h3{
	font-family: "quiche-sans", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size: clamp(18px, 6.33vw, 30px);
	margin:20px 0 70px 0;
}

.button{
	color:#400519;
	text-transform:uppercase;
	text-decoration:none;
	border:none;
	background:none;
	padding:5px;
	font-size: clamp(12px, 1.08vw, 14px);
	display:inline-block;
	letter-spacing:0.1em;
	font-family: "quiche-sans", sans-serif;
	border-bottom:1px solid #400519;
}

.button:hover{
	color:#000;
	border:1px solid #000;
	padding:5px;
}

#topwrapper .button.join{
	border-bottom:1px solid #400519;
	/*position:absolute;
	right:20px;*/
}

#home #topwrapper .button.join{
	border:none;
	border-bottom:1px solid #fff;
}

.head .button:hover, .button.white:hover{
	color: #400519;
	border:none;
	border-bottom:1px solid  #400519;
}

.head .button, .button.white{
	border:none;
	border-bottom:1px solid #fff;

	color:#fff;
	font-size: clamp(16px, 1.33vw, 20px);
	letter-spacing:0.1em;
}

.stats .button.white{
	color:#fff!important;
	border:none;
	border-bottom:1px solid #fff;
}

.dn-clear, .clear {
	clear:both;
}

.flex {
	display:flex;
	flex-wrap:wrap;
}

#navwrapper .menu-toggle, #navwrapper .menu-close {
	display: none;
}

#navwrapper .nav{
	display:flex;
	align-items:center;
	justify-content:center;

}

.logo.mobile{
	display:none;
}

/*Home*/
#home{
	overflow-x:hidden;

}
#home #topwrapper{
	background:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	max-width:2000px;
	z-index:9;
}



#home #topwrapper .logo img{
	filter: brightness(0) invert(1);

}

#home #topwrapper li a:hover{
	color:#400519;
}


#home #topwrapper li a{
	color:#fff;
	font-weight:300;
}

#home .head{
	position:relative;
	height:100vh;

	min-height:700px;

}

#home .head:after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
}

#home .head .overlay{
	padding:18% 0 0 0;
	color:#fff;
	text-align:center;
	position:relative;
	z-index:8;
}

.video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	background-image:url(images/bg.png);
	background-size:cover;
}

.video-bg iframe {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
}


#home .join{
	position:relative;
}

#home .join .main{
	max-width:1300px;
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:8;
}

#home .join h2{
	margin:150px 0 80px 0;
}

#home .join .last{
	font-size: clamp(18px, 1.66vw, 25px);
}

.text{
	line-height:1.5;
}

#home .large, #pages .large{

	color:#400519;
	font-weight:600;
	line-height:1.1;
	margin:20px 0;
}

#home .join .pic{
	position:absolute;
	z-index:8;
	top:0;
	left:-400px;
}

#home .join .button{
	font-weight:600;
}

#home .join .box{
	position:absolute;
	right:0;
	background:#FAF3E8;
	top:180px;
	width:1660px;
	height:750px;
}

#home .join .bottom{
	position:relative;

}

#home .join .par{
	float:right;
	font-size: clamp(15px, 1.33vw, 18px);
	width:39%;
	font-weight:300;
}

#home .member{
	background-image:url(images/home-member.jpg);
	background-attachment: fixed;
	background-size:cover;
	background-position:center;
	text-align:center;
	padding:250px 0px 150px 0px;
	width:100%;
	max-width:1400px;
	margin:150px auto 0 auto;
	position:relative;
	z-index:8;
}

#home .member .text{
	margin:60px auto 40px auto;
	width:60%;

}


#home .how .flex .box .top{
	border-bottom:1px solid #EDD1A8;
	padding:30px 0;
}

#home .how .flex .number{
	color:#FAF3E8;
	text-transform:uppercase;
	font-family: "quiche-sans", sans-serif;
	font-size: clamp(35px, 4.33vw, 75px);
}

#home .how .flex .box .icon{
	margin:-30px 0 0 0;
}

#home .how .flex .box{
	border-right:1px solid #EDD1A8;
	padding:0 40px 60px 40px;
	background:#fff;
	width:14.9%;
}

#home .how .flex .box.last{
	border:none;
}

#home .how .flex{
	border:1px solid #EDD1A8;
	text-align:center;
}

#home .how .small{
	line-height:1.5;
}

#home .how h2{
	margin:0 0 40px 80px;
}

#home .how{
	position:relative;
}

#home .how .bg{
	position:absolute;
	left:0;
	top:-180px;
}

#home .how .main{
	position:relative;
	z-index:8;
}

#home .bot {
	background-image:url(images/home-stats.jpg);
	padding:0 0 100px 0;
	background-position:bottom left;
	font-family: "quiche-sans", sans-serif;
	background-size:100%;
	background-repeat:no-repeat;
}

#home .bot .flex.two{
	margin:0 0 60px 0;
}

#home .bot .flex {
	color: #fff;
	justify-content: space-between;
	font-size: clamp(25px, 2.33vw, 36px);
	margin:0 0 8px 0;
	text-align:left;
}

#home .bot .main{
	width:100%;
	max-width:1400px;
	position:relative;
	text-align:center;
	z-index:8;
	margin:0 auto;

}

#home .bot h2{
	margin:0 0 40px 0;
}

#home .bot .col{
	width:32.5%;
}

#home .bot h2{
	text-align:right;
}

#home .bot .amount.plus:after{
	content:'+';
}

#home .bot .amount.dollar:before{
	content:'$';
}

#home .bot .amount{
	font-size: clamp(35px, 3.33vw, 100px);
	position:relative;
}

#home .bot .box{
	margin:15px 0 0 0;
	border:1px solid #fff;
	padding:30px;

}

#home .bot .top{
	background-image:url(images/home-kallot.jpg);

	padding:450px 0 30px 40px;
	background-size:cover;

}

#home .bot .top.three{
	background-image:url(images/home-newborn.jpg);
}

#home .bot  .top.two{
	background-image:url(images/home-barmitzvah.jpg);
}

#home .bot .button{
	text-align:center;
	display:inline-block;

}

/*Join*/
#pages .banner{
	background-image:url(images/banner-join.jpg);
	padding:140px 0;

	margin:0 0 50px 0;
	position:relative;
	background-size:cover;

}

#pages .banner h3{
	color:#fff;
	margin:0;
	text-align:center;
}

#pages.donate #part1{
	float:left;
	width:45%;
	text-align:right;
}

#pages.donate .ticketbox{
	border:1px solid #EDD1A8;
	width:200px;
	padding:30px;
	float:right;
	margin:40px 0 0 0;
	text-transform:lowercase;
}


#pages.donate .ticketbox:hover{

	background:#EDD1A8;

}
#pages.donate input[type="checkbox"]:checked+label{

}

#pages.donate .ticketprice{
	color: #400519;
	font-family: "quiche-sans", sans-serif;
	font-size: clamp(40px, 41.6vw, 100px);
}

#pages.donate .large{
	font-size: clamp(30px, 3.33vw, 42px);
	font-weight:600;
	line-height:1;

}

#pages.donate .caps{
	text-transform:uppercase;
}

#pages.donate .options input{
	display:none;
}

#pages.donate .captcha{
	margin:30px 0;
}

#pages.donate #part2, #pages.donate #part3, #pages.donate #part4{
	float:right;
	width:45%;
}

#pages.donate .text.center{
	text-align:center;
	font-size: clamp(14px, 1.25vw, 16px);
	margin:0 0 50px 0;
}

#pages.donate center{
	clear:both;
	padding:40px 0 0 0;
}



/*Donate Form */
#waiver{
	border:1px solid #DCDCDC;
	padding:10px;
	margin:10px 0 15px 0;
	color:#400519;
}

#pages.donate .main.padding h1{
	margin:0 0 40px 0;
	font-size: clamp(30px, 6.33vw, 80px);
	background-image:url(images/banner-join.jpg);
	padding:140px 0;
	background-size:cover;
}

#pages.donate .main.padding{
	padding:0 0 100px 0;
}

/* Hidden Parts */
#pages.donate #part3, #pages.donate #part4 {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

/* Show Step 2 & Hide Step 1 */
#pages.donate #step2:checked ~ #part2 {
  opacity: 1;
  height: auto;
}

#pages.donate #step2:checked ~ #part1 {
  opacity: 0;
  height: 0;
  display: none;
}



/* Show Step 3  & Hide Step 2 */
#pages.donate #step3:checked ~ #part3 {
  opacity: 1;
  height: auto;
}

#pages.donate #step3:checked ~ #part2 {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Show Step 4  & Hide Step 3 */
#pages.donate #step4:checked ~ #part4 {
  opacity: 1;
  height: auto;
}

#pages.donate #step4:checked ~ #part3 {
  opacity: 0;
  width: 0;
  height: 0;
}


#dn-center{
	overflow:hidden;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	width:100%;
	max-width:1000px;
	margin:0px auto 50px auto;
	 
	
}

#dn-center .amount{
	font-size:36px;
	letter-spacing:1.8px;
	margin:0 0 30px 0;
	border-bottom:1px solid #282828;
}

#dn-center .amount input{
	border:none;
	width:85%;
	
	
}


#dn-center .btn-group{
	clear:both;
}

#dn-center .btn-group.btn-group-lg.btn-group-justified .button.left {
	float:left;
}

#dn-center .btn-group.btn-group-lg.btn-group-justified .button.right{
	float:right;
}

#dn-center .dn-title.rel{
	position:relative;
	pointer-events: auto;
}

#dn-center .checkbox{
	vertical-align:middle;
}

#dn-center .script {
	display: block;
	position: relative;
	padding:2px 0 0 20px;
	cursor: pointer;
	text-transform:capitalize;           
}
	      
#dn-center .newmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 12px;
	width: 12px;
	background-color: #fff;
	border:1px solid #1A80D9;
}
         
#dn-center .newmark:after {
	content: "";
	display: none;
}

#dn-center .script input:checked ~ .newmark:after {
    display: block;
}
 
#dn-center .script .newmark:after {
	width: 100%;
	height: 100%;
	background: #1A80D9;				 
} 

#dn-center .dn-field {
	position: relative;
	margin:0 0 20px 0;
	font-size:14px;		 
}

#dn-center .dn-field.float{
	float:left;
	width:50%;
}

#dn-center .dn-field.float.half{	 
	width:50%;
}
 
#dn-center .dn-field.float.third{	 
	width:33%;
}

#dn-center .dn-field select.dn-textfield{
	height:22px;
}

#dn-center .togglePassword {
	position:absolute;
	right:0;
	top:-7px;
}

	
#dn-center .dn-field .dn-textfield{
	width: 100%;
	outline: none;
	border: none;
	font-size:14px;
	margin:0 0 10px 0;

	padding:0 0 5px 0;
	border-bottom: 1px solid #022859;
			 
}

#dn-center .dn-field .dn-textfield.longer{
	margin:10px 0;
}
		
#dn-center .dn-field .dn-textfield:focus {
	border-color: #022859;
	border-width: medium medium 2px;
	font-size:11px;		 
}

#dn-center .dn-field #honorName.textfield:focus, #dn-center .dn-field #honorAddress.textfield:focus{
	font-size:14px;
	border-width: medium medium 1px;
}

#dn-center .edit {
	color:#1A80D9;
	cursor:pointer;
	font-size:x-small;
	font-weight:600;
	text-decoration:underline;
	letter-spacing:1px;
	text-transform:uppercase;
}

#dn-center textarea{
	resize:none;
}

#dn-center .dn-star {
    color: #000;
	top:0;
	right:-10px;
	font-size:10px;
	position:absolute;
}

#dn-center .dn-head{


	font-family: "quiche-sans", sans-serif;
	margin:0px 0px 20px 0px;
	color:#400519;
	font-size: clamp(30px, 3.33vw, 42px);
}

#dn-center .textarea{
	resize:none;
}

#dn-center .dn-title{
	position: absolute;
    pointer-events: none;
    top: 0px;
    left: 0px;
    letter-spacing: 0.65px;
    color: #000;
    transition: 0.2s ease all;
}

#dn-center .dn-field input:focus ~ .dn-title,
#dn-center .dn-field input:not([value='']) ~ .dn-title {
	top: -15px;
	left: 0px;
	opacity: 1;
	font-size:10px;
}

#dn-center .dn-field textarea:focus ~ .dn-title,
#dn-center .dn-field textarea:not([value='']) ~ .dn-title {
	top: -15px;
	left: 0px;
	opacity: 1;
	font-size:10px;
}

#dn-center .dn-spacer {
	clear:both;
	height:15px;
}

#dn-center .dn-title img{
	position:absolute;
}


#dn-center .dn-smalltext {
	font-size:12px;
}

#dn-center .edit{
	display:block;
	margin:10px 0 0 0;
	color: #284264;
}

.dn-clear {
	clear:both;
}


#dn-center .red {
	color:red;
	padding:5px 0px 15px 0px;
}

#dn-center .more {
		display:none;
}
	
#dn-center .expand {
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:1px;
}

#dn-center .expand i{
	padding:0 10px 12px 0;
}

#dn-center #CreditCardTable {
	margin:0px 0px 25px 0px;
}

#dn-center #partLeft {
	float:left;
	width:46%;
}


#dn-center #partRight {
	float:right;
	width:46%;
}

#dn-center #partRight .button{
	float:right;
	margin:10px 0 0 0;
}

#pages.donate .text {
	text-align:center;
	font-size:16px;
	margin:0px 0px 50px 0px;
}

@media (max-width:650px) {
	#dn-center .dn-field.float.third, #dn-center .dn-field.float, #dn-center #partLeft, #dn-center #partRight {
		float:none;
		width:100%;
	}
	

}


/*Footer*/
#footerwrapper {

	padding:30px;
}

#footerwrapper .nav .logo{
	display:none;
}

#footerwrapper .logo{
	width:204px;
}

#footerwrapper .footer{
	display:flex;
	max-width:1800px;
	margin:0 auto;
	justify-content:space-between;
}

#footerwrapper li a{
	text-decoration:none;
	color:#400519;
}

#footerwrapper li{
	margin:0 30px;

	display:inline;
}

#footerwrapper ul .join{
	position:absolute;
	right:0;
	border-bottom:1px solid #400519;
}

#footerwrapper ul{
	position:relative;
	width:63%;
}

/*Copy*/
.copy {
	font-size:10px;
	text-align:center;
	padding:0 0 15px 0;
}

.copy .left {
	display:inline;
}

.copy .right {
	display:inline;
}

.copy .right a {
	color:#000;
}