@keyframes pace-spinner {
  0% {
  transform : rotate(0deg);
  }
  to {
  transform : rotate(-360deg);
  }
  }
  @keyframes bubble {
  to {
  transform : scale(1);
  }
  }
  @keyframes bubble2 {
  to {
  color : #fff;
  }
  }

  @font-face {
    font-family: 'Tajawal Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Tajawal Regular'), url('../fonts/Tajawal-Regular.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Tajawal ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Tajawal ExtraLight'), url('../fonts/Tajawal-ExtraLight.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Tajawal Light';
    font-style: normal;
    font-weight: normal;
    src: local('Tajawal Light'), url('../fonts/Tajawal-Light.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Tajawal Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Tajawal Medium'), url('../fonts/Tajawal-Medium.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Tajawal Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Tajawal Bold'), url('../fonts/Tajawal-Bold.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Tajawal ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Tajawal ExtraBold'), url('../fonts/Tajawal-ExtraBold.woff') format('woff');
    }
 
  :after, :before {
  box-sizing : border-box;
  }
  abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, ins, kbd, label, legend, li, mark, menu, nav, object, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, var, video {
  margin : 0;
  padding : 0;
  border : 0;
  outline : 0;
  }
  body {
  outline : 0;
  }
  a, img, ol, ul {
  margin : 0;
  outline : 0;
  }
  body, ol, ul {
  border : 0;
  }
  .mega-dropdown-menu ul, nav ul {
  list-style : none;
  }
  blockquote, q {
  quotes : none;
  }
  blockquote:after, blockquote:before, q:after, q:before {
  content : none;
  }
  a {
  font-size : 100%;
  vertical-align : baseline;
  background : 100% 0;
  transition : all 0.3s ease-out;
  }
  a:active, a:hover, a:visited {
  text-decoration : none;
  outline : 0;
  }
  a label, a small {
  cursor : pointer;
  }
  a, ins {
  text-decoration : none;
  }
  mark {
  font-style : italic;
  font-weight : 700;
  }
  del {
  text-decoration : line-through;
  }
  abbr[title], dfn[title] {
  border-bottom : 1px dotted;
  cursor : help;
  }
  table {
  border-collapse : collapse;
  border-spacing : 0;
  }
  hr {
  height : 1px;
  border-top : 1px solid #ccc;
  margin : 1em 0;
  }
  input, select {
  vertical-align : middle;
  }
  button:focus, input:focus {
  outline : none;
  }
  a, hr, img, ol, ul {
  padding : 0;
  }
  button, hr, img {
  border : 0;
  }
  li {
  list-style-type : none;
  }
  img {
  width : auto;
  height : auto;
  }
  .clear {
  clear : both;
  }
  ::selection {
  color : #fff;
  background : #054869;
  }
  ::-moz-selection {
  color : #fff;
  background : #054869;
  }
  @font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot');
    src:  url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf') format('truetype'),
      url('../fonts/icomoon.woff') format('woff'),
      url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  /*---- IComoon -----*/
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-goals:before {
    content: "\e900";
  }
  .icon-message:before {
    content: "\e901";
  }
  .icon-values:before {
    content: "\e902";
  }
  .icon-Visoin:before {
    content: "\e903";
  }
  body {
  font-size : 14px;
  direction : rtl;
  text-align : right;
  /* overflow-x : hidden; */
  margin : 0;
  padding : 0;
  font-family: 'Tajawal Regular';
  background : #fff;
  overscroll-behavior-y: contain;
  min-width:420px;
  }
h1, h2,h3,h4,h5,h6{
  font-family: 'Tajawal Regular';
}
body.greyscale {
    filter: grayscale(100%);
}
body.greyscale .color span:after {
  content: "\f070";
}
  .container {
  position : relative;
  }
  .img-fluid {
  object-fit : cover;
  width : 100%;
  height : 100%;
  }
  /*---- Search ------*/
 .search{
    position: relative;
    display: flex;
    min-width: 75px;
    transition: all 0.3s ease-in-out;
    align-items: center;
    border-bottom: 1px solid transparent;
    margin-left: 10px;
 }
 .search_input{
    background: transparent;
    border: 0;
    width: 75px;
    transition: all 0.3s ease-in-out;
    color: #fff;
    font-size: 18px;
 }
 .search_input::placeholder{
   color: #fff;
   font-size: 20px;
 }
 .btn_search{
    position: absolute;
    background: transparent;
    color: #fff;
    font-size: 23px;
    left: 0;
    padding: 0 33px 0 0;
    width: 72px;
    transition: all 0.3s ease-in-out;
    min-width: auto;
    background-color:transparent !important;
 }
 .btn_search::after{
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    transition: all 0.3s ease-in-out;
 }
 .search.open{
   border-bottom: 1px solid #fff;
 }
 .search.open .search_input{
    width: 250px;
    padding-left: 30px;
 }
 .search.open .btn_search{
   width: 30px;
   padding: 0;
 }
 #NoResult ul li:last-child{display:none}
  /*--- Btn Tgl ----*/
  .btn_tgl{
    width: 30px;
    height: 30px;
    position: relative;
    margin-left: 30px;
  }
  .btn_tgl .icon_tgl{
    transition-duration: 0.5s;
    position: absolute;
    height: 4px;
    width: 30px;
    top: 30px;
    background-color: #fff;
    border-radius: 4px;
    left: 0px;
  }
  .btn_tgl .icon_tgl::before{
    transition-duration: 0.5s;
    position: absolute;
    width: 30px;
    height: 4px;
    background-color: #fff;
    content: "";
    top: -10px;
    border-radius: 4px;
  }
  .btn_tgl .icon_tgl::after{
    transition-duration: 0.5s;
    position: absolute;
    width: 30px;
    height: 4px;
    background-color: #fff;
    content: "";
    top: 10px;
    border-radius: 4px;
  }
  /*-------- Header --------*/
  /*-------- Header --------*/
  .header{
    /* background: #151541; */
    padding: 40px 0;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1;
  }
  .header .col{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header .col-top{
    justify-content: flex-end;
    display: flex;
    margin-bottom: 15px;
  }
  .header .col_rihgt{
    display: flex;
    max-width: 295px;
  }
  .header .col_nav{
    width: 60%;
  }
  .header .col_left{
    display: flex;
    align-items: center;
  }
  .header .lang {
    font-size: 20px;
    font-weight: 300;
    position: relative;
    color: #fff !important;
    transition: all 0.3s ease-in-out;
    padding: 0 15px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.header .lang::after {
  content: '\f0ac';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 10px;
}
.header .color {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 20px;
  transition: all 0.3s ease-in-out;
  padding: 0 15px;
  border-left: 1px solid #fff;
}
.header .color span:after {
  content: "\f06e";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 20px;
  width: 40px;
  text-align: center;
  height: 40px;
}
.font_size {
  display: flex;
  padding-left:0;
  margin-left: 0;
}
.font_size li {
padding: 0 10px;
color: #fff;
font-size: 20px;
}
.font_size li a {
color: #fff;
position: relative;
top:-5px;
}
.font_size li a::before {
position: absolute;
top: -6px;
right: -10px;
}
.font_size li a#increasetext::before {
content: '+';
}
.font_size li a#decreasetext::before {
content: '-';
}
.header.fixed{
background: rgba(21, 21, 65, 0.8);
position: fixed;
z-index: 10;
padding: 5px 0;
animation-duration: 1s;
animation-name: slidein;
}
@keyframes slidein {
    from {
        top: -100px;
    }
    to {
        top: 0;
    }
}


.header.fixed.header_inner::before{
visibility: hidden;
background-position: fixed fixed;
}
.header.fixed .col-top{
display: none;
}
.navbar-toggler .navbar-toggler-icon::before {
content: '\f0c9';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
font-size: 32px;
}

/*----- Main slider ------*/
.main_slider{
background: url(../../../ar/PublishingImages/bg_slider.jpg) no-repeat;
position: relative;
background-size: cover;
height: 100vh;
}
.home_hero_slider{
height: 100vh;
min-height: 860px;
}
.main_slider .slick-list,
.main_slider .slick-slide{
height: 100vh !important;
min-height: 860px;
}
.main_slider .slider_caption{
width: 375px;
height: 380px;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 50px;
text-align: center;
position: absolute;
left: 280px;
top: 50%;
bottom: 50%;
margin: auto;
transform: scale(0);
transition: all 0.8s ease-in;
}
.main_slider .slick-active .slider_caption {
transform: scale(1);
}
.main_slider .slider_caption::after{
content: '';
background: url(../images/Pattern_slider.svg) no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: contain;
}
.main_slider .slider_caption::before{
content: '';
  background: rgba(22, 19, 68, 0.7);
  position: absolute;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  z-index: -1;
}
.slider_caption h3{
font-size: 35px;
color: #0099CC;
margin-bottom: 15px;
}
.slider_caption p{
font-size: 25px;
color: #fff;
}

