.container{
    width:1200px;
    margin:0 auto
}
*{
    outline:0
}
a:hover {
    color: #6FA437 !important;
    text-decoration: none;
}
body{
    padding:0!important;
    margin:0;
    color:#616463;
    line-height:22px;
    font-size:14px;
    font-family:Roboto,sans-serif
}
body a{
    color:#6FA437;
}
.form-submit{
    width:unset!important
}
.navbarmenu-1{
    overflow:hidden;
    top:0;
    font-size:14px;
    background:#6b727c;
    font-family:'Roboto Mono',monospace
}
.titlemono{
    font-family:'Roboto Mono',monospace
}
.navmenu-2{
    float:left;
    font-family:'Roboto Mono',monospace
}
.slideshowhome{
    float:left;
    width:100%;
    margin-top:3px
}
.slideshowhome img{
    max-width:100%;
    width:100%;
    height:auto
}
.slideshowhome .container{
    position:relative
}
.slideshowText{
    color:#6b727c;
    background-color:rgba(255,255,255,.8);
    padding:0 15px;
    font-size:18px;
    position:absolute;
    right:50px;
    bottom:50px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important
}
.whiteback{
    background:#fff;
    padding:1%;
    float:left;
    width:98%;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important
}
.slideshowImage,.slideshowhome .swiper-container img{
    width:100%
}
.slideshowhome .swiper-slide{
    text-align:center;
    display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.highlights_links{
    float:left;
    width:100%;
    padding:20px 10px;
    border-bottom:1px solid #eee
}
.highlights_links a{
    text-decoration:none;
    color:#616261;
    float:left;
    width:94%;
    width:calc(100% - 20px);
    width:-moz-calc(100% - 20px);
    width:-webkit-calc(100% - 20px);
    width:-o-calc(100% - 20px);
    font-size:15px
}
.highlights_links:last-child{
    margin-bottom:0;
    border-bottom:0
}
.highlights_links i{
    color:#616261;
    padding-right:5px
}
.highlightsNews{
    float:left;
    width:62%;
    margin-right:1.5%
}
.linksButtons-highlights{
    float:left;
    width:100%;
    background:#f9f9f9;
    padding:40px 0;
    padding-top:20px
}
.buttons-links-div{
    float:left;
    width:35%;
    margin-left:1.5%
}
.firstBtnsRow{
    float:left;
    width:47%;
    margin-right:2%
}
.secondBtnsRow{
    float:right;
    width:47%;
    margin-right:2%
}
.firstBtnsRow a,.secondBtnsRow a{
    text-decoration:none;
    color:#fff;
    float:left;
    width:94%;
    margin:auto;
    margin-bottom:10px;
    padding:20px 10px;
    font-size:15px;
    border-radius:5px;
    text-align:center;
    display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box
}
.buttons-links-div i{
    margin:auto;
    margin-right:initial
}
.buttons-links-div .links{
    margin:auto;
    text-align:center;
    margin-left:initial
}
.buttons-links-div .firstBtnsRow a:first-child .links{
    margin-left:auto
}
.buttons-links-div .fa-comments{
    margin-left:10px;
    margin-right:-20px
}
.firstBtnsRow a:first-child{
    background:#99c559;
    position:relative
}
.firstBtnsRow a:last-child{
    background:#99c559
}
.secondBtnsRow a:first-child{
    background:#99c559
}
.firstBtnsRow a:first-child span{
    font-size:20px
}
.firstBtnsRow a:first-child:before{
    content:" ";
    position:absolute;
    background-image:url("E_Books_White-01.svg");
    background-size:20px auto;
    width:20px;
    height:40px;
    background-repeat:no-repeat;
    left:48px
}
.fa-book-reader:before{
    font-size:18px
}
.secondBtnsRow a:first-child span{
    font-size:20px
}
.secondBtnsRow a:last-child{
    background:#99c559
}
.firstBtnsRow a:last-child,.secondBtnsRow a:last-child{
    margin-bottom:0
}
.firstBtnsRow a:hover,.secondBtnsRow a:hover{
    background:#0e94d3;
    color:#fff!important
}
.buttons-links-div img{
    width:25px;
    height:25px;
    position:relative;
    left:3px;
    top:-2px
}
.buttons-links-div .links{
    padding-left:5px
}
.sectionTitle{
    font-size:18px;
    float:left;
    width:100%;
    margin-top:0;
    padding-bottom:20px;
    color:#0e94d3;
    letter-spacing:-1px;
    position:relative;
    font-family:'Roboto Mono',monospace
}
.sectionTitle::after{
    position:absolute;
    left:130px;
    top:13px;
    height:2px;
    width:100px;
    content:"";
    background-color:#0e94d3
}
.trainingsInfo .sectionTitle::after{
    left:220px;
    width:100px;
    background-color:#0e94d3
}
.aboutUs .sectionTitle::after{
    left:105px;
    width:100px;
    background-color:#0e94d3
}
.siteMap .sectionTitle::after{
    left:105px;
    width:100px;
    background-color:#0e94d3
}
.contactUs .sectionTitle::after{
    left:125px;
    width:100px;
    background-color:#0e94d3
}
.orientations .sectionTitle::after{
    left:310px;
    width:0
}
.latestProjects .sectionTitle::after{
    left:170px;
    width:100px
}
.partn .sectionTitle::after{
    left:140px;
    width:100px
}
.ourVision-news{
    float:left;
    width:100%;
    margin-top:30px
}
.ourVision-orientations{
    float:left;
    width:35%;
    margin-left:1.5%
}
.orientationsTitle{
    width:92%;
    float:left;
    padding:2%;
    margin-bottom:10px;
    background:#f9f9f9;
    font-size:14px;
    border-left:2px solid #0e94d3
}
.orientationsTitle:last-child{
    border-bottom:none
}
.ourVision{
    float:left;
    width:100%
}
.ourVision .sectionDesc{
    float:left
}
.ourVisionImage{
    float:left;
    width:28%;
    margin-right:4%;
    margin-bottom:3%
}
.ourVisionText{
    float:left;
    width:68%
}
.ourVisionImage img{
    width:100%;
    max-width:100%
}
.news{
    width:62%;
    float:left;
    margin-right:1.5%
}
form{
    float:left;
    width:100%
}
.news-1{
    width:55%;
    float:left
}
.news-1 .views-field-nothing{
    width:100%;
    float:left;
    border-bottom:1px solid #ddd;
    padding-bottom:10px
}
.news-1 .views-field-nothing:last-child{
    padding-top:10px;
    border-bottom:none
}
.news-1-image{
    float:left;
    width:45%;
    margin-right:3%
}
.news-1-image img{
    width:100%;
    height:auto
}
.news-1-date{
    color:#bbb;
    font-size:14px;
    width:100%;
    float:left
}
.news-1-title{
    font-weight:700;
    font-size:14px;
    width:100%;
    margin-top:5px;
    float:left
}
.news-1-body{
    font-size:13px;
    width:100%;
    margin-top:5px;
    float:left
}
.news-1-title a{
    color:#616261;
    text-decoration:none
}
.date-title-news1{
    float:left;
    width:52%;
    margin-top:5px
}
.date-title-news1{
    float:left;
    width:52%;
    margin-top:5px
}
.news-2{
    width:42%;
    float:left;
    margin-left:3%
}
.news-2 .views-field-nothing{
    float:left;
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
    padding-top:10px;
    width:100%
}
.news-2 .views-field-nothing:first-child{
    padding-top:0
}
.news-2 .views-field-nothing:last-child{
    border-bottom:none
}
.news-2-image{
    float:left;
    width:35%;
    margin-right:3%
}
.news-2-image img{
    width:100%;
    float:left
}
.ourVisionText p{
    margin:0
}
.date-title-news2{
    float:right;
    width:62%;
    margin-top:5px
}
.news-2-date{
    color:#bbb;
    font-size:14px;
    width:100%;
    float:left
}
.news-2-title{
    font-weight:700;
    font-size:14px;
    width:100%;
    margin-top:5px;
    float:right
}
.news-2-title a{
    color:#616261;
    text-decoration:none;
    text-align:right
}
.imgsocial{
    border:1px solid #eeedee;
    padding:20px;
    float:left;
    background:#fff;
    width:89.5%
}
#calendarIcon{
    margin-right:10px
}
.sectionDesc{
    float:left;
    width:100%
}
.newsMore a{
    color:#616261;
    text-decoration:none;
    line-height:30px;
    float:left
}
.moreText:hover,.newsMore a:hover{
    background:#0e94d3;
    color:#fff!important
}
.newsMore{
    float:left;
    width:100%;
    padding-top:3.5%
}
.news-More{
    width:100px;
    margin:0 auto
}
.news-More a{
    text-decoration:none;
    color:#fff;
    background:rgba(153,197,89,.8);
    float:left;
    width:94%;
    margin-bottom:10px;
    padding:2px 0;
    font-size:16px;
    border-radius:2px;
    text-align:center
}
.moreText{
    margin-top:5px
}
.orientations{
    width:100%;
    float:left;
    margin-top:10px
}
.orientations .sectionTitle{
    margin-top:0
}
.orientationsTitle a{
    text-decoration:none;
    color:#616261
}
.continuousTrainings{
    float:left;
    width:100%;
    background-color:#eee;
    margin-top:30px
}
.trainingsInfo{
    float:left;
    width:100%;
    margin-top:30px;
    margin-bottom:40px;
    display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    overflow:hidden
}
.slideshowhome2{
    float:left;
    width:32%
}
.slideshowhome2 .sectionDesc{
    margin-bottom:5px;
    float:left;
    width:100%
}
.trainingSlideshowImage{
    width:100%
}
.trainingSlideshowImage img{
    width:100%;
    float:left;
    height:auto
}
.imgsocial a{
    font-size:16px;
    color:#6c6f77;
    text-decoration:none;
    width:100%;
    float:left
}
.imgsocial a:first-child{
    margin-bottom:10px
}
.titlesocial a{
    color:#616261;
    text-decoration:none;
    padding-bottom:10px
}
.sectionsButtons{
    width:32%;
    float:left;
    margin-left:3%;
    margin-right:3%;
    flex:1;
    margin-top:10px;
    margin-bottom:2px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important
}
.buttons{
    float:left;
    margin-left:5%;
    width:85%;
    margin-bottom:20px;
    margin-top:20px
}
.buttons a,.ourNewsServices a{
    padding:10px;
    color:#fff;
    background-color:#6b727c;
    float:left;
    margin-top:10px;
    margin-bottom:15px;
    text-decoration:none;
    width:100%;
    border-radius:3px
}
.ourNewsServices a{
    color:#6b727c;
    background-color:#fff
}
.buttons a:hover,.ourNewsServices a:hover{
    background:#0e94d3;
    color:#fff!important
}
.seconde{
    margin:25px 0!important
}
.buttonsRightArrow{
    float:right;
    margin-top:3px
}
.embeddedVideo{
    float:left;
    width:32%;
    flex:1;
    background-color:#a0a0a0;
    margin-top:10px
}
.video{
    float:left;
    width:100%;
    text-align:center
}
.embeddedVideo .video iframe{
    max-width:100%;
    float:left;
    height:270px
}
.latestProjects{
    float:left;
    width:100%;
    margin-top:40px
}
.latestProjects .sectionDesc{
    width:100%;
    float:left;
    overflow:hidden;
    position:relative
}
.all-2projects{
    float:left;
    width:100%;
    margin-bottom:12px
}
.projectSlideshow{
    float:left;
    width:100%
}
.slideshowArrows{
    background-color:#6b727c;
    padding:3px;
    width:30px
}
.swiper-button-next .slideshowArrows{
    right:-3px;
    position:absolute
}
.latestProjects .swiper-slide{
    margin-right:0
}
.swiper-container3 .swiper-slide img{
    max-width:100%;
    width:100%;
    height:auto;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important
}
.projectsImages{
    padding-right:20px;
    margin-right:10px
}
.projectSlideshow .swiper-container3{
    width:100%
}
.projectSlideshow .swiper-slide .swiper-slide-prev{
    margin-right:0
}
.projectSlideshow .swiper-slide{
    margin-right:30px
}
.projectSlideshow .swiper-button-prev{
    margin-left:0
}
.projectSlideshow .swiper-button-next{
    margin-right:0
}
.projectSlideshow .swiper-button-next,.projectSlideshow .swiper-button-prev{
    position:absolute;
    top:50%;
    width:27px;
    height:44px;
    margin-top:-22px;
    z-index:10;
    cursor:pointer;
    background-size:27px 44px;
    background-position:center;
    background-repeat:no-repeat
}
.projectSlideshow .swiper-slide{
    display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.teamStyle-2{
    position:relative;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    overflow:hidden;
    margin:10px 0;
    float:left;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    margin:1%
}
.teamStyle-2 .teamInfo{
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    padding-top:0;
    padding-bottom:10px;
    padding-right:0;
    padding-left:0
}
.teamStyle-2 .teamInfo h6 a{
    color:#fff;
    font-size:16px;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    text-decoration:none
}
.teamStyle-2:hover .teamHoverAction{
    background:rgba(69,80,87,.6) none repeat scroll;
    margin-top:0;
    top:0
}
.teamStyle-2 .teamInfo span{
    color:#fff;
    display:block;
    padding:1px 5px;
    font-size:14px;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    direction:rtl
}
.teamDetails{
    float:left;
    width:100%
}
.teamHoverAction .team__hover__inner span{
    color:#fff;
    display:inline-block;
    margin-top:7px;
    transition:all .5s ease 0
}
.teamHoverAction .team__hover__inner p{
    color:#fff;
    margin-bottom:26px;
    transition:all .6s ease 0
}
.teamStyle-2 .teamHoverAction{
    background:rgba(69,80,87,.8) none repeat scroll;
    height:100%;
    margin-top:-75px;
    position:absolute;
    text-align:center;
    top:100%;
    transition:all .5s ease;
    width:100%
}
.teamImg{
    float:left;
    width:100%
}
.teamImg img{
    width:100%;
    height:auto
}
.serviceBtn a{
    text-decoration:none;
    color:#fff;
    border:1px solid #fff;
    font-size:13px;
    padding:8px 15px
}
.serviceBtn a:hover{
    background:#75b73b;
    color:#fff!important
}
.teamStyle-2 .teamInfo h6 a:hover{
    color:#75b73b
}
.ourPresenceOnSocialMedia{
    float:left;
    width:100%;
    margin-top:40px;
    background:#f9f9f9;
    padding:40px 0
}
.ourPresenceOnSocialMedia .sectionTitle::after{
    left:325px;
    width:calc(100% - 325px);
    width:-moz-calc(100% - 325px);
    width:-webkit-calc(100% - 325px);
    width:-o-calc(100% - 325px)
}
.ourPresenceOnSocialMedia .sectionDesc{
    width:100%;
    float:left;
    overflow:hidden;
    position:relative
}
.ourPresenceOnSocialMedia{
    float:left;
    width:100%;
    margin-top:40px;
    background:#f9f9f9;
    padding:40px 0
}
.ourPresenceOnSocialMedia .sectionTitle::after{
    left:300px;
    width:100px
}
.ourPresenceOnSocialMedia .sectionDesc{
    width:100%;
    float:left;
    overflow:hidden;
    position:relative
}
.swiper-container5 .swiper-slide img{
    max-width:100%;
    width:100%;
    height:auto;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important
}
.swiper-container5{
    width:100%
}
.swiper-container5 .swiper-slide .swiper-slide-prev{
    margin-right:0
}
.swiper-container5 .swiper-button-prev{
    margin-left:0
}
.swiper-container5 .swiper-button-next{
    margin-right:0
}
..swiper-container5 .swiper-button-prev,.swiper-container5 .swiper-button-next{
    position:absolute;
    top:50%;
    width:27px;
    height:44px;
    margin-top:-22px;
    z-index:10;
    cursor:pointer;
    background-size:27px 44px;
    background-position:center;
    background-repeat:no-repeat
}
.swiper-container5 .swiper-slide{
    display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-box;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    margin-left:0!important
}
.imgsocial{
    border:1px solid #eeedee;
    padding:20px;
    float:left;
    background:inherit;
    margin:0 3%;
    width:96%
}
.imgsocial:hover{
    opacity:.7;
    color:#0e94d3!important
}
.socialMediaLinks{
    float:left;
    width:100%;
    padding-top:30px;
    padding-bottom:30px;
    margin-top:40px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    background-color:#0e95d3
}
.socialMediaIcons{
    float:left;
    margin-top:12px
}
.socialMediaIcons a{
    float:left;
    text-decoration:none;
    background-color:#fff;
    padding:4px 9px;
    color:#6b727c;
    border-radius:3px;
    margin-right:10px
}
.socialMediaIcons a:hover{
    background-color:#6b727c;
    color:#fff!important
}
.ourNewsServices{
    float:left;
    margin-left:50px;
    color:#6b727c
}
.ourNewsServices a:hover{
    background-color:#6b727c;
    color:#fff
}
.socialLinks{
    width:465px;
    margin:0 auto
}
#facebook{
    padding-left:4px
}
.footer{
    float:left;
    width:100%
}
.sectionTitleFooter{
    font-size:22px;
    float:left;
    width:100%;
    margin-top:20px;
    margin-bottom:20px
}
.information{
    float:left;
    width:100%;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    background-color:rgba(14,148,211,.2);
    padding-top:35px;
    padding-bottom:35px
}
.contactUs{
    float:left;
    width:100%
}
.contactUsInfo{
    width:100%;
    float:left
}
.contactUsTitle{
    float:left;
    font-weight:700;
    padding-right:2px
}
.contactUsContent{
    float:left
}
.contactUs i,.siteMap i{
    padding-right:10px;
    color:#6c6f77
}
.contactUsContent a{
    float:left;
    text-decoration:none;
    color:#586062
}
.POBox{
    float:left;
    clear:left;
    padding-bottom:10px
}
.phonenum{
    float:left;
    clear:left;
    padding-bottom:10px
}
.fax{
    float:left;
    clear:left;
    padding-bottom:10px
}
.email{
    float:left;
    clear:left;
    padding-bottom:10px
}
.siteMap{
    float:left;
    width:54%;
    margin-left:3%;
    margin-right:3%
}
.leftLinks{
    float:left;
    width:33%
}
.leftLinks a{
    text-decoration:none;
    color:#586062;
    float:left;
    width:100%;
    padding-bottom:7px
}
.middleLinks,.rightLinks{
    float:left;
    width:33%
}
.middleLinks a,.middleLinks2 a,.rightLinks a{
    text-decoration:none;
    color:#586062;
    float:left;
    clear:left;
    padding-bottom:7px
}
.left-footer{
    width:40%;
    float:left
}
.aboutUs{
    float:left;
    width:100%;
    margin-bottom:30px
}
.footer .sectionDesc{
    float:left;
    margin-top:10px;
    width:100%;
    font-size:15px
}
.footer p{
    margin:0
}
.allfooter{
    padding:10px 0;
    width:100%;
    float:left;
    padding-top:11px
}
.rights{
    float:left;
    color:#fff;
    font-size:14px;
    width:100%;
    background:#616261
}
.rightsCRDP{
    float:left
}
.createdBy{
    float:right
}
.createdBy a{
    text-decoration:none;
    color:#fff
}
.latestProjects .teamStyle-2{
    width:100%
}
.pagesLinks{
    float:left;
    width:100%;
    margin-top:2px
}
.back{
    float:right;
    color:inherit;
    text-decoration:none;
    padding:10px
}
.back::after{
    color:inherit;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content:"\f054";
    padding-left:10px;
    font-size:13px
}
.backtrans{
    position:relative
}
.backtrans::after{
    background:url('../pictures/backtransp.png') no-repeat;
    background-position:0 100px;
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.3;
    z-index:-1
}
#links{
    float:left;
    width:100%;
    background-color:#eee;
    margin-bottom:20px
}
.pagesbtn{
    float:left;
    text-decoration:none;
    color:#616261;
    padding:10px
}
#links a:hover{
    color:inherit!important;
    text-decoration:underline;
    cursor:pointer
}
#links .active:hover{
    color:#fff!important
}
.active{
    color:#fff;
    background-color:#99c559
}
#projectsMore{
    color:#fff;
    margin-left:10px
}
.projects{
    float:left;
    width:100%
}
.projectsContent{
    float:left;
    width:100%
}
.projectsImagesDetails{
    float:left;
    width:100%
}
g .projects form{
    float:left;
    width:100%;
    margin-bottom:18px
}
.dalil .js-form-type-select,.dalil select{
    width:100%!important;
    float:left;
    border-color:#b1b3b2;
    padding-left:2%
}
.dalil .js-form-type-select{
    padding-left:0
}
.js-form-item.form-item.js-form-type-select.form-item-field-certificate3-value.js-form-item-field-certificate3-value label{
    font-size:16px
}
.js-form-item.form-item.js-form-type-select.form-item-field-subject2-value.js-form-item-field-subject2-value label{
    font-size:16px
}
.menuabout input.button.js-form-submit.form-submit{
    color:#fff;
    background-color:#6c6f77!important;
    margin:6% 36%
}
.menuabout.dalil input.button.js-form-submit.form-submit{
    padding:10px 15px;
    background-color:#0e95d3!important;
    margin:13px 4% 0 0!important
}
.menuabout.dalil input.button.js-form-submit.form-submit:hover{
    background:#6c6f77!important
}
.rightabout table.cols-2 caption{
    width:100%;
    color:#fff;
    background-color:#0e95d3;
    padding:1% 0;
    font-size:15px;
    margin-top:-1%
}
.rightabout{
    float:left;
    width:75%
}
.rightabout table tbody a{
    color:inherit;
    font-size:16px;
    text-decoration:underline
}
.rightabout .suspbody .views-field-nid{
    display:none
}
.rightabout td.views-field.views-field-title{
    text-align:center;
    padding:10px
}
table.cols-2 tbody tr:nth-child(odd){
    background-color:#f7f9fb
}
table.cols-2 th#view-title-table-column.views-field.views-field-title{
    text-align:center;
    font-size:16px
}
.rightabout .pdficon{
    text-align:center
}
.pdficon i.fas.fa-file-pdf{
    color:#99c559;
    font-size:20px
}
.dalilounacontent .shs-widget-container{
    display:inline-block;
    width:100%;
    float:left;
    margin-top:10px
}
.form-text{
    float:left;
    border:1px solid #ddd;
    height:30px;
    margin-right:2%;
    padding-left:10px
}
.school-guide-all .form-text{
    width:95%
}
.school-guide-all .views-exposed-form .js-form-item{
    width:14.5%;
    float:left;
    margin-right:2%;
    margin-bottom:1%
}
.form-select{
    float:left;
    margin-right:20px;
    padding-left:5px;
    width:200px;
    height:34px;
    border:1px solid #ddd;
    color:#616463
}
.form-submit{
    float:left;
    background:#6c6f77!important;
    color:#fff;
    padding:9px 1.5%;
    margin-right:20px;
    border:none;
    border-radius:2px;
    font-family:Roboto,sans-serif;
    font-size:15px;
    cursor:pointer;
    height:auto
}
.form-submit:hover{
    color:#fff!important;
    background-color:#0e94d3!important
}
.projectsImagesDetails .views-field-nothing:last-child{
    margin-left:0
}
.teamHoverAction .team__hover__inner span{
    color:#fff;
    display:inline-block;
    margin-top:7px;
    transition:all .5s ease 0
}
.teamHoverAction .team__hover__inner p{
    color:#fff;
    margin-bottom:26px;
    transition:all .6s ease 0
}
.teamStyle-2 .teamHoverAction{
    background:rgba(69,80,87,.8) none repeat scroll;
    height:100%;
    margin-top:-70px;
    position:absolute;
    text-align:center;
    top:100%;
    transition:all .5s ease;
    width:100%
}
.serviceBtn{
    margin-top:20px
}
.serviceBtn a{
    text-decoration:none;
    color:#fff;
    border:2px solid #fff;
    padding:8px
}
.pager__item{
    list-style:none;
    text-align:center;
    margin:auto
}
.pager__item a{
    text-decoration:none
}
.pager__items{
    margin:auto;
    display:flex;
    padding:0
}
.pager__item a:hover{
    color:#fff!important;
    background-image:none;
    background-color:#99c559
}
li.pager__item.is-active a{
    background-color:#99c559
}
.pager__item.pager__item--first,.pager__item.pager__item--last{
    display:none
}
.pager__items a{
    background:#0e95d3;
    padding:2px 5px 0 5px!important;
    padding:0;
    color:#fff!important;
    width:auto;
    background-image:none
}
li.pager__item{
    float:left;
    margin:0 5px
}
.leftsection{
    width:75%;
    float:left
}
.rightsection{
    width:23%;
    margin-left:2%;
    float:left
}
.news1-details1{
    float:left;
    width:100%
}
.lefttitle{
    color:#0e94d3;
    letter-spacing:-1px;
    font-size:20px;
    width:100%;
    float:left;
    font-weight:700;
    margin-bottom:15px
}
.leftdate{
    font-size:13px;
    width:100%;
    float:left
}
.news1-details1 .leftdate::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#b3b1b1c9;
    content:"\f073";
    padding-right:5px
}
.news1-details1 .leftimage{
    width:100%;
    float:left;
    background-color:#efeeee
}
.leftimage div div{
    float:left;
    width:29%;
    margin:2%
}
.leftimage div div img{
    width:100%;
    height:auto
}
.news1-details1 .righttitle{
    font-size:20px;
    color:#0e94d3;
    letter-spacing:-1px;
    position:relative;
    font-family:'Roboto Mono',monospace;
    margin-bottom:5%
}
.news1-details1 .righttitle::after{
    position:absolute;
    left:130px;
    top:13px;
    height:2px;
    width:100px;
    content:"";
    background-color:#0e94d3
}
.news1-details1 .most-read{
    background-color:#eee
}
.news1-details1 .views-row{
    padding:7% 10%
}
.news1-details1 .views-field-counter{
    background-color:#99c559;
    box-shadow:-2px 2px 1px 1px #d4cdcdad;
    border-radius:50%;
    font-size:22px;
    color:#fff;
    margin:4% 40%;
    text-align:center;
    padding:5%;
    font-family:none
}
.news1-details1 .views-field-title{
    padding:2% 0;
    text-decoration:none;
    text-align:center;
    width:100%
}
.news1-details1 .views-field-title a{
    text-decoration:none;
    font-size:16px;
    color:#616362
}
.news1-details1 .views-field-title a:hover{
    color:#0e94d3
}
.news1-details1 .views-field-field-date{
    font-size:14px;
    text-align:center;
    position:relative
}
.news1-details1 .views-field.views-field-field-date .field-content::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#b3b1b1c9;
    content:"\f073";
    padding-right:5px
}
.news1-details1 .views-field-field-date::after{
    position:absolute;
    left:0;
    top:50px;
    height:2px;
    width:100%;
    content:"";
    background-color:#0e94d3
}
.projects1-details1{
    float:left;
    width:100%
}
.projects1-details1 .lefttitle{
    color:#0e94d3;
    letter-spacing:-1px;
    position:relative;
    font-family:'Roboto Mono',monospace;
    font-size:20px;
    margin-bottom:0
}
.projects1-details1 .leftimage{
    width:100%;
    float:left;
    margin-top:2%;
    background-color:#eee;
    padding:4px 0
}
.projects1-details1 a.colorbox{
    float:left;
    padding:4px
}
.projects1-details1 a.colorbox:hover{
    opacity:.5
}
.projects1-details1 img{
    float:left;
    width:100%;
    height:auto
}
.projects1-details1 .righttitle{
    font-size:20px;
    color:#0e94d3;
    letter-spacing:-1px;
    position:relative;
    font-family:'Roboto Mono',monospace;
    margin-bottom:5%;
    float:left
}
.projects1-details1 .righttitle::after{
    position:absolute;
    left:174px;
    top:13px;
    height:2px;
    width:100px;
    content:"";
    background-color:#0e94d3
}
.projects1-details1 .latest-projects1{
    background-color:#eee
}
.projects1-details1 .views-field-counter{
    background-color:#99c559;
    box-shadow:-2px 2px 1px 1px #d4cdcdad;
    border-radius:50%;
    font-size:22px;
    color:#fff;
    margin:4% 40%;
    text-align:center;
    padding:5%;
    font-family:none
}
.projects1-details1 .views-field-title{
    padding:2% 0;
    text-decoration:none;
    text-align:left;
    width:100%;
    color:#0e94d3;
    letter-spacing:-1px;
    font-size:20px;
    width:100%;
    float:left;
    font-weight:700;
    margin-bottom:15px
}
.projects1-details1 .views-field-title a{
    text-decoration:none;
    font-size:16px;
    color:#616362
}
.projects1-details1 .views-field-title a:hover{
    color:#0e94d3
}
.projects1-details1 .views-field-field-date{
    font-size:14px;
    text-align:center;
    position:relative
}
.projects1-details1 .views-field-field-date::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#b3b1b1c9;
    content:"\f073";
    padding-right:5px
}
.projects1-details1 .views-field-field-date::after{
    position:absolute;
    left:0;
    top:50px;
    height:2px;
    width:100%;
    content:"";
    background-color:#0e94d3
}
.about-us{
    width:100%;
    float:left
}
.menuabout{
    width:23%;
    float:left;
    margin-right:2%
}
.menuabout .views-field-title,.menuabout .views-field.views-field-field-title,.menuabout h3{
    float:left;
    width:98%;
    box-shadow:0 0 2px #8b8b8b99;
    margin-bottom:8px
}
.menuabout h3{
    margin:0;
    margin-bottom:8px;
    font-weight:400
}
.menuabout .views-field.views-field-nid{
    display:none
}
.menuabout .views-field-title a,.menuabout .views-field.views-field-field-title a,.menuabout h3 a{
    text-decoration:none;
    padding:8px 2%;
    width:96%;
    float:left;
    color:#fff;
    background-color:#6b727c
}
.menuabout .views-field-title a:hover,.menuabout .views-field.views-field-field-title a:hover,.menuabout h3 a:hover{
    background-color:#fff;
    color:#6c6f77!important
}
.dalilounacontent .rightabout{
    width:72%;
    float:left
}
.dalil select{
    margin-right:0!important
}
.leftbody,.views-field-field-terms-body{
    width:100%;
    float:left
}
.terms{
    width:100%;
    float:left
}
.terms h1{
    font-size:20px;
    float:left;
    width:100%;
    margin-top:0;
    color:#0e94d3;
    position:relative;
    font-family:Roboto,monospace
}
.terms .field-content{
    margin:0 15px
}
.terms h1::after{
    position:absolute;
    left:206px;
    top:12px;
    height:2px;
    width:85px;
    content:"";
    background-color:#0e94d3
}
form.views-exposed-form{
    margin-bottom:20px
}
.homepage-news{
    float:left;
    width:100%
}
.homepage-news time{
    float:left;
    text-align:center;
    color:#0e94d3;
    padding:1% 0;
    width:100%
}
.homepage-news time::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#0e94d3;
    content:"\f073";
    padding-right:7px
}
.js-pager__items.pager{
    float:left;
    width:100%;
    display:inline-flex;
    margin-top:50px;
    padding:0
}
.js-pager__items.pager.visually-hidden{
    display:none
}
.textblock-news:hover time{
    color:#fff
}
.textblock-news:hover time::before{
    color:#fff
}
.newsnews{
    float:left;
    width:100%
}
.p-news{
    width:22%;
    float:left;
    padding:1.5%;
    position:relative;
    background:#f8f9fa;
    height:unset!important
}
.imglink{
    width:100%;
    float:left
}
.img-news{
    width:100%;
    height:auto
}
.textblock-news{
    float:left;
    background-color:#fff;
    border:1px solid #e8e8e8;
    box-shadow:0 0 2px 1px #f1f1f1;
    width:96%;
    padding:1%;
    margin:1%;
    font-weight:400;
    font-size:14px;
    color:#616261;
    text-align:center
}
.textblock-news:hover{
    background-color:#99c559;
    color:#fff
}
.faq,.fullwidth{
    float:left;
    width:100%
}
.faq .ui-accordion .ui-accordion-header{
    display:block;
    cursor:pointer;
    position:relative;
    margin:2px 0 0 0;
    padding:.5em 0;
    font-size:16px;
    color:#0e94d3;
    float:left;
    width:100%;
    text-decoration:underline
}
.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{
    border:none;
    background:0 0
}
.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{
    border:none;
    background-color:none
}
.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{
    border:none;
    background:0 0
}
.ui-widget{
    font-family:inherit;
    font-size:1em
}
.ui-widget-content{
    border:none;
    background:0 0
}
.privacy-policy{
    float:left
}
.privacy-policy p{
    font-family:inherit;
    color:inherit
}
.partners{
    width:100%;
    float:left
}
.partners .views-row{
    float:left;
    width:18%;
    background-color:#eee;
    margin:0 1% 2% 1%
}
.partners .views-field-field-image{
    float:left;
    width:100%
}
.partners .views-field-title{
    float:left;
    width:100%;
    text-align:center
}
.partners .views-field-field-image{
    float:left;
    padding:10% 15%;
    width:70%
}
.partners .views-field-title a{
    float:left;
    color:#6c6f77;
    text-decoration:none;
    padding:5% 0;
    width:100%;
    text-align:center
}
.partners img{
    width:100%;
    height:auto
}
.partners h3{
    float:left;
    background-color:#0e94d3;
    color:#fff;
    padding:.5% 1%;
    width:98%;
    margin-top:6px;
    font-weight:400;
    margin-bottom:22px;
    text-align:center
}
.fullwidth.books{
    float:left;
    width:100%;
    position:relative
}
.fullwidth.books form{
    margin-bottom:18px
}
.fullwidth.books form{
    float:left;
    width:100%
}
.fullwidth.books label{
    display:none
}
.allbooks{
    float:left;
    padding:2%;
    width:15%;
    box-shadow:0 0 1px 0 #6c6f77;
    margin:.5%;
    margin-bottom:2%;
    background-color:#f8f9fa
}
.allbooks-img img{
    width:100%;
    height:auto;
    min-height:259px
}
.allbooks .allbooks-tit{
    float:left;
    width:100%;
    min-height:66px
}
.allbooks a{
    text-decoration:none;
    color:#616261;
    text-align:center
}
.allbooks:hover{
    background-color:#0e94d3;
    color:#fff!important
}
.allbooks a:hover{
    color:#fff!important
}
.booklist-download{
    float:right
}
.booklist-download a{
    text-decoration:none;
    color:#fff;
    background-color:#0e95d3;
    padding:10px;
    float:left;
    text-align:center
}
#links .booklist-download a:hover{
    background:#0e94d3;
    color:#fff!important;
    text-decoration:none!important
}
.ourguide{
    float:left;
    text-align:center;
    width:72%;
    margin:0 14%
}
.dalilounatitle a{
    text-decoration:none;
    color:inherit;
    width:98%;
    background-color:#fff;
    padding:1%;
    margin-bottom:1.5%;
    box-shadow:0 0 4px 0 #d8c3c3;
    float:left;
    font-size:16px
}
.dalilounatitle a:hover{
    color:#fff!important;
    background-color:#0e95d3
}
.fulltitle{
    width:100%;
    float:left;
    color:#0e95d3;
    font-size:18px
}
.dalilounacontent{
    width:100%;
    float:left
}
.dalilounacontent .rightabout{
    box-shadow:0 0 1px #b5b2b2;
    margin-top:2.2%
}
span#waitingforsearchtext{
    padding:10px;
    float:left
}
.dalilounacontent p a{
    color:#0e95d3;
    text-decoration:none
}
.menuabout.dalil{
    width:25%;
    float:left;
    margin-right:2%;
    box-shadow:0 0 1px #b5b2b2;
    padding-right:0;
    margin-top:1.5%
}
.menuabout.dalil label:not([for=edit-field-certificate-namazej-target-id]):not([for=edit-field-certificate-subject-target-id]):not([for=edit-field-tawsif-target-id]):not([for=edit-sessionurl]):not([for=edit-term-node-tid-depth]){
    background-color:#0e95d3;
    padding:10px 0;
    color:#fff;
    text-align:center;
    float:left;
    width:100%;
    font-size:15px
}
.dalilounacontent form{
    padding:13px;
    width:-webkit-calc(100% - 26px);
    width:-moz-calc(100% - 26px);
    width:calc(100% - 26px)
}
.menuabout.dalil form label{
    background-color:inherit;
    color:inherit;
    padding:0;
    margin:4px 1px;
    width:100%;
    float:left
}
.fullwidth .views-field.views-field-field-projects-links .field-content a{
    text-decoration:none;
    color:#fff;
    background:rgba(153,197,89,.8);
    float:left;
    width:8%;
    margin-bottom:10px;
    padding:2px 0;
    font-size:16px;
    border-radius:2px;
    text-align:center;
    margin-right:3%
}
.fullwidth .views-field.views-field-field-projects-links .field-content a:hover{
    background-color:#0e95d3;
    color:#fff!important
}
.dalilounacontent .views-exposed-form{
    width:33%;
    margin-right:2%;
    float:left
}
.dalilounacontent table{
    width:100%;
    float:left
}
.fulltitle.dalilounatitle{
    font-weight:700;
    margin-bottom:15px
}
.dalilounacontent table a{
    text-decoration:none!important
}
.dalilounacontent form .form-item:nth-child(2){
    margin-top:15px
}
.edu-news{
    float:left;
    width:100%
}
.edu-news p{
    margin:0;
    margin-bottom:20px
}
.edu-news .views-exposed-form label{
    display:none
}
.edu-news form{
    width:100%;
    float:left
}
.newsletter-all{
    float:left;
    width:19%;
    margin:1.5%;
    margin-top:2%;
    box-shadow:0 0 1px 0 #6c6f77;
    padding:1.5%;
    background-color:#f8f9fa;
    margin-bottom:2%
}
.ed-newsletter-img img{
    width:100%;
    height:auto
}
.ed-newsletter-tit{
    margin-bottom:7%;
    font-size:14px;
    text-align:center
}
.ed-newsletter-tit a{
    text-decoration:none;
    color:inherit!important
}
.read-book{
    text-decoration:none;
    color:#fff!important;
    background-color:#0e94d3;
    padding:1%;
    font-size:14px;
    width:98%;
    float:left;
    text-align:center
}
.read-book::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#fff;
    content:"\f1c1";
    padding-right:4%;
    font-size:16px
}
.read-book:hover{
    color:#fff!important;
    background-color:rgba(153,197,89,.8)
}
.book-list{
    float:left;
    width:31%;
    background-color:#eee;
    margin:1%;
    box-shadow:0 0 1px 0 #262626
}
.schoolyear{
    margin:3% 1% 5% 1%;
    padding-right:2%
}
.schoolyear a{
    text-decoration:none;
    color:inherit;
    font-size:16px;
    padding-left:3%
}
.book-list a:hover{
    color:inherit!important
}
.edu-magazine{
    float:left;
    width:100%
}
.edu-magazine form{
    float:left;
    width:100%;
    margin:30px 0
}
.edu-magazine .views-exposed-form label{
    display:none
}
.magazine{
    float:left;
    width:20.5%;
    margin-right:1.5%;
    margin-top:2%;
    box-shadow:0 0 1px 0 #6c6f77;
    padding:1.5%;
    background-color:#f8f9fa;
    margin-bottom:2%
}
.magazine div{
    text-align:center
}
.ed-magazine-img img{
    width:100%;
    height:auto
}
.ed-magazine-img:hover{
    opacity:.8
}
.edu-magazine p{
    margin-bottom:20px;
    margin-top:0
}
.readthebook{
    text-decoration:none;
    color:#fff!important;
    background-color:#0e94d3;
    padding:2% 9%;
    font-size:14px;
    margin:5% 0;
    width:82%;
    float:left;
    text-align:center
}
.readthebook::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#fff;
    content:"\f1c1";
    padding-right:5%;
    font-size:17px
}
.readthebook:hover{
    color:#fff!important;
    background-color:#99c559
}
.subsc-btn{
    float:right
}
.subsc-btn a{
    text-decoration:none;
    color:#fff;
    background-color:#99c559;
    padding:10px 13px;
    width:87%;
    float:left;
    text-align:center
}
#links .subsc-btn a:hover{
    background:#0e94d3;
    color:#fff!important;
    text-decoration:none!important
}
.greenroom .views-row{
    background-image:url('CRDP-logo.png');
    background-repeat:no-repeat;
    background-position:left
}
.greenroom iframe{
    margin:3%
}
.statistics-info{
    float:left;
    width:15%;
    box-shadow:0 2px 4px 0 rgba(230,228,228,.8),0 2px 10px 0 rgba(230,228,228,.8)!important;
    padding:1%;
    background-color:#efeeee;
    margin:1.5%
}
.statistics-img img{
    width:100%;
    height:auto
}
.statistics-img{
    width:100%;
    float:left
}
.statistics-date{
    background-color:rgba(153,197,89,.7);
    width:96%;
    padding:2%;
    float:left;
    color:#fff;
    text-align:center;
}
.statistics-title{
    width:96%;
    padding:2%;
    float:left;
    text-align:center
}
.statistics-title a{
    text-decoration:none;
    color:inherit;
    float:left;
    width:100%
}
.leftsection1{
    width:65%;
    margin-right:5%;
    float:left
}
.rightsection1{
    width:25%;
    padding:2%;
    float:left;
    background-color:#eeedee;
    box-shadow:0 2px 4px 0 rgba(230,228,228,.8),0 2px 10px 0 rgba(230,228,228,.8)!important
}
.studies-researches-all{
    float:left;
    width:100%
}
.researchesandstudies-all{
    float:left;
    width:100%
}
.studies-researches-all form{
    float:left;
    width:100%
}
.studies-researches-all label{
    display:none
}
.research-info,.studies-researches-all .views-row{
    float:left;
    width:21%;
    position:relative;
    box-shadow:0 0 1px 0 #6c6f77;
    padding:1.5%;
    margin:2% .5%;
    background-color:#f8f9fa
}
.researchesandstudies-all .views-row img,.researchesandstudies-all img{
    width:100%;
    height:auto;
    min-height:375px
}
.research-2{
    width:100%;
    float:left;
    position:absolute;
    bottom:-50px;
    height:57px;
    box-shadow:0 0 1px 0 #797171
}
.research-body,.studies-researches-all .views-row .views-field-title{
    width:75%;
    text-align:center;
    float:left;
    margin-top:2%
}
.dateandmore{
    width:25%;
    float:left
}
.research-date,.studies-researches-all .views-row .views-field-field-year-studies1{
    width:100%;
    float:left;
    background-color:#6c6f77;
    color:#fff;
    padding:8% 0;
    text-align:center;
    line-height:normal
}
.research-more,.studies-researches-all .views-row .views-field-nid{
    width:100%;
    float:left;
    background-color:#99c559;
    padding:5% 0;
    text-align:center;
    text-decoration:none;
    color:#fff
}
.studies-researches-all .views-row .views-field-nid a{
    text-decoration:none;
    color:#fff
}
.research-more:hover,.studies-researches-all .views-row .views-field-nid:hover{
    background-color:#0e94d3;
    color:#fff!important
}
.researches-node{
    float:left;
    width:100%
}
.researches-node .leftsection{
    width:51%;
    float:left
}
.researches-node .leftdate{
    color:#bbb
}
.researches-node .leftdate::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#bbb;
    content:"\f073";
    padding-right:5px
}
.researches-node .rightsection{
    width:47%
}
.rightimage img{
    float:right;
    height:auto
}
.mapsection{
    float:left;
    width:100%
}
.map{
    float:left;
    background:#696969;
    width:100%
}
.map iframe{
    width:100%
}
.map .container{
    margin-top:-60px;
    padding-bottom:60px
}
.contactUs-webform{
    float:left;
    width:100%;
    margin-bottom:120px;
    margin-top:20px
}
.details{
    float:left;
    margin-top:5px
}
.contactUsDetails{
    float:left;
    width:32%;
    margin-right:6%
}
.contactUsDetails i{
    padding-right:10px
}
.contactUsWebform{
    float:left;
    width:62%;
    margin-top:2.5%
}
.webformBackground{
    float:left;
    width:100%;
    background-color:#fff;
    box-shadow:2px 2px 10px 2px #b0b0b0
}
.webformContent{
    float:left;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    padding-top:4%;
    padding-bottom:4%
}
.webformInput-1{
    float:left;
    background-color:#eee;
    color:#8a8b8a;
    height:35px!important;
    width:43%;
    border:none!important;
    margin-right:10%;
    margin-bottom:10px;
    padding-left:2%;
    border-radius:0
}
.webformInput-2{
    float:left;
    background-color:#eee;
    color:#8a8b8a;
    height:35px;
    width:49.5%;
    border:none;
    margin-bottom:10px;
    padding-left:2%
}
.webformMessage{
    float:left;
    background-color:#eee;
    color:#8a8b8a;
    height:90px;
    width:97.5%;
    border:none;
    margin-bottom:10px;
    padding-left:2%;
    padding-top:1%;
    font-family:Roboto,sans-serif
}
.webformLabel{
    display:none
}
.submitBtn{
    float:left;
    background-color:#77afdb;
    border:none;
    color:#fff;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:20px;
    padding-right:20px;
    width:100%!important
}
.suggestions-webform{
    float:left;
    width:100%;
    margin-bottom:120px;
    margin-top:20px
}
.suggestionDetails{
    float:left;
    width:32%;
    margin-top:25px;
    margin-right:6%
}
.suggestionDetails .views-field.views-field-title{
    font-size:20px;
    margin-bottom:8%
}
.suggestionsWebform{
    float:left;
    width:62%;
    margin-top:2.5%
}
.webformBackground{
    float:left;
    width:100%;
    background-color:#fff;
    box-shadow:2px 2px 10px 2px #b0b0b0
}
.webformContent{
    float:left;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    padding-top:4%;
    padding-bottom:4%
}
.greendetails .views-field-body{
    width:100%;
    float:left
}
.greendetails .views-field-field-youtube{
    width:100%;
    float:left;
    text-align:center;
    margin-top:20px
}
.suggestionsWebform input#edit-first-name.form-text{
    float:left;
    background-color:#eee;
    color:#8a8b8a;
    height:35px;
    width:43%;
    border:none;
    margin-right:10%;
    margin-bottom:10px;
    padding-left:2%
}
.suggestionsWebform input#edit-last-name.form-text{
    float:left;
    background-color:#eee;
    color:#8a8b8a;
    height:35px;
    width:43%;
    border:none;
    margin-bottom:10px;
    padding-left:2%;
    margin-right:0
}
.suggestionsWebform input#edit-occupation.form-text{
    float:left;
    background-color:#eee;
    color:#8a8b8a;
    height:35px;
    width:43%;
    border:none;
    margin-bottom:10px;
    margin-right:10%;
    padding-left:2%
}
.suggestionsWebform input#edit-phone-number.form-tel{
    float:left;
    background-color:#eee;
    color:#8a8b8a;
    height:35px;
    width:43%;
    border:none;
    margin-bottom:10px;
    padding-left:2%;
    margin-right:0
}
.suggestionsWebform input#edit-email.form-email{
    float:left;
    background-color:#eee;
    color:#8a8b8a;
    height:35px;
    width:97.5%;
    border:none;
    margin-bottom:10px;
    padding-left:2%
}
.suggestionsWebform textarea#edit-suggestions.form-textarea{
    float:left;
    background-color:#eee;
    color:#8a8b8a;
    height:90px;
    width:97.5%;
    border:none;
    margin-bottom:10px;
    padding-left:2%;
    padding-top:1%;
    font-family:Roboto,sans-serif
}
.suggestionsWebform .submitBtn{
    float:left;
    background-color:#77afdb;
    border:none;
    color:#fff;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:20px;
    padding-right:20px;
    width:100%!important
}
.imp-links{
    width:100%;
    float:left
}
.imp-links .views-row{
    float:left;
    width:48%;
    margin-right:2%;
    margin-bottom:15px
}
.imp-links h3{
    float:left;
    background-color:#0e94d3;
    color:#fff;
    padding:.5% 1%;
    width:98%;
    margin-top:6px;
    font-weight:400;
    margin-bottom:22px
}
.imp-links a{
    text-decoration:none;
    color:inherit
}
.imp-links .field-content a::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:rgba(153,197,89,.8);
    content:"\f0c1";
    padding-right:15px
}
.curriculum-year-all{
    float:left;
    width:100%;
    margin-top:15px
}
.curriculum-year-all .odd{
    float:left;
    width:46%;
    padding:1%;
    box-shadow:0 0 3px #989090;
    border-left:3px solid #0e95d3;
    margin-right:1.5%;
    margin-bottom:2%
}
.curriculum-year-all .even{
    float:left;
    width:46%;
    padding:1%;
    box-shadow:0 0 3px #989090;
    border-left:3px solid #0e95d3;
    margin-right:1.5%;
    margin-bottom:2%;
    background-color:#f8f9fa
}
.curriculum-year{
    float:left;
    width:100%
}
.curriculum-year-title{
    font-size:16px
}
.curriculum-year-title a{
    text-decoration:none;
    color:inherit
}
.curriculum-more-details{
    text-decoration:none;
    color:#fff;
    background-color:#0e95d3;
    padding:1% 5%;
    float:right;
    margin-right:2%
}
.curriculum-more-details:hover{
    color:#fff!important;
    background-color:#99c559
}
.curriculum-list-all{
    float:left;
    text-align:center;
    width:72%;
    margin:0 14%;
    margin-top:30px
}
.curriculum-list-all a{
    text-decoration:none;
    color:inherit;
    width:100%;
    background-color:#fff;
    padding:1%;
    margin-bottom:1.5%;
    box-shadow:0 0 4px 0 #d8c3c3;
    float:left;
    font-size:16px
}
.curriculum-list-all a:hover{
    color:#fff!important;
    background-color:#0e95d3
}
.curriculum-clarification{
    width:100%;
    float:left
}
.menuclarif{
    width:23%;
    float:left;
    margin-right:2%
}
.menuclarif .views-field-title{
    float:left;
    width:90%;
    box-shadow:0 0 2px #8b8b8b99;
    margin-bottom:8px
}
.menuclarif .views-field-title a{
    text-decoration:none;
    padding:8px 5%;
    width:90%;
    float:left;
    color:#6c6f77;
    background-color:#eee
}
.menuclarif .views-field-title a:hover{
    background-color:#fff;
    color:#6c6f77!important
}
.curriculum-1999-all{
    width:100%;
    float:left
}
.curriculum1999{
    float:left;
    width:70%
}
.body1999 p::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#fff;
    content:"\f15c";
    padding-right:4%
}
.curriculum-1999-all .readbook-cur{
    text-decoration:none;
    color:#fff!important;
    background-color:#0e94d3;
    padding:.5%;
    font-size:14px
}
.menu-1999{
    width:23%;
    float:left;
    margin-right:2%
}
.menu-1999 .views-field-title{
    float:left;
    width:90%;
    box-shadow:0 0 2px #8b8b8b99;
    margin-bottom:8px
}
.menu-1999 .views-field-title a{
    text-decoration:none;
    padding:8px 5%;
    width:90%;
    float:left;
    color:#6c6f77;
    background-color:#eee
}
.menu-1999 .views-field-title a:hover{
    background-color:#fff;
    color:#6c6f77!important
}
.body1999,.views-field-field-terms-body{
    width:100%;
    float:left
}
.edu-center-all{
    width:100%;
    float:left
}
.menuedu{
    width:23%;
    float:left;
    margin-right:2%
}
.menuedu .menutitles{
    text-decoration:none;
    padding:8px 5%;
    width:90%;
    float:left;
    color:#6c6f77;
    background-color:#eee;
    box-shadow:0 0 2px #8b8b8b99;
    margin-bottom:8px
}
.menuedu .menutitles:hover{
    background-color:#fff;
    color:#6c6f77!important
}
.edu-center-all-title{
    font-size:21px;
    color:#0e95d3;
    margin-bottom:2%
}
.diff-center .sub-title{
    margin-left:4%;
    font-size:18px;
    text-decoration:underline;
    text-decoration-color:rgba(153,197,89,1);
    color:#99c559
}
.edu-center-content label{
    display:none
}
.edu-center-content .vertical-tabs{
    border:none
}
.diff-content ul{
    list-style:none
}
.edu-center-content .vertical-tabs__menu-item-title{
    color:#616463
}
.edu-center-content .vertical-tabs__menu-item a:hover{
    outline:0;
    color:inherit!important;
    text-decoration:none!important
}
.edu-center-content .vertical-tabs__menu-item{
    border:1px solid #ccc;
    border-top:0;
    background:#eee;
    box-shadow:0 0 2px 0 #8b8b8b99;
    margin-bottom:4%
}
.vertical-tabs__menu-item.is-selected{
    border-right-width:1px;
    background-color:#fff
}
.edu-center-content .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title{
    color:#616463
}
.diff-gallery{
    float:left;
    width:95%;
    margin-left:2%;
    padding:1%;
    box-shadow:0 0 1px #6f6464;
    background-color:#eee
}
.diff-gallery img{
    margin-bottom:1%
}
.moodle-all{
    float:left;
    width:100%
}
.moodle-all>div{
    float:left;
    width:22%;
    background:linear-gradient(to bottom,#fff 0,#fff 20%,#fff 25%,#626163 55%,#626163 100%);
    padding:1%
}
.moodle-img{
    float:left;
    width:100%
}
.moodle-img img{
    width:100%;
    height:auto
}
.moodle-link{
    float:left;
    width:100%;
    text-align:center
}
.moodle-link a{
    text-decoration:none;
    color:#fff;
    width:100%
}
.moodle-all>div:hover,.moodle-link a:hover{
    color:#0e94d3!important
}
.social-media-presence-all{
    width:100%;
    float:left
}
.title-and-image{
    float:left;
    width:27.3%;
    box-shadow:0 0 2px #bbb;
    margin:1% 2%;
    padding:1%
}
.social-media-text{
    float:left;
    width:100%;
    margin-bottom:10px
}
.social-media-img:hover,.social-media-title:hover{
    opacity:.7;
    color:#0e94d3
}
.social-media-title{
    text-decoration:none;
    color:inherit;
    float:left;
    padding-bottom:2%;
    width:100%
}
.social-media-img{
    float:left;
    width:100%
}
.social-media-img img{
    width:100%;
    height:auto
}
.title-and-gallery{
    width:100%;
    float:left
}
.socialmedia-title{
    width:100%;
    float:left;
    color:#0e95d3;
    font-size:18px;
    margin-bottom:2%
}
.socialmedia-gallery{
    width:96%;
    float:left;
    background-color:#f8f9fa;
    padding:2% 2%;
    box-shadow:0 0 2px #bfbfba
}
.socialmedia-gallery div div{
    width:30.99%;
    float:right;
    margin:1%
}
.socialmedia-gallery div div a img{
    width:100%;
    height:auto
}
.school-guide-all{
    width:100%;
    float:left
}
.school-guide-all form{
    float:left;
    width:100%
}
.download-guide-class{
    background-color:#ee3028;
    padding:1%;
    width:100px
}
.download-guide{
    color:#fff!important;
    text-decoration:none
}
.download-guide:hover{
    color:#fff!important;
    opacity:.8
}
.download-guide::after{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#fff;
    content:"\f56d";
    padding-left:8%
}
.title-search{
    float:left;
    width:100%;
    color:#0e95d3;
    font-size:21px;
    margin:20px 0
}
.school-guide-all .js-form-item.form-item.js-form-type-textfield input,.school-guide-all select{
    margin-bottom:1%;
    font-size:15px
}
.school-guide-all .form-select{
    width:100%;
    padding-left:5%;
    font-size:15px
}
.school-guide-all .form-submit{
    width:7%!important;
    cursor:pointer;
    padding:8px 0;
    text-align:center
}
.schools{
    float:left;
    width:18.5%;
    padding:1%;
    margin:2%;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important
}
.school-fields{
    float:left;
    width:100%;
    margin-bottom:2%
}
.label-title{
    float:left;
    font-size:13px;
    font-weight:700
}
.title-content{
    float:left;
    color:#868586;
    padding-left:2%;
    width:54%
}
.more-details-school-button{
    float:left;
    background-color:#99c559;
    margin:4% 0;
    width:100%
}
.more-details-school-button:hover{
    background-color:#0e95d3
}
.schools-moredetails{
    text-decoration:none;
    color:#fff;
    padding:1.5% 7%;
    width:87%;
    float:left;
    text-align:center
}
.schools-moredetails:hover{
    color:#fff!important
}
.school-guide-details-all{
    float:left;
    width:100%
}
.schools-detailstop{
    width:100%;
    float:left
}
.school-fields-detailstop{
    float:left;
    width:24%;
    margin:0 .5%;
    margin-bottom:3%
}
.label-title-detailstop{
    font-size:18px;
    color:#0e94d3;
    border:1px solid #eae9e9;
    padding:3%
}
#pic1::before{
    content:url(Vector-Smart-Object.png);
    padding-right:10px
}
#pic2::before{
    content:url(Vector-Smart-Object1.png);
    padding-right:10px
}
#pic3::before{
    content:url(Vector-Smart-Object3.png);
    padding-right:10px
}
#pic4::before{
    content:url(Vector-Smart-Object4.png);
    padding-right:10px
}
.title-content-detailstop{
    font-size:17px;
    text-align:center;
    border:1px solid #eae9e9;
    background-color:#f8f9fa;
    height:80px;
    display:grid;
    line-height:normal!important;
    align-items:center
}
.fieldsdetails{
    float:left;
    width:49%;
    margin:0 .5%;
    margin-bottom:4%
}
.school-fields-details{
    float:left;
    width:100%
}
.label-title-details{
    float:left;
    border:1px solid #eae9e9;
    line-height:39px;
    width:50%;
    font-size:13px;
    font-weight:700
}
.percentage1{
    width:50%;
    line-height:20px;
    padding:10px 0
}
.percentage2{
    padding:10px 0
}
.percentage2 a{
    color:#616463
}
.title-content-details#map2 img{
    width:100%;
    height:auto
}
.label-title-details:before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#0e94d3;
    content:"\f111";
    font-size:8px;
    margin-right:8px;
    margin-left:8px;
    float:left;
    height:40px
}
.title-content-details{
    float:left;
    border:1px solid #eae9e9;
    width:47%;
    padding-left:2%;
    height:40px;
    line-height:39px
}
.title-content-det{
    float:left;
    border:1px solid #eae9e9;
    width:47%;
    padding-left:2%;
    height:auto;
    line-height:39px
}
.title-content-det img{
    width:94%;
    height:auto
}
#background .label-title-details{
    background-color:#f8f9fa
}
#background .title-content-details{
    background-color:#f8f9fa
}
.download-list-all{
    float:left;
    width:100%
}
.guide-list{
    float:left;
    width:31.3%;
    background-color:rgba(14,148,211,.2);
    margin:1%;
    box-shadow:0 2px 4px 0 rgba(14,148,211,.2);
    height:auto
}
.guide-title{
    margin:4%;
    width:92%;
    float:left;
    font-size:16px
}
.download-link{
    width:92%;
    float:right;
    margin:4%
}
.download-link a{
    width:120px;
    color:#fff;
    float:right;
    font-size:14px;
    margin:0 2%;
    padding-left:3%;
    text-decoration:none;
    background-color:#6b727c;
    padding:1%;
    text-align:center
}
.download-link a:hover{
    background-color:#0e95d3;
    color:#fff!important
}
.download-link a::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#fff;
    content:"\f1c1";
    padding-right:7%;
    font-size:17px
}
.text-align-right{
    direction:rtl
}
.leftbody a{
    text-decoration:none;
    color:inherit;
    float:left;
    width:100%;
    margin:15px 0
}
.leftbody a::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#99c559;
    content:"\f1c1";
    padding-right:15px;
    font-size:18px
}
.leftbody ul{
    float:left;
    width:100%;
    text-align:left;
    direction:ltr
}
.researches-node .listpdf{
    float:left;
    width:100%;
    margin:2% 0
}
.researches-node .listpdf a{
    text-decoration:none;
    color:inherit;
    float:left;
    width:100%;
    box-shadow:0 1px 0 0 #9a93935c;
    padding:2% 0
}
.researches-node .listpdf a::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#99c559;
    content:"\f1c1";
    padding-right:15px
}
.tawajohat-all{
    float:left;
    width:100%
}
.views-field.views-field-field-date-text,.views-field.views-field-field-event,.views-field.views-field-field-titles{
    float:left;
    width:100%;
    padding:.5% 1%
}
.tawajohat-all.field-content,.views-label.views-label-field-date-text.event-label,.views-label.views-label-field-event.event-label,.views-label.views-label-field-titles.event-label{
    float:left
}
.events-all{
    width:50%;
    padding:1%;
    box-shadow:0 0 3px #989090;
    border-left:3px solid #0e95d3;
    margin-right:2%;
    margin-bottom:2%
}
.event-more a{
    text-decoration:none;
    color:#fff;
    background-color:#0e95d3;
    padding:1% 5%;
    font-size:16px
}
.event-more a:hover{
    color:#fff!important
}
.event-details{
    float:left;
    width:100%
}
.event-title{
    color:#0e95d3;
    font-size:20px;
    float:left;
    width:100%;
    margin-bottom:5px
}
.event-event{
    float:left;
    width:100%;
    text-align:center;
    font-size:18px;
    font-weight:700;
    margin-bottom:5px
}
.event-body{
    float:left;
    font-size:16px
}
.event-date{
    float:left;
    width:100%;
    text-align:center;
    font-size:18px;
    font-weight:700;
    margin-bottom:5px
}
.training-all{
    float:left;
    margin-bottom:2%;
    width:100%
}
.slideshowtraining{
    float:left;
    width:100%
}
.slideshowImage img{
    width:100%
}
.form-subsc{
    float:right
}
.form-subsc a{
    text-decoration:none;
    color:#fff;
    background-color:#0e94d3;
    padding:10px 34px;
    width:unset;
    float:left;
    text-align:center
}
#links .form-subsc:hover{
    background-color:#0e95d3!important
}
#links .form-subsc a:hover{
    text-decoration:none;
    color:#fff!important;
    background-color:#0e95d3!important
}
.abouttrainings{
    float:left;
    width:100%;
    margin:2% 0
}
.abouttrainings .sectionTitle::after{
    left:480px
}
.regionaltrainings{
    float:left;
    width:98%;
    margin:2% 0;
    background-color:#efeeee;
    padding:1%
}
.regionalimage{
    float:left;
    width:23%;
    margin:10px 0;
    margin-right:2%;
    position:relative
}
.regionalimage img{
    width:100%;
    height:auto
}
.regionaltrainings .sectionTitle::after{
    left:240px
}
.regionalmore{
    color:#0e94d3;
    background-color:#fff;
    padding:5px 15px;
    float:left;
    text-decoration:none;
    box-shadow:0 0 3px #dad4d4;
    position:absolute;
    left:40%;
    top:40%
}
.regionalmore:hover{
    color:#fff!important;
    background-color:#0e94d3
}
.regionaltitle{
    display:none;
    font-size:20px;
    margin-left:-16%;
    margin-top:4%;
    float:left;
    z-index:2
}
.tot{
    float:left;
    width:49%;
    margin-top:2%;
    margin-right:2%
}
.tot .sectionTitle::after{
    left:45px
}
.tot .sectionTitle{
    width:50%
}
.tot .slideshowtraining{
    width:94%;
    background-color:rgba(198,214,222,.2);
    padding:2%;
    float:left
}
.slideshowtitle{
    float:left;
    width:100%;
    text-align:center;
    font-size:16px;
    font-size:16px
}
.swiperstraining{
    float:left;
    width:100%;
    margin:1% 0
}
.trainingblock{
    float:left;
    width:49%;
    margin-top:2%
}
.trainingblock .sectionTitle{
    width:50%;
    float:none
}
.trainingblock .sectionTitle::after{
    left:105px
}
.trainingblock .slideshowtraining{
    width:47%;
    background-color:rgba(198,214,222,.2);
    padding:1%
}
.trainingblock .slideshowtraining{
    width:94%;
    background-color:rgba(198,214,222,.2);
    padding:2%;
    float:left
}
.mawarid-e{
    float:left;
    width:100%;
    margin:4% 0
}
.mawarid-all{
    float:left;
    width:21%;
    margin-bottom:30px;
    margin-right:2%;
    box-shadow:0 0 4px 2px #ddd;
    padding:1%;
    border-top:2px solid #0e94d3
}
.mawaridtitle{
    float:left;
    width:25%;
    font-size:16px
}
.mawaridmore{
    float:right;
    text-decoration:none;
    background-color:#eee;
    padding:2px 11px;
    color:#0e94d3
}
.mawaridimage{
    float:left;
    width:100%;
    margin-top:4%
}
.mawaridimage img{
    width:100%;
    height:auto
}
.mawaridmore:hover{
    color:#fff!important;
    background-color:#99c559
}
.curriculum-clarification .leftbody ul{
    padding:0
}
.curriculum-clarification .leftbody{
    text-align:left;
    direction:ltr
}
.curriculum-clarification .leftbody li{
    float:left;
    width:100%;
    margin:2% 0
}
.curriculum-clarification .leftbody li strong{
    float:left;
    width:100%
}
.curriculum-clarification .leftbody li ol{
    float:left;
    width:100%
}
.curriculum-clarification .leftbody a::before{
    padding-right:15px
}
.event-details .event-body table a{
    text-decoration:none;
    font-size:17px
}
.curriculum-year-all h3 a{
    color:inherit!important;
    text-decoration:none;
    font-size:17px;
    float:left;
    width:97%;
    border-left:2px solid;
    border-color:#0e95d3;
    padding:1%;
    box-shadow:0 0 2px #a79d9d
}
.curriculum-year-all .views-row .views-field.views-field-field-curriculum-language .field-content{
    text-align:center;
    float:left;
    width:32.9%;
    background-color:#eae9e9;
    border:1px solid;
    border-color:#dadbdc;
    margin-bottom:2%
}
.curriculum-year-all .views-row .views-field.views-field-field-curriculum-language .field-content a{
    text-decoration:none;
    color:inherit;
    text-align:center
}
.curriculum-node .curbody table td{
    padding:5px;
    border:1px solid #ccc
}
.curriculum-content-details{
    float:left;
    width:100%
}
.contentdetails{
    float:left;
    width:19%;
    padding:1.5%;
    background-color:#f8f9fa;
    margin:1.5%;
    margin-bottom:2%;
    box-shadow:0 0 2px 0 #616463
}
.contentdetails img{
    width:100%;
    height:auto;
    min-height:305px
}
.contentfile{
    text-decoration:none;
    color:#fff;
    padding:3%;
    background-color:#0e95d3;
    float:left;
    width:50%;
    text-align:center;
    margin-left:22%;
    margin:10px 22%
}
.contentfile:hover{
    background-color:#99c559
}
.contenttext{
    float:left;
    margin:3% 0;
    width:100%
}
.contenttext a{
    text-decoration:none;
    color:#6b727c;
    text-align:center;
    width:100%;
    min-height:66px;
    float:left
}
.contenttext a:hover{
    color:#0e94d3!important
}
.contentyear{
    float:left;
    width:100%;
    text-align:center;
    border-top:2px solid;
    border-color:#0e95d3;
    padding:1% 0
}
.contentfile::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#fff;
    content:"\f1c1";
    padding-right:10px;
    font-size:16px
}
.contentfile:hover{
    color:#fff!important
}
.curriculum-content-details form{
    float:left;
    width:100%;
    margin-bottom:20px
}
.suspbody h3{
    color:#99c559;
    text-decoration:underline;
    text-align:right;
    direction:rtl
}
.suspbody h3{
    color:#99c559;
    text-decoration:underline;
    text-align:left;
    direction:ltr
}
.targetc .suspbody h3{
    text-align:left;
    font-weight:400;
    font-size:16px
}
.targetc .suspbody table .views-field-field-title a::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:rgba(153,197,89,.8);
    content:"\f0c1";
    padding-right:15px;
    float:left
}
.targetc .suspbody .views-field-field-pdf a::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:rgba(153,197,89,.8);
    content:"\f1c1";
    padding-right:15px;
    float:left
}
.targetc table tbody a{
    text-decoration:none
}
.suspendedthemes .suspbody .field-content a::before{
    display:none
}
.suspbody .field-content a{
    text-decoration:none;
    color:inherit;
    float:left;
    width:100%;
    box-shadow:0 1px 0 0 #9a93935c;
    padding:2% 0;
    text-align:left;
    direction:ltr
}
.suspbody .field-content a::before{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#99c559;
    content:"\f1c1";
    padding-left:15px;
    font-size:18px
}
.suspbody{
    width:100%;
    float:left
}
.suspbody div{
    width:100%;
    float:left
}
.suspbody .download-guide-class{
    width:100px;
    float:right
}
.download-guide{
    box-shadow:none!important
}
.cur-sus{
    float:left;
    width:100%
}
.paragraph.paragraph--type--subjects.paragraph--view-mode--default{
    float:left;
    width:100%
}
.paragraph.paragraph--type--subjects.paragraph--view-mode--default div:first-child:not(.col-md-12){
    color:#0e95d3;
    font-size:20px;
    margin-bottom:2%;
    text-align:right;
    direction:rtl;
    float:right
}
.cur-sus .col-md-12{
    width:100%;
    float:left
}
.cur-sus table{
    font-size:15px;
    width:100%!important;
    float:left;
    border-spacing:0;
    border-collapse:collapse
}
.cur-sus table td{
    width:252px
}
.cur-sus table td h2{
    font-size:30px;
    margin:15px 10px
}
.cur-sus table td p{
    margin:0 5px 10px
}
.read-book-cur{
    text-decoration:none;
    color:#fff!important;
    background-color:#0e94d3;
    padding:1%;
    font-size:14px;
    text-align:center;
    float:right;
    margin-bottom:2%
}
.read-book-cur:hover{
    color:#fff!important;
    background-color:#99c559
}
.navlinks{
    text-decoration:none;
    color:#0e95d3
}
.logo_section{
    float:left;
    margin-right:10px;
    width:150px
}
.logo_section img{
    max-width:100%;
    height:auto;
    padding-top:5px;
    margin-left:-7px
}
.flag_section{
    float:right;
    margin-top:-5px
}
.flag_section img{
    max-width:100%;
    float:left
}
.menuparent .sf-with-ul{
    padding-right:30px!important
}
.icons a{
    padding:5px 10px!important
}
.crdpmenu{
    float:left;
    width:100%;
    background-color:#fff;
    box-shadow:#222 0 4px 6px -6px;
    z-index:1000;
    padding:5px 0 0 0;
    height:65px;
    background-size:110px;
    padding:0;
    background-image:url(flag1.png);
    background-repeat:no-repeat;
    background-position:right
}
.crdpmenu .container{
    position:relative
}
ul.sf-menu.sf-horizontal.sf-shadow ul,ul.sf-menu.sf-navbar.sf-shadow ul ul,ul.sf-menu.sf-vertical.sf-shadow ul{
    background-color:#f8f9fa!important
}
ul.sf-menu ul li:hover{
    background-color:#fff!important
}
ul.sf-menu a,ul.sf-menu span.nolink{
    padding:10px .5em
}
ul.sf-menu.menu,ul.sf-menu.menu li,ul.sf-menu.menu ul{
    margin-top:6px;
    float:left;
    font-size:16px
}
ul#superfish-main{
    margin-left:10px
}
ul li ul{
    z-index:999
}
ul.menu li::after{
    content:' ';
    position:absolute;
    top:50%;
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    width:1px;
    height:20px;
    background:#1078a5
}
.sf-accordion-toggle.sf-style-none{
    width:50%;
    float:left;
    text-align:center;
    margin-top:3.5%;
    font-size:24px
}
.sf-accordion-toggle.sf-style-none a{
    text-decoration:none;
    color:#0e95d3
}
ul li::after{
    content:none;
    position:absolute;
    top:50%;
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    width:1px;
    height:20px;
    background:#1078a5
}
ul li:first-child::after{
    content:none
}
li.sf-depth-2.sf-no-children::after{
    content:none
}
.sf-depth-2 .navlinks .sf-external::after{
    display:none
}
ul.sf-menu .sf-sub-indicator:after{
    line-height:1.58;
    color:#000000b8;
    font-size:x-small
}
.newsletter{
    float:left;
    width:100%
}
.newsletterintro{
    float:left;
    width:100%;
    font-size:16px
}
.newsletteryear{
    float:left;
    width:18%
}
.newslettermain{
    float:left;
    width:68%;
    background-color:#f8f9fa
}
.newslettermain .field-content img{
    width:100%;
    height:auto
}
.newsletterposts{
    float:left;
    width:27%;
    margin-left:4%
}
.newsletterposts .views-row{
    float:left;
    width:95%;
    margin-bottom:6%;
    background-color:#f8f9fa;
    padding:4%
}
.newsletterposts .field-content a{
    text-decoration:none;
    color:inherit
}
.newsletteryear .field-content{
    width:100%;
    float:left;
    margin-bottom:5%
}
.newsletteryear .field-content a{
    text-decoration:none;
    color:#616463!important;
    background-color:#fff;
    text-align:center;
    padding:3% 10%;
    border:1px solid #eee;
    width:64%;
    float:left
}
.newsletteryear .field-content a:hover{
    color:#616463!important
}
.newsletteryear .field-content a.is-selected:hover{
    color:#fff!important
}
.views-field.views-field-field-newsletter-month .field-content{
    color:#8c8686c9;
    width:100%;
    font-weight:700
}
.newsletterposts .views-field.views-field-field-newsletter-image{
    float:left;
    width:48%;
    height:auto
}
.newsletterposts img{
    width:100%;
    height:auto
}
.newsletterposts .views-field.views-field-field-newsletter-month{
    float:left;
    margin-left:10px;
    width:47%
}
.regionaltrainings .sectionTitle{
    padding-bottom:5px;
    margin:15px 0
}
.newsletterposts .views-field.views-field-field-newsletter-month .field-content{
    text-align:center;
    padding-top:28px
}
.newsletterposts .views-field.views-field-field-title{
    float:left;
    margin-left:10px;
    font-family:'Roboto mono',monospace;
    width:47%
}
.newsletterbox{
    float:left;
    width:79.5%;
    box-shadow:0 0 2px #a09696;
    padding:1%
}
.newslettermain .views-field.views-field-field-newsletter-month{
    margin-left:2%
}
.newslettermain .views-field.views-field-field-title{
    margin-left:2%;
    font-family:'Roboto mono',monospace;
    margin-bottom:8px
}
.newslettermain a{
    text-decoration:none;
    color:inherit
}
.newslettermain .views-field.views-field-field-description{
    margin-left:2%
}
.trainings-title{
    float:left;
    width:100%;
    color:#0e95d3;
    font-size:18px
}
.mawaridbody{
    float:left;
    width:98%;
    box-shadow:0 0 1px 0 #807b7b;
    padding:1%;
    margin-top:2%
}
.curriculum-year-all h3{
    box-shadow:0 0 2px #d2d1d1;
    padding:1%;
    margin-bottom:0;
    border-left:#0e95d3 solid;
    width:97%;
    float:left
}
.contactUs-webform .form-text{
    width:43%
}
.pagesbtn:hover{
    text-decoration:underline!important
}
.greendetails .views-field-field-youtube iframe{
    width:85%
}
.is-active{
    border-bottom:0 solid #0e95d3
}
.current{
    border-bottom:2px solid #0e95d3
}
.menuabout .menuabout-title{
    float:left;
    width:100%;
    box-shadow:0 0 2px #8b8b8b99;
    margin-bottom:8px
}
.menuabout .menuabout-title a{
    text-decoration:none;
    padding:8px 5%;
    width:90%;
    float:left;
    color:#fff;
    background-color:#6c6f77
}
.menuabout .menuabout-title a:hover{
    background-color:#fff;
    color:#6c6f77!important
}
.edu-diff{
    margin-bottom:2%;
    color:#99c559;
    text-decoration:underline
}
.desc-pdf{
    padding:1%;
    background-color:#616463;
    color:#fff!important;
    width:auto!important;
    font-weight:400!important
}
.issuedbooks .views-row{
    float:left;
    width:45%;
    padding:1%;
    box-shadow:0 0 1px #a59393;
    margin-right:3%;
    margin-bottom:2%
}
.issuedbooks-more a{
    padding:2%;
    text-decoration:none;
    width:22%;
    text-align:center;
    margin:4% 0 0 37%;
    background-color:#0e95d3;
    color:#fff!important;
    font-weight:400
}
.issuedbooks-more a::before{
    content:none
}
.edu-diff-gallery{
    float:left;
    background-color:#eee;
    width:100%
}
.edu-diff-gallery .views-row{
    float:left;
    margin:2%;
    width:20%
}
.edu-diff-gallery .views-row a{
    float:none;
    width:auto;
    box-shadow:unset;
    font-weight:unset
}
.edu-diff-gallery .views-row a::before{
    display:none
}
.edu-diff-gallery .views-row img{
    width:100%;
    height:auto
}
.edu-diff-video iframe{
    width:100%
}
.is-selected{
    background-color:#fff!important;
    color:#6c6f77!important
}
.newsletteryear .field-content .is-selected{
    color:#fff!important;
    background-color:#0e95d3!important
}
.newsletteryear .field-content .is-selected:hover{
    color:#616463!important
}
.table-responsive{
    overflow-x:auto;
    min-height:.01%
}
.fieldsdetails100{
    width:99%
}
.maplabel{
    width:24.5%
}
.fieldsdetails100 iframe{
    float:right;
    width:99.2%;
    margin-top:15px
}
.row{
    margin-right:-5px;
    margin-left:-5px
}
table{
    width:100%!important;
    float:left;
    border-color:#ccc;
    font-size:12px
}
.projects1-details1 .menuabout{
    width:100%;
    margin-bottom:10%
}
.projects1-details1 .magazine1 .menuabout{
    width:23%;
    margin-bottom:5%
}
.projects1-details1 .rightsection{
    margin-left:0;
    margin-right:2%
}
.trainins-wrapper{
    float:left;
    width:100%
}
.trainins-wrapper .views-row{
    float:left;
    width:15%;
    text-align:center;
    padding:1.5%;
    box-shadow:0 0 2px 0 #ada1a1;
    margin:2%;
    margin-left:0
}
.trainins-wrapper .views-field.views-field-field-title{
    color:#99c559;
    text-decoration:underline;
    float:left;
    width:100%;
    margin-bottom:10px
}
.trainins-wrapper .views-field.views-field-field-body{
    float:left;
    width:100%
}
.trainins-wrapper .views-field.views-field-field-pdf{
    float:left;
    width:100%
}
.issuedbooks-more a:hover{
    color:#fff!important;
    background-color:#99c559
}
.partners form{
    margin-bottom:1.8%
}
.partners input.button.js-form-submit.form-submit{
    margin-left:1%
}
.menuabout .views-field.views-field-title.initial-title{
    padding:0;
    font-weight:400
}
.colorbox.cboxElement::before{
    display:none
}
.leftbody .colorbox.cboxElement{
    width:23%;
    float:left
}
.views-field.views-field-field-body iframe{
    max-width:100%
}
.projects1-details1 .views-field.views-field-field-body{
    direction:rtl;
    float:left;
    text-align:left;
    width:100%
}
.projects1-details1 .leftbody a::before{
    float:left
}
.views-field.views-field-field-gallery{
    float:left;
    width:100%;
    padding:1%;
    background-color:#f9f9f9;
    margin-top:4%
}
.projects1-details1 .views-field.views-field-body{
    direction:rtl;
    float:left;
    text-align:left;
    width:100%
}
.projects1-details1 .views-field.views-field-body p{
    text-align:left!important
}
.projects1-details1 .views-field.views-field-field-body p{
    text-align:left!important
}
.projects1-details1 .views-field.views-field-body ol{
    text-align:left!important
}
.projects1-details1 .views-field.views-field-field-body ol{
    text-align:left!important
}
.projects1-details1 .views-field.views-field-body ul{
    text-align:left!important
}
.projects1-details1 .views-field.views-field-field-body ul{
    text-align:left!important;
    width:95%!important
}
.projects1-details1 .views-field.views-field-body li{
    text-align:left!important
}
.projects1-details1 .views-field.views-field-field-body li{
    text-align:left!important
}
.projects1-details1 h3{
    color:#0e95d3;
    font-size:23px
}
.projects1-details1 .views-field.views-field-field-description .field-content a{
    text-decoration:none;
    float:left;
    color:#6b727c;
    font-size:18px;
    margin-bottom:2%;
    width:100%
}
.projects1-details1 .views-field.views-field-field-description .field-content a::after{
    color:inherit;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content:"\f105";
    padding-left:10px;
    font-size:13px
}
.edu-magazine .statistics-info{
    width:20%;
    margin-top:4%
}
.magazine-details{
    font-size:22px
}
.magazine-details p span{
    font-size:18px!important
}
.magazine-details p{
    font-size:18px
}
.tawajohat-all .even,.tawajohat-all .odd{
    padding:1%;
    box-shadow:0 0 2px #989090;
    border-left:3px solid #0e95d3;
    margin-right:1.5%;
    margin-bottom:1%;
    width:97.5%;
    float:left;
    border-radius:2px
}
.tawajohat-all .even{
    background-color:#f8f9fa
}
.tawajohat-all a{
    text-decoration:none;
    width:100%;
    float:left;
    color:#616261
}
.date-date{
    font-size:14px;
    width:100%;
    float:left;
    color:#616261ad
}
.menuabout .views-field.views-field-field-title,.projects1-details1 .menuabout .views-field-title{
    width:101%
}
.projects .projectsImagesDetails .teamStyle-2{
    margin-top:30px
}
.projects1-details1 a.colorbox::before{
    display:none
}
.news1-details1 .views-row:last-child .views-field-field-date::after{
    display:none
}
.tawajohat-all form{
    margin-bottom:20px
}
.pagesbtn.nohover:hover{
    text-decoration:none!important
}
.leftbody.edu-diff-video .views-row{
    width:30%;
    float:left;
    margin:15px
}
input#edit-submit-news.button.js-form-submit.form-submit{
    margin-left:15px;
    margin-right:0
}
.border{
    border:1px solid #0e95d3!important
}
.addtoany{
    float:left;
    margin-bottom:30px;
    width:100%
}
.a2a_svg.a2a_s__default.a2a_s_email,.a2a_svg.a2a_s__default.a2a_s_facebook,.a2a_svg.a2a_s__default.a2a_s_twitter,.a2a_svg.a2a_s__default.a2a_s_whatsapp{
    border:2px solid #0e95d3;
    background-color:#fff!important;
    border-radius:8px!important
}
svg path{
    fill:#0e95d3
}
.download{
    color:#fff!important;
    text-decoration:none
}
.download-class{
    background-color:#ee3028;
    padding:5px;
    width:60px;
    float:left;
    text-align:center
}
.download::after{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#fff;
    content:"\f56d";
    font-size:14px;
    padding-left:15px
}
.download:hover{
    color:#fff!important
}
.panel-body{
    padding:15px
}
.box-shadow{
    box-shadow:0 1px 0 0 #9a93935c
}
.small-desc{
    float:left;
    width:100%
}
.visually-hidden.focusable{
    display:none
}
.leftbody.edu-diff-gallery .colorbox.cboxElement{
    width:100%
}
.userlogin{
    float:left;
    width:100%;
    margin:3% 26%
}
#logintocrdp{
    color:#0e95d3;
    font-size:22px;
    letter-spacing:2px;
    text-align:center;
    margin-top:45px;
    float:left;
    width:100%
}
.news1-details1 .righttitle::after{
    display:none
}
.view-content{
    direction:initial
}
.col-md-12 .view-content h3{
    text-align:center;
    font-size:16px;
    width:100%;
    margin-top:25px;
    float:left;
    padding-bottom:5px;
    border-bottom:1px dashed #ccc
}
.views-field-field-titles-eval{
    color:#3a9934;
    float:left;
    font-size:13px;
    font-weight:700;
    margin-bottom:10px;
    padding-bottom:5px;
    text-align:center;
    margin-top:5px;
    width:100%
}
input,select{
    font-size:13px!important
}
.research-body a,.studies-researches-all .views-row .views-field-title a{
    text-decoration:none;
    color:#616463
}
.dalilounacontent #view-field-file-table-column.views-field.views-field-field-file{
    text-align:center;
    font-size:16px
}
input::-webkit-input-placeholder{
    font-family:roboto,sans-serif
}
input:focus-within::-webkit-input-placeholder{
    color:#0e95d3;
    font-size:11px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px);
    visibility:visible!important
}
textarea::-webkit-input-placeholder{
    font-family:roboto,sans-serif
}
textarea:focus-within::-webkit-input-placeholder{
    color:#0e95d3;
    font-size:11px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
    visibility:visible!important
}
.no-icon::after{
    display:none
}
.no-icon::before{
    display:none
}
.rightsidecontent{
    float:left;
    width:70%
}
.newsletter-details-image{
    float:left;
    width:28%;
    background-color:#eeedee;
    box-shadow:0 2px 4px 0 rgba(230,228,228,.8),0 2px 10px 0 rgba(230,228,228,.8)!important
}
.newsletter-details-image img{
    width:100%;
    float:left
}
#forhover{
    float:left;
    width:100%
}
.regionalmore{
    display:none
}
.regionalimage:hover>.regionalmore{
    display:block
}
.allbooks:hover+.allbooks-tit{
    color:#fff!important
}
.views-field.views-field-body img{
    max-width:100%;
    height:auto
}
.newsnews #edit-field-date-value{
    display:none
}
.news-1-body p{
    margin:0
}
.curriculum-year-all .addtoany{
    margin-bottom:15px
}
.fullwidth .addtoany,.imp-links .addtoany,.partners .addtoany{
    margin-bottom:20px
}
input#edit-submit-search1{
    background-image:url(searchable.png)!important;
    background-repeat:no-repeat!important;
    background-position:23% 46%!important;
    border:none;
    border-radius:28px;
    position:absolute;
    left:207px;
    top:7px
}
form#views-exposed-form-search1-page-1{
    float:left;
    width:58%
}
input{
    width:150px;
    height:30px
}
ul.search-list{
    float:left;
    width:100%;
    list-style:none;
    padding:0
}
.search-list li{
    width:100%;
    float:left;
    margin-bottom:2%;
    padding-bottom:2%;
    box-shadow:0 1px 0 0 rgba(230,228,228,.8)
}
.search-list li a{
    font-size:16px;
    text-decoration:none;
    float:left;
    width:100%
}
.research-pdf{
    min-height:32px;
    width:100%;
    float:left
}
.research-pdf a::after{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#fff;
    content:"\f56d";
    font-size:14px;
    padding-left:15px
}
.research-pdf a{
    color:#fff!important;
    text-decoration:none;
    text-align:center;
    width:97%;
    float:left;
    background-color:#ee3028;
    padding:5px
}
form#views-exposed-form-statistics-bulletin-page-1{
    margin:2% 0
}
.form-text{
    float:left;
    border:1px solid #ddd;
    height:30px;
    margin-right:20px;
    border-radius:2px;
    padding-left:10px
}
.navbarmenu-1 form input.form-text{
    height:25px;
    background-repeat:no-repeat;
    border-radius:26px;
    position:relative;
    padding-left:10px;
    background-position:left;
    background-size:30px;
    padding-left:40px;
    width:170px;
    margin-left:27px;
    margin-right:0
}
.navbarmenu-1 form .form-item{
    position:relative;
    width:100%;
    float:left
}
.navbarmenu-1 form input#edit-submit-search1,.navbarmenu-1 form input.button.js-form-submit{
    background-repeat:no-repeat!important;
    background-position:23% 46%!important;
    border:none;
    border-radius:28px;
    top:0;
    position:absolute;
    left:26px;
    width:30px!important;
    height:30px!important;
    background-image:url(search.png)!important;
    background-size:30px!important;
    padding:0!important
}
.navbarmenu-1 form{
    margin-top:7px
}
.navbarmenu-1 .active-lang{
    color:#0e95d3
}
.rightabout .suspbody .views-field-field-pdf{
    width:auto;
    text-align:left;
    float:left
}
.targetc .suspbody .views-field-field-pdf{
    width:100%
}
.rightabout .suspbody .views-field-field-pdf .download-guide-class{
    width:100%;
    float:right;
    background-color:initial;
    padding:0
}
.rightabout .suspbody .views-field-field-pdf .download-guide-class a{
    background-color:#ee3028;
    padding:5px;
    width:100%;
    float:left
}
.targetc .suspbody table.table.cols-0 tbody td{
    width:98%;
    float:left;
    padding:1%;
    border-bottom:1px solid #efefef
}
nav[role=navigation]{
    float:left;
    width:100%;
    display:inline-flex;
    margin-top:30px;
    padding:0
}
nav[role=navigation] ul.pager-show-more{
    list-style:none;
    text-align:center;
    margin:auto;
    padding:0
}
.booklist-download a:hover{
    background-color:#99c559!important
}
.books .form-submit{
    margin-bottom:10px
}
.curriculum-clarification .panel-collapse .panel-body a{
    float:left;
    width:100%;
    padding:15px 0;
    margin:0;
    border-bottom:1px solid #efefef
}
.newsletterbtm{
    float:left;
    width:100%;
    margin-top:25px
}
.ApplicationForm{
  width: 100%;
  margin-top: 0px;
}
.ApplicationForm form{
  direction: ltr;
  text-align: right;
}
.ApplicationForm .js-form-type-textfield,
.ApplicationForm .js-form-type-radios,
.ApplicationForm .js-form-type-date,
.ApplicationForm .js-form-type-number,
.ApplicationForm .js-form-type-email{
  width: 46% !important;
  margin-left: 4% !important;
}
.ApplicationForm .js-form-type-select{
  width: 47% !important;
  margin-left: 3% !important;
}
.ApplicationForm .webform-confirmation__message{
  direction: ltr;
}
.form-item-father-s-name-br-asm-alab,
.form-item-mother-s-maiden-name-br-asm-alam-wshhrtha,
.form-item-other-nationality-br-jnsyt-akhry,
.form-item-nationality-br-aljnsyt-{
  width: 46% !important;
  margin-left: 4% !important;
}
.ApplicationForm .webform-multiple-add .form-submit{
  width:200px !important;
  background: #99c559 !important;
  text-align: center;
  color: #fff !important;
}
.webform-multiple-table-responsive td.webform-multiple-table--operations{
  left: -40px !important;
  right: inherit !important;
}
.ApplicationForm .form-item-project-committee-applied-for-br-asm-almshrw,
.ApplicationForm .form-item-first-name-br-alasm-,
.ApplicationForm .form-item-family-name-br-alshhrt{
  width: 30% !important;
  margin-left: 3% !important;
}
.ApplicationForm #edit-processed-text{
  width: 95.2%;
  text-align: center;
  background: #eee;
}
#edit-have-you-ever-been-convicted-by-a-court-excluding-minor-traffic- .js-form-type-radio,
#edit-are-you-willing-to-provide-s2r2-with-all-the-needed-documents-re .js-form-type-radio{
  width: 200px;
}

