/*
ProVision Co.
-------------
This web application design and development by ProVision Co.

All source files, presentable or core, graphics and layout are owned/controlled by ProVision, and no one, entity or individual, can use/modify/destribute at anytime or to anywhere without a written approval from ProVision.

This website/web app is based on LegionCMS engine, which is a MVC platform built completely from scratch by ProVision's team.

-We know that you like this code, if you are interested joining our team, dont hesitate sending your CV to us.
--------------
Omar Shamali
https://provision.ps 
*/
.w1200{
	width:1200px;
	margin:auto;
}


.sh_del{
	font-size: 20px;
	color: red;
}


.announcements_box {
    background: white;
    width: 31%;
    margin-right: 3%;
    padding: 20px;
    margin-bottom: 21px;
    text-align: center;
    border-left: 5px solid var(--gold);
    box-shadow: 0 0 5px #80808087;
	border-radius: 15px;
}

.form_field.users_1627035922_photo img {
    max-width: 200px;
}


#terms_conditions_wrap {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 3;
  padding: 12vw;
  top: 0;
  left: 0;
}

.form_field.topics_1627482110_attachments img {
  width: 55px;
}

#popBoxTerms {
  background: white;
  border-radius: 3px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  box-shadow: 0 0 115px #0006;
}



.pintrest {
  column-count:5;
  column-gap: 10px;
}
.pointer {
  border-radius: 15px;
}

.form_field.users_1627035922_upload_your_photo .input_area img {
  width: 140px;
  height: 110px;
}

.form_field.users_1627035922_upload_your_photo i{
     color: black;
	font-size: 18px; 
	margin-bottom: 0;
}




.users_1627035922_upload_your_photo label{
	font-size: 12px;
}


.input_counter{
	display:none !important;
}
.announcements_box:nth-child(3n) {
    margin-right: unset;
}

.announcements_title {
    margin-bottom: 22px;
}

#d_bg {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(2px);
}

.blury {
    background: var(--mainColor);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}


.d_form {
    background: #BAAE9D;
    padding: 158px 50px;
    opacity: 0.9;
    border-bottom-right-radius: 100px;
}


#form_t {
    color: white;
    margin-bottom: 16px;
    font-weight: bold;
}



#d_in {
    padding: 153px 0;
}


#d_in input[type="text"], #d_in input[type="email"],#d_in input[type="number"] {
    background: unset;
    border: unset;
      padding:2px 0;
    border-bottom: 1px solid white;
    border-radius: unset;
    color: white;
}

#d_in input::placeholder {
    color: transparent;
}


.d_right {
    margin-left: 10%;
}


#d_title {
    font-family: flood;
    font-size: 70px;
    color: white;
}


#d_txt {
    color: white;
    font-size: 16px;
}

#d_txt p {
    line-height: 1.3;
}


.btn_wrap {
    text-align: right;
    padding-right: 20px;
    margin-top: 24px;
}



#d_submit_btn {
    border-radius: 16px;
    font-weight: bold;
    padding: 10px 20px;
    line-height: unset;
    background: var(--gold);
}



#d_in .input_area {
    margin-top: 0;
}



#d_in .form_field label {
    color: white;
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
}


.w35{width:35%;}
.announcements_posting_date, .announcements_closing_date {
    font-size: 12px;
    font-weight: bold;
    color: #3c3771;
}

.announcements_closing_date{
   color: red;
}

.announcements_posting_date span {
    font-weight: 100;
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
/*    color: black;*/
}

.announcements_closing_date span {
    font-weight: 100;
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
/* color: black;*/
}

.news_box:nth-child(4n) {
    margin-right: unset;
}


.news_box {
/*    width: 23.5%;*/
/*    margin-right: 2%;*/
    background: white;
    box-shadow: 0 0 3px #8080809e;
    text-align: center;
    margin-bottom: 34px;
    padding-bottom: 50px;
	border-radius: 15px;
}


.news_photo_picture {
/*    height: 200px;*/
}

/*
.news_box:nth-child(2n) .el {
    -webkit-line-clamp: 2;
}
*/

#page_top time {
    color: var(--gold);
    font-size: 14px;
}

.ev {
    font-size: 10px;
    margin-bottom: 13px;
    margin-right: 12px;
    color: #3c376f;
}

.ev .more {
    color: var(--gold);
    font-weight: bold;
}

.news_content {
    color: gray;
    font-size: 12px;
    line-height: 1.5;
    width: 80%;
    margin: auto;
}


.news_title {
    margin: 21px auto;
    font-weight: bold;
    width: 80%;
}

