html {
  font-size: 14px!important;
}

body {
      font-size: clamp(1rem, 2vw, 1.2rem);
        }


.main-header .w30css
{
	width:29%;
	display:inline-block;
}

.main-header .w15css
{
	width:100px;
	display:inline-block;

}

.w15css .memlogin,
.AgendaMainul > li.col .Cal-content:before
{
	display:none!important;
}

.main-header .w25css
{
    display: inline-flex;
    /* float: right; */
    text-align: center;
    align-self: initial;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;

}

.Ramadancss > img
{
	display:none!important;
}

.main-header .w25css > a.logo
{
	display:none;
}
.main-header .w35css
{
	display:inline-block;

}



.main-header .w75css
{
    /* width: 100%; */
    display: inline-flex;
    /* float: left; */
    text-align: left;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: center;
    flex-direction: row;
}

.FNCMainBox,.content-box {
    border: 0px solid #cdcdcd;
    display: block;
    float: right;
    width: 100%;
   }

.FNCMainBox .FNCBox {
    float: right;
    width: 100%;
    padding: 10px;
    background: rgba(255,255,255,1);
    border-radius: 5px;
    font-size: 14px;
    text-shadow: 0px 0px 0px silver;
        color: #70541E;
}


.FNCMainBox .FNCBox .rdm-1 {
    float: left;
    border: 1px solid #e3d3a8;
    box-sizing: border-box;
        border-radius: 5px;
        text-shadow: 0px 1px 2px silver;
}

.FNCMainBox .FNCBox .rdm-1 a {
    color: #70541E!important;
    font-size: 12px;
    box-sizing: border-box;
    display: table-cell;
    padding-right: 2px;
    padding-left: 2px;
}
.FNCMainBox .FNCBox .rdm-1 a:before {
    font-family: 'icomoon';
    speak: none;
    font-size: 25px!important;
    content: "\e96c";
    padding: 0px !important;
    background-color: #E3D3A8;
    margin-left: 3px;
    box-sizing: border-box;
    color: #70541E;
    display: table-cell;
    float:right;
}


body .T-Session,
body div.content-box div.title,.FNCMainBox .FNCTitle,.T-Session
{
    /*background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(227,211,168,1) 50%, rgba(255, 255, 255, 1) 100%)!important;*/
    margin: 0px!important;
    padding: 0px!important;
    box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.3)!important;
    text-align:center;
    
    border: 0px solid #cdcdcd;
   /* background: linear-gradient(9deg, rgba(255, 255, 255, 1) 0%, rgba(227,211,168,1) 50%, rgba(255, 255, 255, 1) 100%);*/
   	background:#ececec;
   	border-radius: 0px;
   	width:100%!important;
   	text-align: right;
   	float:right;
}



#content-inner table .container
{
	display: inline-flex;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}

 .container .map-container
{
	margin: 0px;
    text-align: center;
    flex: 1 1 auto;
    max-width: 50%;
    padding:5px;
}

 .container .map-container iframe
 {
	max-width:100%;
	padding:10px;
}

div.content-box div.title h1,
.FNCMainBox .FNCTitle h1,.T-Session > h1
{
	padding:4px!important;
	margin:0 !important;
	font-family: fnclight!important;    
	font-size: clamp(1rem, 2vw, 1.4rem) !important;
	border:none  !important;
	color: #5f3f02 !important;
	position:relative;
	display:inline-block;
	width:auto;
	}
.FNCMainBox .FNCTitle h2
{
	padding:5px;
}


.FNCMainBox .QSTform > .cont-in-in
{
	display: inline-table!important;
	float: none!important;
    vertical-align: middle;
    width: 100%;
    direction: rtl;
    text-align: right;

}
.FNCMainBox .QSTform  .right-row {
    float: none!important;
    display:table-row;
        box-shadow: 0px 1px 0px rgb(0 0 0 / 15%) inset, 0 2px 0 #fff inset;
}

.FNCMainBox .QSTform  .right-row > div
{
	display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 2px;
    min-width: 35px;

}

.FNCMainBox .QSTform  .right-row > div.right-cell
{
	font-family: 'fncbold' ;
    font-size: 14px;
    font-weight:bold;
    text-align:right;
    width:15%;

}
.right-cell, .left-cell {
}

.fncinnerpage  .page-section,
.fncinnerpage .article-box
{
	padding: 10px!important;
}


.const1-sub1 .title h1,div.title h1,.ms-rteElement-H1 span  {
	font-family: 'fncbold' ;
    font-size: 16px!important;
    margin:0px!important;
    box-sizing: border-box;
    width: 100%;
    padding:4px!important;
   box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
           border-radius: 4px;
        border-radius: 10px 10px 0px 0px;
        text-align:center;

}

div.title h1:before,.const1-sub1 .title h1:before,.ms-rteElement-H1 span:before {
    content: "\e959";
    font-family: 'icomoon';
    padding-right: 25px;
    padding-left: 25px;
    font-size: 25px;
    color: #70541E;
        display: inline-block;
}

.const1-sub1 .title h1:after,div.title h1:after,.ms-rteElement-H1 span:after{
    content: "\e95a";
    font-family: 'icomoon';
    padding-right: 25px;
    padding-left: 25px;
    font-size: clamp(1rem, 2vw, 1.2rem);
    color: #70541E;

}

.main-header-inner
{
	direction:rtl;
}

div.main-header div.top-nav,
div.main-header div.top-actions
{
	width: 100%;
    padding: 0px;
    box-sizing: border-box;
    position: relative;
    DIRECTION: ltr;
	}

li.socialLinks div.networks-links a
{
	float: right;
    height: 25px;
    margin-right: 0px;
    outline: medium none;
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
}

div.main-header div.top-nav ul li:after {
    content: ' - ';
    color: #ba9a3a;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    text-shadow: -1px 2px 2px #fff;
        padding-right: 5px;
    
}

li.socialLinks div.networks-links
{
	float:right;
}

div.main-header div.top-nav ul li.memlogin a span
{
	display:inline-block;
}