ul.slick-dots {
display: flex;
justify-content: center;
}
.slick-dots li button {
text-indent: 100000px;
width: 11px;
height: 11px;
border-radius: 50%;
margin: 0 5px;
background:#fff;
overflow: hidden;
}
.slick-dots li.slick-active button {
background: #0099CC !important;
}
.slick-dots li button:before {
content: '';
/* background: rgba(255, 255, 255, 0.25); */
}

.main_slider ul.slick-dots{
flex-direction: column;
position: absolute;
bottom: 50%;
top: 50%;
margin: auto;
}
/*---- Main Head -----*/
.main_head{
display: flex;
justify-content: space-between;
padding: 15px 0;
align-items: center;
margin-bottom: 40px;
}
.main_head span{
background: #5FC16F;
color: #fff;
font-size: 25px;
padding: 13px 50px;
border-radius: 30px;
}
.main_head .more{
color: #333399;
font-size: 23px;
transition: all 0.3s ease-in-out;
}
.main_head .more:hover{
color: #5FC16F;
}
.main_head .more::after{
content: '';
width: 200%;
height: 1px;
background: rgba(22, 19, 68, 0.10);
position: absolute;
display: block;
left: 80px;
top: 50px;
z-index: -1;
}
/*----  About Home-----*/
.section_about{
padding: 50px 0;
position: relative;
z-index: 1;
}
.section_about::after{
content: '';
background: url(../images/Pattern_about.svg) no-repeat;
background-size: contain;
position: absolute;
z-index: -1;
left: 0;
width: 85%;
height: 85%;
top: 80px;
}
.section_about .nots{
padding: 18px;
display: flex;
background: #333399;
box-shadow: 0px 3px 6px #00000029;
border-radius: 30px 0px;
align-items: center;
margin-bottom: 60px;
}
.section_about .nots h2{
font-size: 22px;
color: #fff;
font-weight: bold;
width: 190px;
text-align: center;
margin-left: 40px;
}
.section_about .nots p{
color: #fff;
font-size: 20px;
}
.item_about{
display: flex;
flex-direction: column;
align-items: center;
background: #FFFFFF;
box-shadow: 0px 3px 40px #0000000d;
padding-top: 50px;
transition: all 0.3s ease-in-out;
}
.item_about .icon{
width: 72px;
height: 72px;
border-radius: 50%;
border: 8px solid #fff;
color: #fff;
box-shadow: 0px 3px 40px #0000000d;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -28px;
font-size: 26px;
transition: all 0.3s ease-in-out;
}
.item_about.item_vision .icon{
background: #8A3282;
}
.item_about.item_message .icon{
background: #FDCE00;
}
.item_about.item_message .icon{
background: #FDCE00;
}
.item_about.item_values .icon{
background: #333399;
}
.item_about.item_goals .icon{
background: #0099CC;
}
.item_about article{
padding: 15px 20px;
}
.item_about article h3{
color: #161344;
font-size: 25px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
transition: all 0.3s ease-in-out;
}
.item_about article p{
font-size: 18px;
color: #525252;
transition: all 0.3s ease-in-out;
height:82px;
overflow:hidden;
}
.item_about.item_vision:hover{
background: #8A3282;
}
.item_about.item_message:hover{
background: #FDCE00;
}
.item_about.item_values:hover{
background: #333399;
}
.item_about.item_goals:hover{
background: #0099CC;
}
.item_about:hover p,
.item_about:hover h3{
color: #fff;
}
/*----- News -----*/
.section_news{
padding: 50px 0;
position: relative;
}
.section_news::after{
content: '';
background: url(../images/Pattern_about.svg) no-repeat;
background-size: contain;
position: absolute;
z-index: -1;
right: 0;
width: 85%;
height: 85%;
top: 80px;
transform: scaleX(-1);
}
.wrapper_news{
display: flex;
align-items: center;
width: 100%;
flex-direction: row;
overflow: hidden;
margin: 0;
}
.wrapper_news .news_title{
/* min-width: 353px; */
width: 100%;
/* height: 338px; */
background: #5FC16F;
box-shadow: 0px 0px 30px #0000000d;
border-radius: 10px;
padding: 40px;
display: flex;
flex-direction: column;
position: relative;
/* margin-left: 60px; */
}
.wrapper_news .news_title::after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 17.5px 17px 17.5px 0;
border-color: transparent #5FC16F transparent transparent;
position: absolute;
left: -17px;
top: 50%;
margin-top: -17px;
}
.wrapper_news .news_title h3{
font-size: 30px;
font-weight: bold;
margin-bottom: 15px;
color: #fff;
}
.wrapper_news .news_title p{
color: #fff;
font-size: 18px;
margin-bottom: 30px;
}
.wrapper_news .news_title .btn_more{
padding: 13px 26px;
color: #fff;
border: 1px solid #fff;
font-size: 16px;
font-weight: lighter;
border-radius: 5px;
max-width: 135px;
text-align: center;
position: relative;
transition: all 0.3s ease-in-out;
z-index: 1;
}
.wrapper_news .news_title .btn_more::before{
content: '';
width: 0;
height: 100%;
background: #fff;
position: absolute;
top: 0;
right: 0;
z-index: -1;
transition: all 0.3s ease-in-out;
}
.wrapper_news .news_title .btn_more:hover{
/* color: #161344; */
color: #5FC16F;
}
.wrapper_news .news_title .btn_more:hover::before{
width: 100%;
}
.col_slider{
padding-right:60px;
padding-left: 0;
}
.items_news{
height: 575px;
overflow: hidden;
position: relative;
display: inline-block;
border-radius: 10px;
transition: all 0.3s ease-in-out;
padding: 10px !important;
}
.items_news img{
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 10px;
/*filter: grayscale(100%);*/
/*opacity: 0.50;*/
transition: all 0.3s ease-in-out;
border: 1px solid #ddd;
}
.items_news .caption_news{
position: absolute;
bottom: 0;
right: 0;
padding: 20px;
}
.items_news .caption_news h3{
color:#464646;
font-size: 24px;
margin-bottom: 15px;
font-weight: bold;
height:86px;
overflow:hidden;
}
.items_news .caption_news .date{
font-size: 25px;
color: rgba(22, 19, 68, 0.50);
font-weight: bold;
}
.items_news:hover img{
opacity: 1;
filter: grayscale(0);
}
.items_news:hover .caption_news h3{
color: #333399;
}
.items_news:hover .caption_news{
/*background: rgba(255, 255, 255, 0.50);*/
}
.items_news:hover .caption_news .date{
color: #333399;
}
.news_slider .slick-next, .slick-prev{
font-size: 20px;
line-height: 0;
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 50%;
padding: 0;
/* -webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%); */
cursor: pointer;
color: #fff;
border: none;
outline: 0;
background: #D6D6D6;
z-index: 1;
transition: all .3s ease-in;
}
.news_slider .slick-arrow{
display: none !important;
}
.news_slider .slick-next {
right: 20px;
}
.news_slider .slick-prev {
left: 20px;
}
.news_slider .slick-prev:before,
.news_slider .slick-next:before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;

}
.news_slider .slick-next:before {
content: "\f054";
}
.news_slider .slick-prev:before {
content: "\f053";
}
.arrow{
margin-top: 20px;
display: flex;
justify-content: flex-end;
}
.arrow .btn_arrow{
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
color: #fff;
background: #D6D6D6;
transition: all .3s ease-in;
margin-right: 10px;
border-radius: 50%;
}
.arrow .btn_arrow:hover{
background: #5FC16F;
}
/*------ Section Sites ------*/
.section_sites{
padding: 50px 0 100px 0;
position: relative;
}
.section_sites::after{
content: '';
background: url(../images/Pattern_bottom.svg) no-repeat;
background-size: contain;
position: absolute;
z-index: -1;
right: 0;
left: 100px;
margin: auto;
width: 48%;
height: 47%;
bottom: 0;
}
.item_sites{
background: #FFFFFF;
box-shadow: 0px 3px 20px #0000000D;
padding: 25px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
margin-bottom: 35px;
transition: all 0.3s ease-in-out;
}
.item_sites .logo_sites{
margin-bottom: 30px;
width: 291px;
  height: 129px;
}
.item_sites span{
color: #fff;
background: #333399;
padding: 10px 15px;
border-radius: 30px;
font-size: 18px;
max-width: 275px;
text-align: center;
line-height: 20px;
position: absolute;
bottom: -20px;
height: 60px;
display: flex;
align-items: center;
transition: all 0.3s ease-in-out;
min-width: 195px;
justify-content: center;
}
.item_sites:hover{
transform: scale(1.07);
}
.item_sites:hover span{
background: #5FC16F;
}
.slider_sites ul.slick-dots{
margin-top: 20px;
}
.slider_sites .slick-dots li button{
background: rgba(51, 51, 153, 0.25);
}
/*----- Section Versions -----*/
.section_versions{
padding: 50px 0;
background: rgb(0,153,204);
background-image: url("../images/Pattern.png"); 
background-image: url("../images/Pattern.png"), linear-gradient(#0099CC, #31368B);
}
.section_versions .main_head span{
z-index: 2;
}
.section_versions .main_head .more{
color: #fff;
}
.section_versions .main_head .more::after{
background: #fff;
z-index: 0;
}
.item_version{
width: 185px;
height: 185px;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 50%;
position: relative;
transition: all 0.3s  ease-in-out;
margin-top: 15px;
margin-bottom: 30px;  
margin-right: 10px;
}
.item_version::after{
content:url(../images/Pattern_version.svg);
/* background: url(../images/Pattern_version.svg) no-repeat; */
position: absolute;
top: -22px;
left: 22px;
width: 100%;
height: 100%;
background-size: contain;
}
.item_version .icon{
color: #333399;
font-size: 53px;
line-height: inherit;
transition: all 0.3s ease-in-out;
position: relative;
width: auto;
height: 60px;
margin: 0 0 10px;
}
.icon_docu::before,
.item_version .icon::after{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.icon_docu.global::before,
.item_version .icon.global::after{
content: '\f57c';
}
.icon_docu.pdf::before,
.item_version .icon.pdf::after{
content: '\f1c1';
}
.icon_docu.docx::before,
.item_version .icon.docx::after{
content: '\f1c2';
}
.icon_docu.pptx::before,
.item_version .icon.pptx::after{
content: '\f1c4';
}
.icon_docu.xlsx::before,
.item_version .icon.xlsx::after{
content: '\f1c3';
}
.item_version p{
color: #161344;
font-size: 14px;
padding: 0px 10px;
font-weight: bold;
text-align: center;
min-height: 46px;
overflow: hidden;
display: flex;
align-items: center;
}
.item_version span{
font-size: 14px;
color: #A5A5A5;
font-weight: bold;
transition: all 0.3s  ease-in-out;
}
.item_version:hover{
background: #5FC16F;
}
.item_version:hover span,
.item_version:hover p,
.item_version:hover .icon{
color: #fff;
}
.slider_version ul.slick-dots{
margin-top: 30px;
}
/*-----Footer-----*/
.footer_top{
padding: 40px 0;
background: #161345;
}
.footer_top .col_logo{
display: flex;
flex-direction: column;
align-items: center;
}
.footer_top .col_logo .logo_footer{
margin-bottom: 30px;
}
.footer_top .col_logo  .social{
width: 250px;
}
.footer_top .col_logo  .social ul{
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.footer_top .col_logo  .social ul li a{
width: 38px;
height: 38px;
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
background: #5FC16F;
color: #fff;
font-size: 20px;
}
.footer_top .col_logo  .social ul li a:hover{
opacity: 0.70;
}
.wrapper_links{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.wrapper_links .links h5{
font-size: 20px;
color: #fff;
font-weight: bold;
margin-bottom: 18px;
}
.wrapper_links .links ul li{
margin-bottom: 15px;
}
.wrapper_links .links ul li a{
font-size: 16px;
color: #fff;
transition: all 0.3s ease-in-out;
}
.wrapper_links .links ul li a:hover{
opacity: 0.50;
}
.copyRight{
background: #03022f;
padding: 10px 0;
display: flex;
justify-content: center;
}
.copyRight p{
color: #fff; 
font-size: 16px;
}
/*----- Commen Page Inner -----*/
.wrapper_banner{
position: relative;
z-index: 1;
margin-bottom: 50px;
}
.header_inner{
position: relative;
z-index: inherit;
}
.header_inner::before{
content: '';
background: url(../../../ar/PublishingImages/banner_bg.jpg) no-repeat;
width: 100%;
height: 100%;
min-height: 400px;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.col_banner{
display: flex;
align-items: center;
justify-content: space-between;
}
.col_banner h2{
font-size: 25px;
color: #fff;
}
.site_icons ul {
display: flex;
}
.site_icons ul li {
display: inline-block;
position: relative;
margin-left: 10px;
}
.site_icons > ul > li > a {
padding: 0 10px;
color: #333399;
font-size: 20px;
transition: all 0.3s ease-in;
width: 35px;
height: 35px;
background: rgba(255,255, 255, 0.60);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.site_icons > ul > li > a i {
transition: all 0.2s ease-in;
}
.site_icons > ul > li:hover > a {
background: #333399;
color: #fff;
transform: scale(1.07);
}
.site_icons > ul > li:hover > a i {
transform: scale(1.07);
}
.site_icons ul li:last-of-type {
margin-left: 0;
}
.list_share ul {
background: #333399;
min-width: 100px;
display: flex;
justify-content: space-around;
padding: 5px;
position: absolute;
top: 53px;
border-radius: 5px;
box-shadow: 0 0 9px 1px rgb(0 0 0 / 30%);
transform: scaleX(0);
transition: all 0.2s linear;
right: -27px;
z-index: 2;
}
.list_share > a ~ ul:before {
border-bottom: 8px solid #333399;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
top: -8px;
content: '';
display: block;
left: 50%;
margin-left: -8px;
position: absolute;
}
.site_icons ul li {
display: inline-block;
position: relative;
margin-left: 10px;
}
.list_share ul li a {
color: #fff;
font-size: 25px;
line-height: 0;
display: flex;
align-items: center;
transition: all 0.3s ease-in;
}
.list_share ul li a:hover {
transform: scale(1.07);
}
.list_share:hover > ul {
opacity: 1;
transform: scaleX(1);
}
.wrapper_inner{
position: relative;
z-index: 1;
}
.wrapper_inner::after{
content: '';
background: url(../images/Pattern_about.svg) no-repeat;
background-size: auto;
position: absolute;
z-index: -1;
left: 0;
width: 68%;
height: 55%;
top: 210px;
}
.wrapper_inner::before{
content: '';
background: url(../images/Pattern_about.svg) no-repeat;
background-size: auto;
position: absolute;
z-index: -1;
right: 0;
width: 68%;
height: 55%;
bottom: 100px;
transform: scaleX(-1);
}
.content_inner{
padding: 20px 20px 50px 20px;
background: #fff;
box-shadow: 0px 0px 40px #0000000D;
margin-bottom: 100px;
min-height: 600px;
}
.breadcrumb {
background: #333399;
padding:10px 15px;
margin-bottom: 40px;
border-radius: 0;

}
.breadcrumb ul {
display: inline-flex;
  position: relative;
  flex-wrap: wrap;
align-items: center;
  margin-right: 0;
  padding-right: 0;
}
.breadcrumb ul li {
position: relative;
font-size: 20px;
font-weight: 500;
display: inline-flex;
  flex-wrap: wrap;
}
.breadcrumb ul li::before {
content: "\f104";
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
padding: 0 10px;
color: #fff;
}
.breadcrumb ul li:first-of-type::before {
content: '';
padding: 0;
}
.breadcrumb ul li a {
position: relative;
color: #fff;
font-size: 20px;
font-weight: 500;
transition: all 0.3s ease-in;
text-decoration: none;
}
.ms-breadcrumb>li>a {
display: none;
}
.breadcrumb a:hover {
color: #5FC16F;
}
.breadcrumb ul li:hover a{
text-decoration: none;
}
.ms-breadcrumbNode   .s4-clust{
display: none !important;
}
.ms-breadcrumb>li>span, .s4-breadcrumb>li>span, .Sure_listViewTitle {
display: none;
}
.ms-breadcrumb>li>ul>li>span {
display: none;
}
.s4-breadcrumb-arrowcont::before {
content: "\f104";
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
padding: 0 10px;
color: #fff;
}
ul.ms-breadcrumbRootNode, ul.ms-breadcrumbNode{
margin-right: 0;
margin-top: 0;
}
/*----- About -----*/
.wrapper_about h3{
color: #0099CC;
font-size: 25px;
font-weight: bold;
margin-bottom:35px;
}
.wrapper_about p{
color: #000;
font-size: 17px;
margin-bottom: 35px;
}
/*----- Board Members -----*/
.item_member{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
padding: 30px;
margin-bottom: 30px;
}
.item_member::after{
content: '';
background: #fff;
width: 100%;
height: 70%;
z-index: -1;
position: absolute;
bottom: 0;
box-shadow: 0px 3px 40px #0000000D;
transition: all 0.3s ease-in-out;
}
.item_member:hover::after{
background: #161344;
}
.item_member .img_member{
width: 178px;
height: 178px;
border-radius: 50%;
position: relative;
margin-bottom: 40px;
}
.item_member .img_member span{
width: 178px;
height: 178px;
border-radius: 50%;
overflow: hidden;
display: inline-block;
}
.item_member .img_member::after{
content: '';
background: url(../images/Pattern_member.svg) no-repeat;
position: absolute;
width: 220px;
height: 220px;
left: -20px;
background-size: contain;
top: -22px;
}
.item_member .img_member img{
width: 100%;
height: auto;
transition: all 0.3s ease-in-out;
}
.item_member:hover .img_member img{
transform: scale(1.07);
}
.item_member .info_member{
text-align: center;
}
.item_member .info_member span{
color: #161344;
font-size: 22px;
font-weight: bold;
transition: all 0.3s ease-in-out;
height:63px;
overflow:hidden;
display:block;
}
.item_member .info_member p{
color: #525252;
font-size: 18px;
padding: 0 60px;
transition: all 0.3s ease-in-out;
height:81px;
overflow:hidden;
}
.item_member:hover .info_member p,
.item_member:hover .info_member span{
color: #fff;
}
/*----- News -----*/
.item_news{
display: flex;
flex-direction: column;
padding: 15px;
position: relative;
box-shadow: 0px 3px 30px #00000008;
z-index: 1;
margin-bottom: 35px;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
.item_news::before{
content: '';
width: 100%;
height: 50%;
background: #F2F2F2;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
transition: all 0.3s ease-in-out;
}
a.item_news:hover::before{
background: #161344;
}
.item_news::after{
content: '';
width: 100%;
height: 50%;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
.item_news .head_news {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.item_news .head_news h3{
  color: #161344;
  font-size: 21px;
  font-weight: bold;
  height: 83px;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 29px;
}
.item_news  .date{
  font-size: 16px;
  color: #161344;
  font-weight: lighter;
}
/*a.item_news:hover .head_news .date,
a.item_news:hover .head_news h3, a.item_news:hover .disc_news p{
color: #fff;
}*/
.item_news .img_news{
width: 100%;
position: relative;
text-align: center;
max-width: 700px;
margin: 0 auto;
}
.item_news .img_news img{
width: 100%;
transition: all 0.3s ease-in-out;
margin-bottom: 20px;
height:200px;
object-fit: cover;
object-position: 0 0;
}
a.item_news:hover .img_news img{
transform: scale(1.08);
}
.item_news .disc_news div,
.item_news .disc_news p{
font-size: 17px;
color: #161344;
line-height: 30px;
}
.wrapper_news .pagingItem .disc_news p{
height: 145px;
overflow: hidden;
}

.item_news .info_news{
font-size: 17px;
color: #161344;
}
.wrapper_news_details .item_news::before{
height: 142px;
background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
}
.wrapper_news_details .item_news.no_img::before{
height:0;
}
.wrapper_news_details .item_news .head_news .date{
padding-right: 20px;
position: relative;
}
.wrapper_news_details .item_news .head_news .date::before{
content: '\f784';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-left:10px;
right: 0;
position: absolute;
}
.wrapper_news_details .item_news .img_news{
text-align: center;
}
.wrapper_news_details .item_news .img_news img{
max-width: 760px;
height: auto;
}
.wrapper_news_details .item_news  .disc_news p, .wrapper_news_details .item_news  .disc_news div{
line-height: 30px;
text-align: justify;
}
.general-archive{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.pagingItem .item_news::after,
.pagingItem .item_news::before{
display: none;
}
/*.pagingItem .item_news:hover{
background: #161344;
}*/
.pagingItem .item_news:hover .info_news p{
color: #fff;
}
/*----- Events ------*/
a.item_event{
display: flex;
flex-direction: row;
padding: 17px;
align-items: center;
background: #fff;
box-shadow: 0px 0px 50px #0000000D;
margin-bottom: 30px;
}
a.item_event .event_date{
min-width: 115px;
width: 115px;
height: 115px;
background: #5FC16F;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
border-radius: 50%;
transition: all 0.3s ease-in-out;
position: relative;
margin: 20px 20px 20px 35px;
}
a.item_event:hover .event_date{
background: #161344;
}
a.item_event .event_date::after{
content: '';
background: url(../images/sm-pattern.svg) no-repeat;
position: absolute;
width: 140px;
height: 140px;
left: -12px;
background-size: contain;
top: -12px;
}
a.item_event .event_date strong{
font-size: 42px;
  line-height: 35px;
}
a.item_event .event_date .month{
font-size: 16px;
}
a.item_event .event_date .year{
font-size: 20px;
}
a.item_event .info_event h3{
color: #161344;
font-size: 22px;
margin-bottom:10px;
}
.item_event .adrress{
color: #000000;
position: relative;
font-size: 16px;
}
.item_event .adrress::before{
content: '\f3c5';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-left:10px;
color: #333399;
}
.wrapper_event_details .item_event{
display: flex;
flex-direction: column;
padding: 15px;
position: relative;
/*box-shadow: 0px 3px 30px #00000008;*/
z-index: 1;
}
.wrapper_event_details .item_event::before {
  height: 15%;
  content: '';
  width: 100%;
  background: #F2F2F2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.item_event .head_event {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.item_event .head_event h3 {
color: #161344;
font-size: 21px;
font-weight: bold;
max-height: 65px;
overflow: hidden;
margin-bottom: 10px;
line-height: 29px;
}
.wrapper_event_details .item_event.no_img::before{
height: 8%;
background: rgb(255,255,255);
/*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);*/
}
.wrapper_event_details .item_event .head_event .date {
  position: relative;
  font-size: 16px;
  color: #161344;
  font-weight: lighter;
  padding: 0 20px;
}
.wrapper_event_details .item_event .head_event .date::before {
content: '\f784';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-left: 10px;
right: 0;
position: absolute;
}
.wrapper_event_details .item_event .img_event {
max-width: 760px;
height: auto;
margin: 0 auto 30px;
}
.wrapper_event_details .item_event .img_event img{
width: 100%;
height: 100%;
object-fit: cover;
}
.wrapper_event_details .item_event .disc_event * {
line-height: 41px;
text-align: justify;
font-size: 17px;
color: #404040;
/*font-weight: 600;*/
}
/*----- Document Laibery -----*/
.item_docu{
display: flex;
flex-direction: row;
padding: 17px;
align-items: center;
background: #fff;
box-shadow: 0px 0px 50px #0000000d;
margin-bottom: 30px;
}
.item_docu .icon_docu{
min-width: 115px;
width: 115px;
height: 115px;
background: #333399;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
border-radius: 50%;
transition: all 0.3s ease-in-out;
position: relative;
margin: 20px 20px 20px 35px;
font-size: 60px;
}
.item_docu:hover .icon_docu{
background: #5FC16F;
}
.item_docu .icon_docu::after {
content: '';
background: url(../images/sm-pattern.svg) no-repeat;
position: absolute;
width: 140px;
height: 140px;
left: -12px;
background-size: contain;
top: -12px;
}
.item_docu .info_docu  h3 {
color: #161344;
font-size: 22px;
margin-bottom: 10px;
}
.item_docu .info_docu span{
color: #000000;
position: relative;
font-size: 16px;
}
.item_docu .info_docu span::before {
content: '\f019';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-left: 10px;
color: #333399;
}
 /*----- Accordion -----*/
 #accordion .card {
  border: none;
  margin-bottom: 15px;
  background: #fff;
  box-shadow: 0px 0px 50px #0000000D;
}
#accordion .card .card-header {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 15px;
  margin-bottom: 0;
}
#accordion .card .card-header.active-acc{
border-bottom: 1px solid rgb(134, 134, 134, 0.20);
}
#accordion .card .card-header h5 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#accordion .card .card-header h5 .btn-link{
  background: transparent;
  padding-right: 30px;
  color: #333399;
  text-align: right;
  font-size: 19px;
  display: block;
  width: 100%;
  text-decoration: none;
  z-index: 99;
  position: relative;
}
#accordion .card .card-header.active-acc .icon:before, #accordion .card .card-header.active-acc .icon:before {
  content: "\f056";
}
#accordion .card .card-header .icon.collapsed:before, #accordion .card .card-header .icon.collapsed:before {
  content: "\f055";
}
#accordion .card .card-header .icon:before {
  content: '\f056';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 7px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  color: #5FC16F;
  z-index:9;
}
#accordion .card .card-body {
  position: relative;
  border-top: 1px solid #ccc;
}
#accordion .card .card-body p {
  color: #000;
  font-size: 17px;
  text-align: justify;
  line-height: 30px;
  margin-bottom: 15px;
}
/*----- Wrapper Partners -----*/
.wrapper_partners #accordion .card .card-header .icon:before{
left: 0;
right: auto;
}
.wrapper_partners #accordion .card .card-header{
background: #F2F2F2;
}
.wrapper_partners #accordion .card .card-header.active-acc{
border-bottom: none;
}
.wrapper_partners #accordion .card .card-header h5 .btn-link{
  color: #161344;
  font-weight: bold;
}
.wrapper_partners .card-body .col-lg-4{
  padding: 0 20px;
}
.card-body  .item_sites .logo_sites img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.wrapper_partners .item_sites{
  margin-bottom: 50px;
}
.card-body  .item_sites .logo_sites img{
height:75%;margin-top:5%;
}
 /*------ Contact US ------*/
 .form-group label{
  color: #000;
  font-size: 17px;
  margin-bottom: 10px;
}
.form-group .form-control{
  border-color: #CECECE;
  border-radius: 0;
  color: #7B7B7B;
  font-size: 16px;
  height: calc(2.0em + 0.75rem + 2px);
}
.form-group textarea.form-control{
  min-height:150px;
}
.form-group .form-control::placeholder{
  color: rgba(71, 71,71, 0.50);
}
.form-group{
  margin-bottom: 25px;
}
.btn_contact{
  display: flex;
  justify-content: flex-end;
}
.btn_send, .btn_send:link, .btn_send:visited{
width: 139px;
height: 48px;
background: #333399 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 24px;
color: #fff;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease-in-out;
}
.btn_send:hover{
background: #5FC16F;
color: #fff;
}
.col_btn{
justify-content: flex-end;
display: flex;
margin-bottom:27px;
}
.item_photo{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 50px;
position: relative;
transition: all 0.3s ease-in-out;
}
.albums .item_photo{
	background-color: #e8e8e8;
}
.item_photo .content_img{
padding: 0px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 360px;
transition: all 0.3s ease-in-out;
position: relative;
z-index: 1;
}
.item_photo .content_img::after{
content: '\f06e';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
background: rgba(22, 19, 68, 0.70);
color: #fff;
font-size: 60px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
z-index: 3;
opacity: 0;
}
.item_photo:hover .content_img::after{
opacity: 1;
}
.item_photo .content_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.item_photo h3{
color: #fff;
background: #333399;
padding: 10px 40px;
border-radius: 30px;
font-size: 19px;
width: 65%;
text-align: center;
line-height: 25px;
position: absolute;
bottom: -25px;
height: 60px;
display: flex;
align-items: center;
transition: all 0.3s ease-in-out;
z-index: 2;
justify-content: space-around;
}
.item_photo:hover h3{
/*opacity: 0;
bottom: 0;*/
}
.albums .item_photo h3{
	
}