.ann .announcements_posting_date {
    margin-right: 35px;
}

.ann .announcements_posting_date span,.ann .announcements_closing_date span{
	display:unset;
	margin-right:5px;
}

.project #a_l {
    padding-right: 5%;
}

.project #a_r {
    background: white;
    box-shadow: 0 0 5px #8080801a;
	border-radius: 15px;
}

.p_i_box {
    padding: 20px;
    border-bottom: 1px solid #80808036;
}
.p_i_box:last-child {
    border-bottom: none;
}


.p_i_box h2 {
    color: var(--gold);
    margin-bottom: 10px;
    font-weight: bold;
}


.p_i_txt span {
    font-size: 12px;
    margin-right: 13px;
}

:root{
	--gold:#C2983C;
	--gray:#7E7B7B;
/*	--blue:#322D5C;*/
	--ocean:#39345F;
	--gblue:linear-gradient( 60deg, rgb(39,121,255) 0%, rgb(3,194,219) 100%);
	--shadowCircle:1px 0 3px #8080807d;
}
.follow {
    color: var(--ocean);
    font-size: 20px;
    margin-bottom: 20px;
}


.slide_box_below {
    text-align: left;
	margin-right: 5%;
}


.close_shade {
    clip-path: polygon(0% 40.5%, 28% 50.5%, 76.26% 71%, 100% 48%, 99.84% 71%, 0.08% 72.00%);
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: -58px;
    z-index: 1;
    background: #E8E8E8;
}

.white_shade {
    clip-path: polygon(0% 69%, 28% 46%, 74% 69%, 100% 48%, 100% 100%, 0% 100%);
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: #ffffff8a;
}




.slide_box_below h1 {
    font-size: 25px;
    font-family: pop_bold;
    text-transform: capitalize;
    margin-bottom: 11px;
}


.slide_box_below p {
    font-size: 14px;
    line-height: 25px;
    max-width: 77%;
    font-family: pop_light;
}


.slide_box_below picture {
    height: 350px;
}



.slide_box_below .btn {
    margin-top: 22px;
    text-transform: unset;
    padding: 25px 36px;
    line-height: 0;
}

#sli2 {
	padding: 25px 0;
    height: 370px;
	width: 1100px;
	margin: auto;
}


#sli3 {
    height: 370px;
	width: 100%;
}
#contact_home h2 {
    font-family: just;
    font-size: 40px;
    color: var(--gold);
}

.partners_box {
    width: 180px;
    height: 95px;
    box-shadow: 0 0 3px #80808059;
    margin: 29.5px;
	background: white;
    padding: 11px;
	border-radius: 10px;
}


.members_box {
    width: 30%;
    margin: 2%;
    text-align: center;
}


.members_photo_picture {
    width: 257px;
    height: 257px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 0 5px gray;
}

.members_name {
    font-family: pop_bold;
    margin: 20px 0;
    font-size: 20px;
}

#rsvp_wrap {
    position: fixed;
    top: 0;
    left: 0;
    background: #8080808a;
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 30px;
}


#rsvp_box {
    width: 60%;
    left: 20%;
    top: 20%;
    background: white;
    padding: 50px 123px;
    padding-bottom: 82px;
    border-bottom-right-radius: 58px;
}



#rsvp_box #logo_menu {
    position: absolute;
    top: -21px;
    height: 70px;
    left: calc(50% - 78px);
    padding: 10px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 3px #d2d2d2;
}



#form_rsvp {
    margin-top: 40px;
}


#rsvp_box label {
    font-size: 12px;
    margin-left: 22px;
    font-weight: unset;
    margin-bottom: -5px;
}



#rsvp_box input {
    border: unset;
    box-shadow: 0px 2px 3px #C2983C40;
}

#ev_succ {
    text-align: center;
    margin-top: 34px;
    color: green;
}


.ev_sin .ev {
    color: var(--gold);
}

.ev_sin .btn{
	background: var(--gold);
}

.x {
    font-family: verdana;
    font-size: 30px;
    position: absolute;
    top: 20px;
    left: 20px;
}



.play_wrap {
    position: absolute;
    background: #00000082;
    border-radius: 50px;
    padding: 5px;
    left: calc(50% - 63px);
    top: calc(50% - 22.5px);
}


.gallery_project {
    display: block;
    margin-top: 20px;
    text-align: left;
    font-size: 11px;
    color: #3c366f;
    margin-left: 9px;
}

.play_wrap i {
    font-size: 35px;
    color: red;
}

.play_wrap span {
    color: white;
    margin-right: 6px;
}