.w15css .memlogin
{
	width: 100%;
    float: left;
    height: 80px;
    width: 95px;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.20);
    border-radius: 4px;
    border: 0px solid #F6F3F3;
    position: relative;
    transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -webkit-transition: all 0.6s ease-in;
    transition: all 1.5s ease-out;
    display: inline-table;
    background-color: rgba(239,239,239,1);
    background-color: rgba(0,0,0,.3);
    
    
}
.w15css .memlogin a
{
	display: table-cell;
    vertical-align: middle;
    
    color: #fff;
    transition: all 1s ease-out;
        font-family: fncbold;
    font-size: 12px;
    position:relative;
    font-weight:bold;
    text-shadow: -1px 2px 2px #000;
}

.w15css .memlogin a span.memlogincss
{

	
    color: #fff;
    border-radius: 3px;
    width: 100%;
    float: right;
    background-color: rgba(180,151,89,.7)!important;
    border: 2px solid #ddd;
}
.w15css .memlogin a span.memlogincss:hover
{
	background: #5a956f;
}

.w15css .memlogin a span.titless5:before
{
	font-family: 'icomoon';
    speak: none;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: unset;
    display: block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e950";
}

.w15css .memlogin:hover
{
    transition: all 1s ease-out;
    color: maroon!important;

}




/*****************Agenda Style*********************/
.comlistmetadv {
    padding: 5px;
    border-collapse: inherit!important;
    box-sizing: border-box;
    border-radius: 2px;
    border: 0px solid rgba(133,97,41,.4)!important;
    float: right;
    width: 100%;
    box-sizing: border-box;
}
.AgendaMaindiv {
    position: relative;
    float: right;
    width: 100%;
    box-sizing: border-box;
}




.fnchome202020 .AgendaMainul > li.col .ev-main .ev-main-1 .clfimg5 
{
	width: 100%;
    float: right;
    display: inline-block;
 
}

.fnchome202020  .AgendaMainul .Cal

{
	width: 100%;
    display: inline-block;
    border-radius: 0px;
    

}
.fnchome202020  .AgendaMainul .S-timeline
{
	width: 100%;
    display: inline-block;
    border-radius: 0px;
}


.fnchome202020 .AgendaMainul > li.col .ev-main .ev-main-1 .clfimg5
{
	display: inline-table;
    transition: all 1s ease-out;
    width: 100%;
    min-height: 125px;
    display: inline-block;
    box-sizing: border-box;
    margin: 0px auto;
    float: none;
    display: inline-table;
    position:relative;
        border-radius: 10px;
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url("/Style Library/Images/website/64380.jpeg");
}

.fnchome202020 .AgendaMainul > li.col .ev-main .ev-main-1 .clfimg5 .srcdiv 
{
	color:black;
	font-family:fncbold;
	font-size:12px;
	text-align:center;
	padding:0px;
	
}
.fnchome202020 .AgendaMainul > li.col .ev-main .ev-main-1 .clfimg5 .srcdiv > span
{
	
    color: #70541E!important;
    text-shadow: -1px 2px 2px grey;    
    font-size: 13px;
    width: auto;
    z-index: 99999999;
    margin: 0px auto;
    padding: 0px;
   }
.fnchome202020 .AgendaMainul > li.col .ev-main .ev-main-1:hover
{
	background: none!important;
}


.AgendaMainul .Cal {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    background: none;
    border-radius: 0px;
    /* box-shadow: 0 0px 0px 0 rgba(2,2,8,0); */
    box-shadow: 0 0px 0px 0 rgba(2,2,8,0.2);
    padding-top: 0px !important;
    border-radius: 4px;
}

.AgendaMainul .Cal .Cal-content,
.col .ev-main .Cal-content {
    position: relative;
    width: auto;
    margin: auto;
    border-radius: 5px 5px 0px 0px;
    box-sizing: border-box;
    background-position: center;
    background-repeat: repeat;
    background-size: contain;
    float: right;
    width: 100%;
}

.Cal-content .dvtimemetcss span {
    padding-left: 2px;
    padding-right: 2px;
    background-color: #bb0006!important;
    color: white;
    border-radius: 2px;
}

.New-Session .Cal-content .dvtimemetcss span {
    background-color: #79A70A!important;
    box-sizing: border-box;
    box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.4);
}

.AgendaMainul .Cal .Cal-dd {
    font-size: 20px!important;
    padding: 0px!important;
}
.Cal .Cal-dd {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    margin: 0px !important;
    font-family: 'fncbold';
    padding: 0px;
    position: relative;
    text-align: center;
    
    color: #70541E!important;
}
.AgendaMainul .Cal p {
    color: #70541E!important;
    margin:0px;
}
.AgendaMainul .Cal .Cal-ddleft:before {
    left: 0px!important;
    right: inherit!important;
}

.internallinkfnc
{
	display:flex;
	padding:25px;
}

.internallinkfnc > a {
    float: right;
    width: 100%;
    padding: 8px;
    padding-right: 15px;
    font-family: fnclight !important;
    color: #000 !important;
    border-right: 2px solid maroon!important;
    font-size: 16px !important;
    box-sizing: border-box;
    /* background: url(../images/news-title-slider.png)!important; */
    background: #ececec;
    border-bottom-color: #f7f7f7;
    color: maroon!important;
}

.AgendaMainul .Cal  .Cal-dd:before {
    font-family: 'icomoon';
    speak: none;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: unset;
    display: inline-block;
    vertical-align: bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e95b";
    position: absolute;
    left: 0px;
}
.AgendaMainul .Cal .Cal-ddNO {
    font-size: 24px!important;
    padding: 0px!important;
    
        line-height: 20px;
    margin: 0px !important;
    font-family: Arial, Helvetica, sans-serif;
}
.Cal .Cal-YY
{
	  font-size: 24px!important;
	  font-family: Arial, Helvetica, sans-serif;


}
.AgendaMainul p  {
    color: #70541E!important;
}
.AgendaMainul .Cal .Cal-MM {
    font-size: 16px!important;
    padding: 0px!important;
}
.Cal-content .rmmorecss55 {
    display: block;
    background-color: #70541E;
    border-radius: 2px;
    box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.4);
}
.Cal-content .rmmorecss55 a, .ToQuhome {
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.Cal-content .rmmorecss55 a:before {
    font-family: 'icomoon';
    speak: none;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    content: "\e91c";
    color: #fff;
    float: left;
    padding: 0px;
}


.Today-Session .Cal-content .dvtimemetcss span {
    background-color: #448CC7!important;
    box-sizing: border-box;
    box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.4);
}
.S-timeline {
  
    float: right;
    width: 100%;
    box-sizing: border-box;
    padding: 1px;
    min-height: 65px;
    
    border-radius: 4px;
}