/*----- Video -----*/
.item_video{
  display: flex;
  flex-direction: column;
  padding: 15px;
  position: relative;
  box-shadow: 0px 3px 30px #00000008;
  z-index: 1;
  margin-bottom: 35px;
  transition: all 0.3s ease-in-out;
}
.item_video::before {
content: '';
width: 100%;
height: 50%;
background: #F2F2F2;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.item_video::after {
content: '';
width: 100%;
height: 50%;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
.item_video h3 {
color: #161344;
font-size: 21px;
font-weight: bold;
max-height: 65px;
overflow: hidden;
margin-bottom: 10px;
line-height: 29px;
}
.item_video .content_video{
width: 100%;
height: 350px;
transition: all 0.3s ease-in-out;
z-index: 1;
position: relative;
}
.col-lg-12 .item_video .content_video{
height: 400px;
}
.item_video .content_video::after{
content: '';
  width: 100%;
  height: 100%;
  background: rgba(22, 19, 68, 0.70);
  background-size: 50% 50%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 60px;
  transition: all 0.3s ease-in-out;
}
.item_video .content_video::before{
  content: '';
  background-position: center;
  background: url(../images/Play.svg)no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 160px;
  height: 160px;
  margin: auto;
  transition: all 0.3s ease-in-out;
  opacity:.5;
}
.item_video:hover .content_video::after{
background: rgba(22, 19, 68, 0.90);
}
.item_video:hover .content_video::before{
/*transform: rotate(359deg);*/opacity:1;
}
.item_video .content_video iframe{
width: 100%;
height: 100%;
}
.ytp-large-play-button{
display: none;
}
/*----- pagination ------*/
.wrapper_pagination{
display: flex;
justify-content: center;
margin-top: 40px;
}
.pagination{
background: #fff;
/*box-shadow: 0px 4px 9px #0000001A;*/
border-radius: 0;
}
.pagination .page-item:first-child .page-link{
border-radius: 0;
}
.pagination li a{
border: 0;
border-left: 2px solid #EDEDED !important;
color: #7B7B7B;
font-size: 18px;
font-weight: lighter;
padding: 10px 18px;
position: relative;
display: block;
margin-left: -1px;
line-height: 1.25;
}
.pagination li:last-of-type a,
.pagination li:first-of-type a{
color: #333399;
}
.pagination li:hover a,
.pagination li.active a{
background-color: #333399 !important;
border-color: transparent !important;
color: #fff !important;
}
.pagination li:last-child a{
border-left: 0 !important;
}
/*----- Media Query ------*/
  @media (min-width: 1700px) {
    /* .main_slider{
      height: auto;
    }
    .home_hero_slider{
      min-height: 800px;
      height: 100%;
    }
    .main_slider .slick-list, .main_slider .slick-slide{
      min-height: 800px;
      height: 100%;
    }
    .main_slider .slider_caption{
      top: 30%;
    } */
  }
  @media (min-width: 1300px) {
      .container {
      max-width : 1400px;
      }
  }
  @media (max-width: 1299px) {
    .item_member .info_member p{
      padding: 0 30px;
      min-height: 80px;
    }
    .item_photo h3{
      width: 75%;
    }
  }
  @media (min-width: 990px) and (max-width: 1199px) {
    .item_about article p{
      height: 170px;
      overflow: hidden;
    }
    .item_photo h3{
      width: 100%;
    }
    .main_navbar .navbar-nav{
      width: 100% !important;
    }
  }
  @media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
  }
  @media (max-width: 991px) {
    /* .header .col{
      flex-direction: column;
    } */
    .header .col_rihgt{
      margin-bottom: 15px;
      max-width: 210px;
    }
    .main_slider .slider_caption{
      left: 0;
      right: 0;
      margin: auto;
    }
    .item_about{
      margin-bottom: 35px;
    }
    .col_logo{
      margin-bottom: 30px;
    }
    .col_slider{
      padding-right: 0;
      padding-right: 0;
       margin-top: 30px;
    }
    .arrow{
      display: none;
    }
    .news_slider .slick-arrow{
      display: inline-block !important;
    }
    .wrapper_news .news_title::after{
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 17px 14px 0 14px;
      border-color: #5fc170 transparent transparent transparent;
      top: auto;
      bottom: -16px;
      left: 0;
      right: 0;
      margin: auto;
    }
    a.item_event{
      flex-direction: column;
    }
    .header .col_nav{
      width: auto;
    }
    .main_navbar .navbar-nav{
      flex-direction: column !important;
      justify-content: inherit !important;
      background: rgba(51, 51, 153, 0.50);
      width: 100% !important;
    }
    .main_navbar .navbar-nav .dropdown-menu{
      position: static;
    }
    .col_menu{
      align-items: end !important;
    }
    /* .navbar-toggler{
      position: absolute;
      left: 0;
    } */
    .navbar-collapse{
      margin-top: 30px;
    }
  }

  @media (max-width: 768px) {
    .item_sites .logo_sites img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .item_member .info_member p{
      height: auto;
      min-height: auto;
    }
    .item_docu{
      flex-direction: column;
      justify-content: center;
    }
    .item_docu .info_docu{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .item_docu .info_docu h3{
      text-align: center;
    }
    .wrapper_links .links {
    width: 50%;
	}
  }
  @media (max-width: 590px) {
    .header .color{
      border-left: 0;
    }
    .font_size{
      display: none;
    }
    /*.main_slider .slider_caption{
      width: 310px;
      height: 310px;
    }*/
    .slider_caption h3{
      font-size: 27px;
      margin-bottom: 0;
    }
    .slider_caption p{
      font-size: 20px;
    }
    .section_about .nots{
      flex-direction: column;
    }
    .section_about .nots h2{
      margin-bottom: 20px;
    }
    .wrapper_news{
      margin: 0;
    }
    .item_version{
      margin: 15px auto 30px;
    }
    .wrapper_links .links{
      width: 50%;
    }
    .breadcrumb ul{
      flex-wrap: wrap;
    }
    .breadcrumb ul li,
    .breadcrumb ul li a{
      font-size: 17px;
    }
    .wrapper_event_details .item_event::before{
      height: 10%;
    }
    .item_photo h3{
      width: 95%;
      font-size: 17px;
      height: auto;
    }
  }
  
/*------- // Variables// --------- */
:root {
--animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--animation-duration: 1s;
}

/* // Keyframes
// --------- */
@keyframes slideInUp {
0% {
  opacity: 0;
  transform: translateY(25%);
}
100% {
  opacity: 1;
  transform: none;
}
}
@keyframes slideInDown {
0% {
  opacity: 0;
  transform: translateY(-25%);
}
100% {
  opacity: 1;
  transform: none;
}
}
@keyframes slideInleft {
0% {
  opacity: 0;
  transform: translateX(25%);
}
100% {
  opacity: 1;
  transform: none;
}
}
@keyframes slideInRight {
0% {
  opacity: 0;
  transform: translateX(-25%);
}
100% {
  opacity: 1;
  transform: none;
}
}

@keyframes fadeIn {
0% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}

@keyframes zoomIn {
0% {
  opacity: 0;
  transform: scale(0.75);
}
100% {
  opacity: 1;
  transform: none;
}
}
@keyframes zoomReverseIn {
0% {
  opacity: 0;
  transform: scale(1.25);
}
100% {
  opacity: 1;
  transform: none;
}
}

@keyframes flipInY {
0% {
  opacity: 0;
  transform: perspective(90vw) rotateY(67.50deg);
}
100% {
  opacity: 1;
  transform: none;
}
}

/* // Animations
// ---------- */
[data-animation] {
opacity: 0;
animation-timing-function: var(--animation-timing-function);
animation-fill-mode: both;
animation-duration: var(--animation-duration);
will-change: transform, opacity;
}

/* // Disable animation of the childs
// Disable self animation */
/* .animations-disabled {
&,
[data-animation] {
  animation: none !important;
  opacity: 1 !important;
}
} */

/* // Slide Animations */
.slideInUp {
animation-name: slideInUp;
}
.slideInDown {
animation-name: slideInDown;
}
.slideInLeft {
animation-name: slideInleft;
}
.slideInRight {
animation-name: slideInRight;
}

/* // Fade Animations */
.fadeIn {
animation-name: fadeIn;
}

/* // Zoom Animations */
.zoomIn {
animation-name: zoomIn;
}
.zoomReverseIn {
animation-name: zoomReverseIn;
}

/* // Flip Animations */
.flipInY {
animation-name: flipInY;
}
.flipOutY {
animation-name: flipInY;
animation-direction: reverse;
}
.main_navbar.navbar{
  width: 100%;
  background-color: transparent;
}
.main_navbar .navbar-collapse{
justify-content: flex-end;
}
.main_navbar .navbar-nav{
flex-direction: row;
justify-content: space-between;
width: 80%;
}
.main_navbar li > a{
padding: 15px 20px !important;
color: rgb(211, 200, 200) !important;
font-size: 15px;
transition: all 0.2s ease-in-out;
display: flex;
align-items: center;
position: relative;
} 

.main_navbar li  a .icon{
background: #616087;
width: 40px;
height: 40px;
padding: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #8A88A1;
margin-left: 15px;
font-size: 20px;
transition: all 0.1s ease-in-out;
}
.main_navbar li:hover .icon{
background: #5FC16F;
color: #fff;
}
.main_navbar li:hover > a{
background: #333399;
}
.main_navbar li > a.dropdown-toggle::after{
position: absolute;
left: 0px;
top: 50%;
}
.dropdown-toggle::after {
    border-top: 0.2em solid;
    border-right: 0.2em solid transparent;
    border-bottom: 0;
    border-left: 0.2em solid transparent;
}
.main_navbar li  .dropdown-menu{
  background: #333399;
  text-align: right;
  border: 0;
  position: absolute;
  right: 0;
  border-radius: 0;
  min-width: fit-content;
}
.main_navbar li  .dropdown-menu a{
color: #E1E1E1;
font-size: 14px;
margin-bottom: 10px;
}
.main_navbar li  .dropdown-menu a:hover{
background: #5FC16F;
color: #fff;
}

/*----- Large Font -----*/
.largefontsize .slider_caption h3{
font-size: 40px;
}
.largefontsize .slider_caption p{
font-size: 28px;
}
.largefontsize .section_about .nots p{
font-size: 25px;
}
.largefontsize .section_about .nots h2{
font-size: 28px;
}
.largefontsize .item_about article h3{
font-size: 28px;
}
.largefontsize .item_about article p {
font-size: 28px;
}
.largefontsize .wrapper_news .news_title h3 {
font-size: 33px;
}
.largefontsize .wrapper_news .news_title p{
font-size: 20px;
}
.largefontsize .items_news .caption_news h3{
font-size: 27px;
}
.largefontsize .item_sites span{
font-size: 22px;
}
.largefontsize .wrapper_links .links h5{
font-size: 23px;
}
.largefontsize .wrapper_links .links ul li a{
font-size: 18px;
}
.largefontsize .copyRight p{
font-size: 18px;
}
.largefontsize .main_head span{
font-size: 30px;
}
.largefontsize .main_head .more{
font-size: 25px;
}
.largefontsize .main_navbar li > a{
font-size: 18px;
}
.largefontsize .header .lang{
font-size: 23px;
}
.largefontsize .btn_search {
font-size: 25px;
}
.largefontsize .font_size li{
font-size: 22px;
}
.largefontsize .font_size li a{
font-size: 22px;
}
/*********/
.largefontsize .item_news .head_news h3{
	font-size: 22px;
}
.smallfontsize .item_news .head_news h3{
	font-size: 20px;
}

.largefontsize .toc-layout-main>.dfwp-list li a{
	font-size: 16px !important;
}
.smallfontsize .toc-layout-main>.dfwp-list li a{
	font-size: 14px !important;
}

.largefontsize .item_news .disc_news div, .largefontsize .item_news .disc_news p, .largefontsize .wrapper_event_details .item_event .disc_event *, .largefontsize #accordion .card .card-body p{
	font-size: 18px;
}
.smallfontsize .item_news .disc_news div, .smallfontsize .item_news .disc_news p, .smallfontsize .wrapper_event_details .item_event .disc_event *, .smallfontsize #accordion .card .card-body p{
	font-size: 16px;
}