#rsvp_box .btn {
    float: right;
    margin-right: 20px;
    background: var(--gold);
    padding: 10px 30px;
    line-height: 1;
}


.our_work_box {
    width: 45%;
    margin-right: 10%;
    background: white;
    padding: 10px;
    margin-top: 30px;
    text-align: center;
    border-bottom-right-radius: 53px;
    box-shadow: 0px 2px 10px #80808073;
	padding-bottom: 39px;
}


.programme_box {
    width: 30%;
    margin-right: 3%;
    background: white;
    padding: 10px;
    margin-top: 30px;
    text-align: center;
    border-bottom-right-radius: 53px;
    box-shadow: 0px 2px 10px #80808073;
	padding-bottom: 39px;
}




.our_work_box:nth-child(2n){
	margin-right:unset;
}


.our_work_cover_photo_picture {
    width: 100%;
    height: 400px;
    border-bottom-right-radius: 40px;
    overflow: hidden;
}

.our_work_content {
    padding: 0 20px;
    font-size: 13px;
    line-height: 1.5;
    color: gray;
	
	height:62px;
}

.our_work_title {
    font-family: pop_med;
    font-size: 23px;
    margin: 20px 0;
}


.members_box:nth-child(3n) {
    margin-right: unset;
}

.c_i {
    font-size: 24px;
    color: var(--gold);
}

.c_d {
    margin: 20px;
}

.c_sep.mid {
    width: 1px;
    background: var(--gold);
    height: 20px;
    margin: 0 8px;
}


.c_info {
    font-size: 14px;
    line-height: 20px;
    color: var(--ocean);
    margin-right: 5%;
    margin-left: 5%;
}


#contact_home {
    padding-top: 102px;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
#sub {
    background: #3D3770;
    padding: 25px 0;
	text-align: center;
	margin-top: -3px;
    color: var(--gold);
}

#map iframe {
    width: 100%;
	filter: grayscale(1) invert(100%);
}

.pic_wrap,.partners_box picture {
    width: 100%;
    height: 100%;
}

.pic_wrap .child {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#partners h2 {
    font-size: 29px;
    font-family: pop_med;
}

.partners_box picture img {
    max-width: 100%;
    max-height: 100%;
    height: unset;
    width: unset;
    text-align: center;
}

.slItems picture img{
	border-radius: 15px;
}


.slider_back {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
#slider_below {
    margin: 50px 0;
    background: #F9F9F9;
}


#trio {
    margin-top: 32px;
}

.trio_block {
  
    width: 100%;
    border-bottom-left-radius: 24px;
    overflow: hidden;
}

.b1{
	  height: 308px;
}
.b2{
	height:208px;
	margin-top:10px;
}
.trio_block picture {
    position: absolute;
    width: 100%;
    height: 100%;
}


#t_l {
    margin-right: 3%;
}

.b3 {
    height: 526px;
}

.blacki {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,#000000a6,transparent,transparent);
    bottom: 0;
}


.trio_block h2 {
    font-size: 32px;
    font-weight: bold;
    color: white;
    margin: 20px;
}

.trio_d {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
}

.trio_d h3 {
    font-family: pop_med;
    color: white;
    font-size: 11px;
    margin-bottom: 10px;
    display: block;
}

.details_btn {
    color: white !important;
    font-size: 8px;
}


body{
	font-family: pop;
	color:#404040;
	background: #E8E8E8;
	overflow-x: hidden;
}
.head i {
    font-size: 21px;
    position: absolute;
    bottom: 6px;
	right:-3px;
}
mh{
	width:100%;
	height: 88px;
	display: block;
	
}


.tit {
    color: var(--gold);
    font-family: pop_med;
}


.a_photos:nth-child(2n) {
    box-shadow: 6px 17px 5px 0px #DEC7945C;
}
.a_photos {
    width: 297px;
    height: 316px;
    margin-right: 46px;
    margin-bottom: 34px;
    border-bottom-right-radius: 41px;
    overflow: hidden;
    box-shadow: 6px 17px 5px 0px #142A6C2E;
}

.tith{
	    font-size: 45px !important;

}


.yt {
    height: 500px;
	margin-bottom:30px;
}


.apps_1552305519_android_active {
    margin-top: 27px;
}


.cond_link {
    margin-top: 3px;
    color: #4b4bf7;
}


a.donate {
    background: var(--mainColor);
    color: white;
    text-transform: uppercase;
    padding: 5.5px 8px;
    font-size: 12px;
    border-radius: 7px;
    margin-right: 27px;
	
	
	
}