.AgendaMainul .S-timeline > a {
    float: right;
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    text-align: right;
    color: #70541E!important;
    transition-delay: .2s;
    text-align: center;
    font-weight: normal;    
    transition-delay: .2s;
    line-height:normal;
        font-size: clamp(1rem, 2vw, 1.2rem)!important;
        line-height:1.5;
}

.AgendaMainul .S-timeline > a.hjad55 {
    min-height: auto!important;
    text-align: center;
    vertical-align: middle;
    font-family: 'fncbold',Droid Arabic Kufi !important;
    font-size: 11px;
    border-radius: 4px;
    display: block;
    border: 1px solid #E3D3A8;
    color: #70541E!important;
    padding: 0px!important;
    width: auto!important;
    float: left!important;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100%!important;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(227,211,168,1) 50%, rgba(255, 255, 255, 1) 100%)!important;
}



.rmorecomadnan {
    float: left;
    box-sizing: border-box;
    padding: 2px;
}

.rmorecomadnan > div {
    float: left;
    position: relative;
    box-sizing: border-box;
    background-color: white;
    display: table;
}
.rmorecomadnan > div p > a {
    text-align: center;
    vertical-align: middle;
    font-family: 'fncbold',Droid Arabic Kufi !important;
    font-size: 14px;
    border-radius: 4px;
    display: block;
    border: 1px solid #E3D3A8;
    color: #70541E!important;
}

.rmorecomadnan p > a:before {
    font-family: 'icomoon'!important;
    speak: none;
    font-size: 13px!important;
    content: "\e917"!important;
    padding: 1px !important;
    background-color: #E3D3A8;
    margin: 0px;
    box-sizing: border-box;
    color: #70541E;
    display: inline;
    float: right;
}




.srcdiv {
    float: right;
    display: block;
    width: 100%;
    padding:5px;
        box-sizing: border-box;
}

.Cal-content .rmmorecss55 a, .cont_jobMajles .cont_jalsa .cont_ce .n .btn {
    position: relative;
}
.Cal-content .rmmorecss55 a, .ToQuhome {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.Cal-content .rmmorecss55 {
    float: left;
    display: inline-block;
}

.rmmorecss55 a {
    color: white!important;
    text-align: center;
    padding-right: 3px;
}
.comlistmetadv div.titlec .titlecright > span:before, .comhomediv div.titlec div.titlecright > span:first-child:before, .latestcssdiv .titlec > span:before, .ToQuhome .titlec:before {
    font-family: 'icomoon';
    speak: none;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: unset;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e84f";
    margin-left: 10px;
    color: #70541E;
}

.Cal-content .rmmorecss55:hover {
    background-color: #bb0006!important;
}

.rmorecomadnan > div p > a:hover {
    background-color: #E3D3A8;
    transition-delay: .2s;
}
.rmorecomadnan > div p > a:hover::before {
    background-color: maroon;
    color: white;
    transition-delay: .2s;
    border-radius: 4px;
}

.ribbon_3
{
	float: right;
    text-align: center;
    width: 100%;
        border-top: 4px solid #FDC72B!important;
}

.AgendaMaindiv > ul.AgendaMainul > li.col::hover  .ev-main-1 .S-timeline > a
{
    background: rgb(208,177,114);
}

.mfilterdiv,.timeline-filter {
    float: right;
    width: 100%;
    box-sizing: border-box;
    list-style: none;
    display: inline-table;
    direction:rtl;
        display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding:10px;
}
.mfilterdiv li ,.timeline-filter > div{
    width:fit-content;
    padding:10px;
}
.mfilterdiv li > div,.timeline-filter > div {
    border: 0px solid silver;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 2px;
    float: right;
    min-height: 35px;
    font-family: fncbold;
    font-size: clamp(1rem, 2vw, 1.2rem);
    text-align: center;
    padding: 2px;
    display: inline-flex;
    flex-direction: row;

    overflow: hidden;
    
}
.timeline-filter-sel, .timeline-filter-sel, .timeline-filter-val {
    font-size: 13px;
    text-transform: uppercase;
    margin: 0px !important;
    font-family: 'fncbold';
    padding: 0px;
    float: right;
}
select {
    font-family: 'fncbold', Arial, Helvetica, sans-serif!important;
    font-size: 14px!important;
    font-weight: bold!important;
    color: #000;
    border: 1px solid #e5e5e5!important;
    border-radius: 4px!important;
    padding: 3px;
    overflow: auto!important;
}
.timeline-filter-val select {
    width: 40px;
    padding: 0px!important;
}
option {
    border-bottom: 1px solid #e5e5e5!important;
    font-size: 15px!important;
    font-family: 'fncbold', Arial, Helvetica, sans-serif!important;
    font-weight: bold!important;
    font-size: 15px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6)!important;
    padding: 4px!important;
    float: right;
    width: 100%;
    box-sizing: border-box;
}
.totalviewdiv span {
    text-transform: uppercase;
    margin: 0px !important;
    font-family: 'fncbold';
}
.totalviewdiv span.s_img span span {
    background-color: rgba(13, 106, 122);
    color: #fff!important;
    box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.4);
    border-radius: 5px;
    padding: 2px;
    font-size: 14px;
    min-width: 25px;
    display: inline-block;
}

.AgendaMainul > li.col .New-Session .Cal-content:before {
    content: "قادم";
    background-color: #79A70A;
   }

.AgendaMainul > li.col .Today-Session .Cal-content:before {
    content: "اليوم";
    background-color: #448CC7;
   }


.AgendaMainul > li.col  .Old-Session .Cal-content:before {
    content: "منتهي";
    background-color: #bb0006;
    color: #fff;
    font: bold 10px fncbold;

}