.largefontsize .item_member .info_member span{
	font-size: 23px;
}
.smallfontsize .item_member .info_member span{
	font-size: 21px;
}

.largefontsize .item_member .info_member p, .largefontsize .contactInfo span{
	font-size: 19px;
}
.smallfontsize .item_member .info_member p, .smallfontsize .contactInfo span{
	font-size: 17px;
}

.largefontsize a.item_event .info_event h3, .largefontsize .item_docu .info_docu h3{
	font-size: 23px;
}
.smallfontsize a.item_event .info_event h3, .smallfontsize .item_docu .info_docu h3{
	font-size: 21px;
}

.largefontsize .item_event .adrress, .largefontsize .wrapper_event_details .item_event .head_event .date{
	font-size: 17px;
}
.smallfontsize .item_event .adrress, .largefontsize .wrapper_event_details .item_event .head_event .date{
	font-size: 15px;
}

.largefontsize .item_event .head_event h3, .largefontsize .item_video h3{
	font-size: 22px;
}
.smallfontsize .item_event .head_event h3, .smallfontsize .item_video h3{
	font-size: 20px;
}

.largefontsize .item_photo h3, .largefontsize #accordion .card .card-header h5 .btn-link{
	font-size: 20px;
}
.smallfontsize .item_photo h3, .smallfontsize #accordion .card .card-header h5 .btn-link{
	font-size: 18px;
}