.logo_menu_box {
    width: 241px;
    top: 0;
    margin-top: -36px;
}

.logo_menu_box picture {
    width: 241px;
    background: white;
    height: 157px;
	padding-top: 46px;
	text-align: center;
    position: absolute;
    top:-28px;
/*    box-shadow: 0 0 3px gray;*/
    border-radius: 13px;
}

.logo_menu_box picture img{
	height:unset;
	width: 79%;
}


#page_top {
    padding-top: 20px;
}
#menuCont {
    margin-left: 31px;
}

.menu_items_box:hover .sub_menu {
    display: unset;
    position: absolute;
   left: 54%;
top: 34px;
    text-align: left;
    z-index: 1;
}

#new_topic_btn{
  display: block;
  margin: auto;
	width: 15%;
}

#sli {
    border-radius: 53px;
    overflow: hidden;
    height: 708px;
	margin-top: -53px;
	border-bottom-right-radius: 0;
}
#slider {
    width: 100%;
    height: 100%;
}
.slItems {
    width: 100%;
    height: 100%;
}





#intro_bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
	border-bottom-right-radius: 53px;
}
.intro_txt {
    text-align: center;
}

#intro {
    padding-bottom: 170px;
}

.slogan_one {
    font-size: 33px;
    color: var(--gold);
    font-family: pop_light_italic;
}

.donate_now i {
    margin-left: 7px;
}

.donate_now:hover {
	background-color:white;
}

.donate_now {
    margin-top: 30px;
    background: var(--gold);
    color: white;
    font-size: 20px;
    display: inline-block;
    padding: 22px 39px;
    border-radius: 16px;
	
/*
	
	 -webkit-animation-name: animation;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;    
    -webkit-animation-play-state: running;
    
    animation-name: animation;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;    
    animation-play-state: running;
*/
	
}
.slogan_two {
    color: white;
    font-size: 33px;
	font-family: apple_emoji;
    margin-top: 20px;
}

.wfe {
    display: none !important;
}



.slide_box {
    height: 100%;
    width: 52%;
    float: right;
    padding-right: 30px;
    color: white;
    z-index: 1;
 font-family: indie;
}



/*


time {
    font-size: 12px;
    margin-top: 9px;
    display: block;
}
*/
a.head:hover{
	color:var(--gold);
}


.head{
	transition: all 0.3s;
    display: block;
	font-family: pop_med;
}

.foot .more {
    float: right;
    font-size: 12px;
    right: 15px;
    text-decoration: underline;
    color: var(--gold);
}

.intro_p {
    line-height: 1.5;
    font-size: 14px;
}


.p_i_multi .pic_wrap {
    width: 80px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    background: white;
    padding: 2px;
    box-shadow: 0 0 5px #8080802e;
    margin-top: 5px;
    margin-right: 5px;
}


.foot i {
    margin-right: 4px;
}

.foot {
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
}

.foot time {
    float: left;
    color: #3D3770;
    font-size: 12px;
    left: 10px;
}
.slItem {
    width: 100%;
    height: 100%;
}


#slider a {
    height: 100%;
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center;
}


.sub_menu a {
    min-width: 155px;
    display: block;
    background: var(--mainColor);
    color: white;
    margin-bottom: 2px;
    padding: 5px 5px;
    font-size: 11px;
}


.sub_menu a:hover {
    background: #e8ac0f;
}

.sec_head {
    text-align: unset;
    font-size: 21px;
    margin-top: 29px;
    margin-bottom: 20px;
}
#sub .sec_head {
    font-size: 26px;
    color: white;
    margin-bottom: 31px;
}
.sub_menu {
    display: none;
} 

::placeholder {
    color: white;
}
.mceNoEditor {
    width: 100%;
    height: 100px;
}


#form_sec h2 {
    font-family: indie;
    margin-bottom: 20px;
    color: #199f41;
}

#contact_ty {
    text-align: center;
    color: green;
}

#mapper {
    height: 370px;
    margin-top: 32px;
}



#logo_pic {
    height: 120px;
}



header {
    box-shadow: 0 0 5px #282828;
    position: fixed;
    z-index: 31;
    width: 100%;
	padding: 26px 0;
    background: white;
}

a.head {
font-size: 14px;
padding: 11px 15px;
    display: inline-block;

}
.m_l {
    margin-right: 5%;
}

#home_about {
    background: #F5F6F7;
    border-bottom-left-radius: 53px;
    padding: 30px;
    box-shadow: 0 4px 10px #80808070;
}

.sl.slogan_one {
    position: absolute;
    right: 0;
    font-size: 13px;
}