.AgendaMainul > li.col .Cal-content:before
{
	text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
    border-radius: 4px;
    margin: auto;
    border: 1px solid white;
    box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 50%);
    border-radius: 4px;
    display: inline-block;
    font-family: 'Droid Arabic Kufi';
    cursor: default;
    position: relative;
    color: white;
    text-shadow: 0 1px silver;
    font-size: 10px;
    display: inline-block;
    float: right;
    text-shadow: -1px 2px 2px black;
}

.page-section .mediacss5 {
    float: right;
    display: inline-block;
    width: 100%;
    direction:rtl;
    /* background: linear-gradient(90deg, rgba(239,239,239,1) 0%, rgba(227,211,168,1) 50%, rgba(239,239,239,1) 100%)!important; */
}
.page-section .mediacss5 ul li a span.menu-title {
    font-family: 'fncbold';
    width: 100%;
    box-sizing: border-box;
    float: right;
    font-size: 14px;
        font-size: 1.5em !important;
}
.page-section .mediacss5 ul li:hover a {
    letter-spacing: 0!important;
    color: #fff;
    font-family: 'GEFlow-Bold';
    background-color: #e5cf9e;
    transition: all 1s ease-out;
}


 
.networkslinks ul li a span
{
    position:relative;
    width: 100%;
    display:block;
}

.networkslinks ul li a.facebook span:before,
.item55 ul.networks-links li a.facebook:before

{
    content: "\e9a4";

}
.banner-menu-links > li > a
{
	padding:10px;
}
.item55 ul.networks-links li a.flickr:before
{
	content: ""!important;
    color: #3B5998;
    speak: none;
    font-size: 25px;
    font-style: normal;
    
    background-image:url("/Style Library/FNC/New/Images/flickr.png");
    background-position:center;
        background-size: contain;
        background-size: 67%;
    display: inline-block;
    background-repeat: no-repeat;
    /* z-index: 999999; */
    /* float: right; */
    width: 100%;
    height: inherit;
    transform: inherit!important;
}
.networkslinks ul li a.twitter span:before,
.item55 ul.networks-links li a.twitter:before
{
    content: "\e9b1";
  
}
.networkslinks ul li a.youtube span:before,
.item55 ul.networks-links li a.youtube:before
{
	    content: "\e9b4";
   
}
.networkslinks ul li a.webstagram span:before,
.item55 ul.networks-links li a.webstagram:before
{
	
    content: "\e9b5";


}
.item55 ul.networks-links li a.rss:before
{
	
    content: "\e9e8";


}

.networkslinks ul li a span:before
{
   transform: translate(-50%, 0)!important;
    z-index: 999999;
     color:white;
	vertical-align: middle;
	font-family: 'icomoon';
    speak: none;
    font-size: 30px;
        position: relative;
        justify-content: center;
       
}


a:focus, a:hover {
    color: #23527c;
    text-decoration:none!important;
}

 ul.galleryul5 > li > div.networkslinks ul >  li > a:hover span
 {
    transition: all 1s ease-out;
}
 ul.galleryul5 > li > div.networkslinks ul >  li > a span::before
{
	 transition: all 1s ease-out;
}
 ul.galleryul5 > li > div.networkslinks ul >  li > a:hover span::before
 {
	color:white;
	transition: all 1s ease-out;
}

.contents-area .FNCInner20
{


}



.contents-area .FNCInner20 .FNCInner20sub
{
	    width: 90%;
    margin: 0px auto;
        max-width: 1500px;
}


.footer-content .footer-items .item100 > .item55 {
    width: 33%;
    display: inline-block;
    padding-top: 25px;
    vertical-align: middle;
}

.item55 .app-seciton .section-label,
.side-ribbon .footer-section-title,
.Contactform .frmtitle h2 {
    font-family: 'fncbold';
    font-size: clamp(1rem, 2vw, 1.5rem);!important;
    color: #70541E!important;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 10px;
    margin: 0px;
}

.Contactform
{
	    display: inline-flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    padding:0px 5px;
        font-family: 'fncbold';
    font-size: clamp(.5rem, 2vw, 1rem);!important;

}


.footer-items > div.item100
{
	display: inline-flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}


.footer-items > div.item100 > .item55
{
	    width: auto;
    flex: 1 1 auto;
}
ol, ul {
    list-style: none;
    margin: 0!important;
    padding: 0!important;
}

.item55 .app-seciton ul {
    text-align: center;
}

.footer-content .footer-items .item55 ul li {
    display: inline-block!important;
    vertical-align: top;
    clear: inherit!important;
    width: unset!important;
    text-align: center;
    float: none;
    position:relative;
}

.item55 .app-seciton ul li:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 1px;
    background-color: #e0e0e0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
}
.item55 .app-seciton ul li a,
.side-ribbon>ul>li a {
    display: block;
}

.fi-adobe:before {
	font-family: 'icomoon','FontAwesome';
    content: "\e902";
    color: #bf9e66;
   
}
.fi-flash:before {
font-family: 'icomoon','FontAwesome';
    content: "\e911";
    color: #bf9e66;
    
}
.fi-office:before {
	font-family: 'icomoon','FontAwesome';
    content: "\e91a";
  
    color: #bf9e66;
}
.item55 .app-seciton ul li a:hover::before
{
	color: #514d45!important;
    text-shadow: 0 0 10px #fff;

}

.item55  ul li a:before {
    font-size: 30px;
    -webkit-transition: all 100ms cubic-bezier(0.47,0,0.745,0.715);
    -o-transition: all 100ms cubic-bezier(0.47,0,0.745,0.715);
    transition: all 100ms cubic-bezier(0.47,0,0.745,0.715);
}


.item55 ul.networks-links {
    width: 100%!important;
    max-width: 100%!important;
    display: inline-block!important;
}

.item55 ul.networks-links li a:before {
    z-index: 999999;
    color: rgba(180,151,89,1);
    font-family: 'icomoon';
    speak: none;
    font-size: 20px;
}
.item55 ul.networks-links li a
{
	transition: all .2s linear 0;
   	display: inline-flex;
    text-align: center;
    height: 40px;
    width: 40px;
    overflow: hidden;
    transition: color 300ms linear;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    border-radius: 5px;
    transition: all 1s ease-in-out;

}


.item55 ul.networks-links li a:hover {
    box-shadow: 0 0 6px 0 rgba(50,50,50,.45);
    background-color: #3b5998;
}