/*----- Small font -----*/
.smallfontsize .slider_caption h3{
font-size: 30px;
}
.smallfontsize .slider_caption p{
font-size: 22px;
}
.smallfontsize .section_about .nots h2{
font-size: 20px;
}
.smallfontsize .section_about .nots p{
font-size: 18px;
}
.smallfontsize .item_about article h3{
font-size: 22px;
}
.smallfontsize .item_about article p{
font-size: 16px;
}
.smallfontsize .wrapper_news .news_title h3{
font-size: 25px;
}
.smallfontsize .wrapper_news .news_title p{
font-size: 16px;
}
.smallfontsize  .items_news .caption_news h3{
font-size: 20px;
}
.smallfontsize .item_sites span{
font-size: 16px;
}
.smallfontsize .wrapper_links .links h5{
font-size: 18px;
}
.smallfontsize .wrapper_links .links ul li a{
font-size: 14px;
}
.smallfontsize .main_head span{
font-size: 20px;
}
.smallfontsize .main_head .more{
font-size: 18px;
}
.smallfontsize .header .lang{
font-size: 18px;
}
.smallfontsize .btn_search {
font-size: 20px;
}
.smallfontsize .font_size li{
font-size: 18px;
}
.smallfontsize .font_size li a{
font-size: 18px;
}
.disc_news ul li{
list-style: circle;
  list-style-position: inside;
  line-height:30px;
}
.disc_news ol li{
list-style: decimal;
  list-style-position: inside;
  line-height:30px;
}