.form-item-upload-cv-br-thmyl-alsyrt-aldhatyt .description{
  width: 100%;
  float: left;
  font-size: 12px;
}
#edit-have-you-ever-been-convicted-by-a-court-excluding-minor-traffic---wrapper-legend,
#edit-are-you-willing-to-provide-s2r2-with-all-the-needed-documents-re--wrapper-legend{
  direction: ltr;
}
.ApplicationForm .js-form-type-managed-file label{
  background: #0e95d3;
  padding: 5px 10px;
  color: #fff;
  font-weight: normal;
  text-align: right;
  width: 95.2%;
  float: right;
  margin-bottom: 20px;
}
.ApplicationForm .js-form-type-select select{
  width: 100% !important;
  height: 42px !important;
}
.ApplicationForm #edit-personal-information-br-alm-lwmat-alshkhsyt-,
.ApplicationForm #edit-address-br-al-nwan-,
.ApplicationForm #edit-languages{
  width: 100% !important;
  margin-left: 0px !important;
  border:none;
  padding: 0px;
  margin-top: 35px;
}
#edit-sex-br-aljns .js-form-type-radio{
  width: 135px;
}
.form-item-have-you-ever-been-convicted-by-a-court-excluding-minor-traffic-
{
  width: 135px;
}
#edit-sex-br-aljns-0, #edit-sex-br-aljns-1,
#edit-have-you-ever-been-convicted-by-a-court-excluding-minor-traffic-yes,
#edit-have-you-ever-been-convicted-by-a-court-excluding-minor-traffic-no,
#edit-are-you-willing-to-provide-s2r2-with-all-the-needed-documents-re-yes,
#edit-are-you-willing-to-provide-s2r2-with-all-the-needed-documents-re-no{
  height: 15px;
  width: 30px !important;
    display: inline-block;
}
#edit-personal-information-br-alm-lwmat-alshkhsyt- legend,
#edit-address-br-al-nwan- legend,
#edit-languages legend,
.js-form-type-webform-custom-composite > label{
  background: #0e95d3;
  padding: 5px 10px;
  color: #fff;
  font-weight: normal;
  text-align: right;
  width: 95.2%;
  float: right;
}
.webform-multiple-table table tr{
  margin-bottom: 30px;
}
#edit-sex-br-aljns--wrapper-legend{
  padding: 0px !important;
  background: none !important;
  float: right;
  width: 70px !important;
  color: #616463 !important;
}
.ApplicationForm .form-date{
  height: 40px !important;
}
.ApplicationForm form .form-item input, .ApplicationForm form .form-item textarea{
  background: #fff !important;
  border-radius: 5px;
}
.contactUsWebform form .form-item{
    float:left;
    margin:1.5% 2.5%
}
.ApplicationForm form .form-item input{
  float: right;
}
.ApplicationForm label{
  width: 95.2%;
  padding-bottom: 5px;
}
.contactUsWebform form .form-item:not(.js-form-type-textarea){
    width:100%;
    margin:1.5% 0;
}
.contactUsWebform form .form-item{
    margin-left:0;
    margin-right:0
}
.contactUsWebform form .form-item input,.contactUsWebform form .form-item textarea{
    width:98%!important;
    margin-right:0;
    border:1px solid #ddd;
    background:#ddd;
    border-radius:0;
    padding-left:15px;
    color:#757575
}
.contactUsWebform form .form-item input{
    height:38px;
    width:93%!important
}
.contactUsWebform form .form-item.js-form-type-textarea{
    width:100%;
    margin-left:0;
    margin-right:0
}
.contactUsWebform form .form-submit{
    background:#0e94d3!important;
    color:#fff;
    width:40%!important;
    margin:1.5% 0;
    height:37px;
    border-radius:0
}
.ApplicationForm form .form-submit {
    width: 100px!important;
}
#edit-languages-br-allghat label{
  width:94.2% !important;
}