.footer-items .linksmidfnc
{
	padding:5px;
}

.footer-items .linksmidfnc > ul.footer-linksa li
{
	border:0px;
}

.footer-items .linksmidfnc > ul.footer-linksa li:after {
	content: '-';
    padding: 0 2px;
    display: inline-block;
    vertical-align: middle;
}
.footer-items .linksmidfnc > ul.footer-linksa li a
{
	    color: #a77e31;
	    cursor:pointer;
	    font-family: fnclight;
	       font-size: clamp(1rem, 2vw, 1.2rem);
	        padding: 10px;
    display: inline-flex;
}
.footer-items .linksmidfnc > ul.footer-linksa li a:hover
{
	color:#514d45;
}


.fnchome202020 .FncRoyamain,
.fnchome202020 .FNCmediacss5  {
    background-color: #f3f6f9;
    background: linear-gradient(rgba(239,239,239, 0.9), rgba(231,221,194,1));
    background: #f3f6f9;
    background-size: cover;
    
    float: right;
    
    background: rgb(255,255,255);
	background: linear-gradient(80deg, rgba(255,255,255,1) 0%, rgba(243,246,249,1) 25%, rgba(255,255,255,1) 50%, rgba(243,246,249,1) 75%, rgba(255,255,255,1) 100%);
}

.fnchome202020 .FncRoyamain div.sec1 > div > img
{
	max-width:175px;
	display:none;
}
.fnchome202020 .FncRoyamain .sec1 h2,
.fnchome202020 .FncRoyamain .sec1 h3
{
	font-family:fncbold;
	font-size: 14px;
	margin: 0px;
    padding: 5px;
    box-sizing: border-box;
    padding-bottom:15px;


}
.fnchome202020 .FncRoyamain .sec1 h3
{
	padding-bottom:30px;
	display:none;
}


.fnchome202020 .FncRoyamain .sec2:hover  div.detcs1
{
	visibility:visible;
    opacity: 1;
    transition: all 1s ease-out;
    visibility:visible;

}

.vision_bar .sec2 > span {
    display: block;
    width: 100%;
    padding:5px;
    box-sizing: border-box;
    cursor: default;
    font-family:fncbold;
        color: #70541E;
    font-size: 16px;
    text-align: center;
     transition: all 1s ease-out;
}
.vision_bar .sec2 > div.detcs1 {
    padding: 0px;
    text-align:justify;
    z-index: 99;    
    transition: all 1s ease-out;
    font-family:fncbold;
    color:#70541E;
    direction:rtl;
    opacity: 1;
    width: 100%;
    font-family: fncbold;
        font-size: 18px;
        font-size: clamp(1rem, 2vw, 1.4rem);

}

.fnchome202020 .FncRoyamain  .m_close {
    float: left;
    display: block;
}

.fnchome202020 .FncRoyamain a.visionbtn,
.fnchome202020 .AgendaMainul .S-timeline span.srcdivmore a {
    color: rgba(180,151,89,1);
    padding: 8px 20px;
    font-weight: 500;
    transition: all 1s ease-out;
    font-family: fnclight;
    font-size: 14px;
    text-align: right;
    display: inline-block;
    }
    .fnchome202020 .FncRoyamain a.visionbtn:hover,
    .fnchome202020 .AgendaMainul .S-timeline span.srcdivmore a:hover
    {
    background-color: #514d45;
}


.item2fnc span.ahdfcvs
{
	width: 100%;
    float: right;
    text-align: center;
}

.fnchomepage .tttts 
{
	height:auto!important;
	/*background: linear-gradient(90deg, rgba(227,211,168,.8) 50%, rgba(231,221,194,.4) 50%);*/
	background: rgba(227,211,168,.2);
	background: linear-gradient(80deg, rgba(255, 255, 255, 1) 0%, rgb(227 211 168 / 20%) 25%, rgba(255, 255, 255, 1) 50%, rgb(227 211 168 / 19%) 75%, rgba(255, 255, 255, 1) 100%);
}




.ul-row {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    float: right;
    box-sizing: border-box;
        direction: rtl;
}
.li-col-sm-3 {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
        padding: 5px;
}
.ul-row .pr2, .ul-row .pr1 {
   /* margin-top: 45px;*/
}
.profile-block {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    
    max-width: 250px!important;
    min-width: 150px;
}
.profile-block .panel {
    margin: 0px !important;
    color:black;
}
.profile-block .user-heading {
    border-radius: 10px 10px 0px 0px;
    color: #000;
    padding: 2px;
    text-align: center;
    transition: all .7s ease-out;

    background-position: center;
    background-repeat: repeat;
    background-attachment: scroll;
    box-sizing: border-box;
        }