/******/
.toc-layout-main>.dfwp-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row column;
  flex-flow: row column;
  padding: 0;
  position: relative;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.toc-layout-main>.dfwp-list>.level-section {
  margin-bottom: 15px;
}

.toc-layout-main>.dfwp-list .level-bullet {
  background: transparent;
  padding-right: 0;
}

.toc-layout-main>.dfwp-list,
.toc-layout-main>.dfwp-list a,
.toc-layout-main>.dfwp-listt>ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.toc-layout-main>.dfwp-list a:hover::before {
  right: 0;
}

.toc-layout-main>.dfwp-list ul {
  position: relative;
}

.toc-layout-main>.dfwp-list>ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.toc-layout-main>.dfwp-list>ul>li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.toc-layout-main>.dfwp-list li {
  margin-left: 2em;
  list-style: none;
}

.toc-layout-main>.dfwp-list li ul li:after,
.toc-layout-main>.dfwp-list li ul li:before {
  display: inline-block;
  width: 2.5em;
  border: 2px solid #F6F6F6;
  border-right: none;
  border-top: none;
  content: "";
}

.toc-layout-main>.dfwp-list li ul li:last-child:before {
  border-color: transparent;
}

.toc-layout-main>.dfwp-list li:after {
  position: absolute;
  left: 2.5em;
  top: 0;
  width: 2px;
  height: calc(100% - 33px);
}
.toc-layout-main>.dfwp-list li a {
  position: relative;
  z-index: 10;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: .5em 1em;
  border-radius: 4px;
  border-bottom-width: 3px;
  font-weight: 700;
  text-decoration: none;
  color: #595959;
  /* margin-bottom: .2em; */
  /* margin-right: .2em; */
  font-size: 15px !important;
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
}