.contactUsWebform form .form-item input::-webkit-input-placeholder,.contactUsWebform form .form-item textarea::-webkit-input-placeholder{
    font-family:roboto,sans-serif
}
.contactUsWebform form .form-submit:hover{
    background:#6c6f77!important
}
.contactUsWebform form.webform-submission-suggestions-add-form .form-item-email1{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important
}
.contactUsWebform form.webform-submission-suggestions-add-form .form-item-email1 input{
    width:97%!important
}
.newsnews .textblock-news span:last-child{
    min-height:68px;
    float:left;
    width:100%
}
.newsnews span.textblock-date{
    min-height:34px;
    float:left;
    text-align:center;
    width:100%
}
.research-body a{
    min-height:88px;
    float:left;
    font-size:14px
}
.school-guide-all .download-guide-class{
    width:135px;
    float:left
}
.school-guide-all .download-guide-class2{
    width:100px
}
.event-details .event-body{
    text-align:left
}
.event-details .event-body ol li{
    text-align:left!important;
    direction:ltr
}
.leftbody img{
    width:100%;
    height:auto
}
.addtoany a{
    position:relative
}
.addtoany a:hover:after{
    content:attr(data-title);
    background:#eee;
    padding:5px;
    color:#616261;
    position:absolute;
    top:114%;
    font-size:13px;
    width:max-content;
    left:50%;
    transform:translateX(-50%)
}
.addtoany a:hover:before{
    border:solid;
    border-color:#eee transparent;
    border-width:0 6px 6px 6px;
    bottom:-4px;
    content:"";
    left:35%;
    position:absolute;
    z-index:99
}
.bkgrey{
    background:#f9f9f9
}
.addtoany.bkgrey{
    margin-bottom:0;
    padding:10px 0;
    padding-top:20px
}
.projectsImagesDetails .teamStyle-2{
    width:23%
}
.under-construction{
    font-size:14px;
    color:#0e95d3;
    padding:5px;
    float:right;
    margin-top:15px;
    position:absolute;
    right:0
}
#training-under-const{
    color:#0e95d3;
    font-size:20px;
    text-align:center;
    width:100%;
    float:left;
    margin-top:40px
}
.research-pdf a:hover{
    color:#fff!important
}
.g-recaptcha{
    float:left;
    width:100%;
    margin-bottom:5px
}
iframe#st_gdpr_iframe{
    display:none
}
.sharethis-wrapper .st_whatsapp_button .stButton_gradient{
    height:17px;
    padding:2px
}
#popup-subscribe{
    display:block;
    padding:20px;
    text-align:left
}
#popup-subscribe .Subsc-text{
    font-size:20px;
    float:left;
    margin-right:15px
}
#popup-subscribe a{
    text-decoration:none;
    color:#fff;
    background:rgba(153,197,89,.8);
    width:auto;
    padding:5px 10px;
    font-size:16px;
    border-radius:2px;
    text-align:center
}
#popup-subscribe a:hover{
    background:#0e94d3;
    color:#fff!important
}
.eu-cookie-compliance-buttons{
    text-decoration:underline;
    padding-top:9px
}
.eu-cookie-compliance-buttons .decline-button{
    display:none
}
#popup-subscribe #closepopup{
    text-decoration:none;
    color:#616463;
    background:#fff;
    width:auto;
    padding:5px 10px;
    font-size:16px;
    position:absolute;
    border-radius:2px;
    text-align:center;
    cursor:pointer;
    right:70px;
    top:20px
}
.eu-cookie-compliance-secondary-button{
    margin-top:1.5em
}
.createdBy svg,.navbarmenu-1 .icons svg,.socialLinks svg{
    display:none
}
.imp-links .views-row svg{
    display:none
}
.stButton .whatsapp{
    line-height:18px
}
.school-guide-all .view,.school-guide-all .view-content,.school-guide-all .view-filters{
    width:100%;
    float:left
}
.school-guide-all .form-submit{
    padding:6px!important
}
.school-guide-all .view-content{
    display:flex;
    flex-wrap:wrap
}
.school-guide-all .schools{
    width:-moz-calc(84%/4);
    width:-webkit-calc(84%/4);
    width:-o-calc(84%/4);
    width:calc(84%/4);
    margin:1% 2%;
    margin-left:0;
    display:grid
}
.school-guide-all .schools .more-details-school-button{
    width:40%;
    margin:auto
}
.school-guide-all .schools .school-fields .title-content{
    width:unset!important
}
.contactUsContent svg{
    display:none
}
.teamStyle-2 h6{
    margin-top:27px
}
.search-list li a::after{
    color:rgba(153,197,89,.7);
    content:"\f105";
    font-family:"Font Awesome 5 Free";
    padding-left:8px;
    position:absolute;
    font-weight:900
}
input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{
    -webkit-transition:"color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay:9999s
}
.rightsidecontent svg{
    display:none
}
.download-guide-class2{
    margin-left:15px
}
.curr-extra-pdf{
    width:100%;
    float:left
}
.curr-extra-pdf .views-row{
    float:right;
    width:100%;
    padding:15px 0;
    margin-bottom:15px
}
.curr-extra-pdf .views-row:last-child{
    border-bottom:0 solid #c1bfc1dd;
    margin-bottom:0
}