.profile-block .user-heading h1 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0px !important;
    font-family: 'fnclight';
    padding: 2px;
    box-sizing: border-box;
}
.profile-block .user-heading a img {
    border-radius: 10px;
    margin: 0px;
    display: inline-block;
    max-height:300px;
    max-width: 100%;
    border: 0px solid rgba(255, 255, 255, 0.3);
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.40);*/
    -moz-transition: all .6s ease-in-out 0;
    -o-transition: all .6s ease-in-out 0;
    -webkit-transition: all .6s ease-in-out 0;
    transition: all .7s ease-out;
    transition: all .6s ease-in-out 0;
    animation-duration: 3s;
    animation-name: menu-item;
    width: auto;
    height: auto;
    box-sizing: border-box;
    text-align:center;
}

    @keyframes menu-item {
        from {
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        to {
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }



.profile-block .nav > li {
    margin: 0px !important;
}

.profile-block ul > li {
    border-bottom: 1px solid #ddd;
    margin-top: 0;
        width: 100%;
}
.profile-block .nav > li > a {
    border-radius: 0;
    color: #000;
    display: block;
    font-size: 12px;
    position: relative;
    text-align: right;
    text-decoration: none;
    font-family: 'fnclight';
    font-size: 12px;
    box-sizing: border-box;
    width: 100%;
    padding: 5px!important;
    font-weight: bold;
}
.profile-block .nav > li > a:before {
    content: "\e96c";
    font-family: 'icomoon';
    speak: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: unset;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 5px;
}


.fnchome202020 .FncRoyamain4  {
    }
    
.fnchome202020 .FncRoyamain4 .FncRoyamain,
.fnchome202020 .FncRoyamain4 .carousel-caption p
{
	background:none!important;
	background-color:transparent!important;
}
.fnchome202020 .FncRoyamain4 .carousel-caption p,
.vision_bar .sec2>div.detcs1 li
{
	font-size: 16px;
	font-size:clamp(1rem, 2vw, 1.4rem)!important;
    font-weight:normal!important;
    color:#70541E!important;
        padding: 10px 5px ;
        text-align: right;
            display: inline-flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    }
    
.fnchome202020 .FncRoyamain4 .FncRoyamain
{
	 border:0px!important;
}
.fnchome202020 .FncRoyamain4 .FncRoyamain .carousel-caption p
{
	
}
body .fnchome202020 #hero   .FncRoyamain4  .sec1 h2
{
	font-size: 22px!important;
	color: #b49759!important;
}
body .fnchome202020 #hero   .FncRoyamain4  .sec1 h1
{
	    text-shadow: -1px 2px 2px #b49759!important;
	    color: #70541E!important;
}
body .fnchome202020 #hero   .FncRoyamain4  .sec2,
body .fnchome202020 #hero   .FncRoyamain4  .sec1
{
	    background-color: rgba(239,239,239,.8)!important;
	        background: linear-gradient(rgba(239,239,239,.6),#e7ddc2)!important;
	        min-height: 330px;
	            transition: all 1s ease-out;
    position: relative;
    min-height: 330px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-radius: 10px;
}

.vision_bar .sec2 > span
{
	font-size: 22px!important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hrfncmain
{
	 background-color: rgba(239,239,239,1)!important;
	 background: linear-gradient(rgba(239,239,239,1),#e7ddc2)!important;
	 transition: all 1s ease-out;
	 position:fixed;
	 bottom:0px;
	 left:0px;
	 z-index:999999999;

}

.hrfncmain a
{
	font-family: fnclight;
    font-size: 20px;
    text-align: right;
    font-weight: bold;
    text-shadow: -1px 2px 2px grey;
    color:black;
    text-align:right;
}
.hrfncmain a:before
{
	font: normal 28px icomoon;
    padding: 7px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: inset 0px 0px 5px 5px rgb(0 0 0 / 40%);
    border-radius: 5px;
    color: #fff;
    content: '';
    background-color: #bb0006;
    margin-left: 10px;
    float:right;
}


.article .ndate55:before
{
	content: "\e95b";
    font-family: 'icomoon';
    speak: none;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5f3f02;
}


.FNCMainBox .FNCBox .about-col {
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 80%);
    border-radius: 20px 20px 0px 0px;
    position: relative;
    float: right;
    width: 100%;
}

.about-col:before, .about-col:after {
    position: absolute;
    content: "";
    bottom: 12px;
    left: 10px;
    width: 50%;
    top: 80%;
    /* max-width: 307px; */
    background: rgba(0, 0, 0, .9);
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0px 15px 10px 5px rgb(0 0 0 / 90%);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-4deg);
}

.about-col:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(5deg);
    right: 10px;
    /* left: auto; */
    z-index: 0;
    bottom: 4px;
    box-shadow: 0px 8px 11px 5px rgb(0 0 0 / 70%);
}

.about-col .img 
{
    position: relative;
    z-index: 5;
}
.about-col .about-img {
    overflow: hidden;
    position: relative;
    border-radius: 20px 20px 0px 0px;
}
.img-back:before {
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 0px -40px 25px -8px rgb(0 0 0 / 60%) inset;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 0;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.about-col .img img {
    border-radius: 4px 4px 0 0;
    border-radius: 20px 20px 0px 0px;
        max-width: 100%;
}

.about-col .icon {
    width: 64px;
    height: 64px;
    padding-top: 8px;
    text-align: center;
    position: absolute;
    background: url("/Style Library/ar-sa/New/images/decoration.png") repeat 0 0 rgba(180,151,89,1)!important;
    border-radius: 50%;
    text-align: center;
    border: 4px solid #f4f2f0;
    left: calc( 50% - 32px);
    top: -30px;
    transition: 0.3s;
    box-sizing: border-box;
}

.about-col .icon:before {
    font-family: 'icomoon';
    speak: none;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e84f";
    margin-left: 0px;
    color: #f4f2f0;
    padding-bottom: 15px;
}

.about-col i
 {
    font-size: 36px;
    line-height: 1;
    color: #fff;
    transition: 0.3s;
}

.about-col h2 {
    padding-bottom: 10px;
    color: #70541E;
    position: relative;
    z-index: 55;
    border-bottom: 0px dotted #70541E!important;
    background-color: transparent;
    background-color: #e3d3a8;
    z-index: 3;
    border-radius: 20px 20px 0px 0px;
    margin: 0px!important;
    min-height: 130px;
    box-sizing: border-box;
    background-color: white!important;
}


.FNCMainBox .FNCBox .about-cols15 .col-md-3
{
	padding:20px!important;
}

.FNCMainBox .FNCBox .about-cols15 h2
{
	text-align:center;
}


.smodal-content > .smodal-header
{
	background-color: rgba(180,151,89,.7)!important;
	text-shadow: -1px 2px 2px black;
    font-size: 14px!important;
    font-weight: normal!important;
    font-family: 'fncbold';
    z-index:99999999;
}

.smodal
{
	padding-top:5px!important;
	 z-index:99999999;
}

.imgadv
{
	width:auto!important;
	max-width:750px;
}

.smodal-body > a
{
	    margin: 0px auto;
    text-align: center;
    width: 100%;
    display: inline-block;
    max-height:100vh;
}

.smodal-body > a > img
{
	max-height:100vh;
	max-width: 100%;
	border-radius: 25px;
}
.smodal-content .smodal-footer,
.smodal-content > .smodal-header
{
	display:none;
}

.smodal-content
{
	border-radius: 25px;
	background-color: rgb(0 0 0 / 50%)!important;
	    width: 65%!important;
}

.MobNum > span > span
{
	display:inline-block;
}


.app-seciton > ul,.app-seciton > h1,.item100 > .follow-us > .site-map-link
{
	display:none;
}


.tab-content-multimedia > div > div {
    margin: 0px auto;
    text-align: center;
    width: 100%;
    text-align: center;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.tab-content-multimedia > div > div > a {
    padding: 5px;
    vertical-align: top;
    width: 23%;
    min-width: 24%;
    height:100%;
}

.tab-content-multimedia > div > div > a > img {
    width: 100%!important;
    float: right;
    height:auto!important;
    max-height:160px;
    border-radius: 4px;
  	padding:5px!important;
    box-shadow: 0 0px 3px 2px rgb(204 204 204);
    overflow: hidden;
    background: linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(252,252,252,1) 50%, rgba(255,255,255,1) 100%);
        border-bottom: 2px solid rgba(98, 140, 98);
}
.fncsNews *,
.vision_bar *
{
	    box-sizing: border-box;
}

.fncsNews  > ul,
ul.AgendaMainul,
.fncmain5  ul,.fncdivads > ul,.fncsub5  ul,
.vision_bar > div.sec15,ul.memcomlistdivul,.fnclnksmain > ul.root  {
    text-align: center;
    width: 100%;
    text-align: center;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-family: 'fncbold';
    justify-content: flex-end;
}

.fncsNews  > ul > li,ul.AgendaMainul > li,
.fncmain5  ul > li,.fncdivads > ul > li,.fncsub5  ul > li,.vision_bar > div.sec15  > div,ul.memcomlistdivul > li,
.fnclnksmain > ul.root > li {
    padding: 10px;
    vertical-align: top;
    width: 25%;
    min-width: 25%;
    animation-duration: 0s!important;
}


.fncsNews  > ul > li > div,ul.AgendaMainul > li > div,
.fncmain5 ul > li > *,
.fncdivads > ul > li > *,
.fncsub5  ul > li > *,ul.memcomlistdivul > li > *,
.fnclnksmain > ul.root > li > * {
    width: 100%;
    float: right;
    height: 100%;
    overflow: hidden;
    position:relative;
    /*background:linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(252,252,252,.5) 50%, rgba(233,233,233,1) 100%);*/
        background: #f6f6f6;
        background:white;
        display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    color: #70541E!important;
    
        border: 1px solid #c0c0c08f;
    border-radius: 15px;
    padding: 10px;
    
    justify-content: center;
}


.photo_gallery ul > li > *
{
	min-height:90px;
}
ul.AgendaMainul > li > div > .ev-main-1
{
	 display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    width:100%;

}

.fncdivads > ul > li > *
{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-around;
    PADDING: 20PX;
    background: rgba(227, 211, 168, .2);
}

ul.galleryul5 > li > div.networkslinks ul > li:nth-child(1) > a:hover::before,
 ul.galleryul5 > li > div.networkslinks ul > li:nth-child(4) > a:hover::before
{
	background-color: rgba(180,151,89,1);
	background: rgba(180,151,89,1)!important;
	}
	
	.FNCmediacss5 .gallery ul.galleryul5 > li .photo_gallery ul li,
	.fncsub5  ul.fncservicemul > li {
    width: 50%;
    min-width: 50%;
}

.FNCmediacss5 .gallery ul.galleryul5 > li {
 width:33.333%;
    min-width: 33.333%;
}

.fncdivads > ul > li
{
	width:20%;
    min-width: 20%;
}
.vision_bar > div.sec15  > div
{
	width:100%;
}
.fnchomepage .FNCmediacss5 .networkslinks ul li a {
    background: rgba(180,151,89,1);
}


.vision_bar > div.sec15 > div.sec25 > div > span
{
	flex-direction: row-reverse;
}

.fncsNews  > ul > li > div.rowfnc img
{
	width:100%;
	height:175px;
	/*max-height:115px;*/
	max-width:100%;
	border-radius: 5px 5px 0px 0px;
    padding: 0px;

}

.vision_bar > div.sec15 > div > div
{
	    justify-content: flex-start;
}

.vision_bar > div.sec15 > div > div > *,
.m_Desc > ul.m_Desc_ul > li
{
	display:flex;
	width:100%;
	align-items: stretch;
    justify-content: flex-start;
    align-content: space-around;
    flex-wrap: nowrap;
    flex-direction: row;
    padding:2px!important;
}
.vision_bar > div.sec15 > div.sec1 > div > *
{
	    display: inline-flex;
	        align-items: center;
    justify-content: center;
        text-align: center;
}
div.sec15 h1 
{
	font-size:18px;
}

.vision_bar > div.sec15 > div > div img
{
    max-width: 140px;
    margin: 0px auto;	
    padding-bottom: 25px
}
.vision_bar > div.sec15 > div.sec1 > *
{
	 padding-bottom: 5px
}
body.vision_bar > div.sec15  h1
{
	font-size: 26px!important;
}
div.ndate55
{
	max-width:100%;
}
.fncsNews  > ul > li > div.rowfnc h1.main-title
{
	font-family: 'fncbold';
    font-size: 16px;
    text-align: right;
    font-weight: normal;
    position: relative;
    margin: 0px;    
    color: #5f3f02;
    padding:5px;
    line-height:inherit;;
    text-align: justify;
    max-width: 100%;
        font-size: 1.5em !important;
        font-size:clamp(1rem, 2vw, 1rem)!important; /* Font size scales with the viewport width */
        direction: rtl;
}

.fncsNews  > ul > li > div.rowfnc *
{
	margin:0px!important;
}

.divdate > .ndate55:before
{
	font-family: 'icomoon';
    speak: none;
    font-size: 20px;
    content: "\e92d";
   	color: rgba(180,151,89,1);
   	vertical-align:middle;
}

.fncsNews  > ul > li > div.rowfnc .imgdiv
{
	padding:0px;
}
.fncsNews  > ul > li > div.rowfnc .divtitle
{
	box-shadow: 0px 1px 0px rgb(0 0 0 / 15%) inset, 0 2px 0 #fff inset;
}

.fncsNews  > ul > li > div.rowfnc  .divmore,
.fnchome202020 .AgendaMainul .S-timeline span.srcdivmore
{
	float:left;
	text-align: left;
	max-width: 98%;
}
.fncsNews  > ul > li > div.rowfnc  .divmore > a,
.fnchome202020 .AgendaMainul .S-timeline span.srcdivmore a,
.FNCmediacss5 .gallery .viewall a
{
   	padding: 7px 20px;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid silver;
    background: rgba(180,151,89,1);
    color:white;
        font-size: clamp(1rem, 2vw, 1.1rem);
    }

.article-box > table td  *
{
	    color: #5f3f02!important;
    font-family: fnclight !important;
}

.fncmain5  *
{
	
    box-sizing: border-box;
}


.vision_bar > div.sec15 > div.sec25 > div > span
{
	align-items: center;
	text-align:right;
	font-weight:bold;
	padding:10px;}


.page-section > div.m-agenda-css > ul.mfilterdiv > li
{
	width:50%!important;
}


.article-box > table
{
	table-layout:fixed;
}

.vision_bar > div.sec15 > .sec1,
a.mouse-hover ,.navtopcss5 .mouse-hover .mouse ,#cd-vertical-nav > ul:after
{
	display:none!important;
}


ul.FncLatestUL > li > div:first-child {
    padding: 4px;
    position: relative;
    overflow: hidden;
    border-bottom: 0px;
    transition: all 0.5s;
    border-radius: 5px;
    height: 100%;
}


ul.FncLatestUL > li > div > div 
{
    border: 0px solid silver;
    border-radius: 4px;
    padding: 5px;
    max-width: 100%;
    width: 100%;
}


ul.FncLatestUL > li > div > div, ul.FncLatestUL > li > div > div > div {
    height: 100%;
}



ul.FncLatestUL > li > div > div:before 
{
    top: 0px;
    bottom: auto;
    border-radius: 0px 0px 10px 10px;
    z-index: 1;
}

ul.FncLatestUL > li > div > div > div 
{
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 70%, rgba(255,255,255,.1) 100%);
    border-radius: 4px;
}

ul.FncLatestUL > li > div > div, ul.FncLatestUL > li > div > div > div {
    height: 100%;
}

ul.FncLatestUL > li > div > div > div:before, ul.FncLatestUL > li > div > div > div:after {
    position: inherit;
    bottom: inherit;
    top: inherit;
}


ul.FncLatestUL > li > div > div > div > * {
    z-index: 5;
    border-radius: 5px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: stretch;
    justify-content: space-evenly;
    height: 100%;
    width: 100%;
}
 ul.FncLatestUL > li > div  div.MainDIV > a{
    display: inline-flex;
    width: 100%;
    align-content: center;
    justify-content: space-around;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    z-index: 5;
    line-height: 1.5;
    /* background-color: #f6f6f6; */
    align-content: center;
    height: 100%;
    min-height: 65px;
    color: #70541E;
}

.fncsNews > ul > li
{
	padding-bottom:35px;
}

ul.ulnews > li > div
{
	 transition-duration: .15s;
}
ul.ulnews > li > div:hover,
ul.fncservicemul > li > div:hover
{
	border: 1px solid #d7bc6d;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}


ul.fncservicemul > li > div
{
	 transition-duration: .15s;
	 background: linear-gradient(0deg, rgba(242, 242, 242, 1) 24%, rgba(247, 247, 247, 1) 48%, rgba(252, 252, 252, 1) 76%, rgba(255, 255, 255, 1) 100%);
	     border-color: #d7bc6d;
}


ul.AgendaMainul > li > div
{
	background: #f9f9f9;
}


.FncAgendaHomesub .page-section
{
	    display: inline-flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
}


body .carousel-inner .hero-logo
{
	    display: inline-flex;
	        display: inline-flex;
    background: #fff;
    border-radius: 5px;
    padding: 5px !important;
}


.s4-wpcell-plain .s4-wpTopTable {
    border: none;
    max-width: 100%;
    table-layout: fixed;
}


.members-list .ul-row
{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    align-items: stretch;
    }
    
    .members-list .ul-row > li.pr
    {
	order: -1; /* This will move .pr to the top */
	}
     .members-list .ul-row > li.pr1
    {
	order: 1; /* This will move .pr to the top */
	}
	 .members-list .ul-row > li.pr2
    {
	order: 2; /* This will move .pr to the top */
	}
	.members-list .ul-row > li.prof
    {
	order: 3; /* This will move .pr to the top */
	}

/* Hide parent .timeline-filter-sel or .timeline-filter-val if its child is empty */
.timeline-filter-sel:empty,
.timeline-filter-val:empty,
.timeline-filter-sel:has(:empty),
.timeline-filter-val:has(:empty) {
    display: none;
}


.article-box > .row.about-cols
{
	display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.article-box > .row.about-cols > *
{
	width:50%;
}

.fontsize20 
{
	font-size:20px;
}

.fontsize26 
{
	font-size:26px;
	
}

.fontbold
{
	font-weight:bold;
}
.padding10 
{
	padding:10px;
}

.carousel-inner .carousel-caption
{
	    text-shadow: 2px 3px 4px #00;
}

.carousel-inner .carousel-caption > div > *
{
	color: #fff;
    font-family: 'Droid Arabic Kufi';
    padding: 5px 0px;
    box-sizing: border-box;   
    font-weight: normal!important; 
    font-size: 1.5em;
    font-size:clamp(1rem, 2vw, 1.4rem); /* Font size scales with the viewport width */
    text-shadow: 2px 3px 4px #0000008f;


}

.carousel-inner .carousel-caption > div > div.sep
{
	padding: 2px 0px;

}

.members-list ul.ul-row > li
{
	padding:10px;
	flex: 1 1 auto;
}
.members-list ul.ul-row > li > div
{
	transition-duration: .15s;
    background: linear-gradient(0deg, rgba(242, 242, 242, 1) 24%, rgba(247, 247, 247, 1) 48%, rgba(252, 252, 252, 1) 76%, rgba(255, 255, 255, 1) 100%);
    border: 1px solid silver;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
}


.fnchome202020 .fncservicem
{
	    background: linear-gradient(80deg, rgba(255, 255, 255, 1) 0%, #f5f5f5 25%, rgba(255, 255, 255, 1) 50%, #f5f5f5 75%, rgba(255, 255, 255, 1) 100%) !important;
}