.toc-layout-main>.dfwp-list li a::before {
  content: '';
  height: 100%;
  right: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-color: #5FC16F;
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
}

.toc-layout-main>.dfwp-list li a:hover {
  color: #ffffff;
}

.toc-layout-main>.dfwp-list>ul>li>a {
  background: #F6F6F6;
  border-color: rgba(34, 34, 34, 0.2);
}

.toc-layout-main>.dfwp-list .level-header {
  padding: 0;
  display: inline-block;
}

.toc-layout-main>.dfwp-list .level-section>ul>li {
  padding-bottom: 15px;
  margin: 0 2.5em;
}

.toc-layout-main>.dfwp-list .level-section>ul>li:first-child {
  padding-top: 15px;
}

.toc-layout-main>.dfwp-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row column;
  flex-flow: row column;
  padding: 0;
  position: relative;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.toc-layout-main>.dfwp-list>.level-section {
  margin-bottom: 15px;
}

.toc-layout-main>.dfwp-list,
.toc-layout-main>.dfwp-list a,
.toc-layout-main>.dfwp-list>ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.toc-layout-main>.dfwp-list ul {
  position: relative;
}

.toc-layout-main>.dfwp-list>ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.toc-layout-main>.dfwp-list>ul>li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.toc-layout-main>.dfwp-list li {
  margin-right: 2em;
  list-style: none;
}

.toc-layout-main>.dfwp-list li ul li:after,
.toc-layout-main>.dfwp-list li ul li:before {
  display: inline-block;
  width: 2.5em;
  border: 2px solid #F6F6F6;
  border-left: none;
  border-top: none;
  content: "";
}

.toc-layout-main>.dfwp-list li ul li:last-child:before {
  border-color: transparent;
}

.toc-layout-main>.dfwp-list li:after {
  position: absolute;
  right: 2.5em;
  top: 0;
  width: 2px;
  height: calc(100% - 33px);
}

.toc-layout-main>.dfwp-list li a {
  position: relative;
  z-index: 10;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: .5em 1em;
  border-radius: 0;
  border-bottom-width: 3px;
  font-weight: 700;
  text-decoration: none;
  color: #595959;
  font-size: 15px !important;
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
}

.toc-layout-main>.dfwp-list li a::before {
  content: '';
  height: 100%;
  left: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #5FC16F;
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
}

.toc-layout-main>.dfwp-list li a:hover {
  color: #ffffff;
}

.toc-layout-main>.dfwp-list li a:hover::before {
  left: 0;
}
.toc-layout-main>.dfwp-list>ul>li>a {
  background: #F6F6F6;
  border-color: rgba(34, 34, 34, 0.2);
}

.toc-layout-main>.dfwp-list .level-header {
  padding: 0;
  display: inline-block;
}

.toc-layout-main>.dfwp-list .level-section>ul>li {
  padding-bottom: 15px;
  margin: 0 2.5em;
}

.toc-layout-main>.dfwp-list .level-section>ul>li:first-child {
  padding-top: 15px;
}
/****/
.disc_news div a:link, .disc_news div a:visited{color:#333399;text-decoration:underline;}
.content_video img{
width:100%;height:100%;
}

/* search results */
#SearchBox.ms-floatLeft {
    width: 80%;margin-bottom:10px;
}

#AdvancedLink {
    display: inline-block;
    margin: 0 15px;
    padding: 0px 20px;
    transition: all .2s ease-in;
    background: #5FC16F;
    border: 1px solid #5FC16F;
    position: relative;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
}

#AdvancedLink:hover {
    background: #fff;
    border-color: #5FC16F;
    color:#5FC16F;
}

table.srch-advancedtable {
    border-color: #ddd;
    background: #fdfdfd !important;
    width: calc(100% - 60px) !important;
    /* max-width: 600px; */
    margin: 30px auto;
}

table.srch-advancedtable tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

table.srch-advancedtable td {
    text-align: start !important;
    padding: 10px 40px;
    width: 100%;
}

table.srch-advancedtable td.ms-advsrchbutton {
    padding-bottom: 30px;
}

table.srch-advancedtable td label {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0;
}

table.srch-advancedtable td input,
table.srch-advancedtable td select,
table.srch-advancedtable td button {
    width: 100%;
    margin: 0;
    min-height: 45px;
    font-size: 16px;
}

table.srch-advancedtable select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .03);
    min-height: 45px;
    -webkit-transition: all linear .3s;
    transition: all linear .3s;
    padding: 5px 10px;
    border-radius: 0;
    background: url(https://ncis.cst.gov.sa/Style%20Library/Portal/images/caret-down.svg) no-repeat left 17px top 17px
}

table.srch-advancedtable td.ms-advsrchtips {
    padding: 30px !important;
    text-align: center !important;
    display: none;
}

.ms-advsrchtips a {
    color: #5FC16F;
}

.ms-advsrchText-v2box {}

.ms-srch-sbLarge-link {
    margin-right: 0;
}

h3.ms-advsearch-header {
    color: #135740;
    font-size: 22px;
    padding-bottom: 15px;
    position: relative;
    display: block;
    margin-bottom: 30px;
    font-weight: bold;
}

h3.ms-advsearch-header:after {
    content: '';
    width: 100px;
    height: 6px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #5FC16F;
}

.ms-srch-group-content {
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    width: 100%;
    /* justify-content: space-between; */
}