.curr-extra-pdf .views-row a{
    color:#fff;
    background-color:#0e94d3!important;
    padding:5px 10px;
    text-decoration:none!important
}
.curr-extra-pdf .views-row a:hover{
    color:#fff!important;
    background-color:#99c559!important;
    padding:5px 10px;
    text-decoration:none!important
}
.pdfyear .curriculum-year-title{
    margin-bottom:10px
}
.contactUsWebform form .js-form-managed-file input{
  width: 300px !important;
  padding: 10px;
  height: 40px;
}
@media (max-width:1199px){
    .container{
        width:96%;
        margin:0 2%
    }
    .footer .sectionDesc{
        font-size:14px
    }
    .partners .views-field-field-image{
        padding:18px 28px
    }
    .partners .views-field-title .field-content{
        margin-left:26px
    }
    .imp-links a{
        margin-left:5px
    }
    .topnav a{
        padding-left:5px;
        padding-right:5px
    }
    .firstBtnsRow a,.secondBtnsRow a{
        font-size:13px
    }
    .projects1-details1 a.colorbox{
        padding:16px
    }
    .projects .imglink{
        padding:2px 11px
    }
    .flag_section{
        width:60px
    }
    .logo_section{
        margin-right:0
    }
}
@media (max-width:1124px){
    ul.sf-menu.menu,ul.sf-menu.menu li,ul.sf-menu.menu ul{
        font-size:15px
    }
    .newslettermain{
        width:96%;
        margin:2%
    }
    .newsletterposts{
        width:100%;
        margin-top:2%;
        margin-left:0
    }
    .newsletterposts .views-row{
        width:46%;
        margin:2%;
        float:left;
        padding:0
    }
    .newsletterposts .views-field.views-field-field-newsletter-image{
        width:100%
    }
    .newsletterposts .field-content img{
        width:100%;
        height:auto
    }
    .newsletterposts .views-field.views-field-field-newsletter-month{
        width:100%
    }
    .newsletterposts .views-field.views-field-field-title{
        width:100%
    }
    .title-content-detailstop{
        line-height:25px
    }
}
@media (max-width:1099px){
    .projectsImagesDetails .teamStyle-2{
        width:23%
    }
}
@media (max-width:1024px){
    body.overflowhidden{
        position:fixed;
        height:100%;
        width:100%
    }
    .crdpmenu .menu.sf-expanded{
        overflow-y:scroll;
        max-height:400px;
        overflow-x:hidden;
        height:100%
    }
    .flag_section{
        opacity:1;
        display:none
    }
    .crdpmenu{
        background-position:right;
        background-position-y:-26px;
        background-size:130px;
        padding:0;
        background-image:url(flag1.png);
        background-repeat:no-repeat
    }
    .sf-accordion-toggle.sf-style-none{
        width:30px;
        float:right;
        border:1px solid;
        border-radius:0;
        background:#99c559;
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -o-transition:all .2s linear;
        transition:all .2s linear;
        border-color:#0e95d3;
        padding:5px;
        opacity:.8;
        margin-top:13px
    }
    ul.sf-menu.sf-accordion li.sf-expanded>ul,ul.sf-menu.sf-accordion.sf-expanded{
        background-color:#fff;
        margin-top:1px;
        box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important
    }
    ul.menu li::after{
        display:none
    }
    ul.sf-menu.menu,ul.sf-menu.menu li,ul.sf-menu.menu ul{
        font-size:18px;
        text-align:CENTER
    }
    ul.sf-menu.menu li ul li{
        font-size:14px;
        background:#eee;
        margin:0
    }
    ul.sf-menu.menu li ul li a:hover,ul.sf-menu.menu li ul li:hover{
        background:#eee!important
    }
    .is-active.menuparent{
        border:none
    }
    ul.sf-menu.menu li:not(.active-trail):not(:last-child){
        border-bottom:2px solid #f8f9fa;
        margin-top:0
    }
    ul.sf-menu a,ul.sf-menu span.nolink{
        padding:13px .5em
    }
    .menuparent .sf-with-ul{
        padding-right:30px!important;
        padding-left:26px
    }
    ul.sf-menu.menu li.active-trail{
        background-color:#f8f9fa;
        margin-top:0
    }
    ul.sf-menu.menu li{
        margin-top:0
    }
    ul.sf-menu.menu li.active-trail ul li a.is-active{
        font-weight:700
    }
    .linksButtons-highlights .whiteback{
        width:97%
    }
    .topnav .logo_section{
        margin-right:5px
    }
    .topnav .flag_section{
        width:55px;
        margin-top:10px
    }
    .firstBtnsRow a:last-child,.secondBtnsRow a:last-child{
        line-height:16px
    }
    .flag_section{
        width:60px;
        position:absolute;
        right:2%;
        opacity:.2
    }
    .navbarmenu-1{
        font-size:13px
    }
    .news-1 .news-1-body{
        display:none
    }
    .label-title-detailstop{
        font-size:15px
    }
    .news1-details1 .righttitle::after{
        display:none
    }
    .projects1-details1 .righttitle::after{
        display:none
    }
    .slideshowtitle{
        min-height:50px
    }
    .under-construction{
        position:absolute;
        right:50px
    }
    .firstBtnsRow a:first-child:before{
        left:27px
    }
}
@media (max-width:910px){
    .navbarmenu-1 img{
        width:23px
    }
    .navbarmenu-1 .leftSection a,.navbarmenu-1 .leftSection i,.navbarmenu-1 .leftSection img{
        line-height:28px
    }
    .navbarmenu-1 .library,.navbarmenu-1 .platforms,.navbarmenu-1 .suggestions{
        padding-left:2px!important
    }
    .fieldsdetails{
        width:100%
    }
    .label-title-detailstop{
        font-size:14px;
        text-align:CENTER;
        font-weight:700
    }
    #pic1::before,#pic2::before,#pic3::before,#pic4::before{
        display:none
    }
    .ApplicationForm .form-item-project-committee-applied-for-br-asm-almshrw, .ApplicationForm .form-item-first-name-br-alasm-, .ApplicationForm .form-item-family-name-br-alshhrt{
      width: 95.2% !important;
    }
    .ApplicationForm .js-form-type-textfield, .ApplicationForm .js-form-type-radios, .ApplicationForm .js-form-type-date, .ApplicationForm .js-form-type-number, .ApplicationForm .js-form-type-email{
      margin-left: 0px !important;
      width:95.2% !important;
    }
    .ApplicationForm .js-form-type-select{
      margin-left: 0px !important;
      width:95.2% !important;
    }
}
@media (max-width:890px){
    .navbarmenu-1 .rightSection{
        float:left!important
    }
    #superfish-main{
        width:80%
    }
    ul.sf-menu.menu,ul.sf-menu.menu li,ul.sf-menu.menu ul{
        font-size:11px
    }
    .aboutUs{
        width:47%!important
    }
    .siteMap{
        width:48%!important;
        margin-left:3%;
        margin-right:inherit
    }
    .contactUs{
        width:47%!important
    }
}
@media (max-width:768px){
    .buttons-links-div{
        width:100%;
        margin-right:0;
        margin-left:0
    }
    .projects1-details1 h3{
        font-size:18px
    }
    .projects1-details1 .views-field.views-field-field-description .field-content a{
        line-height:33px
    }
    .school-guide-all .schools{
        width:-moz-calc(88%/3)!important;
        width:-webkit-calc(88%/3)!important;
        width:-o-calc(88%/3)!important;
        width:calc(88%/3)!important;
        margin:10px 2%!important;
        margin-left:0!important
    }
    .newsletterposts .views-field.views-field-field-newsletter-month{
        margin-left:0
    }
    .maplabel{
        width:99.2%
    }
    ul.sf-menu.menu,ul.sf-menu.menu li,ul.sf-menu.menu ul{
        font-size:15px
    }
    .firstBtnsRow a:first-child:before{
        left:120px
    }
    .buttons-links-div .fa-comments{
        margin-left:auto;
        margin-right:initial
    }
    .contactUsDetails{
        width:100%
    }
    .contactUsWebform{
        clear:left;
        width:100%
    }
    .firstBtnsRow a,.secondBtnsRow a{
        width:98%
    }
    .highlightsNews{
        width:100%;
        margin-right:0;
        margin-bottom:3%
    }
    .topnav .flag_section{
        width:65px!important
    }
    .sectionTitle::after{
        display:none
    }
    .ourVision-orientations{
        width:100%;
        margin-left:0
    }
    .ourVisionImage{
        width:15%;
        margin-right:2%
    }
    .ourVision .sectionTitle{
        position:relative;
        left:0
    }
    .ourVision .sectionTitle::after{
        left:14%;
        width:82%
    }
    .orientations{
        margin-top:20px
    }
    .orientationsTitle{
        float:left
    }
    .orientations .sectionTitle{
        position:relative
    }
    .continuousTrainings .sectionTitle::after{
        left:24%;
        width:71%
    }
    .sectionsButtons{
        width:48%;
        margin-left:1%;
        flex:inherit;
        margin-right:0
    }
    .trainingsInfo{
        display:inherit
    }
    .slideshowhome2{
        flex:inherit;
        width:49%;
        margin-right:1%
    }
    .embeddedVideo{
        width:98%;
        margin-left:1%;
        margin-right:1%
    }
    .buttons a{
        width:96%
    }
    .buttonsBox{
        width:99%
    }
    .aboutUs{
        width:100%!important;
        margin-left:0;
        margin-right:0
    }
    .siteMap{
        width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        margin-top:4%
    }
    .contactUs{
        width:100%!important;
        margin-left:0;
        margin-right:0;
        margin-top:20px
    }
    .form-submit{
        float:left!important;
        color:#fff!important;
        padding-top:2px!important;
        padding-bottom:2px!important;
        padding-left:20px!important;
        padding-right:20px!important;
        border:none!important;
        font-family:Roboto,sans-serif!important;
        font-size:15px!important;
        width:auto!important;
        height:34px!important
    }
    .books .form-submit{
        margin-top:20px
    }
    .books .form-text{
        width:25%
    }
    .p-news{
        width:30.33%;
        margin-bottom:30px
    }
    .partners .views-row{
        width:28.5%;
        margin-left:2.5%;
        margin-right:2%
    }
    .partners .views-field-field-image{
        padding:18px 38px
    }
    .partners .views-field-title .field-content{
        margin-left:36px
    }
    .menuabout .views-field-title{
        width:100%
    }
    .news1-details1 .righttitle::after{
        width:50px;
        left:115px
    }
    .projects1-details1 .leftsection{
        width:75%;
        margin-right:0
    }
    .projects1-details1 .righttitle::after{
        display:none
    }
    .projects1-details1 .leftimage{
        width:93%
    }
    .projects1-details1 a.colorbox{
        padding:2% 1%;
        width:31%
    }
    .allbooks{
        width:27%;
        margin:1%;
        margin-bottom:2%
    }
    .book-list{
        width:47%;
        margin:1.5%
    }
    .edu-magazine .views-row{
        margin-left:2%
    }
    .magazine{
        width:18.5%;
        margin-left:2%
    }
    .newsletter-all{
        width:27%
    }
    .greenroom p{
        margin-left:2.5%
    }
    .greenroom iframe{
        width:-webkit-fill-available
    }
    .statistics-all p{
        margin-left:2%;
        width:96%
    }
    .statistics-info{
        width:28%;
        margin-bottom:5%!important
    }
    .edu-magazine .statistics-info{
        width:28%;
        margin-bottom:5%
    }
    .researchesandstudies-all .views-row{
        width:28%;
        margin:4% 1%
    }
    .researches-node .rightsection{
        width:46%
    }
    .suggestionDetails{
        width:100%;
        margin-right:0
    }
    .suggestionsWebform input#edit-first-name.form-text{
        margin-right:10%;
        margin-left:0
    }
    .suggestionsWebform{
        width:100%
    }
    .curriculum-year{
        margin-left:2.5%;
        width:100%
    }
    .title-and-gallery{
        width:100%
    }
    .guide-list{
        width:47.5%
    }
    .dalilounatitle{
        padding:2%;
        margin-bottom:2%
    }
    .menuabout.dalil{
        width:43%;
        padding-right:0;
        margin-top:30px
    }
    .menuabout.dalil label{
        padding:10px 149px
    }
    .dalilounacontent .rightabout{
        width:100%;
        margin-top:4%
    }
    .menuabout input.button.js-form-submit.form-submit{
        margin:6% 40%;
        padding:2% 7%!important
    }
    table.cols-2 th#view-title-table-column.views-field.views-field-title{
        width:65%
    }
    .rightabout table.cols-2 caption{
        padding:2% 0;
        font-size:15px
    }
    .ourVision-news .news{
        width:100%;
        margin-bottom:5%
    }
    .curriculum-list-all .field-content a{
        margin-bottom:3%
    }
    .ourVision{
        float:left;
        width:48%
    }
    .orientations{
        width:47%;
        margin-top:0;
        margin-left:5%
    }
    ul.menu li::after{
        content:none
    }
    li.sf-clone-parent:first-child{
        display:none
    }
    .flag_section{
        width:68px
    }
    .newsletteryear{
        width:25%
    }
    .newsletterbox{
        width:70%
    }
    .newsletterposts .field-content img{
        width:100%;
        height:auto
    }
    .regionalimage{
        width:31%
    }
    .mawarid-all{
        width:29%
    }
    .tot{
        margin-right:2%
    }
    .regionalmore{
        left:36%;
        display:block
    }
    .schools{
        width:27%
    }
    .fieldsdetails{
        width:100%
    }
    .contentdetails{
        width:27%
    }
    .contactUs-webform{
        margin-top:0
    }
    .sectionTitleFooter{
        margin-top:0;
        margin-bottom:0
    }
    .issuedbooks-more a{
        padding:1%
    }
    .table-responsive{
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        border:1px solid #ddd
    }
    .news1-details1 .righttitle::after{
        display:none
    }
    .projects1-details1 .righttitle::after{
        display:none
    }
    .trainins-wrapper .views-row{
        width:27%
    }
    .dalilounatitle a{
        padding:2%;
        margin-bottom:3%
    }
    .suggestions-webform{
        margin-top:0
    }
    .suggestionDetails{
        margin-top:0
    }
    .suggestionDetails .views-field.views-field-title{
        margin-bottom:0
    }
    .leftbody .colorbox.cboxElement{
        width:31.2%
    }
    .news1-details1 .views-row{
        margin-top:5px!important;
        padding-top:5px
    }
    .news1-details1 .views-field-counter{
        padding:15px;
        height:40px;
        width:40px;
        margin:4% auto;
        display:grid
    }
    .news1-details1 .views-field-counter span{
        margin:auto
    }
    .news1-details1 .leftsection{
        width:100%
    }
    .news1-details1 .rightsection{
        width:100%;
        margin-left:0
    }
    .news1-details1 .righttitle{
        margin:5% 0
    }
    .left-footer{
        width:100%
    }
    .linksButtons-highlights .whiteback{
        width:98%
    }
    .table-responsive{
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        border:1px solid #ddd;
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        border:1px solid #ddd
    }
    .title-content-det{
        width:47%
    }
    .newsletterposts .views-field.views-field-field-newsletter-month .field-content{
        margin:5px 0;
        padding-top:0;
        margin-bottom:10px
    }
    .curriculum-list-all a{
        margin-bottom:20px;
        padding:12px;
        width:95%
    }
    .rtecenter{
        padding:0 8px
    }
    .embeddedVideo .video iframe{
        float:none;
        height:480px
    }
    .video{
        padding:3% 0 2% 0
    }
    .panel-body{
        padding:0
    }
    .school-guide-all form{
        margin-bottom:2%
    }
    .leftbody.edu-diff-video .views-row{
        width:45%
    }
    .tawajohat-all .even,.tawajohat-all .odd{
        margin-bottom:2%!important;
        padding:2% 1%!important
    }
    .projects form input,.projects form select{
        margin-bottom:5px
    }
    .eu-cookie-compliance-message{
        max-width:100%;
        width:100%
    }
    #popup-subscribe{
        text-align:center;
        width:70%;
        margin:auto
    }
    #popup-subscribe .Subsc-text{
        margin-left:0
    }
    .eu-cookie-compliance-buttons{
        max-width:100%;
        width:100%
    }
    .eu-cookie-compliance-buttons button{
        text-align:center;
        width:100%
    }
    #popup-subscribe #closepopup{
        padding:4px 10px;
        right:98px;
        top:20px
    }
}
@media (max-width:640px){
    .highlights_links a{
        font-size:15px
    }
    .rightabout{
        width:100%!important
    }
    .marg30 #links{
        margin-bottom:30px!important
    }
    .marg15 #links{
        margin-bottom:15px!important
    }
    .suspendedthemes .menuabout .views-field-title,.suspendedthemes .menuabout .views-field.views-field-field-title,.suspendedthemes .menuabout h3{
        width:100%
    }
    #views-exposed-form-news-new-page-1 input#edit-combine{
        width:50%!important
    }
    #views-exposed-form-news-new-page-1 input.js-form-submit{
        width:115px!important
    }
    .newsnews .textblock-news span:last-child{
        min-height:unset;
        padding-bottom:5px
    }
    .allfooter{
        font-size:12px
    }
    .menuabout{
        width:100%!important;
        margin-bottom:20px
    }
    .ourVisionImage{
        margin-top:15px;
        width:20%
    }
    .orientationsTitle{
        width:94%
    }
    .navbarmenu-1 img{
        width:22px!important
    }
    .navbarmenu-1 .search{
        width:210px!important;
        padding-left:5px
    }
    .slideshowText{
        display:none
    }
    .highlights_links{
        padding:10px 2%!important;
        width:96%
    }
    .news-1{
        width:100%;
        border-bottom:1px solid #ddd
    }
    .news-2{
        width:100%;
        padding-top:10px;
        margin-left:0
    }
    .navbarmenu-1 .leftSection a,.navbarmenu-1 .leftSection i,.navbarmenu-1 .leftSection img{
        line-height:22px!important
    }
    .slideshowhome2{
        width:100%;
        margin-right:0
    }
    .sectionsButtons{
        margin-bottom:20px
    }
    .socialLinks{
        width:260px;
        text-align:center
    }
    .ourNewsServices{
        margin-left:0
    }
    .books .form-submit{
        margin-top:0
    }
    .socialMediaIcons{
        width:150px;
        margin:0 auto;
        margin-bottom:10px;
        padding-left:25px;
        float:inherit
    }
    .socialMediaIcons a{
        padding:4px 6px
    }
    .ourNewsServices a{
        font-size:13px
    }
    .p-news{
        width:46.33%;
        margin-bottom:50px
    }
    .textblock-news{
        bottom:-18px
    }
    .ourPartners{
        background-color:#000
    }
    .ourPartners .sectionTitle::after{
        position:absolute;
        left:15%;
        top:9px;
        height:2px;
        width:71%;
        content:"";
        background-color:#b8b8b8
    }
    .partnersSlideshow{
        float:left
    }
    .js-pager__items.pager{
        margin-top:0
    }
    .createdBy{
        float:left;
        width:100%;
        text-align:center
    }
    .rightsCRDP{
        text-align:center;
        width:100%
    }
    .createdBy p,.rightsCRDP p{
        text-align:center
    }
    .sectionsButtons{
        width:98%;
        margin-left:1%;
        margin-right:1%
    }
    .magazine{
        width:26.5%
    }
    .newsletter-all{
        width:27%;
        height:unset
    }
    .slideshowtitle{
        min-height:unset
    }
    .statistucs-all p{
        margin-left:3%;
        width:94%
    }
    .statistics-info{
        width:45%;
        margin-bottom:9%!important;
        margin-top:9%
    }
    .edu-magazine .statistics-info{
        width:45%;
        margin-bottom:9%
    }
    .researches-node .leftsection1{
        width:97%
    }
    .researches-node .rightsection1{
        width:40%
    }
    .title-and-image{
        width:43.3%;
        margin-bottom:20px
    }
    .socialmedia-gallery div div{
        width:31%
    }
    .guide-list{
        width:48%
    }
    .download-link{
        width:44%
    }
    .book-list{
        width:100%;
        margin:0;
        margin-bottom:4%!important
    }
    .schools{
        width:43%
    }
    .dalilounatitle{
        padding:2.5%;
        margin-bottom:2.5%
    }
    .menuabout.dalil label{
        padding:4% 44%
    }
    .curriculum-year-all .even,.curriculum-year-all .odd{
        width:97%;
        margin-bottom:5%
    }
    .curriculum-more-details{
        margin-right:3%
    }
    .ourVision{
        float:left;
        width:100%
    }
    .orientations{
        width:100%;
        margin:15px 0 0 0
    }
    .researchesandstudies-all .views-row{
        width:45%
    }
    .studies-researches-all .form-text{
        margin-bottom:10px;
        width:38%
    }
    .studies-researches-all .form-item.form-item-field-language-studies-value{
        float:left;
        width:52%
    }
    form#views-exposed-form-studies-and-researches-page-1 .form-item.form-item-field-language-studies-value select{
        width:89%!important
    }
    .studies-researches-all form select{
        width:41%;
        margin-bottom:10px
    }
    .studies-researches-all .form-submit{
        margin-bottom:10px
    }
    .projects .projectsImagesDetails .teamStyle-2{
        width:46%;
        margin:1.5%
    }
    .newsletteryear{
        width:33%
    }
    .newsletterbox{
        width:65%
    }
    .newslettermain{
        width:96%
    }
    .newsletterposts{
        width:97%;
        margin-top:7%;
        margin-left:0
    }
    .regionalimage{
        width:48%
    }
    .regionalmore{
        left:43%
    }
    .tot,.trainingblock{
        width:97%
    }
    .tot .swiper-slide,.trainingblock .swiper-slide{
        width:100%
    }
    .tot .slideshowtraining,.trainingblock .slideshowtraining{
        padding:4.5%
    }
    .issuedbooks .views-row{
        width:98%;
        margin-right:0;
        margin-bottom:4%
    }
    .edu-diff-gallery .views-row{
        width:29%
    }
    .event-title{
        margin-bottom:5%
    }
    .tawajohat-all .even,.tawajohat-all .odd{
        margin-bottom:3%!important
    }
    .leftsection{
        width:100%
    }
    .projects1-details1 .rightsection .latest-projects1,.projects1-details1 .rightsection .righttitle{
        display:none
    }
    .projects1-details1 .rightsection{
        width:100%
    }
    .projects1-details1 .leftsection{
        width:100%
    }
    .trainins-wrapper .views-row{
        width:44%
    }
    .back{
        display:none
    }
    .school-guide-all .views-exposed-form .js-form-item{
        width:30.5%
    }
    .school-guide-all .form-submit{
        width:30.5%!important
    }
    .fullwidth.books .form-select{
        margin-bottom:2%
    }
    .edu-center-content .leftbody,.edu-center-content .views-field-field-terms-body{
        width:100%
    }
    .edu-diff{
        margin-bottom:7%
    }
    .moodle-all>div{
        width:32%
    }
    .news1-details1 .rightsection{
        width:100%
    }
    .news1-details1 .views-field-counter{
        padding:10px;
        height:20px;
        width:20px
    }
    .menuabout.dalil{
        width:98%
    }
    .projects form{
        margin-bottom:15px
    }
    .createdBy a{
        float:none!important;
        text-align:center!important
    }
    .leftbody.edu-diff-video .views-row{
        width:100%;
        margin:0;
        margin-bottom:3%
    }
    .dalilounatitle a{
        padding:1%;
        margin-bottom:15px
    }
    .ourguide{
        margin:0;
        width:100%
    }
}
@media (max-width:520px){
    .highlights_links a{
        font-size:13px
    }
    .maplabel{
        width:99%
    }
    .navbarmenu-1 form input#edit-submit-search1,.navbarmenu-1 form input.button.js-form-submit{
        left:0
    }
    .ourVision-orientations{
        margin-top:20px;
        margin-bottom:10px
    }
    .title-content-detailstop{
        font-size:15px
    }
    .school-guide-all .schools{
        display:grid;
        padding:20px;
        width:100%!important;
        margin:10px 0!important;
        margin-left:0!important
    }
    .school-fields{
        margin-bottom:8px
    }
    .more-details-school-button{
        float:right;
        margin:auto;
        text-align:center
    }
    .icons{
        display:none
    }
    .firstBtnsRow a:first-child:before{
        left:35px
    }
    .contactUs{
        margin-top:4%
    }
    .label-title-details{
        width:48%
    }
    .title-content-details{
        width:49%
    }
    .percentage1{
        line-height:13px
    }
    .percentage2{
        line-height:18px
    }
    .school-fields-detailstop{
        width:48.5%;
        margin:0 1.5%;
        margin-left:0;
        margin-bottom:2%
    }
    .leftLinks,.middleLinks,.middleLinks2,.rightLinks{
        width:100%
    }
    .left-footer{
        width:100%
    }
    .navbarmenu-1 img{
        width:22px!important
    }
    .navbarmenu-1 .library,.navbarmenu-1 .platforms,.navbarmenu-1 .suggestions{
        padding-left:3px;
        font-size:14px
    }
    .navbarmenu-1 .leftSection a,.navbarmenu-1 .leftSection i,.navbarmenu-1 .leftSection img{
        line-height:18px!important
    }
    .navbarmenu-1 .rightSection .whitePipe,.navbarmenu-1 .rightSection a,.navbarmenu-1 .rightSection img{
        line-height:15px!important;
        font-size:16px
    }
    .navbarmenu-1 .search{
        width:180px!important;
        padding:0!important;
        margin:0!important
    }
    .ourNewsServices{
        margin-left:0
    }
    .siteMap{
        margin:20px 2%;
        margin-bottom:0
    }
    .siteMap .leftLinks a:last-child{
        padding-bottom:0
    }
    .p-news{
        width:auto
    }
    .p-news:first-child{
        margin-top:0
    }
    .p-news:last-child{
        margin-bottom:30px
    }
    form.views-exposed-form#views-exposed-form-news-new-page-1{
        margin-bottom:5px
    }
    .privacy-policy{
        margin:10px
    }
    .partners .views-row{
        width:48%;
        margin-left:5px;
        margin-right:0
    }
    .partners .views-field-field-image{
        padding:18px 33px
    }
    .partners .views-field-title .field-content{
        margin-left:32px
    }
    .imp-links .views-row{
        width:100%
    }
    .imp-links h3{
        padding:2% 2%;
        width:96%
    }
    .imp-links a{
        margin-left:5px
    }
    .projects .projectsImagesDetails .teamStyle-2{
        width:47%
    }
    .allbooks{
        width:44%
    }
    .books .form-text{
        width:96%
    }
    .fullwidth.books .form-select{
        margin-top:2%;
        width:44%
    }
    .books .form-submit{
        margin-top:0
    }
    .magazine{
        width:43.5%
    }
    .edu-news form{
        width:96%;
        margin-left:2%
    }
    .newsletter-all{
        width:44%
    }
    .event-details.floatright p img{
        width:100%;
        height:auto
    }
    .pagesLinks .researches-node .download-class{
        margin-top:10px
    }
    .researches-node .rightsection.floatright{
        width:96%!important
    }
    .researches-node .rightsection.floatright img{
        width:100%;
        height:auto
    }
    .researches-node .rightsection1{
        width:93%
    }
    .researches-node .rightsection1 .rightimage img{
        width:100%;
        height:auto
    }
    .search-list li{
        margin-bottom:20px;
        padding-bottom:20px
    }
    .statistics-all p{
        margin-left:4%;
        width:92%
    }
    .statistics-info{
        width:45%
    }
    .edu-magazine .statistics-info{
        width:45%
    }
    .ourVisionText{
        width:75%
    }
    .newsletter .rightsidecontent{
        width:100%
    }
    .newsletter .big-desc img{
        width:100%;
        height:auto
    }
    .form-submit{
        padding:6px!important;
        font-size:14px!important;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px
    }
    .researches-node .leftsection{
        width:100%
    }
    .researches-node .rightsection{
        width:90%
    }
    .curriculum-year{
        margin-left:4.5%;
        width:87%;
        margin-bottom:3%
    }
    .edu-center-content .vertical-tabs{
        margin:1em 0 1em 9em
    }
    .edu-center-content .vertical-tabs__menu{
        width:8em;
        margin:-1px 0 -1px -9em
    }
    .diff-center{
        width:75%
    }
    .diff-content ul{
        padding-left:0
    }
    .title-and-image{
        width:45.3%;
        margin:1%
    }
    .socialmedia-gallery div div{
        width:48%
    }
    .schools{
        width:-moz-calc(100% - 40px);
        width:-webkit-calc(100% - 40px);
        width:-o-calc(100% - 40px);
        width:calc(100% - 40px);
        margin:10px 0
    }
    .dalilounatitle{
        width:95%;
        padding:3.5%;
        margin-bottom:3%
    }
    .publicationspage .dalilounatitle{
        width:98%;
        padding:4% 0
    }
    .menuabout.dalil{
        width:98%
    }
    .menuabout.dalil label{
        padding:2% 45%
    }
    .dalilounacontent .rightabout{
        margin-top:7%
    }
    .curriculum-year{
        width:97%
    }
    .curriculum-year-all .even,.curriculum-year-all .odd{
        margin-bottom:5%
    }
    .curriculum-list-all a{
        margin-bottom:15px!important;
        padding:2%;
        width:95%
    }
    .curriculum-list-all a.last{
        margin-bottom:0!important
    }
    .curriculum-list-all{
        margin:0;
        width:100%
    }
    .regionalimage{
        float:left;
        width:100%;
        margin-right:2%
    }
    .contentdetails{
        margin:0;
        margin-bottom:20px;
        width:-moz-calc(50% - 20px)!important;
        width:-webkit-calc(50% - 20px)!important;
        width:-o-calc(50% - 20px)!important;
        width:calc(50% - 20px)!important;
        margin-right:15px!important
    }
    .contentfile{
        padding:5px 0;
        width:100%;
        margin-left:0;
        margin:10px 0
    }
    .contentdetails img{
        min-height:unset
    }
    .view-content .contentdetails:nth-child(even){
        margin-right:0!important
    }
    .curguid .contentdetails:nth-child(odd){
        margin-right:0!important
    }
    .contenttext a{
        min-height:unset
    }
    .newsletteryear{
        width:40%
    }
    .newsletterbox{
        width:58%
    }
    .mawarid-all{
        width:46%
    }
    .leftimage div div{
        width:46%
    }
    .webformContent form input{
        width:100%!important
    }
    .firstBtnsRow{
        width:46%;
        margin-right:4%
    }
    .linksButtons-highlights .whiteback{
        width:98%
    }
    .buttons-links-div{
        width:99%
    }
    .edu-diff-gallery .views-row{
        width:46%
    }
    .guide-list{
        width:98%
    }
    .curriculum-year-all .views-row .views-field.views-field-field-curriculum-language .field-content{
        width:32.5%
    }
    .moodle-all>div{
        width:45%
    }
    .firstBtnsRow a,.secondBtnsRow a{
        width:95%
    }
    .title-content-det{
        width:49%
    }
    .newsletterposts .views-row{
        width:99%;
        margin-bottom:22px
    }
    newsletter-details-image{
        display:none
    }
    form#views-exposed-form-statistics-bulletin-page-1{
        margin-bottom:50px
    }
    .navbarmenu-1 form{
        margin-bottom:10px;
        margin-top:6px
    }
    .navbarmenu-1 form input.form-text{
        margin-left:0
    }
    .traininglinks .form-subsc a{
        padding:10px
    }
    .contactUsWebform form .form-item input{
        width:94.5%!important
    }
    .contactUsWebform form .form-item:nth-child(2),.contactUsWebform form .form-item:nth-child(4){
        margin-left:0;
        margin-right:0
    }
    .contactUsWebform form .form-item:not(.js-form-type-textarea){
        width:100%;
        margin:1.5% 0;
    }
    .contactUsWebform form .form-item input,.contactUsWebform form .form-item textarea{
        width:94.5%!important
    }
    .contactUsWebform form.webform-submission-form .form-item-email1 input{
        width:100%!important
    }
    #views-exposed-form-statistics-bulletin-page-1 .form-item input{
        width:41%;
        margin-bottom:15px
    }
    #views-exposed-form-magazine-page-1 input{
        margin-bottom:10px
    }
    form:not(#views-exposed-form-search1-page-1) .form-item input,form:not(#views-exposed-form-search1-page-1) input:not(:last-child){
        margin-bottom:15px
    }
    form#views-exposed-form-school-guide-page-1 .form-item input{
        margin-bottom:1%
    }
    .more-details-school-button{
        float:left;
        margin-top:15px;
        width:40%
    }
    .date-title-news2{
        width:52%!important
    }
    .news-2-image{
        width:45%!important
    }
    form#views-exposed-form-curriculum-details-page-1 input#edit-field-year-value,form#views-exposed-form-curriculum-guidelines-page-1 input#edit-field-year-value,form#views-exposed-form-magazine-page-1 input#edit-title,form#views-exposed-form-projects-page-1 .form-item input,form#views-exposed-form-statistics-bulletin-page-1 input#edit-field-date-stat-value,form#views-exposed-form-studies-and-researches-page-1 input#edit-field-year-studies1-value{
        margin-right:0
    }
    form#views-exposed-form-curriculum-details-page-1 .form-item input,form#views-exposed-form-curriculum-guidelines-page-1 .form-item input,form#views-exposed-form-magazine-page-1 .form-item input,form#views-exposed-form-projects-page-1 .form-item input.form-text,form#views-exposed-form-projects-page-1 .form-item select,form#views-exposed-form-statistics-bulletin-page-1 .form-item input,form#views-exposed-form-studies-and-researches-page-1 .form-item input,form#views-exposed-form-studies-and-researches-page-1 .form-item select{
        width:-moz-calc(50% - 30px)!important;
        width:-webkit-calc(50% - 30px)!important;
        width:-o-calc(50% - 30px)!important;
        width:calc(50% - 30px)!important
    }
    input.js-form-submit:not(.school-guide-all input),select:not(.school-guide-all select){
        width:115px;
    }
    .gtranslate select{
	width: 100% !important;
}
    #popup-subscribe a{
        margin-left:20%;
        margin-top:10px;
        margin-right:15px;
        float:left
    }
    #popup-subscribe #closepopup{
        margin-top:10px;
        position:unset;
        float:left
    }
    #popup-subscribe{
        width:90%
    }
    #popup-subscribe .Subsc-text{
        float:none;
        margin-right:0;
        text-align:center
    }
    .curriculum-clarification iframe{
        max-width:100%;
        height:auto
    }
    .ui-accordion .ui-accordion-content{
        padding:1em
    }
    .partners form .form-submit{
        padding:6px!important
    }
}
@media (max-width:460px){
    .newsletter-details-image{
        width:100%;
        margin-top:20px
    }
}
@media(max width:414px){
    input#edit-reset.button.js-form-submit.form-submit{
        margin-left:4px;
        margin-right:0
    }
    .firstBtnsRow a:first-child:before{
        left:30px
    }
}
@media(max width:390px){
    input#edit-reset.button.js-form-submit.form-submit{
        margin-right:90px;
        margin-left:0
    }
}
@media (max-width:375px){
    .navbarmenu-1 .leftSection{
        margin-top:5px
    }
    .booklist-download{
        margin-top:5px
    }
    .navbarmenu-1 form{
        margin-bottom:0
    }
    .partners .views-field-field-image{
        padding:18px 27px
    }
    .title-content-detailstop{
        font-size:14px;
        height:90px
    }
    .percentage2.title-content-det{
        border:0;
        width:98.55%!important
    }
    .percentage2.title-content-det img{
        margin:0;
        width:100%
    }
    .partners .views-field-title .field-content{
        margin-left:25px
    }
    .navbarmenu-1 .rightSection{
        margin:5px 0
    }
    .label-title-details{
        width:98%
    }
    .title-content-details{
        width:96%!important
    }
    .percentage2.title-content-det{
        width:96%!important
    }
    .fieldsdetails:first-child{
        margin-bottom:20px
    }
    .map iframe{
        margin-top:-30px
    }
    .allbooks-img img{
        min-height:unset
    }
    .researches-node .leftsection{
        width:91%;
        float:left;
        margin-left:2.5%
    }
    input#edit-submit-school-guide.button.js-form-submit.form-submit{
        margin-left:0!important;
        width:47.5%!important
    }
    .school-guide-all .views-exposed-form .js-form-item{
        width:47.5%
    }
    body{
        line-height:20px;
        overflow-x: hidden;
      }
    .navbarmenu-1 a{
        padding:5px 3px!important
    }
    .firstBtnsRow a,.secondBtnsRow a{
        padding:10px 5px
    }
    .linksButtons-highlights{
        padding:20px 0
    }
    .ourVision-news{
        margin-top:20px
    }
    .partners .views-field-title .field-content{
        margin-left:20px
    }
    .partners .views-field-field-image{
        padding:18px 20px
    }
    .curriculum-clarification .menuclarif{
        width:31.5%
    }
    .curriculum-clarification .rightabout{
        width:61.5%
    }
    .projects .teamStyle-2{
        width:97%;
        margin-bottom:4%
    }
    .allbooks{
        width:96%;
        margin:0;
        margin-bottom:20px
    }
    .magazine{
        width:92.5%
    }
    .edu-news .form-submit{
        margin-left:4.5%!important;
        margin:1% 0
    }
    .book-list{
        width:100%;
        margin-left:0
    }
    .statistics-info{
        width:95%;
        margin-bottom:20%
    }
    .edu-magazine .statistics-info{
        width:95%;
        margin-bottom:9%;
        margin-bottom:20%
    }
    .moodle-all>div{
        width:98%
    }
    .fullwidth.books .form-select{
        margin-bottom:0
    }
    .books .form-submit{
        margin-top:15px!important
    }
    .fullwidth.books .form-select{
        width:100%
    }
    .socialmedia-gallery div div{
        width:98%
    }
    .statistics-info{
        margin-top:10%!important
    }
    .statistics-info{
        margin:0!important;
        margin-right:15px!important;
        width:calc(50% - 15px);
        height:unset!important;
        margin-bottom:40px!important;
        margin-right:15px!important
    }
    .statistics-info:nth-child(even){
        margin-right:0!important
    }
    .researchesandstudies-all .views-row{
        width:93%
    }
    .mawarid-all{
        width:98%;
        margin-bottom:10%
    }
    .mawarid-e{
        margin-top:6%
    }
    .regionalimage{
        float:left;
        width:100%
    }
    .leftbody .colorbox.cboxElement{
        width:47.2%
    }
    input#edit-reset.button.js-form-submit.form-submit{
        margin-right:0!important;
        margin-top:0
    }
    input#edit-submit-news.button.js-form-submit.form-submit{
        margin-left:15px!important
    }
    .mawaridtitle{
        font-size:20px
    }
    .form-text:not(.school-guide-all .form-text){
        width:237px!important;
        margin-bottom:8px
    }
    .contactUsWebform form .form-item input.form-text,.contactUsWebform form .form-item textarea{
        width:98%!important
    }
    .form-select{
        width:250px
    }
    .projects .form-select{
        margin-bottom:7px
    }
    .projects .form-submit{
        margin-top:0
    }
    .tawajohat-all .even,.tawajohat-all .odd{
        padding:3% 1%!important
    }
    .dalilounatitle a{
        padding:2%
    }
    .form-submit#edit-reset{
        margin-top:20px
    }
    .container{
        width:90%!important;
        margin:0 5%!important
    }
    footer .information .container .container{
        width:100%!important;
        margin:0!important
    }
    .newsletterbox{
        width:98%
    }
    .newsletteryear .field-content a{
        width:79%
    }
    .newsletteryear{
        width:100%
    }
    .projects .projectsImagesDetails .teamStyle-2{
        width:98%
    }
    .under-construction{
        font-size:14px;
        padding:2px 5px;
        margin-top:43px;
        right:0
    }
    .firstBtnsRow a:first-child:before{
        left:20px
    }
    #views-exposed-form-statistics-bulletin-page-1 .form-submit#edit-reset,.studies-researches-all form #edit-reset{
        margin-top:0
    }
    #views-exposed-form-statistics-bulletin-page-1 .form-item input{
        width:37%
    }
    #views-exposed-form-magazine-page-1 .form-item input{
        width:38%
    }
}
@media(max-width:320px){
    .navbarmenu-1 .library,.navbarmenu-1 .platforms,.navbarmenu-1 .suggestions{
        font-size:12px
    }
    .navbarmenu-1 form input#edit-combine{
        width:100px
    }
    .contactUsWebform .captcha div{
        width:100%!important
    }
    .contactUsWebform .captcha iframe{
        width:260px
    }
    .stButton{
        margin:0!important
    }
    .firstBtnsRow a:first-child:before{
        left:10px
    }
    .partners .form-text{
        width:115px
    }
    .partners .form-submit{
        font-size:12px!important
    }
}
.shareaholic-service-all{
    display:none!important;
    font-size:0px!important;
    line-height:0!important;
    width:0!important;
    height:0!important
}
.fa-x-twitter{
    background:url('../pictures/x-gray.png') no-repeat;
    width: 25px;
    height: 31px;
}
.fa-x-twitter:hover{
    background:url('../pictures/x-white.png') no-repeat;
    width: 25px;
    height: 31px; 
}
.new-twitter{
    padding: 1px 9px !important;
}