* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



@font-face {
    font-family: 'fb_metropolitanabold';
    src: url('../fonts/fbmetropolitana-bold-webfont.woff2') format('woff2'),
         url('../fonts/fbmetropolitana-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'fb_metropolitanamedium';
    src: url('../fonts/fbmetropolitana-medium-webfont.woff2') format('woff2'),
         url('../fonts/fbmetropolitana-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'averta_stdbold';
    src: url('../fonts/avertastd-bold-webfont.woff2') format('woff2'),
         url('../fonts/avertastd-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'averta_stdregular';
    src: url('../fonts/avertastd-regular-webfont.woff2') format('woff2'),
         url('../fonts/avertastd-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'averta_stdregular_italic';
    src: url('../fonts/avertastd-regularitalic-webfont.woff2') format('woff2'),
         url('../fonts/avertastd-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'averta_stdsemibold';
    src: url('../fonts/avertastd-semibold-webfont.woff2') format('woff2'),
         url('../fonts/avertastd-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



img {  max-width: 100%;}
p {color: #1c253c; font-size: 1.1rem;}
body {font-family: FbMetropolitana-Regular, sans-serif ;font-weight: 400;font-style: normal; font-size: 14px;  text-decoration: none; text-transform: none;    overflow-x: hidden;}
ul,li {  margin: 0px; padding: 0px; list-style: none;}
#main {overflow-x: hidden;}
.section{float:left; margin:0; padding:0; width:100%;}
.container {max-width: 1200px; margin: 0 auto; padding: 0 15px; display:flex;}
.header{padding:0; position:fixed; left:0; top:0; z-index:4; background:rgba(255,255,255,0.7); transition:all ease 0.3s; border-top:4px solid #6f4958;}
.header.fixed{padding:0; background:rgba(255,255,255,1); box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.header .container{justify-content:space-between; flex-direction:row-reverse;}
.header .logo{width:160px; transition:all ease 0.3s; padding:15px 0;}
.header.fixed .logo{width:120px; padding:10px 0;}
.trigger{width:30px; cursor:pointer; display:none;}
.trigger span{display:block; height:1px; background:#999999;}
.trigger span:nth-child(2){margin:7px 0;}
.header .navigation{display: flex;
    flex-direction: column;
    justify-content: space-between;     align-items: flex-start;}
.header .navigation ul.main_menu{display:flex; flex-direction: row-reverse;}
.header .navigation ul.main_menu .close{display:none; width:19px; height:21px; right:21px; top:20px; position:absolute; background:url(../images/close_icon.png) center center no-repeat;}
.header .navigation ul.main_menu li{margin:0 0 0 35px;}
.header .navigation ul.main_menu li:last-child{margin-left:0;}
.header .navigation ul.main_menu li a{display:block; font-weight:500; padding:0 0 10px 0; color:#8c8c8c; text-decoration:none; position:relative; font-size:16px; font-family:FbMetropolitana-Regular, sans-serif;}
.header .navigation ul.main_menu li a:after{position:absolute; content:''; left:0; bottom:0; height:3px; width:100%; background:#000000; opacity:0;}
.header .navigation ul li a{direction: rtl;}
.header .navigation ul.main_menu li:hover a,.header .navigation ul li.active a{color:#000000;}
.header .navigation ul li.active a:after{opacity:1;}
.header .navigation ul li.current a{color:#000000;}
.header .navigation ul li.current a:after{opacity:1;}

.height90{height:80vh;}


.header .navigation ul.languages{margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: flex-end;}
.header .navigation ul.languages li{margin:0;}
.header .navigation ul.languages li a{    color: #666666;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    padding: 6px 16px 10px 16px;
    border-radius: 0 0 4px 4px;
    display: block;
    font-weight: 700;}
.header .navigation ul.languages li.active a{color:#ffffff; background:#6f4958;}

.banner{background:url(../images/home_banner.png) left bottom no-repeat; background-size:cover;}

.banner .container{align-items:center; justify-content:center; text-align:center; flex-direction:column;}
.banner .container .banner_top_section{width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;}
	
	.banner .container .banner_top_section h4{
		color: #ffffff;
    font-family: FbMetropolitana-Regular, sans-serif;
    font-weight: 700;
    text-align: left;
    font-size: 22px;
    line-height: 22px;
    padding-top: 10px;
    padding-left: 50px;
    direction: rtl;
    }
	.banner .container .banner_top_section h1{
		color: #e8ce99;
    font-family: FbMetropolitana-Bold, sans-serif;
    font-weight: 700;
    text-align: left;
    font-size: 100px;
    letter-spacing: -5px;
    line-height: 86px;
    direction: rtl;
    text-align: right;
    }
	.banner .container ul{    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: flex-end; margin:30px 0;}
	.banner .container ul li span{z-index:1; position:relative;}
	.banner .container ul li{    color: #eeaea2;
    position: relative;
    font-family: FbMetropolitana-Regular, sans-serif;
    font-weight: 700;
    font-size: 26px; padding:0 10px;
    margin-right: 30px;}
	.banner .container ul li:before{content:''; background:#6f4958; border-radius:30px; height:15px; width:100%; position:absolute; left:0; bottom:0;}
	
	.banner .container p{ font-family: FbMetropolitana-Bold, sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #ffffff;
    text-align: left;
    width: 100%;}


.banner .container .banner_top_section.flex-center, .banner .container ul.flex-center{justify-content: center;}
.banner .container p.center_txt{text-align: center}



.after_banner{margin-top:-120px;}
.donate_form .form_row.center {
    justify-content: center;
}
.donate_form .form_row h4.text-center {
    text-align: Center;
    width: 100%;
}
.donate_form .form_row.collaspe_trigger h4 {
    cursor: pointer;
}
.donate_form .form_row.collaspe_trigger h4:after {
    content: '';
    background: url(../images/plus.png) center center no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
}
.donate_form .form_row.inactive {
    display: none;
}
.contact_blocks{display: flex; width: 100%; justify-content: space-between;     flex-direction: row-reverse;}
.contact_blocks a{width: 22%; background: #e8ce9a;  border-radius: 10px;  text-decoration: none; color: #6f4958; font-family: FbMetropolitana-Regular, sans-serif, sans-serif;
    font-weight: 700;
    font-size: 22px; text-align: center; line-height: 23px; letter-spacing: -1px; padding: 25px; display: flex; flex-direction: column;    justify-content: center;    align-items: center;}
	
.contact_blocks a:hover{background:#e8c378;}	
.contact_blocks a img{height:42px; width:42px; margin-bottom:30px;}
.contact_blocks a span{display:block;}
.contact_blocks .form{width:52%; background:#e8ce9a; border-radius:10px; padding:25px;}
.donate_form{width:100%; max-width:800px; margin:0 auto;}
.donate_form .filling_box{width:100%; background:#e8ce9a; border-radius:10px; padding:25px;}
.donate_form .submit_btn{width:100%; padding:25px 0;}
.donate_form .submit_btn button[type="submit"]{    background: #6f4958;
    color: #e8ce9a;
    border-radius: 40px;
    border: none;
    font-size: 20px;
    width: 220px;
    height: 70px;
    cursor: pointer;}
.contact_blocks.donate .form{ width: 100%; max-width: 900px; margin: 0 auto;  padding: 25px;}
.contact_blocks .form .form_row, .donate_form .form_row{display:flex; justify-content:space-between;}
.contact_blocks .form .form_row .sub, .donate_form .form_row .sub{width:100%; margin:0 0 15px 0;}
.contact_blocks .form .form_row.half .sub, .donate_form .form_row.half .sub{width:48%;}
.contact_blocks .form .form_row.third .sub, .donate_form .form_row.third .sub{width:31%;}
.contact_blocks .form .form_row .sub input[type="text"],
.contact_blocks .form .form_row .sub textarea,
.donate_form .form_row .sub input[type="text"],
.donate_form .form_row .sub textarea
{width:100%; border:none; margin:0; padding:0 15px; height:40px; border-radius:40px; font-family:FbMetropolitana-Regular, sans-serif, sans-serif; font-size:12px;}

.contact_blocks .form .form_row .sub button[type="submit"]{background: #6f4958; color: #fff; border: none; font-size: 13px; border-radius: 30px; cursor:pointer;   padding: 15px 40px; font-family: FbShoshanim-Regular, sans-serif;}
.contact_blocks .form .form_row .sub textarea,
.donate_form .form_row .sub textarea
{padding:15px; height:70px; resize:none;}
.contact_blocks .form .form_row .sub input[type="text"]:focus,
.contact_blocks .form .form_row .sub textarea:focus,
.donate_form .form_row .sub input[type="text"]:focus,
.donate_form .form_row .sub textarea:focus{outline:none;}
.donate_form .form_row h4{margin: 10px 0 10px 0; font-size: 20px;}
.donate_page .container{    flex-direction: column; justify-content: center; min-height: 100vh;}
.contact_blocks .form h3{text-align:center; color:#6f4958; margin:0 0 20px 0; padding:0; font-size:22px; font-family: FbMetropolitana-Regular, sans-serif;
    font-weight: 700;     letter-spacing: -1px;}
.donate_logo{padding:30px 0; text-align:center;}
.donate_logo img{width:180px;}
.video { padding: 100px 0 100px 0;}
.video.padding-section{ padding: 200px 0 200px 0;}

.video .container{flex-direction: column; justify-content: center;  text-align: center;}
.video .container p{color: #231f20; font-size: 28px; font-family: FbMetropolitana-Regular, sans-serif; letter-spacing: -1px; line-height: 32px; margin-bottom: 60px;}
.video .container video{width:100%; max-width:1000px; margin:0 auto;}

.thankyou_box{text-align:center; color:#6f4958; width:100%;}
.thankyou_box h2{font-family: FbMetropolitana-Regular, sans-serif; font-weight: 700;  font-size: 38px; letter-spacing: -1px;}
.thankyou_box p{    font-family: FbMetropolitana-Regular, sans-serif; font-weight: 600; font-size: 22px; letter-spacing: -1px; margin: 30px 0; color:#6f4958;}
.thankyou_box h4{font-family: FbMetropolitana-Regular, sans-serif; font-weight: 700; font-size: 28px; letter-spacing: -1px; line-height: 28px; margin-bottom:20px;}

.footer{background:#6f4957; padding:80px 0 120px 0; position:relative;}
.footer:after{height:96px; width:100%; left:0; top:-90px; content:''; position:absolute; background:url(../images/footer_strip.png) center bottom no-repeat; background-size:100%;}
.footer .container{flex-direction:column;}
.footer .container > p{text-align:center; margin:50px 0 0 0;}
.footer .container > p a{text-decoration: none;
    color: #fff;
    font-family: FbMetropolitana-Regular, sans-serif;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 2px;}
.inner_banner{position:relative;}
.inner_banner h1{position:absolute; left:50%; top:50%; color:#e8ce99; font-size:81px; font-family: 'averta_stdbold';
transform: translate(-50%, -20%);}
.content_area{padding: 70px 0 170px 0;}
.content_area .container{flex-direction:column;}
.regular_text{text-align:center; font-size: 17px; line-height: 25px; color:#231f20; font-family: FbShoshanim-Regular;}

label.error{font-size:12px; color:red;}
.success_message h5{font-size:18px;}


.endorsements{background: #f9f3e6; margin-top: -50px; padding: 140px 0 80px 0; position:relative;}	
.endorsements:after{height:96px; width:100%; left:0; bottom:-90px; content:''; position:absolute; background:url(../images/opp_strip.png) center bottom no-repeat; background-size:100%;}

.endorsements .container{flex-direction:column;}
.endorsements_box{ margin: 70px 0 0 0;  display: flex; flex-direction: row-reverse; }
.endorsements_box .letters{width:480px;}
.endorsements_box .letters > h1{font-size: 35px;
    margin: 0 0 70px 0;
    color: #6f4958;
    font-family: FbMetropolitana-Regular, sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
    text-align: right;
    line-height: 31px;
}
.endorsements_box .letter{width:calc(100% - 480px);}
.endorsements_block{display:flex; justify-content:space-between; margin:0 0 60px 0; align-items:center; }
.endorsements_block .endorsements_block_description{width:100%; display:flex; flex-direction:column; justify-content:center; position:relative; text-align:right;}
.endorsements_block .endorsements_block_description:before{width: 160px;
    height: 160px;
    background: url(../images/endo.png) no-repeat;
    content: '';
    position: absolute;
    right: -40px;
    top: -40px;
    background-size: 160px;
    z-index: 0;}

.endorsements_block .endorsements_block_description p{color: #6f4958;
    font-size: 25px;
    margin: 0 0 20px 0; position:relative; z-index:2;
    text-transform: uppercase;
    font-family: FbMetropolitana-Regular, sans-serif;
    letter-spacing: -1px;
    font-weight: 700;
    line-height: 23px;
    direction: rtl;
    }
	.pay_form {
    padding: 50px 0;
}
.endorsements_block .endorsements_block_description span{display:block; color:#000000; font-size:12px;  text-align:right;  font-family: FbMetropolitana-Regular, sans-serif; /* font-weight: 700; */ direction: rtl;}
.endorsements_block .endorsements_block_description span strong{font-family: FbMetropolitana-Bold, sans-serif; font-weight: 700;}

.endorsements_block .endorsements_block_description span strong{}

.brown_section{position:relative; z-index:1;}
.brown_section h1{position: absolute; right: 25%; font-family: FbMetropolitana-Bold, sans-serif; font-weight: 700; color: #e8ce99; text-align: right;
    top: 50%; transform: translateY(-50%); font-size: 90px;  line-height: 80px; direction: rtl;}
.process{position: relative;
    background: #f9f3e6;
    padding: 80px 0 200px 0; }	
.process .container{flex-direction:column;}
.process:after{height:96px; width:100%; left:0; top:-90px; content:''; position:absolute; background:url(../images/strip.png) center bottom no-repeat; background-size:100%;}
.process ul{margin: 50px auto;  max-width: 1060px;  width: 100%; display: flex; justify-content: space-between; flex-direction:row-reverse;}
.process ul li{width:200px; position:relative; text-align:center;}
.process ul li > img{margin:0 0 30px 0; max-height:50px;}
.process ul li h4{color:#eeaea2; margin:0 0 10px 0; font-size:25px;     font-family: FbMetropolitana-Regular, sans-serif;  font-weight: 700;}
.process ul li p{color: #6f4958;  margin: 0 0 0 0; font-size: 21px;  font-family: FbMetropolitana-Regular, sans-serif; font-weight: 400;  line-height: 25px;
    letter-spacing: -1px;}
.process ul li:after{content:''; height:3px; width:150px; background:#eeaea2; display:inline-block;}
.process ul li:before{content: '';
    height: 20px;
    width: 18px;
    background: url(../images/p_arrow.png) center center no-repeat;
    position: absolute;
    left: -48px;
    top: 50%;
    background-size: 18px;
    margin-top: -10px;}

.process ul li:last-child:before{display:none;}
.process .container > p{font-size:30px; color:#9d6068; font-family: FbMetropolitana-Regular, sans-serif;  font-weight: 700; background:#ecb99f; border-radius:50px; padding:10px 15px; text-align:center;}
.process .container > h2{font-size:30px; color:#231f20; font-family: FbMetropolitana-Regular, sans-serif;  font-weight: 400;text-align:center; letter-spacing: -1px; direction: rtl; }

.footer-calltoaction{background: #6f4958; padding: 10px 0; display: block; text-align: center; border-top: 1px solid #5d3845;}
.footer-calltoaction ul{margin: 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; display: flex; justify-content: center;}
.footer-calltoaction ul li {
margin: 0;
padding: 0 20px;
list-style: none;
font-size: 14px;
font-family: averta_stdregular;
color: #fff;position: relative;
}

.footer-calltoaction ul li:before{content:""; position: absolute; right:0; top:0; height:100%; width:1px; background: #e8ce99;}
.footer-calltoaction ul li span{font-family: averta_stdsemibold;}
.footer-calltoaction ul li a{text-decoration: none; color:#fff;}
.footer-calltoaction ul li a:hover{text-decoration: underline;}
.footer-calltoaction ul li:last-child:before{display: none;}