.ms-srch-item {
    flex: 100%;
    max-width: 100%;
    margin: 0 10px;
    padding: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
}

.ms-srch-item-body {
    box-shadow: none;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
    position: relative;
    display: block;
    padding: 15px 0;
    margin: 0;
}

.ms-srch-item-body:before {
    content: '';
    background-color: transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
    width: 0;
}

.ms-srch-item-body:after {
    content: '';
    border-bottom:1px dotted #ccc;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 0.4) 0s;
}

.ms-srch-item h3 a {
    font-size: 20px;
    display: inline-block;
    line-height: 24px;
    color: #333399;
    padding: 0 15px;
    position: relative;
}

.ms-srch-item h3 a::before {
    content: '\f0d9';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 0;
}

.ms-srch-item .ms-srch-item-summary {
    font-size: 16px;
    color: #404040;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}

.ms-srch-item:hover h3 a {
    color: #5FC16F;
}

.ms-srch-item-body:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 2;
    background-color: #5FC16F;
    width: 100%;
}

.ms-srch-item:hover,
.ms-srch-resultHover:hover,
.edisc-SearchResultItemContainer:hover {
    background: transparent;
}

.ms-webpartzone-cell {
    margin: 0;
}

.pagination,
#Paging {
    margin: 40px 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination li,
#Paging li {
    margin: 0 5px
}

.pagination li a,
#Paging li a {
    min-width: 40px;
    height: 40px !important;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    cursor: pointer;
    color: #333399;
    background: #eee;
    border: none;
    font-weight: bold;
    outline: none;
    padding: 10px 15px !important;
}

.pagination li.disabled a,
#Paging li.disabled a {
    cursor: default;
    background: rgba(43, 58, 83, 0.1);
}

#Paging li a#PageLinkPrev:after {
    content: 'previous';
    position: relative;
    width: auto;
    height: 40px;
    padding: 0 5px;
    font-size: 13px;
    font-family: 'GE Dinar One';
}

#Paging li a#PageLinkNext:after {
    content: 'next';
    position: relative;
    width: auto;
    height: 40px;
    padding: 0 5px;
    font-size: 13px;
    font-family: 'GE Dinar One';
}

#Paging li a .ms-promlink-button-image {
    display: none;
}

.pagination li.current a,
.pagination li:hover a,
#Paging li#PagingSelf a,
#Paging li:hover a {
    background-color: #5FC16F !important;
    background-image: none;
    color: #fff !important;
}

.pagination li.disabled:hover a,
#Paging li.disabled a:hover,
.pagination li.disabled:hover a,
#Paging li#PagingSelf.disabled a,
#Paging li.disabled:hover a {
    background: rgba(43, 58, 83, 0.1) !important;
    color: #333399 !important;
}

#PageLinkPrev,
#PageLinkNext {
    min-width: 80px !important;
}

.ms-srch-sbLarge,
.ms-srch-sbLarge:hover {
    border: none;
    display: flex;
    width: 100%;
    background: none;
}

.ms-srch-sbLarge>input {
    border-radius: 0;
    min-height: 45px;
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333399;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s;
    min-width: 300px;
    font-family: 'FS Albert Arabic';
}

.ms-srch-sbLarge>input:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 131, 146, 0.25);
    border-color: #5FC16F;
    color: #333399;
    background-color: #fff;
    outline: 0;
}

.ms-srch-sbLarge>.ms-srch-sb-searchLink {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 3px 50px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #333399;
    border: 1px solid #333399;
    position: relative;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
    margin:0 15px;
}

.ms-srch-sbLarge>.ms-srch-sb-searchLink img {
    display: none;
}

.ms-srch-sbLarge>.ms-srch-sb-searchLink:after {
    content: 'بحث';
    position: relative;
    color: #fff;
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-family: 'GE Dinar One';
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ms-srch-sbLarge>.ms-srch-sb-searchLink:hover {
    background: #5FC16F;
    border: 1px solid #5FC16F;
}

.ms-advsrchbutton input[type="submit"] {
    background: #333399;
    color: #fff;
    font-family: 'GE Dinar One';
    transition: all .3s ease-in-out;
}

.ms-advsrchbutton input[type="submit"]:hover {
    background: #5FC16F;
}
.ms-srch-item-path {
    margin: 0;
    padding: 0;
    color: #5FC16F;
    margin: 2px 0px 0px 0px;
    width: 496px;
    display: inline-block;
}

.ms-srch-hover-outerContainer{display:none !important;}

@media (max-width:650px){.ms-srch-group-content, .ms-srch-group, .ms-srch-result-groups, .ms-srch-Paging, .ms-srch-resultFooter, .ms-srch-result, .ms-srch-upscope-top, .ms-srch-item{max-width:320px !important; min-width:0% !important; padding:0 !important; margin:0 !important;}
.ms-srch-item-path{max-width:300px !important; padding:0 5px}
.main_navbar li > a.dropdown-toggle::after{    left: 10px;}
}
/* search results */
@media print{header, .wrapper_banner, .breadcrumb, footer{display:none;}}
input[type=button], input[type=reset], input[type=submit], button{	min-width:0;}
.navbar-toggler{	background:none transparent !important;border:0 !important;}
.navbar-toggler:focus{box-shadow: none !important;}
@media (max-width:1200px){body.largefontsize .main_navbar li > a{font-size: 16px !important;}}
.headerlogo img{width: 292px;max-width: 100%;} 

.row{margin-right: 0;margin-left: 0;}
.ajax__multi_slider_default .inner_rail_horizontal {
    background-color: #333399;
    border-top: 1px solid #333399;
    border-bottom: 1px solid #333399;
}
.slider_tick_active {
    background-color: #333399;
    border: 1px solid #333399;
}
.histogram_bar_active:active, .histogram_bar_inactive:active {
    background-color: #333399;
    border-right: 1px solid #333399;
    border-left: 1px solid #333399;
    border-top: 2px solid #333399;
}
.histogram_bar_active {
    border-top: 2px solid #333399;
}
.ms-ref-ctrl .ms-ref-selSec .ms-ref-filterSel, .ms-ref-ctrl .ms-ref-allSec .ms-ref-filterSel{
	color: #5FC16F;
}
.ms-ref-refinername:link, .ms-ref-refinername:visited {
    color: #333399;font-weight:bold;}
    
.organizations .item_sites span {
    color: #333399;
    background: transparent;
    padding: 5px;
    border-radius: 30px;
    font-size: 16px;
    max-width: 275px;
    text-align: center;
    line-height: 20px;
    position: relative;
    bottom: 0;
    height: 64px;
    overflow:hidden;
    font-weight:bold;
}
.organizations .item_sites .logo_sites {
    margin-bottom: 5px;
    width: 100%;
    height: 129px;
}
.organizations.card-body .item_sites .logo_sites img {
    margin-top: 0;
    height: 126px;
}    
.fixed + .wrapper_banner + .wrapper_inner {
    margin-top: 240px;
}       
.wrapper_news_details .item_news .img_news .slick-list img{
	max-width:100% !important;margin:0 !important;flex: 0 0 100% !important;display:block !important;padding:0 !important;height:500px !important;
}    
.wrapper_news_details .item_news .img_news{/*max-height:500px;*/overflow:hidden;}
.wrapper_news_details .item_news .img_news .slick-dots li button{
	padding: 7px;
}
.wrapper_news_details .item_news .img_news .slick-dots li button{
	background: #ccc;
}
.wrapper_news_details .item_news .disc_news, .wrapper_event_details .item_event .disc_event{max-width: 960px;margin: 0 auto;text-align: justify;} 
.wrapper_news .row{width:100%;} 
/***/
.contactInfo .iconContact {
	font-size: 50px;
	width: 115px;
	height: 115px;
	border-radius: 50%;
	border: 4px dotted #333399;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	line-height: 110px;
    margin-bottom: 30px;
}
.contactInfo:hover .iconContact i{
    filter: brightness(100%);
    transform: scale(1.3);color:#333399;
}
.contactInfo:first-of-type .iconContact {
	transform: rotate(-40deg);
}
.contactInfo span {
	color: #333333;
	display: block;
	text-align: center;
	font-size: 18px;
}

.contactInfo a {
	font-size: 18px;
	color: #333333;
	text-decoration:none !important;text-align:center;
}
.contactInfo:hover{cursor:pointer;}
.iconContact>i {
    display: block;
    padding-top: 28px;
    transition: all .3s ease-in;
    font-size:50px;
    text-decoration:none;
    text-align: center;
}

#accordion .card .card-header h5 .btn-link[aria-expanded="true"] + a:before{content:'\f056'}