html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
  font-family: 'AvertaStd-Regular';
}

:focus {
  outline: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0; 
  -ms-interpolation-mode: bicubic; 
}
ul, li{ margin: 0px; padding: 0px; list-style: none; }

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/fa-brands-400.eot");
	src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/fa-light-300.eot");
	src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg");
}
@font-face {
	font-family: 'Font Awesome 5 Pro regular';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/fa-regular-400.eot");
	src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
	font-family: 'Font Awesome 5 Pro solid';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/fa-solid-900.eot");
	src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fas {
	font-family: 'Font Awesome 5 Pro solid';
}
.far {
	font-family: 'Font Awesome 5 Pro regular';
}
.fa {
	font-family: 'Font Awesome 5 Pro';
}
.fab {
	font-family: 'Font Awesome\ 5 Brands';
}
h1, h2, h3, h4{font-family: 'AvertaStd-Regular';}
html,body{height:100%;}
body.home{background: url("../img/main-bg.jpg") no-repeat center top fixed; background-size:cover;}
.container-fluid{width:100%;position: relative;   height: auto; overflow-x: hidden;}
.container-fluid.white{background:none;}
.container-fluid:before{content:""; width:100%; height:300px; background: #173834; position: absolute; left:0; top:-50px; border-radius: 100%; transform: scale(1.3); z-index: 1; }
.container-fluid.green-header:before {
    content: ""; width: 100%; height: 600px; position: absolute;left: 0; top: -517px; border-radius: 100%; z-index: 1;background: -webkit-linear-gradient(45deg, #168e88, #a7b286 80%);}
.container-fluid.dark-green-header:before {
    content: ""; width: 100%; height: 600px; position: absolute;left: 0; top: -517px; border-radius: 100%; z-index: 1; background: -webkit-linear-gradient(45deg, #008488, #193835 92%);
}
.container { max-width: 1400px; margin: 0 auto; position: relative; z-index: 2; }
.header{width:100%; display: block; text-align: center; min-height: 200px;}
.header.small{min-height: 200px;}
.logo{ background: #fff; border-radius: 90px; width:235px; padding: 40px 0; margin-top:50px; display: inline-block; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.logo{max-height:250px;}
.logo.white{ background: none;   border-radius: 90px;  width: 235px;   padding: 40px 0;  margin-top: 47px; display: inline-block;}
.content{max-width:500px; margin: 0 auto; position: relative; z-index: 2; min-height: 300px;}
.content.large{max-width:600px;}
.kings-logo{display: block; text-align: center; margin-top:85px; margin-bottom: 40px; }
.phone_no{display: block; text-align: center;   }
.phone_no > a{font-family: 'AvertaStd-Black'; font-size:36px;  color:#fff; text-decoration: none;}
.phone_no > a span{color:#cbc184; font-size:36px; font-family: 'AvertaStd-Black';}
ul.amount-list{font-size:24px; display: block; text-align: center; max-width: 336px; margin:0 auto;}
ul.amount-list li{width:92px; height:92px; box-sizing:border-box; border:2px solid #fff; border-radius: 25px; padding:0;  display: inline-block; margin-right:17px; margin-bottom: 24px; cursor:pointer;} 
ul.amount-list li:nth-child(3n+0){ margin-right: 0;}
ul.amount-list li a{font-size:35px; font-family:open sans; font-weight:800; text-decoration: none; color:#fff; vertical-align: middle; display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center; width:100%; height:100%; line-height: 40px;}
ul.amount-list li a span{font-size:18px; font-family: 'AvertaStd-Regular'; display: inline-block;  vertical-align: middle;}
ul.amount-list li a b{display: inline-block; vertical-align: middle;}
ul.amount-list li:hover,ul.amount-list li.active{background: #fff; color:#008488;}

ul.amount-list li.active.other{background:none !important;}

ul.amount-list li:hover a,ul.amount-list li.active a{color:#008488;}
.content h2{ font-size:28px; color:#e9e3ce; font-family: 'AvertaStd-regular'; text-align: center; margin: 20px 0 50px 0;
background: -webkit-linear-gradient(45deg, #193835, #008488 80%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.content h2.white{background: none; color:#e9e3ce; -webkit-text-fill-color: #e9e3ce;}
.content h2.heading-large{font-family: 'AvertaStd-Extrabold'; background:none; text-shadow: 0 0 10px rgba(0, 0, 0, .2); margin-bottom: 0;}
.content h2.heading-large span{display: inline-block; font-family: 'AvertaStd-Extrabold'; font-size:70px; background: -webkit-linear-gradient(45deg, #193835, #008488 80%);
  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.content h3.center, .content h3.center span{font-size:19px; color:#193835; font-family: 'AvertaStd-regular'; text-align: center; display: block; clear:both;}
.content h4.center{font-size:22px; color:#193835; font-family: 'AvertaStd-regular'; text-align: center; display: block; clear:both; margin:0 0 20px 0;}
.content h4.center span{font-weight:700; color:#007779;}
.logo-list{ display: block; text-align: center;}
.logo-list p {display: block; clear:both; margin-bottom: 40px; text-align: center; }
.logo-list p.jewish-text{ margin: 30px 0 30px 0;}
.btn{display: block; text-align: center; margin-top:40px; margin-bottom: 40px;}
.popup .btn{margin-bottom:0;}
.btn a {  display: inline-block; text-decoration: none; }
.btn a span{display: block; width:200px; line-height: 28px; padding: 0; border-radius: 40px; text-align: center;  color:#193835; font-size:30px;  font-family: 'AvertaStd-Regular'; background-color:#cbc184; vertical-align: top; padding: 10px 0 15px;}
.btn a:hover span{ background: #193835; color:#fff; }
.content h2.heading{color:#193835; font-size:26px;}
.content .form-container{display: block; max-width: 575px; margin:0 auto;} 
.content .form-content{display: flex;  margin-bottom: 30px; width:100%;}
.content .form-content label{display: table-cell; white-space: nowrap; font-size:18px;  line-height: 20px;  font-family: 'AvertaStd-Regular'; color:#008488; width:34%;}

.content .form-content input[type="text"], .content .form-content input[type="password"], .content .form-content input[type="email"]{display: table-cell; width:100%; border:0;  outline: none; -webkit-appearance:none; border-bottom:1px solid #008488; font-size:16px; color:#193835; line-height: 30px; font-family: 'AvertaStd-Regular'; padding:0 0 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:none;}

.content .card-section{display: block; max-width: 500px; margin:0 auto; background:#e9f0f2; padding: 35px;     border-radius: 50px;
    box-shadow: 10px 0 17px rgba(0, 0, 0, .2); margin-top:50px; margin-bottom: 40px;}
	
.kvitel_bobx{display: block; max-width: 500px; margin:0 auto; background:#e9f0f2; padding: 35px;  border-radius: 50px; box-shadow: 10px 0 17px rgba(0, 0, 0, .2); margin-top:50px; margin-bottom: 40px;}	
.kvitel_bobx > .form-container{margin-top:30px; display:none;}
.kvitel_bobx > h5{overflow:hidden; padding:0 10px;}
.kvitel_bobx > h5 i{float:right; cursor:pointer;}	
ul.cards-list{display: flex; justify-content: center; align-items: center;}
ul.cards-list li{ margin: 0 5px 15px 5px;}
.card-form-section{display: block;}
.card-form-section .card-content{display: block; width:100%;     margin-bottom: 30px;}
.card-form-section .card-content label{color:#b6b7ba; margin-bottom: 0; padding: 0;}
.card-form-section .card-content input{ width:100%; border:0; font-size:18px; color:#008488; background: none; border-bottom:1px solid #c3c4c4; padding: 10px 0;}
.card-form-section .card-content.table-block{display: flex; width:100%;}
.card-form-section .card-content .table-cell{display: table-cell;}
.card-form-section .card-content .table-cell .cvv-section{margin-left:20px;}
.checkbox-section{margin-bottom: 30px;}
.checkbox-section input{display: none;}
.checkbox-section label{position: relative; padding-left:30px;}
.checkbox-section label:before{content:""; position: absolute; left:0;top:0; border:1px solid #666767; width:20px; height: 20px; background: #fff;}
.form-content.block-right{text-align: right; justify-content: flex-end;}
.form-content.block-center{text-align: center; justify-content: center;}
.signin-form .form-content{ margin-bottom: 40px;}
.content .signin-form .form-content input[type="text"], .content .signin-form .form-content input[type="password"]{ font-family: 'AvertaStd-light'; font-size:22px; padding: 15px 0; background:none;}
.content .signin-form .form-content{ font-size:18px; color:#666; }
.content .signin-form .form-content a{ font-size:18px; text-decoration: none; color:#008488; font-weight: 700;}
.content .signin-form .form-content a:hover{ text-decoration: underline; }
.checkbox-section input:checked + label:after{border: solid #666767; border-width: 0 2px 2px 0; transform: rotate(45deg); content:""; position: absolute; left:7px; top:1px; width:6px; height:14px;}
table.table-list{display: table;     border-collapse: collapse; font-size:20px; text-align: left;   font-family: 'AvertaStd-light'; }
table.table-list th, table.table-list td{padding: 15px 0;  font-family: 'AvertaStd-light';}
table.table-list.donation_history th:first-child{width:50%;}
table.table-list > thead >tr {  border-bottom:2px solid #008488; color:#008488;}
table.table-list > tbody >tr{border-bottom:1px solid #989899; color:#193835;}
.donate-form{color:#008488; font-family: 'AvertaStd-light';}
.donate-form.card-form-section .card-content label{color:#008488;  font-family: 'AvertaStd-regular';}
.donate-form.card-form-section .card-content input{ font-size:22px; font-family: 'AvertaStd-light';  padding: 0; color:#193835; }
.link-text a{color:#008488; font-size:18px; font-family: 'AvertaStd-Regular'; text-decoration: none;     font-weight: 700;}
.content .register-form .form-content label{width: 35%;}
.content .register-form .form-content label.zip-label{width:50px;}
ul.amount-list li.other{ border:2px solid #fff; border-radius: 20px;  margin:0 auto;  position: relative;  width:100%; height:auto; line-height: inherit; max-width: 324px;}
ul.amount-list li.other span{display: inline-block; font-size: 18px; color: #fff; font-family: 'AvertaStd-light'; position: absolute;top: 15px; left: 25px;}
ul.amount-list li.other div{padding-left:30px;}
ul.amount-list li.other:hover{background: none;}
.other input[type="text"]{width:100%; background: none; border:0; color:#fff; outline:none; text-align: left; font-size:18px; font-family: 'AvertaStd-Regular'; -webkit-appearance: none; padding: 10px 0; height:34px;}
.other input::-webkit-input-placeholder{outline:none; border:0; color:#fff;}
.other input::-moz-placeholder{outline:none; border:0; color:#fff;}
.other input::-ms-input-placeholder{outline:none; border:0; color:#fff;}
.other input:-moz-placeholder{outline:none; border:0; color:#fff;}
.card-list{ border-bottom: 1px solid #ccc; padding: 15px 0 10px; display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center; align-content: center;}
.card-list .flex-info{display: flex; justify-content:center; align-items: flex-start;}
.card-list .card-info{width:70%; }
.card-list .card-info span, .card-list .card-info  b {font-size:40px; line-height:43px; }
.card-list .card-info span.number, .card-list .card-info  b{font-size:20px; line-height: 28px;}
.card-list .card-info span.number{line-height:28px;}
.card-list .editbtn a{ padding: 0 10px; display: block; color:#0ca94b;}
.card-list .editbtn a { padding: 0 0 15px 10px; display: block; margin: 0 20px 0 0; color:#0ca94b;}
.card-list .deletebtn a { padding: 0 0 15px 10px; display: block; color:#921a1d;}
.menu{z-index: 10; position: relative;}
.menu a{width:56px; height:56px; position: absolute; display: block; background: #082521; border:0; outline: none; border-radius: 100%; color: #fff; line-height: 56px; text-align: center; }
.slip .menu a{background:#fff; color:#082521;}
.addBtn a{width:56px; height:56px; position: absolute; display: block; background: #013638; border-radius: 100%; color: #fff; line-height: 56px; text-align: center; }
.menu a{font-size:24px; z-index: 3; left:50%;  transform:translateX(-50%); margin-left:-300px; top:130px; }
.addBtn a{left:auto; z-index: 3; right:50%; transform:translateX(50%); margin-right:-300px;  top:130px;}
.menu.btn-lg-desk a,.addBtn.btn-lg-desk a{top:125px;}
.menu.btn-lg-desk.home a{top:256px;}
.left_bar{width: 250px;left: -250px; height: 100%; position: fixed; z-index: 10; background: #fff; transition:all ease 0.3s;  }
.menu_overlay{position: fixed; z-index: 9; width:100%; height:100%; top:0; left:0; opacity:0; visibility:hidden; background:#000; transition:all ease 0.3s;}
.slip  .menu_overlay{visibility:visible; opacity:0.4;}
.container-fluid.full_data   {transition:all ease 0.3s;}	
.slip .left_bar{ left:0; box-shadow: 15px 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 15px 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 15px 0 15px rgba(0,0,0,0.2);}
.slip  .container-fluid.full_data	{overflow:hidden}
body.slip{background:#000; }	
.left_bar .navigation	{margin:20px 20px 0 20px;}
.left_bar .navigation ul li{border-bottom:1px solid #d6d6d7;}
.left_bar .navigation ul li a{display:block; text-decoration:none; padding:18px 0; color:#193835; }
.user_info{background:#fafafa;     padding: 25px 20px;}
.user_info h4 span{display:block; color:#989899; font-size:12px;}
.user_info h4 {font-family: 'AvertaStd-Regular'; color:#193835; font-size:20px; font-weight:300;}
.lightbox_overlay{position: fixed; z-index: 10; width:100%; height:100%; top:0; left:0; opacity:0; visibility:hidden; background:rgba(0, 0, 0, .8); transition:all ease 0.3s;}
.popup{display: block; min-width:400px; min-height: 300px;  background:#fff;  z-index: 11; position: absolute; top:0; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:20px; opacity:0; visibility:hidden; transition:all ease 0.5s;}
body.showPopup .popup{opacity:1; visibility:visible;}
body.showPopup .lightbox_overlay{opacity:1; visibility:visible;}
.popup .inline-data{vertical-align: middle; height:auto; padding: 20px 40px 40px 40px;}
.popup-header{margin-bottom:10px;}
.popup-header h2{font-size:26px; padding: 20px 0; background: -webkit-linear-gradient(45deg, #193835, #008488 80%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.closeBtn { position: absolute; width: 40px; height: 40px; text-align: center; line-height: 40px;right: 30px; top: 30px; font-size:22px;  cursor: pointer;}
.closeBtn:hover{color:#008488;}
.btn.btn-default input[type="submit"]{font-size: 25px; line-height:60px; font-family: 'AvertaStd-Regular';  background-color: #cbc184; border: none; color:#193835; padding: 0 60px 0 60px; height:60px;  border-radius: 50px;  cursor: pointer;}
.btn.btn-default input[type="submit"]:hover{    background: #193835; color: #fff;}
.pagination{margin:20px 0 0 0; text-align:center;}
.pagination ul{margin:0; padding:0; list-style-type:none; display:inline-block; overflow:hidden; }
.pagination ul li{float:left; margin:0 5px;}
.pagination ul li a{display: flex; text-decoration:none; color:#666; border-radius:3px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center; width:36px; height:36px; border: 1px solid #dedede;}
.pagination ul li a:hover{border-color:#008488; color:#008488;}  
/* .pagination ul li:first-child a,.pagination ul li:last-child a{background:#008488; color:#fff; border-color:#008488;} */
.pagination ul li.active{background:#008488; color:#fff; border-color:#008488;}
.pagination ul li.active a{border: solid 0px}
.editbtn, .deletebtn{display:inline-block;}
.animated_txtfields{position:relative; width: 100%; padding: 0 10px; box-sizing: border-box;}
.animated_txtfields.col-33{width:33.33%;}
.animated_txtfields input[type="text"],
.animated_txtfields input[type="password"],
.animated_txtfields input[type="text"],
.animated_txtfields textarea
{padding:0; height: 40px; border-bottom:1px solid #ccc !important;}
.animated_txtfields textarea{height:80px; border:none; width:100%; background:none; resize:vertical;font-size: 16px;}
.animated_txtfields select
{width:100%; padding:0; height: 40px; background:none; border:none; border-bottom:1px solid #ccc !important; color:#999999; font-size:18px; font-family: 'AvertaStd-Light' !important;
appearance:none; -webkit-appearance:none; border-radius:0; background:url(../img/drop_arrow.png) right center no-repeat;     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 14px;

}


.animated_txtfields select option{font-size:13px;}
.animated_txtfields.has_txtarea label{top:10px;}
.animated_txtfields label
{position:absolute; color:#333 !important; opacity:0.5; display:block; font-family: 'AvertaStd-Light' !important; font-size:16px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; cursor: text; }
.animated_txtfields.active label{
	top: -20px;
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	font-size: 13px;
	color: #008488 !important;
}
.content .signin-form .form-content .animated_txtfields input[type="text"],
.content .signin-form .form-content .animated_txtfields input[type="password"],
.content .signin-form .form-content .animated_txtfields input[type="text"]{
	padding:0; height: 60px; border-bottom:1px solid #ccc !important;
}
.content .signin-form .form-content .animated_txtfields label{
	position:absolute; 
	color:#333; 
	opacity:0.5; 
	display:block; 
	font-family: 'AvertaStd-Light' !important; 
	font-size:20px; 
	top:50%; 
	transform: translateY(-50%); 
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	transition:all ease 0.3s; 
	-webkit-transition:all ease 0.3s; 
	-moz-transition:all ease 0.3s; 
	z-index: -999;
}
.content .signin-form .form-content .animated_txtfields.active label{
	top: -20px;
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	font-size: 15px;
	color: #008488;
}

.left_bar_logo{background:#eceded; text-align:center; left:10px; right:010px; bottom:10px; position:absolute;}
.left_bar_logo a{display:block; padding: 25px;  text-decoration:none;}
.left_bar_logo a h4{font-family: 'AvertaStd-Light'; font-size:16px; color:#1c2a56; letter-spacing:2px;}
.left_bar_logo a img{max-width: 60%; margin-top:20px;}
.d-flex{display:flex !important;}
.checkbox_tooltip{color:#008489; font-family: 'AvertaStd-Regular'; font-size:13px; position:relative;}
.checkbox_tooltip .tooltip_data{
	position: absolute;
  background: #feeeed;
  padding: 20px;
  border-radius: 3px;
  bottom: 70px; display:none;
  left: -20px;
}	
.checkbox_tooltip:hover .tooltip_data{display:block;}
.checkbox_tooltip .tooltip_data:after{
position: absolute;  border-left:10px solid transparent; border-top:10px solid #feeeed; border-right:10px solid transparent; content:''; width:0; height:0; bottom: -10px;left: 16px;
}	
.checkbox_tooltip .tooltip_data strong{display:block; font-weight:400; color:#000; position:relative; padding:0 0 0 10px; width: 150px; font-size:13px; line-height:22px;}
.checkbox_tooltip .tooltip_data strong i{    font-size: 5px;
  position: absolute;
  left: 0;
  top: 10px;}	
.prefilled_block{border-radius: 25px;
  background: #fff; padding:20px 0;
  box-shadow: 10px 10px 25px rgba(0,0,0,0.1);
  margin: 20px auto 10px auto;
  max-width: 440px; color:#333;}	

.prefilled_block .prefilled_block_title{display:flex; margin:0 0 10px 0;}
.prefilled_block .prefilled_block_title > i{width: 60px;
  text-align: center; padding: 5px 0 0 0;}
.prefilled_block .prefilled_block_title h4{
	border-bottom: 1px solid #adadad;
  width: calc(100% - 60px);
  padding: 0px 20px 10px 0;
}
.prefilled_block .prefilled_block_title h4 i{float:right; cursor:pointer;}
.prefilled_block .prefilled_block_content{padding-left:60px;}
.prefilled_block .prefilled_block_content h4{font-size:22px; font-family: 'AvertaStd-light';}
.prefilled_block .prefilled_block_content ul{font-size:15px;}
.prefilled_block .prefilled_block_content ul.card_list{margin-right:30px;}
.prefilled_block .prefilled_block_content ul li{margin-top:3px; overflow:hidden; position:relative;}
.prefilled_block .prefilled_block_content ul li span{
	background: #008488;
  color: #fff;
  border-radius: 4px;
  display: block;
  float: left;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  padding: 5px 10px;
  position: absolute;
  left: 25px;
  top: 12px;
  margin: 0;
}
.prefilled_block .prefilled_block_content ul.card_list li{
	cursor: pointer;
	padding: 15px 15px 15px 80px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 50px;
}
.prefilled_block .prefilled_block_content ul.card_list li i{float:right; font-size: 19px; color:#ccc;}
.prefilled_block .prefilled_block_content ul.card_list li a{color:#333;text-decoration: none;}
.prefilled_block .prefilled_block_content ul.card_list li.active i{color:#008488;}
.prefilled_block .prefilled_block_content ul.card_list li.active{border: 2px solid #008488;}
.prefilled_block .prefilled_block_content ul.card_list li:not(:first-child){display:none;}
.prefilled_block .prefilled_block_content ul.card_list.active li{display:block !important;}
.card_list_expander{text-align:center; padding:0 30px 0 0;}
.card_list_expander i{cursor:pointer;}
.col-100{padding-left:10px; padding-right:10px; width:100%;}

div.error{
	color: red;
	font-weight: 900;
	font-size: 23px;
	margin-bottom: 10px;	
	background: white;
	padding: 10px;
	width: 320px;
	margin: 0 auto 10px auto;
	border-radius: 15px;
}
	
@media (max-width:1200px){
	.container-fluid{transition:all ease 0.3s; left:0; }
	.slip .container-fluid{transition:all ease 0.3s; left:250px; }
	.logo{ margin-top:50px;}
	.container-fluid:before{height:200px;}
	.menu a { font-size: 24px; z-index: 11;  left: 20px; transform: translateX(0);  margin-left: 0; position: absolute; opacity: 1; }
	.addBtn a { font-size: 24px; z-index: 11;  right: 20px; transform: translateX(0);  margin-right: 0; position: absolute; opacity: 1; }
	.menu{z-index: 11;}
	.menu.btn-lg-desk a{ top:50px; z-index: 11;} 
	.menu.btn-lg-desk.home a{top:50px;}
	.addBtn.btn-lg-desk a { top: 50px; z-index: 11; right: 20px; transform: none; margin: 0;}
	.container-fluid.dark-green-header:before, .container-fluid.green-header:before { height: 198px; top: -114px;  }    
	.header{min-height: 200px;}
	.header.small {  min-height: 150px;}    
	.logo.white{margin-top:0;} 
}

@media (max-width:767px){  
  .logo{padding: 25px 40px; width:auto; height:212px; border-radius: 60px; }
  .header img{max-height: 100%;}
  .phone_no{padding-bottom: 40px;}  
  .container { padding: 0 20px 0; width:auto; }    
  .content h2.heading-large span{font-size:60px;}
	.card-list .card-img{width:70px;}
	.card-list .card-info{width:auto;}
	.card-list .editbtn a{ margin-right:0;}
}

@media (max-width:480px){
	.btn.btn-default input[type="submit"] {
		padding: 0 40px 0 40px;
		font-size: 20px;
		width: 80%; max-width: 234px;
		height: 50px;
		line-height: 50px;
	}
	.content.home{display: flex; justify-content: center; align-items: center; width:100%; height:calc(100% - 332px)}    
	.header{min-height: inherit;}
	.container{height:100%;}
	.kings-logo{ padding:60px 60px 0; margin-top:0; max-width:250px;} 
	.logo{padding: 25px 40px; width:auto; height:172px; border-radius: 60px; }    
	.header img{max-height: 100%; max-width: 160px;}
	.container-fluid:before{height:200px;}
	.content img{max-width: 100%;}
	.header.small {min-height: 115px; }
	table.table-list th, table.table-list td{font-size:16px;}    
	.popup{min-width: 90%;  left: 5%;  transform: none; top: 5%; width: 90%;}
	.popup .inline-data { padding: 10px 10px 20px 10px;}
	.popup-header h2 { font-size: 22px;}
	.closeBtn{ right: 15px;    top: 25px;}
	.content { margin: 0 auto 0 auto;}    
	.header {min-height: 75px;}    
	.content h2.heading-large span{font-size:50px; line-height: 60px;}
	.content h4.center {font-size: 18px;}
	.content h3.center, .content h3.center span{font-size:15px;}    
	.content h2{ margin-top:20px; margin-bottom:20px; font-size:20px !important;}    
	.content .signin-form .form-content, .content .signin-form .form-content a { font-size: 16px;}    
	.content .signin-form .form-content input[type="text"], .content .signin-form .form-content input[type="password"]{font-size:18px;}    
	.content h2.white{padding: 20px 0; font-size:20px; margin-bottom:0; font-family: 'AvertaStd-light';}
	.content h2.white span{font-size:20px;  display: block; font-family: 'AvertaStd-light';}    
	ul.amount-list li { width: 65px; height: 65px; margin-right: 12px; margin-bottom: 12px; }    
	ul.amount-list li a{font-size:20px;}    
	ul.amount-list{max-width: 260px;}    
	ul.amount-list li.other{border-radius: 40px; max-width: 234px;}    
	.card-list .card-info span { font-size: 20px; line-height:24px;}    
	.card-list .card-info span.number, .card-list .card-info b { font-size: 20px; line-height:14px;}    
	.menu a,.addBtn a {
	  width: 45px;
	  height: 45px;
	  line-height: 45px;
	  font-size:20px;
		top:30px;
	}
	.menu.btn-lg-desk a, .addBtn.btn-lg-desk a {
	  width: 45px;
	  height: 45px;
	  line-height: 45px;
	  font-size:20px;
	}
	.logo-list p.jewish-text { margin: 30px 0;}
	.logo.white{padding-bottom:0; padding-top: 20px;} 
	table.table-list td{width:50%}
	.content .card-section{   padding:25px; margin-top: 20px;  margin-bottom: 20px;}
	.btn{margin-top:20px;}
	.logo { margin-top: 20px;}
	.menu.btn-lg-desk.home a {top: 130px;}
	.pagination ul li a{width:30px; height:30px; font-size:13px;}
	.content .form-content label.zip-label{padding-left:0;}
	.menu a{top:30px;}
	.checkbox_tooltip{font-size:11px;}
	.checkbox-section{font-size:13px;}	
	.prefilled_block .prefilled_block_content ul {  font-size: 13px;}
	.prefilled_block .prefilled_block_content h4 {font-size: 20px;}
	.other input[type="text"]{height: 26px; font-size:15px;}
	.prefilled_block .prefilled_block_content ul.card_list { margin-right: 20px;}
	.card_list_expander { padding: 0 20px 0 0;}
	.fixed-btn{position: fixed; left: 0; right: 0; bottom: 0; margin: 0; padding: 20px 0; z-index: 10;}
	.fixed-btn-body .container .content{margin-bottom:110px;}
	.white-bg{background:#fff; box-shadow: 0 -1px 10px rgba(0,0,0,0.05);}
	.cgreen-bg{background:#005f5e; }
	.kvitel_bobx{padding:20px 20px 20px 20px;}
	.prefilled_block .prefilled_block_content ul.card_list li{padding-left:65px; padding-right:10px;}
	.prefilled_block .prefilled_block_content ul li span{left:15px;}
	.animated_txtfields select,.content .form-content label{font-size:15px;}
}

@media (max-width:400px){
	.content .form-content:last-child input.auto-width{    margin-bottom: 20px;}
	.content .register-form .form-content label { width: 100%;}    
	.content .form-content label{display: block;}    
	.content .register-form .form-content label.zip-label{ margin-top:20px;}    
	.header.small {min-height: 75px;}    
	.container-fluid.dark-green-header:before, .container-fluid.green-header:before { height: 164px; top: -114px;}    
	.menu.btn-lg-desk a, .addBtn.btn-lg-desk a { top: 30px;}    
	.signin-form .form-content { margin-bottom: 30px;}
	.donate-form.card-form-section .card-content label{font-size:15px;}
	.donate-form.card-form-section .card-content input{font-size: 20px;padding-top: 0; height: 40px;}
	.link-text a{font-size:15px;}
	.btn a{display:block;}
	.btn a span{width:100%; padding: 15px 0; font-size: 22px;}    
}

@media (max-width:330px){	
.card-list .editbtn a{ margin-right:0;}
.container {padding: 0 15px 15px;}
.card-list .card-info span.number, .card-list .card-info b {font-size: 14px; line-height:18px;}
.card-list .card-info span {font-size: 20px; line-height: 26px;}

}

.hide{
	display: none;
}