body.page-template-about-founder-new header {
    background-image: none
}

article.featured-img {
    position: relative;
    top: -85px
}

.featured-img .carousel-caption {
    width: auto;
    padding: 0;
    text-shadow: 0 0 #000;
    left: 8%;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    bottom: inherit;
    z-index: 2
}

.featured-img img {
    width: 100%
}

.featured-img h1 {
    font-size: 42px;
    font-weight: 700
}

.aboutfounder img {
    width: 100%
}

.aboutfounder h3,
.biographies h3,
.mediasec h3,
.meet-ben h3,
.new-survivor h3,
.timeline-sliderbg h3 {
    margin-bottom: 30px
}

.mediasec {
    padding-top: 50px
}

.new-survivor {
    clear: both;
    margin-top: 0;
    height: auto;
    margin-top: 70px;
    background: url(images/survivorbgabout.jpg) !important;
    position: relative;
    margin-bottom: 70px;
    padding-bottom: 0;
    padding-top: 20px
}

.new-survivor:before {
    content: "";
    position: absolute;
    top: -70px;
    left: 0;
    width: 100%;
    height: 108px;
    height: 75px;
    background: url(images/survivorbgabouttop.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

.new-survivor:after {
    content: "";
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%;
    height: 108px;
    height: 75px;
    background: url(images/survivorbgaboutbottom.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.new-survivor a.button,
.new-survivor h3,
.new-survivor p {
    color: #fff
}

.new-survivor .survivor-list h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 50px;
    text-align: center;
    text-transform: capitalize
}

.new-survivor.survivor img {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 10px solid #0c67a4;
    margin-top: 0;
    transition: all .2s ease-in-out;
    margin: auto
}

.new-survivor.survivor a:hover img {
    border: 10px solid #3290ce
}

.meet-ben {
    clear: both
}

.meet-ben a {
    margin-top: 40px;
    margin-right: 0
}

.meet-ben .img-circle {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 10px solid #3290ce;
    margin: auto
}

.timeline-sliderbg {
    background: url(pinsbg.jpg);
    padding-top: 60px;
    margin-top: 0
}

.timeline-sliderbg.pagee {
    padding-bottom: 0
}

.timeline-sliderbg a.button,
.timeline-sliderbg h3,
.timeline-sliderbg p {
    color: #fff
}

.timeline-sliderbg p.tp {
    margin-bottom: 50px !important
}

.timeline-sliderbg .whitebg {
    background: #fff !important
}

.timeline-sliderbg .flex-next,
.timeline-sliderbg .flex-prev {
    height: 100%
}

.button.join img {
    margin-top: 0;
    margin-bottom: 10px
}

.biographies {
    padding-top: 60px;
    padding-bottom: 60px
}

.biographies ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: space-between
}

.biographies ul li {
    padding: 0;
    width: 33%;
    max-width: 230px;
    margin-bottom: 20px
}
header{z-index:9;}
header:not(.new-header){/*display:none;*/}
header.new-header{background:none;margin-bottom:0px;}
.page-rec .navbar-default .navbar-nav>li>a{font-family: 'Crimson Pro';text-transform: none;font-size: 26px;}
.page-rec .card .card-footer h4{text-transform: none;font-family: 'Crimson Pro';font-weight: 100;font-size: 24px;}
a.button.join.literature-links {
    height: 200px;
    width: 100%;
    vertical-align: middle;
    background: #caa03b;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

a.button.join.literature-links span {
    width: 100%
}

.container-s {
    padding-bottom: 0
}


/* today css */

.page-rec{overflow:hidden;}
.map-bg {
    background-color: #f2f2f3;
    padding: 50px 30px;
    border-radius: 0;
}
.zacor-bg{
    position: relative;
}
.zacor-bg:before{
    content: "";
    background-image: url(./images/zacorbg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    height: 100% !important;
    left: 0;
    right:0;
    bottom: -20px;
    background-color: transparent;
    z-index: -1;
}


.getInvolveToday .modal-content {
    border-radius: 0px;
}
.getInvolveToday .modal-header{
    background-color: #005596;
}
.getInvolveToday .modal-header .modal-title{
    background-color: #005596;
    color: #fff;
    font-size: 48px;
    margin-bottom: 0px;
}
.getInvolveToday .modal-body{
    padding: 30px 15px 50px;
    color:#000;
}
.getInvolveToday .modal-body h3{
    font-size: 36px;
    color:#000;
    margin-top: 30px;
    margin-bottom: 20px;
}
.getInvolveToday .modal-body label{
    font-size: 18px;
    color:#000;
    font-weight: bold;
}
.getInvolveToday .modal-body .form-control{
    font-size: 18px;
    color:#000;
    height: 50px;
    background-color: #f0f1f1;
    border: 0px;
    box-shadow: none;
}

.getInvolveToday .modal-body .form-control::-moz-placeholder{
    color:#a7a9ac;
}
.getInvolveToday .modal-body .form-control::-webkit-input-placeholder{
    color:#a7a9ac;
}
.getInvolveToday .modal-body .form-control::placeholder{
    color:#a7a9ac;
}
.getInvolveToday .form-wraper{
    padding: 0px;
}
.getInvolveToday .form-row{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.getInvolveToday .form-row>div{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.getInvolveToday .btn[type="submit"], .page-rec .btn-theme[type="submit"]{
    width: 80%;
    font-size: 18px;
    margin-top: 30px;
}
.getInvolveToday .modal-header .close{
    color: #fff;
    opacity: 1;
    font-size: 30px;
}

.custom-checkbox{
    margin-bottom: 20px;
    padding-left: 40px;
}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}
.custom-control-input {
    position: absolute;
    z-index: 1;
    opacity: 0;
    height: 24px;
    width: 25px;
    margin-left: -42px !important;
}
.custom-checkbox .custom-control-label {
    padding-top: 1px;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-control-label::before {
    position: absolute;
    top: 2px;
    left: -40px;
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 0px;
}
.custom-control-label::after {
    position: absolute;
    top: 2px;
    left: -40px;
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    background: no-repeat 50%/50% 50%;
}
.custom-control-input:checked~.custom-control-label::before, .custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    border-color: #002b4b;
    background-color: #002b4b;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.bracket-section{
    padding: 20px 10% 20px;
    position: relative;
    margin-top: 30px;
}
/*.bracket-section:before{
    content: "" !important;
    position: absolute;
    width: 36px;
    height: 100%;
    top: 0;
    left: 7%;
    border: 8px solid #bf1e2c;
	border-right: 0;
}
.bracket-section:after{
    content: "" !important;
    position: absolute;
    width: 36px;
    height: 100%;
    top: 0;
    left: 7%;
    border-right: 0px;
	border: 8px solid #bf1e2c;
}
.bracket-section:after{
    right: 7%;
    border-left: 0px;
    left: inherit;
    border-right: 8px solid #bf1e2c;
}*/



@media (min-width:768px) {
    .getInvolveToday .modal-dialog{
        width: 98%;
        max-width: 1200px;
    }
    .getInvolveToday .btn[type="submit"], .page-rec .btn-theme[type="submit"]{
        font-size: 36px;
    }
}
@media(max-width:768px) {
    .featured-img h1 {
        font-size: 28px;
        font-weight: 700
    }
    .survivor-list {
        padding-left: 5px;
        padding-right: 5px
    }
    .getInvolveToday .modal-body>.row{
        margin: 0px;
    }
}

@media(max-width:575px) {
    #mask-testimonials,
    #shoah-interviews,
    #survivors-videos,
    #testimonials-we-remember {
        height: auto
    }
    .biographies ul {
        padding-left: 20px;
        padding-right: 20px
    }
    .biographies ul li {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px
    }
}



.page-rec .pagee {
    padding-top: 50px
}

.page-rec .carousel-caption.center {
    width: 100%;
    left: 0;
    right: 0;
    text-align: center
}

.page-rec .carousel-caption.center .caption-logo {
    margin: auto;
    width: 270px !important
}

.page-rec .carousel-caption h1 {
    font-size: 48px;
    margin-top: 0;
    margin-bottom: 20px;
    color: #005596;
    font-family:"linotype-sabon";
}

.page-rec .carousel-caption h1 small {
    color: inherit
}

.page-rec .btn-theme {
    background: #caa03b;
    color: #fff !important;
    padding: 10px 25px;
    font-size: 18px;
    display: inline-block;
    text-transform: none;
    font-family: 'Crimson Pro Bold';
    border-radius: 4px;
    letter-spacing: .03em;
	font-weight:600;
}

.page-rec .btn-theme:focus,
.page-rec .btn-theme:hover {
    background: #9c7c40;
    color: #fff !important
}

.page-rec .btn-blue {
    background: #005596;
    color: #fff !important
}

.page-rec .btn-blue:focus,
.page-rec .btn-blue:hover {
    background: #013d6b;
    color: #fff !important
}

.page-rec h1,
.page-rec h2,
.page-rec h3,
.page-rec h4 {
    font-family: 'Crimson Pro';
    text-transform: none;
    font-weight: bold;
    letter-spacing: .03em;
    margin-bottom: 20px;
}

.page-rec h1 {
    font-size: 42px;
    color: #005596;
}

.page-rec h2 {
    font-size: 42px;
    color: #005596;
}
.page-rec h3 {
    font-size: 36px;
    color: #005596;
}
.page-rec h4 {
    font-size: 32px;
    color: #005596;
}
.page-rec p , .page-rec ul li{
    font-family: 'Crimson Pro';
    font-weight: 400;
    letter-spacing: .03em;
    color: #0a2334;
}
.page-rec strong{
    font-weight:700;
    color: #0a2334;
}
.page-rec .rec-sec3 p, .page-rec .rec-sec4 p {
    font-size: 20px;
}

.page-rec .text-center p {
    text-align: center
}

.page-rec .text-center .img-responsive {
    margin: auto
}

.rgt-img-with-content {
    margin-left: 30px;
    margin-bottom: 30px
}

.trans-box {
    padding: 50px;
    background-color: #efefef;
    border-radius: 10px;
    padding-left: 60px
}

.trans-box li {
    text-align: left;
    margin-bottom: 24px
}

.trans-box li:last-child {
    margin-bottom: 0
}

.orange-bg+.blue-bg::before {
    background-color: #c9a35b
}

.orange-bg+.white-bg::before {
    background-color: #c9a35b
}

.orange-bg.before-blue-bg:after {
    background-color: #c9a35b
}
.orange-bg.before-blue-bg.rec-sec2:after {
    /*background-color: #fff;*/
}

.orange-bg.rec-sec2:after {
	background-color: transparent;
	margin-bottom: -34px;
}

.blue-bg+.orange-bg::before {
    background-color: #005596
}

.blue-bg+.white-bg::before {
    background-color: #005596
}

.white-bg {
    background-color: #fff;
    position: relative;
    padding: 50px 15px !important
}

.orange-bg {
    background-color: #c9a35b;
    position: relative;
    padding: 50px 15px !important
}

.blue-bg {
    background-color: #005596;
    position: relative;
    padding: 50px 15px !important
}

.blue-bg:after,
.blue-bg:before,
.orange-bg:after,
.orange-bg:before,
.white-bg:after,
.white-bg:before {
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    position: absolute;
    height: 50px;
    left: 0;
    right: -2px
}

.blue-bg:after,
.orange-bg:after,
.white-bg:after {
    bottom: -1px;
    background-position: bottom;
    background-color: #fff
}

.blue-bg:before,
.orange-bg:before,
.white-bg:before {
    top: -1px;
    background-color: #fff
}

.orange-bg:after,
.orange-bg:before {
    background-image: url(images/orangebg.svg)
}

.blue-bg:after,
.blue-bg:before {
    background-image: url(images/bluebg.svg)
}
.blue-bg.rec-sec3:after,
.blue-bg.rec-sec3:before {
    background-color: transparent;
}

.white-bg:after,
.white-bg:before {
    background-image: url(images/whitebg.svg)
}

.blue-bg.with-line-bg {
    background-image: url(images/line.svg);
    background-repeat: no-repeat;
    background-size: 100%
}

.blue-bg h1,
.blue-bg h2,
.blue-bg h3,
.blue-bg h4,
.blue-bg h5,
.blue-bg h6,
.blue-bg li,
.blue-bg p,
.orange-bg h1,
.orange-bg h2,
.orange-bg h3,
.orange-bg h4,
.orange-bg h5,
.orange-bg h6,
.orange-bg li,
.orange-bg p {
    color: #fff
}

.blue-bg a,
.blue-bg small,
.blue-bg span,
.blue-bg strong,
.orange-bg a,
.orange-bg small,
.orange-bg span,
.orange-bg strong {
    color: inherit
}

.card {
    background: #fff
}

.card .card-body {
    padding: 15px
}

.card .card-body p {
    color: #0a2334;
    margin-bottom: 0;
    position: relative;
    padding: 0px 15px;
}
/* .card .card-body p::before{
    content: '';
    position: absolute;
    height: 40px;
    width: 40px;
    background-image: url(./images/quate.png);
} */

.card .card-footer {
    position: relative;
    background: #fff;
    padding: 15px;
    text-align: center;
    overflow: hidden
}

.card .card-footer::before {
    background-image: url(images/bluebg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    height: 80%;
    left: 0;
    right: -2px;
    bottom: -12px;
    z-index: 0
}

.card .card-footer * {
    position: relative
}

.card .card-footer img {
    height: 130px;
    width: 130px
}

article+.rec-sec1.white-bg {
    top: 0;
    padding: 20px 15px !important;
    padding-bottom: 60px !important;
}

article+.rec-sec1.white-bg::before {
    top: -60px;
    background-color: transparent
}

article+.rec-sec1.white-bg::after {
    /* display: none */
}

.section-headding {
    position: relative;
    padding-bottom: 30px
}

.section-headding:after {
    content: "";
    position: absolute;
    height: 10px;
    background: #c9a35b;
    left: 0%;
    width: 1000%;
    bottom: 30px
}

.rec-sec1,
.rec-sec4,
.rec-sec6 {
    overflow: hidden
}

.rec-sec2 h2 small {
    /*font-size: 80%*/
}

.rec-sec4 .section-headding {
    text-align: center
}

.rec-sec4 .section-headding:after {
    left: 32%
}

.rec-sec4 h2 {
    margin-top: 0
}

.rec-sec4 .btn-theme {
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.rec-sec7 .btn-theme {
    margin-top: 40px
}
.rec-sec1{
    position: relative;
}
.rec-sec1 .container{
    position: relative;
    z-index: 1;
}
.rec-sec1::after{
    content: "";
    background-image: url(./images/zacorbg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    height: 100% !important;
    left: 0;
    right: 30%;
    bottom: 14%;
    background-color: transparent;
}
.rec-sec9, .rec-sec4{
    position: relative;
}
.rec-sec9:before, .rec-sec4::before{
    content: "";
    background-image: url(./images/remember.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

.rec-sec9 .section-headding:after {
    left: 33%;
	bottom: 25px;
}

.ml-auto,
.mx-auto {
    margin-left: auto
}

.mr-auto,
.mx-auto {
    margin-right: auto
}
.rec-sec4 .btn-theme:hover{    background: #caa03b;}

@media(min-width:768px) {
    .row-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .row-flex .card {
        height: 100%;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        justify-content: space-between
    }
    .d-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .align-items-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .flex-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .justify-content-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .white-bg {
        padding: 100px 15px !important
    }
    .orange-bg {
        padding: 100px 15px !important
    }
    .blue-bg {
        padding: 100px 15px !important
    }
    .blue-bg:after,
    .blue-bg:before,
    .orange-bg:after,
    .orange-bg:before,
    .white-bg:after,
    .white-bg:before {
        height: 100px
    }
	.blue-bg.rec-sec3:before{height: 50px;top: -50px;background-color: transparent;}
}

@media(min-width:1200px) {
    .page-rec .carousel-caption h1 {
        font-size: 80px
    }
    .page-rec h2 {
        font-size: 67.5px
    }
	.page-rec .rec-sec5 h2 {
        font-size: 60.5px
    }
	
    .page-rec h3 {
        font-size: 54px;
    }
    .page-rec h4 {
        font-size: 46px;
    }
	.page-rec .bracket-section h4 {
        font-size: 36px;
    }
}

@media (max-width:767px) {
    .col-xs-12 .ml-auto,
    .mr-auto,
    .mx-auto {
        margin-left: auto;
        margin-right: auto
    }
	.blue-bg.rec-sec3:before{height:26px;top:-25px;}
}

.page-rec header {
    margin-bottom: 0
}

.page-rec .plan-header {
    background: #005596
}

.page-rec .navbar-default {
    margin-bottom: 0;
    height: auto
}

.page-rec article.featured-img {
    top: 0
}

article+.rec-sec1.white-bg {
    overflow: initial
}

/*18-08-21*/
.new-top-blue.blue-bg.rec-sec8{padding: 25px 0px !important;}
.new-top-blue.blue-bg.rec-sec8:after,.new-top-blue.blue-bg.rec-sec8:before{height:0px;}
.new-top-blue.blue-bg.rec-sec8 p{text-align:center;margin-bottom:0px;    font-size: 20px;}
@media (max-width:1436px){
	.new-top-blue.blue-bg.rec-sec8 p{padding-top: 20px;}
}
/*18-08-21*/

@media (min-width:768px) {
    .page-rec .navbar-default .navbar-nav {
        width: 100%;
        display: flex;
        display: flex;
        justify-content: space-between;
        justify-content: space-between
    }
	.page-rec{margin-top: -72px;}
}

@media (max-width:767px) {
    .page-rec .navbar-default .navbar-nav>li>a {
        color: #fff
    }
    .page-rec .carousel-caption.center .caption-logo {
        margin: auto;
        width: 124px !important
    }
    .page-rec .carousel-caption h1 {
        font-size: 24px
    }
	.new-top-blue.blue-bg.rec-sec8 p{padding-top: 0px;}
}

@media (min-width:320px) and (max-width:568px) {
    header {
        min-height: inherit !important
    }
}