.a_1 {
    font-size: 41px;
}


.a_2 {
    font-size: 40px;
    font-weight: bold;
    margin-left: 28px;
    margin-top: 3px;
    text-transform: uppercase;
    font-family: pop_bold;
}

#home_about p {
    margin-top: 53px;
    margin-left: 20px;
    font-size: 15px;
    line-height: 21px;
    font-family: pop_light;
}

a.more {
    font-size: 14px;
    font-family: pop_light;
    color: var(--gold);
    margin-top: 10px;
    display: block;
    margin-left: 20px;
}




.real_main_ul {
    text-transform: uppercase;
    color: #595959;
}

.footer_menu_items_box a {
    padding: 5px;
}



#bg {
    width: 100vw;
  height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}


#slogan {
    font-size: 75px;
    width: 25%;
    color: white;
}


#vid {
    padding: 100px 0;
	background: whitesmoke;
}



#vid_iframe {
    height: 500px;
    width: 70%;
}

.social {
    font-size: 16px;
    color: var(--gray);
    margin: 0 4px;
}

#sub .sec_head {
    font-size: 26px;
    color: white;
    margin-bottom: 31px;
}

#sub input[type="email"] {
    width: unset;
    margin-right: 20px;
}

#sub_txt {
    line-height: 23px;
    text-align: left;
}

#sub_btn {
    background: var(--gold);
    text-transform: unset;
    font-size: 14px;
}

.sec_head p {

    margin-top: 25px;
    line-height: 1.2rem;
    padding-left: 17px;

}


#final {
    background: #fff;
    color: #828282;
}

#right {
    font-size: 11px;
}


#contact_sec{
	padding:100px 0;
}

#contact_sec .w1200 {
	padding-left: 59px;
}
#contact_sec .native {
    left: 195px;
    top: -13px;
}

.contact_detail {
    margin-bottom: 15px;
}



#map iframe .gm-style > div:first-of-type {

    filter: grayscale(1) !important;

}

#web2 section:last-child {
    margin: unset;
}


#mob_menu_btn {
    color: black;
    background: var(--mainColor);
    position: absolute;
    right: 0;
	top: 17px;
}

footer {
    background: black;
    color: gray;
    padding: 17px 0;
    font-family: verdana;
    text-align: right;
}

#page_top h1 {
    font-size: 47px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#top_tool {
    position: absolute;
    right: 5px;
    top: 5px;
}


#search input {
    min-height: 26px;
    width: 100px;
    font-size: 11px;
}


.slDots {
    z-index: 9 !important;
    bottom: 10px !important;
    left: 50% !important;
}

.slDotsSingle {
  background:var(--gold);
	opacity: 0.3;
    border: 1px solid #FFFFFE !important;
}

.slDotsSingle.active {
	opacity: 1;
    background: var(--gold) !important;
}

.page_top_bg {
    width: 100%;
    height: 40vh;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}


#hl {
    text-align: center;
    margin-top: -94px;
    z-index: 11;
    margin-bottom: 87px;
}


.home_highlights_box.inline {
    width: 370px;
    height: 324px;
    box-shadow: 0 0 10px #8080804d;
    border-radius: 20px;
    margin-left: 20px;
    text-align: left;
    padding: 40px;
    background: white;
}

.home_highlights_box:first-child {
    margin: unset;
}

.home_highlights_icon_picture {
    width: 60px;
    height: 60px;
}

.home_highlights_title {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}

.home_highlights_summery {
    font-size: 16px;
    color: #666;
    margin-top: 20px;
}

.home_highlights_button_text {
    position: absolute;
    bottom: 40px;
    left: 40px;
    border: 1px solid var(--gray);
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 48px;
    font-size: 12px;
    border-radius: 7px;
}



footer {
	padding:unset;
    background: unset;
    color: #eaeaea;
    text-align: unset;
}

.langa {
	margin-left: 10px;
    font-size: 12px;
    border: 2px solid var(--gray);
    border-radius: 7px;
    padding: 2.5px 6px;
}




.movedHead {
    margin-top: 0;
    width: 110px;
}

.movedHead #logo_menu {
    width: 100%;
    height: unset;
    top: unset;
    padding: unset;
    position: unset;
}




@-webkit-keyframes animation {
    0%     {background-color:--var(mainColor);}
    50.0%  {background-color:white;}
    100.0%  {background-color:--var(mainColor);}
}

@keyframes animation {
    0%     {background-color:--var(mainColor);}
    50.0%  {background-color:white;}
    100.0%  {background-color:--var(mainColor);}
}