@import url('bootstrap/bootstrap.min.css');
@import url('fonts/fonts_icomoon/icomoon.css');
@font-face {
    font-family: 'classyfonts';
    src: url("fonts/classy.eot?fftrrv#iefix") format("embedded-opentype"), url("fonts/classy.ttf?fftrrv") format("truetype"), url("fonts/classy.woff?fftrrv") format("woff"), url("fonts/classy.svg?fftrrv#classyfonts") format("svg");
 }
@font-face {
font-family:bein;
src:url(fonts/font-awesome/fonts/bein-ar-normal.ttf);
}
.mt-8{background-color: #f8f9fa;padding: 1rem;margin-top: 1rem;}
.img-w {width: 100% !important;cursor: pointer;height: 100%;padding: .25rem;background-color: #fff;border: 1px solid #dee2e6;border-radius: .25rem;}
.card-n,.card-new,.card-news{width:100%;cursor:pointer;background: #ffff;box-shadow:0 0 10px rgba(0,0,0,.15), 0 3px 3px rgba(0,0,0,.1)}
.card-news:hover{background: rgba(0,0,0,.09);}
.img-model{padding-top:0 !important;border:0px !important;height:100% !important;width:100%}
.Upcoming_Events a h5{font-size: 13px;text-align: justify;cursor:pointer;font-weight: 600;margin-bottom: 0rem;color: #000;letter-spacing: 0.5px;line-height: 20px;}
.p-7 {padding: 0px 1rem!important;}
.padding-news p{line-height: 30px;}
.padding-news{padding:0 1rem}
.bg-facebook{background-color:#315884 !important}
.section-news h4 {font-weight: 600;letter-spacing: 1.1px;line-height: 1.5;margin-bottom: 0.5rem;}
 .section-news h2{margin-top: 1.5rem;margin-bottom: 1rem;border-bottom: 4px solid #002147;}
 .Upcoming_Events{border-bottom: 1px solid #aaa0a05e;padding:0.5rem;margin-bottom:0}
 .Upcoming_Events img{height:70px !important;width:100%}
 .Upcoming_Events,.Upcoming_Events p{font-size: 12px;text-align: right;color: #aaa8a8 !important;}
.card-new.Upcoming_Events {margin-bottom: 0rem;}
 .Upcoming_Events p{margin-bottom:0px !important}
 .Upcoming_Events span{font-size:11px !important}
 .Upcoming_Events,.Upcoming_Events p{font-size: 12px;text-align: right;color: #aaa8a8;}
 .Upcoming_Events p:last-child{margin-bottom:0}
 .Upcoming_Events:hover img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);}
 .color-icon{color:#aaa0a0;margin-bottom: .25rem;font-size: 14.2px;}
 .socail-news-icon {text-align: center;margin-top: 0rem;display: block;align-items: center;}
.socail-news-icon a i {margin-left: 0px !important;font-size: 2rem;line-height: 60px;}
.socail-news-icon span {margin-right: 0rem;}
.socail-news-icon a {display: block;margin-bottom: 0.5rem;height: 60px;width: 60px;color: #fff;background: red;text-align: center;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,.15), 0 3px 3px rgba(0,0,0,.1);}
.section-news {background-color: #fff;}
.socail-news-icon a:hover {color: #fff !important;}
.socail-news-icon i {margin-left: .5rem;}
.padding-news{padding: 1rem;text-align: justify;font-size: 20px;word-spacing: 2px;}
.padding-news div.col-lg-3{height:125px;margin-bottom: 0.75rem;}
.padding-news div.col-lg-3 img{height:100%;width:100%}
.socail-news{direction: ltr;} .pr-6{padding-right: .5rem}
#about_word,#about_dep,#about_goul,#about_letter{padding:6rem 3rem}
.post-staff-padding{padding-right:0}
.card_stuProject:before, .card_stuProject:after {z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 50%;top: 80%;max-width: 300px;background: #77777759;-webkit-box-shadow: 0 15px 10px #777;-moz-box-shadow: 0 15px 10px #777;box-shadow: 0 15px 10px #777;-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}
.card_stuProject:after {-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);right: 10px;left: auto;}
.card_stuProject{position:relative;background: #f5f5f5;margin-bottom: 1.5rem;border: 1px solid #cdc8c8;}
.Project-info{padding: 0.5rem 0 0rem 0rem;}
.card_stuProject h4{font-size: 1rem;font-weight: 600;letter-spacing: 1px;line-height: 20px;margin-top: 2rem;margin-bottom: 0.25rem;}
.Project-info div{color: #666666;line-height: 30px;font-size: 15px;letter-spacing: 1px;}
.Project-info i{font-size: 1.5rem;padding-left: 8px;color: #3b91d5;padding-right: 0px;}
.Project-badg span.badg {position: absolute;cursor: pointer;top: -8px;right: 20px;display: inline-block;background: #dc3545;text-align: center;width: 120px;color: #fff;padding: 10px;font-size: 14px;letter-spacing: 1px;font-weight: 500;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.Project-badg span.badg i{padding-right:0px}
.Project-badg span.badg:after {left: -10px;width: 0;height: 0;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent #943b34 transparent;}
.Project-badg span.badg:before {width: 0;right: -10px;height: 0;border-style: solid;border-width: 10px 0 0 10px;border-color: transparent transparent transparent #943b34;}
.Project-badg span.badg:after, .Project-badg span.badg:before {position: absolute;top: 0;content: '';}
.icon-Project{font-size: 3.5rem;width: 85px;height: 85px;line-height: 85px;transition: all 0.5s;margin: 0.5rem 0.5rem;text-align: center;background-color: #d8d8d8;border-radius: 50%;color: #002147;}
.card_stuProject:hover .icon-Project{color:#aa9074;background:#002147}
.border-row div.col-lg-10,.border-row div.col-lg-2,.border-row div.row ,.profile .row div,.profile .border-row{margin-top:0px !important}
.img-holder {position:relative;top: 0;left: 0;right: 0;width:100%;height: 100px;background: #ffffff;text-align: center;z-index: 0;}
.border-row{cursor:pointer;border-bottom: 1px solid #aaa0a05e;padding: 0.5rem 0rem;align-items:center}
.border-row div {margin-bottom: 3px !important;}
.border-row div.img-holder i,.img-holder i{display: block;color: #aeadad !important;font-size:3.5rem !important;line-height: 104px;transition: all 0.7s ease-in-out 0s;}
.border-row:hover .img-holder:before{transform: perspective(1200px) rotateY(0deg) translateZ(0px);transition-delay: 0.1s;opacity: 1;}
.border-row:hover .img-holder i:before{color:#002147 !important}
.img-holder::before {position: absolute;top: -1px;left: -1px;bottom: -1px;right: -1px;content: "";background:#bababa4d;transition: all 0.5s ease-in-out 0s;transform-style: preserve-3d;transform: perspective(1200px) rotateY(-90deg) translateZ(0px);opacity: 0;z-index: -1;}
.post-news{margin-bottom: 0px !important;}
.post-staff{margin-bottom: 1.5rem;border-bottom:1px solid #cdc8c8;width:100%;z-index:0;background-color:#f5f5f5;border-radius:0;cursor:pointer}
.post-content{padding:0px 0px 20px 10px}.post-staff h4{border-bottom: 1px solid #e2dfdf;padding-bottom: 0.95rem;}
.post-staff h4{font-size:1rem !important;height: 105px;}
.badge-post{margin-bottom: 1rem;background:#f44336;max-width: 170px;margin-bottom: 40px;margin-right: auto;padding: 5px 15px;text-align: center;clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);}
.badge-post span{display: block;font-size: 15px;color: #fff;font-weight: 600;letter-spacing: 1px;}
.post-img{height:178px;width:100%;position: relative;}
.post-img img{height:100%;width:100%}
.post-img a{display: block;height:100%}
.post-img a:before {padding:20px;background-color:#26251ec9;content: '';position: absolute;left: 0px;top: 0px;width: 100%;height: 60%;z-index: 1;opacity: 0;transition: all 0.4s ease-in-out;}
.post-staff:hover .post-img a:before{opacity: 0.50;height: 100%;}
.icon-post{padding: 5px 0px 0;display:flex;justify-content: space-between;}
.icon-post div{text-align: right;/*width: 33%;*/margin-left:1rem}.icon-post div span{font-family:bein;color: #aeadad;font-size:14px;}
.icon-post div:last-child{margin-left:0}
.icon-post i{color: #aeadad;font-size:14px;padding-left: 0px;padding-right: 0px;}
.border-row a h5{text-align:right}
.border-row a h5,.border-row h5{line-height: 20px;letter-spacing: 1px;font-size: 14px;cursor:pointer;font-weight: 600;color: #000; -webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.border-row div.img-holder{text-align:center}
.border-row div i{font-size: 19px !important;color: #65a3e0;}
.border-row div,.border-row p{text-align: left;font-size: 12px;color: #655555ee;margin-bottom:0px;letter-spacing:1px}
.border-row img{width:100%;height:80px; -webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.border-row:hover img{ -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);	}
.border-row div.row{align-items:center}
.lectures-badg,.dep-badg{width: 150px;position: absolute;top: 1.5rem;padding: 5px;font-size: 15px;color: #fff;right: 25px;background: #f44336;}
.lectures-badg:hover{background-color:#002147}div.lectures-badg:hover:after{border-left: 50px solid #002147 !important;}
.lectures-badg span a{display:block;padding: 5px;text-align: center;}
.lectures-bold{margin-left: 0.25rem;font-weight: 700}
.lectures-badg{padding:0px;background:#dc3545;width: 50px;left:0px;top: 0px;display: block;right: auto;margin-right: auto;position: relative;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}
.lectures-badg:after{display: block;content: '';position: absolute;left: 0;/*top: 58px;*/border-left: 50px solid #dc3545;border-bottom: 15px solid transparent;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}
.lectures-badg span{margin: 0px;color:#fff !important;text-align:center;display: block;}
.border-row div.lectures-badg i{color:#fff !important;font-size:2rem !important;padding: 0px !important;}
@media screen and (min-width: 700px) {.timeline-event__item {background: #fff;margin: 10rem auto 2rem;box-shadow: 0 2px 5px rgb(0 0 0 / 15%);text-align: right;padding: 1rem;cursor:pointer}}
.timeline-event {position: relative;margin: 5rem auto 0;width:100%;}
.timeline-event__item:before:before {content: "";position: absolute;height: 100%;border: 1px solid #dadada;right: 40px;top: 0;}
.timeline-event:after {content: "";display: table;clear: both;}
 @media screen and (min-width: 700px) {
.timeline-event__item:before {z-index:-1;left: calc(50% - 1px);right: auto;border: 1px solid #dadada;margin-top: -10.8rem;height:120%}}
.timeline-event__item {cursor:pointer;box-shadow: 0 2px 5px rgb(0 0 0 / 15%);text-align: right;padding: 1rem;background: #fff;border-image-slice: 1;position: relative;margin: 1rem 3rem 1rem 1rem;clear: both;}
.timeline-event__item:after, .timeline-event__item:before {content: "";position: absolute;}
@media screen and (min-width: 700px) {.timeline-event__item {background: #fff;margin: 10rem auto 0rem;box-shadow: 0 2px 5px rgb(0 0 0 / 15%);text-align: right;padding: 1rem;cursor:pointer;}}
.timeline-event__item--year {text-align: center;max-width: 170px;margin: 0 48px 0 auto;font-size: 1.8rem;background-color: #002147;line-height: 1;color: #fff;border-image: none;padding: 0.5rem 1rem;}.timeline-event__item--year:before {display: none;}
@media screen and (min-width: 700px) {
.timeline-event__item--year {border-radius: 5px;font-size: 1.5rem;text-align: center;margin: -2rem auto;}
.timeline-event__item--year:nth-of-type(2n) {border-radius: 5px;font-size: 1.5rem;float: none;margin: 3rem auto -1rem;border-image: none;}
.timeline-event__item--year:nth-of-type(2n):before {display: none;}}
.timeline-event__blurb {line-height: 1.5;font-size: 1rem;margin: 0.5rem 0 0;}
.timeline-event__item:hover h4{color:#002147}
.timeline-event__item--year {text-align: center;max-width: 170px;margin: 0 48px 0 auto;font-size: 1.8rem;background-color: #002147;line-height: 1;color: #fff;border-image: none;padding: 0.5rem 1rem;}
.timeline-event__item--year:before {display: none;}
div.timeline-event__item div.card-body {padding: 0rem 1rem}
.timeline-event__item p:last-child {margin-bottom: 0px;}
.date-time-line{display: flex;flex-direction: column;justify-content: center;position: absolute;margin: 0 0 0 -47px;top: -90px;left: 50%;line-height: 94px;text-align: center;background: #002147;width: 90px;height: 90px;border-radius: 50%;box-shadow: 0px 0px 2px #ddd;}
.date-time-line:before {background: none repeat scroll 0 0 #7e7e7e;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;content: "";height: 100%;left: 0;opacity: 0.26;position: absolute;top: 0;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);width: 100%;z-index: 0;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.date-time-line h2 span {padding-bottom: 0.3rem;display: block;color: #ffff;z-index: 0;position: relative;line-height: 24px;}
.date-time-line:after { background: none repeat scroll 0 0 #7e7e7e;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;content: "";height: 100%;left: 0;opacity: 0.10;position: absolute;top: 0;-webkit-transform: scale(1.4);-moz-transform: scale(1.4); -ms-transform: scale(1.4);-o-transform: scale(1.4);transform: scale(1.4);width: 100%;z-index: 0;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.date-time-line h2 {color: #fff;font-size: 20px;margin-bottom: 0px;}
.bg-gray-events {margin-bottom:1.5rem;cursor:pointer;padding: 1rem;background:#e6e9ec47 !important;box-shadow:0px 3px 6px rgb(0 0 0 / 13%), 0px 3px 6px rgb(0 0 0 / 10%)} 
.bg-gray-events i{color: #0275d8;font-size: 3rem;border-radius:5px;}.events-img div.badge-news span{display: block;font-size: 20px;}
.events-img{position: relative;overflow: hidden;height:130px;border-radius:5px}.events-img img{width:100%;height:100%}
.events-img a:after {content: "";position: absolute;top: -110%;left: -210%;width: 200%;height: 200%;opacity: 0;background: rgba(255, 255, 255, 0.13);background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% );}
.bg-gray-events:hover .events-img a:after {opacity: 1;top: -20%;left: -30%;transition-property: left, top, opacity;transition-duration: 0.7s, 0.7s, 0.15s;transition-timing-function: linear;}
.bg-gray-events:hover .events-img img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.events-img img{ display: block;width: 100%;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;}
.bg-gray-lighter p,.timeline-event__item p, .timeline-event__item span i, .bg-gray-events p, .bg-gray-events span i, .bg-gray-lighter span, .bg-gray-lighter span i {color: #908585ee !important;font-size: 14px;margin-bottom: 0.5rem;line-height: 20px !important;}
.timeline-event__item:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);}
.timeline-event__item_badge ,.bg-gray-events span.badge{text-align:right;color: #0275d8;margin-bottom:0.5rem;font-weight: 600;font-size: 15px;}
.timeline-event__item_badge{letter-spacing:0.5px;display: block;}

div.filter_lectures h4{text-align: right;letter-spacing: 1px;color: #002147;width: 120px;padding-bottom: 0.5rem;margin-bottom: 2rem;border-bottom: 3px solid #002147;}
select.form-control.custom-select {background-position:left}
div.filter_lectures .btn-n.btn{margin:1rem auto 0;width: 100%;color: #fff;}
div.filter_lectures {box-shadow:inset 1px 1px 2px rgb(46 54 80 / 8%), inset 1px -2px 5px rgb(46 54 80 / 8%);background-color: #fff !important; margin-bottom: 1.5rem;border-radius: 40px;border: 1px solid #d1d5db;}
 div.filter_lectures p{letter-spacing:1px;text-align:right}
div.filter_lectures div.form-group {text-align: left;}
div.filter_lectures div.form-group label {color: #002147;font-weight:600;letter-spacing: 1px;margin-bottom:0px;font-size: 15px;}
.box-select{color: #a9a2a2;border: 0px !important;padding: 0rem 0 0 0px;height:calc(2.95rem + -20px) !important;font-size: 12px;letter-spacing: 1px;}
.box-search:hover,.btn-project:hover{background:#002147;color:#fff}
.border-gray{border-right: 1px solid #d1d5db;margin: 0rem;padding: 0 8px;}
.pl-10{padding: 5px;padding-left: 30px;}.pr-10{padding-right:5px;}
.box-search{color: #fff;border-radius: 0px 40px 40px 0px;background-color: #b99663;border-color: #b99663;height: 100%;width: 100%;line-height:45px;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}
.box-select:focus,.btn-project:focus{box-shadow:none;}
.btn-project{color: #fff;background-color: #3d94d6;width: 100%;line-height: 30px;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}
select.form-control.project_info{height: calc(2.25rem + 10px) !important;border-radius: 0px;/* border-radius: 0; */}
.filter_project label{letter-spacing: 1px;font-weight: 600;}
.filter_project div.form-group{margin-bottom:0}
.select_project{padding: 1.5rem 0 1.5rem;background-color: #dddddd4a;margin-top:1.5rem;border-radius: 0px;box-shadow: inset 0 0 5px 3px #9d9d9d80;}
.card_stuProject:hover h4,.card-patent:hover h4,.patent-m h4:hover ,.post-staff:hover h4, .lectures h4:hover, .news-staff:hover h4, .bg-gray-lighter:hover h4, .card-dep:hover h4, .bg-gray-events:hover h4 {color: #002147;cursor:pointer}
.patent-m h4,.patent-info h4,.post-staff h4,.timeline-event__item_h4,.card-dep h4,.bg-gray-events h4,.bg-gray-lighter h4{letter-spacing: 1px;text-align:justify;line-height: 30px;margin-bottom: 0.5rem;font-size: 1.25rem;font-weight: 600;color: #000;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;cursor: pointer;}
.patent-m{background-color:#f7f7f7;margin-bottom:1rem;display:flex;border-bottom: 1px solid #c7c7c7;}
.patent-save {text-align: center;border-right: 2px solid #d2c8c8;display: block;cursor:pointer}
.patent-save  i{font-size: 3rem;color:#a7a39d ;padding-right: 1rem;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.patent-save:hover i{color:#af874c}
.patent-m:hover .patent-icon:before,.patent-m:hover div.patent-icon{background-color:#002147;}
.patent-m:hover div.patent-icon i{color:#af874c}
.patent-m:hover .patent-icon:after{background-color:#b99663}
.patent-info i {color: #c7c7c7;}
.patent-icon:after {content: '';position: absolute;left: -16.5%;top: 0px;width: 8px;height: 100%;background-color: #c7c7c7;-webkit-transform: skewX( 353deg );-moz-transform: skewX(-34deg);-ms-transform: skewX(-34deg);-o-transform: skewX(-34deg);transform: skewX( 353deg );-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.patent-icon:before {content: '';position: absolute;left: -8%;top: 0px;width: 15%;height: 100%;background-color: #c7c7c7;-webkit-transform: skewX( 354deg );-moz-transform: skewX(-34deg);-ms-transform: skewX(-34deg);-o-transform: skewX(-34deg);transform: skewX( 353deg );-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.patent-list{margin-bottom:1rem;box-shadow:0 2px 4px 0 rgb(0 0 0 / 10%);background-color:#fff}
.patent-info{text-align: right;letter-spacing: .5px;margin:0.5rem 0;font-size: 14px;}
div.patent-info:first-child{margin:0 0 0.75rem}div.patent-info:last-child{margin-bottom:0px}
.patent-icon{flex: 0 0 15%;max-width: 15%;position:relative;background-color:#c7c7c7;text-align: center;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.patent-content{flex: 0 0 85%;max-width: 85%;position:relative;padding: 1rem 2.5rem 1rem;}
.patent-icon i{font-size: 5rem;color: #002147;line-height: 180px;}
.img-stage{width:40px;height:40px;border-radius:50%;padding-left:0rem}
.th {background:#002147e3;color: #fff;}
.btn-n{cursor:pointer;border: 0px solid;padding: 0.5rem;background: #b99663;width: 110px;color: #fff;display: block;text-align: center;margin-top: 1rem;border-radius: 5px;transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;}
.btn-n:hover{background:#05182d;box-shadow: 0 5px 10px rgba(0,0,0,.10);color:#fff !important}
.h-2 {margin-bottom: 1.5rem;text-align: left;border-bottom: 3px solid #002147;padding-bottom: 0.5rem;}
.bg-gray-lighter h5{font-weight: 600;letter-spacing: 1px;}
.bg-gray-lighter {box-shadow:0 1px 0 0 rgb(211 211 211 / 75%);background-color:#f7f7f7 !important;margin-bottom:1.5rem;cursor:pointer}
.bg-gray-events div.card-body,.bg-gray-lighter div.card-body{letter-spacing: 0.75px;padding: 1rem 0 1rem 1rem;text-align:left;font-size: 15px;}
.bg-gray-lighter div.col-lg-4{height:175px}
.bg-gray-lighter.form-control {height: 43px;border-bottom: 2px solid #eaeaea;font-size: 15px;color: #a9a9a9;padding: 7px 20px;background-color: #ffffff;}
div.bg-gray-lighter div.card-body .form-control {height: 43px;border: 0px;border-bottom: 2px solid #eaeaea;font-size: 15px;color: #a9a9a9;padding: 7px 10px;background-color: #ffffff;}
div.bg-gray-lighter div.card-body .form-control:focus {border: 0px;box-shadow: none !important;border-bottom: 2px solid #eaeaea;}
.card-staff div.staff-img a img{width:100%;height:100%;}
.card-staff:hover .staff-img a:before {opacity: 1; }
.dep-logo{height: 100%;flex: 0 0 20%;max-width: 20%;}.dep-staff{align-items: center;display: inherit;flex: 0 0 80%;max-width: 80%;background-color:#aa9074;height: 100%;}
.dep-staff h4{padding: 5px;text-align: left;margin-bottom: 0px;color: #fff;width: 100%;font-size: 18px;}
.card-staff{position: relative;word-wrap: break-word;flex-direction: column;display: flex;width: 100%;height:100%;margin-bottom:1rem;cursor:pointer;border: 0px;border-bottom: 1px solid #b8b0b0;background: #f4f4f4;}.staff-img{position:relative;overflow:hidden; height:200px}
.card-staff:hover .staff-img img{background-color: rgba(0, 0, 0, 0.5);}
.card-staff:hover .dep-staff{background: #002147;}
.btn-sttaf:hover{background: #002147;color:#fff}
.staff-badg{width:100%;display:flex;align-items:center;height: 60px;}
.logo-staff{height: 100%;background: #002147;text-align: center;padding: 10px;}.card-staff div.logo-staff img{height: 100%;width: 100%;}
 .staff-img a:before {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
 .staff-content p{margin-bottom:0.5rem}.staff-content span{color: #666666;margin-left:0.5rem;line-height: 30px;}
.staff-content{padding:10px 15px 0;background-color:#f4f4f4;flex: 1 1 auto;}
.staff-footer{padding: 10px 25px;text-align: center;border-top: 1px solid #e0e0e0;}
.staff-caption{border-bottom: 1px solid #e0e0e0;text-align:right;padding:10px 0;}
.staff-caption:last-child{border-bottom:0px}
.btn-sttaf{border:1px solid #002147;border-radius:5px;padding: 0.75rem 3rem;width: 100%;letter-spacing: 1px;color: #002147;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.btn-a:focus,.btn-profile:focus, .btn-n:focus, .btn-sttaf:focus {box-shadow: none;}.btn-n:focus{border:none !important}
.staff-caption{text-align:right;padding:10px 0;}
.section_breadcrumb{padding: 2rem 1.5rem 0rem;}
.breadcrumb > li + li{margin-left: 30px;}
.breadcrumb > li + li:before {position: absolute;height: 25px;width: 2px;left: -21px;content: "";background: #ffffff;transform: rotate( 20deg );}
.breadcrumb > li + li:after {position: absolute;height: 25px;width: 2px;left: -21px;content: "";background: #ffffff;transform: rotate( 20deg );}
.breadcrumb > li + li:after {left: -16px;}
.breadcrumb {text-align: center;list-style: none;border-radius: 0 15px 0 0;box-shadow: -4px 5px 5px #00000036;margin-bottom: 0rem;letter-spacing: 1px;font-weight:500;color: #fff;justify-content: center;align-items: center;display: flex;padding: 10px;background-image: -webkit-linear-gradient(left,#3f97da, #0d437a);}
.breadcrumb > li {display: inline-block;color: #fff;position: relative;}
.breadcrumb > li > a > i{font-weight: 600;letter-spacing: 1.5px;font-size:1.5rem}
.breadcrumb > li > a{letter-spacing: 1px;color: #fff;cursor: pointer;}
.breadcrumb > li >a:hover,.breadcrumb > li >a>i:hover{color: #002147;text-decoration:none}
.card-contactus p{text-align: center !important}
.section_content{padding: 1.5rem 2.5rem;}
.section_content p{color: #000;letter-spacing: 1px;line-height: 30px;/* font-size: 16px; */text-align: justify;}
.card-contactus{text-align: center !important;position: relative;padding: 10px 20px;margin-bottom:1rem;}
.card-contactus h5 {padding: 128px 0 15px;color: #2C2D3F;font-weight: 600;font-size: 21px;letter-spacing:1px}
.card-contactus:before {position: absolute;content: "";right: -72px;top: 60px;width: 118px;border-bottom: 3px dotted #1a76d1;}
.card-contactus.last:before {display: none;}
.card-contactus:hover .contactus-icon i {background: #1A76D1;color: #fff;border-color: transparent;}
.contactus-icon {position: relative;}
.contactus-icon i {font-size: 50px;color: #1a76d1;position: absolute;left: 50%;margin-left: -50px;top: 0;height: 100px;width: 100px;line-height: 100px;text-align: center;border: 1px solid #dddddd;border-radius: 100%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.t-left{text-align:center}
.align-1{padding-left: 0px;margin-bottom: 5px;padding-right: 8px;display:flex}
.badge-news{padding: 5px 10px;font-size: 13px;background: #a6192e;color:#fff;letter-spacing: 1.5px;position: absolute;top: 15px;width: 165px;}
.card.card-news.h-8{height:180px !important}
.type_news{color: #5bc0de;font-weight: 600;letter-spacing: 1px;margin-bottom: 0.7rem;}
.profile-section_first-child{background-color: #031932;}
.profile-section_second-child{background-color: #042040;}
.profile-section_third-child{background-color:#002147;}
.profile-section_four-child{background-color: #072850;}
.card-icon i{font-size: 4.5rem;color: #fff;line-height: 120px;transition: all 0.4s ease-in-out;}
.card-icon:hover i{color:#aa9074 !important}
.dropdown-menu.show {top: 100%;z-index: 555555;}.vesco-top-nav1{display:flex;align-items: center;}
.dep-name{letter-spacing: 1.3px;font-size: 23px;color: #fff;margin-left: 0.5rem;font-weight: 500;}
.margin-border{margin:0 auto 0.75rem !important}
body {font-family: bein !important;direction:rtl;}
a.dropdown-item.t-3 {color: #94989c;text-align: right;}
.card-icon h5 a{color:#fff !important;font-weight: 500;letter-spacing: 1px;margin-top: 1rem;margin-bottom: 0px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;font-size: 18px;}
.card-icon{text-align:center;display: block;padding: 3rem 1.5rem;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.card-icon:hover{box-shadow:0 4px 0px #b99663;cursor:pointer}
.card-icon:hover h5 a{color:#b99663 !important}
li.nav-item.active{background: #00000014;}
.btn-seaction i{margin-left: 0.25rem;}
.btn-seaction:hover{background:#163a65;color:#fff !important;}
a.card-icon,a.btn-seaction:hover{text-decoration:none}
.btn-seaction:hover i{transform-origin: left right;transform: translateX(9px);transition: 0.2s ease-in-out;}
.btn-seaction{border-radius:0.25rem;transition: 0.15s ease-in-out;width: 100%;box-shadow: 3px 3px 10px 1px rgba(158, 158, 158, 0.68);display: block;background: #002147;margin-top: 2rem;color: #fff !important;text-align: center;padding: 0.75rem;}
section h4{font-size: 1.75rem;margin-bottom: 1rem;letter-spacing: 1px;}
.col-lg-6 t-left{text-align:left}
section.section-research a:hover{text-decoration-line:none}
a div.card-research .info-research{font-size: 13.5px;margin-bottom:0px;color: #64707b;font-size: 15px;font-weight: 300;}a div.card-research i{color:#a6192e}div.title-news i{color:#fff !important;padding-left: 0px;}
a div.card-research div.mb{margin:2rem 0px 1.0rem  !important}
.card-research h6{font-weight: 600;margin-bottom: 30px;text-align: justify;font-size: 15px;letter-spacing: 1.0px;line-height: 25px;color:#64707b;}
a div.card-research:hover{box-shadow:inset 0 0 5px 3px #9d9d9d80;text-decoration:none}a div.card-research:hover h6{color:#002147;}
.card-research{position: relative;background-color:#fff;height: 100%;padding:1rem;border:0px;border-radius: 0rem;box-shadow:inset 0 0 5px 3px #9d9d9d4a;transition: all ease-in-out 0.5s;}
.research-position{padding: 10px;position: absolute;bottom: 0;left: 0;right: 0;}
.no_shadow{box-shadow:none}
.n-4 {z-index: 10;align-items: center;}
.n-6 {background-color: #001833;color: #94989c !important;border-radius: 0px !important;font-size: 13.5px !important;padding: .35rem;text-transform: uppercase;}
.btn.n-6 a{color:#94989c !important;font-size: 13.5px;}
.btn.n-6 a:hover,.btn.n-6:hover{color:#fff !important;cursor:pointer;text-decoration:none}
.border-logo{border-right: 2px solid #afb9c5;padding-top:5px;color: #afb6bf;padding-right: 8px;}
nav.flex-nav a.navbar-brand{letter-spacing: 1.3px;font-size: 23px;color: #fff;font-weight: 500;transition: all 0.4s linear;margin-left: 1rem;margin-right: 0;}
a.navbar-brand:hover{color:#cabfbf !important}
.flex-nav{display: flex;align-items: center!important;padding-top: 1rem;padding-bottom: 1rem;}
html,body {height: 100%;direction: ltr;}
.dropdown-toggle::after {font-size: 12px;vertical-align: 0em;font-family: 'classyfonts';content: "\e900";border:0px;margin-right:0.5rem}
 h1, h2, h3, h4, h5 {color:#41464b;/* text-transform: uppercase; */} 
p {color: #64707b;font-size: 15px;font-weight: 300;}
.card-carousel h3{letter-spacing: 1.5px;word-spacing: 5px;line-height: 70px;font-weight: 500;}
.card-carousel p {font-size: 18px;padding: 10px;letter-spacing: 1px;line-height: 25px;text-align:justify}
.card-carousel {padding-left: 25px;background: #f8f8f8;display: flex;flex-direction: column;justify-content: center;height: 400px;text-align: center;}
.myCarousel:after {width: 0;height: 0;border-style: solid;border-width: 400px 200px 0 0;border-color: #f8f8f8 transparent transparent transparent;content: '';left: 0;/* transform: rotate(180deg); */top: 0;position: absolute;z-index: 0;}
.location-section{padding: 3rem 1.5rem;background-color:#fff; }
.myCarousel{max-width: 100%;}
div.carousel-item img{height: 400px;width: 100%;}
.bg-carousel{border-bottom: 1px solid #dcdcdc;background-color:#fff;padding: 1.5rem;}
.card-news {border-radius: 0;height:100%;box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);display:block;position: relative;transition:box-shadow .3s ease-in-out;}
.card-news h6 a,.card-news h6{color: #000;letter-spacing: 1px;font-weight: 600;margin-bottom: 50px;font-size: 15px;line-height: 24px;text-align:justify; -webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.card-news h6 a:hover,.card-news:hover h6{color:#002147}
.img_box{height:200px;position:relative;overflow:hidden}
.img_box img{height:100%;width:100%}
.card-news:hover {cursor:pointer;box-shadow:0 0 15px 0 rgba(0,0,0,.25)}div.card.card-news:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.card-news img{height:100%; width:100%; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;}
.card-news div.card-body{padding:1rem}
a:hover{text-decoration:none !important}
a.card-news:hover h6{color:#002147;}
.time_news{position: absolute;padding: 6px;bottom: 0px;left: 0px;background: #eeeeee;color: #000;font-weight: 600;letter-spacing: 1px;}
.news-body-small span.badge,.news-body span.badge{background:#a6192e;padding: 10px 15px;margin-bottom: 0.75rem;font-weight: 500;letter-spacing: 1px;}
.news-body h5{color:#fff;letter-spacing: 1px;font-size: 15px;line-height: 22px;}
a div.card.card-news:hover div.news-body h5{color:#cfd8e2}
.news-body-small,.news-body{position: absolute;bottom: 0px;padding: 1.5rem;background: rgb(0,0,0,0.5);width:100%}
.news-body-small{padding: 0.5rem;}.news-body-small span.badge{padding:5px 10px;margin-bottom: 0.25rem;}
.about{padding:3rem 1.5rem;border-bottom: 1px solid #dcdcdc;background: #edf1f2;}
.section-research{background-color:#f0f0f0;padding:3rem 1.5rem;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.bg-img {border: 1px solid #e3dfd5;border-width: 1px 0 0;}
.border-seaction-white:after{border-top-color: #002147!important;}
.overlay-img{padding:0px}
.h-7{height: 370px;position: relative;overflow: hidden;}.h-8{height: 200px;}
.mt-7{margin-top:8px}
.p-8{padding-left:8px;padding-right:8px}
.p-10{padding-left:0px;padding-right:8px}
.p-9{padding: 5px !important;}
.title-news{padding: 0.5rem;margin: -16px -16px 0px 0px;width: 100px;float: right;background: #a6192e;color: #fff;}
div.title-news h5{font-size: 0.75em;letter-spacing: 2px;margin-bottom: 0px;color: #fff;text-align:center;}
.top-menubar-nav {display: none;}
header .topmenu {background:#002147;padding: 1rem 1.5rem;}
header .topmenu ul { margin: 0;}
header .topmenu .top-contacts {line-height: 25px;}
header .topmenu .top-contacts li {color: #666;padding: 5px 0;font-size: 12px;margin-right: 15px;display: inline-block;}
header .topmenu .top-contacts li a {color: #666;}
header .topmenu .top-contacts i {color: #999;font-size: 13px;margin-right: 3px;}
.tri-down {position: relative;}
.tri-down:before {border-color: rgba(220,220,220,0) !important;border-top-color: #dcdcdc !important;border-width: 21px 41px 0 !important;margin-left: -41px;}
.tri-down:after {border-color: rgba(239,242,247,0) !important;border-top-color: #fff !important;border-width: 20px 40px 0 !important;margin-left: -40px !important;}
.border-seaction:after {border-color: rgba(239,242,247,0) !important;border-top-color: #f0f0f0  !important;border-width: 20px 40px 0 !important;margin-left: -40px !important;}
.tri-down:after, .tri-down:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-research: none;}
 header .topmenu .top-data {text-align: left;}
 header .topmenu .top-data li {padding: 5px 11px;margin-left: -4px;display: inline-block;border-right: solid 1px #eee;}
header .topmenu .top-data li:first-child {margin-left: 0;border-left: solid 1px #eee;}
header .topmenu .top-data li a {font-size: 12px;}
header .topmenu .top-data li a:hover {text-decoration: none;}
.logo-footer{text-align:center}
.btn-back-to-top {position: fixed;bottom: 20px;right: 20px;font-size: 22px;padding: 6px 12px 9px 12px;font-size: 18px;background:#002147ad;border-radius: 2px;display: none;}
.social-icon{text-align: left;}
.carousel-control-next {right: 0;right: 70px;z-index: 1;}
.carousel-control-next-icon, .carousel-control-prev-icon {background-size: 60% 50%;border-radius: 50%;padding: 15px;border: 3px solid #fff;}
div.social-icon ul{list-style-type:none;margin-bottom: 0px;}
div.social-icon ul li{/* margin-left:1px; */display:inline-block;padding:2px;border:2px solid;border-color:transparent;transition:all .5s ease;}
div.social-icon ul li:hover{border:2px solid #fff}
div.social-icon ul li a{color:#fff;font-size: 15px;background: #02080f59;height: 30px;width: 30px;padding: 4px 0;text-align: center;display: inline-block;}
div.social-icon ul li a:hover{background-color:#fff}
div.social-icon ul li:hover i{color:rgb(0 33 71)}
a.btn-back-to-top,div.social-icon ul li a:hover{color: #d9d9d9;}
header .topmenu .top-data li a.log-top:hover {color:#555;}
.dropdown-menu.dropdown-cust.left-0.show{top:100%}
.hid{padding-left:0px;}
.img-band{width: 70px;height: 70px;}
.footer-nav{color: #fff;letter-spacing: 1.3px;font-size: 20px;display: block;margin-right: 0px;line-height: 40px;transition: all 0.4s linear;}
.footer_name_dep{color: #fff;letter-spacing: 1.3px;font-size: 18px;padding-top: 0px;margin-right:0px !important;} 
.footer_align{margin-right:1rem;text-align: right;}
@media (max-width: 991px) and (max-width:600px) {
.footer-s1 .heading-footer-right, .footer-s1 .heading-footer-left{padding-bottom:0px !important;margin-bottom:0px !important;line-height:0px}
.footer-s1 .heading-footer-right::after,.footer-s1 .heading-footer-left::after{display:none}
.list-unstyled-left{margin-bottom:2rem}
.social-icon{margin-top:0.5rem}
.card-carousel{height:auto;padding:20px}
.carousel-control-next {left: 0;right: 0px;}
a.card-icon{margin: 5px 10px;}.logo-footer{order:1}
.about-items {width: 44%;margin-bottom:1rem}
.card-profile{margin-bottom: 1rem;}
.myCarousel:after {display:none}
.news-body h5 {font-size: 13px;}.btn-seaction {margin-top:0px}
.news-body span.badge{padding: 5px 10px;margin-bottom: 0.25rem;}
.section-research,.location-section,.about ,.profile-section {padding: 4rem 0rem 3rem;}.news-body{padding: 0.5rem;}
.p-8,.p-10{padding-right: 15px;padding-left: 15px;margin-bottom: 0.75rem;}
.footer-nav {text-align:right;align-items: center;line-height: 30px;}
.vesco-top-nav1{text-align:center;margin-bottom:1.25rem;width: 100%;display: flex;align-items: center;justify-content: center;}
div.social-icon ul{margin-bottom:0px;padding-right: 0;}
 #footer-copyrights p {padding-bottom: 0.5rem;}
.footer-s1 .heading-footer-right:after{right:45% !important}
.footer-s1 .heading-footer-left:after {right: 45%;}
.footer-s1 .heading-footer-right, .footer-s1 .heading-footer-left,ul.list-unstyled-left li{text-align:center !important}
.social-icon,ul.list-unstyled-right li,.footer-s1 .heading-footer-left {text-align: center !important;}
header .topmenu ul {text-align: center !important;}
 .logo-footer{order: 1;margin-bottom:1.5rem}
.n-4{width:100%}.n-6{width: 33%;}
.hid{display:none;}
header .topmenu .top-data li {top: 1px;padding: 6px 10px;margin-left: -5px;position: relative;border: solid 1px #eee;}
    }
.affix {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;box-shadow: 0px 0.5px 4px #c3c2c2;}  
.navbar { padding: 0; -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;height:59px;z-index: 20;box-shadow: 0 8px 8px -5px #555;background-color: #f8f8f8;border-top: 1px solid #e6e6e6;}
.navbar-header {padding-left: 85px;}
.navbar-nav {padding-left: 0px;}
.dropdown-menu{background-color:#eff2f7;border: 0px solid rgba(0,0,0,.15);}
.navbar-nav>li:hover,.navbar-nav>li:active {background:#eff2f7;}
.navbar-nav>li>a {padding:1rem;color: #333333e0 !important;font-size: 16px;font-weight: 700;font-family: bein;letter-spacing: 1px;margin: 0 10px;}
.search:hover {color: #fff;}
.search-open {left: 0;top:30px;display: none;height: 38px;width:200px;padding: 4px;position: absolute;background: #fff;box-shadow: 0 0 3px #ddd;z-index: 1001;}
.search-open input,.search-open span {height: 30px;border-radius: 0px;line-height: 30px;}
.search-open span {background: #2196f3;border-radius: 0px;color: #fff;}
.navbar-toggle {background-color: rgba(0, 0, 0, 0.1);border: 1px solid #fff;border-radius: 0;}
.navbar-toggle .navbar-toggler-icon {background-color: #fff!important;}
.navbar-collapse {max-height: none !important;}
.left-0{right: 0px !important;left: auto !important;}
.vesco-top-nav ul.navbar-nav>li>a.active {color: #2196f3!important;}
.footer-s1 .heading-footer-right:after {left: 0;bottom: 0;height: 1px;width: 50px;content: " ";background: #fff;position: absolute;}
@media (max-width: 992px) {
.navbar {height:auto;padding: 0.5rem;}header .topmenu {padding:0px}
}    
@media (min-width: 992px) and (max-width: 1200px) {
.btn-toolbar {width:100%}    
 }
.dropdown-cust {right:0px;min-width: 220px;padding: 0;border-left: 2px solid rgba(1, 1, 1, 0);border-right: 2px solid rgba(1, 1, 1, 0);border-radius: 0;} 
a.dropdown-item:hover {background-color:#384660 !important;color:#fff}
.dropdown-cust .dropdown-item {display:block;width: 100%;padding:0px 1.5rem;margin: 0px;height: 40px;line-height: 40px;letter-spacing: 1px;font-size: 15px;clear: both;font-weight: 400;color: #61666b;text-align:center;white-space: nowrap;text-transform:capitalize;background: 0 0;border-bottom: 1px dotted #61666b63;} 
.dropdown-cust .dropdown-item:hover,.dropdown-cust .dropdown-item.active {background: #f0f0f0;}
.dropdown-cust .dropdown-item:last-child{border-bottom:0px}
@media (max-width: 991px) {
.col-lg-6 t-left{text-align:right}
.navbar>.container .navbar-nav {float: left;border-top: 1px solid #ddd;width: 100%;}
.search-btn{display:none}.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {padding: 12px 0px; margin-left: -10px;}
.navbar-toggle {margin-right: 0;}
.navbar .search-open {width: 100%;}
.navbar-nav>li {height: auto;line-height: 35px;border-bottom: 3px solid rgba(0, 0, 0, 0);transition: all .5s ease-in-out;border-bottom: 1px solid #ddd;}
.navbar-nav>li.active,.navbar-nav>li:hover,.navbar-nav>li:active {background:#eff2f7;}
.dropdown-cust .dropdown-item {text-align: center !important;}
.navbar li>.search {display: none;}
.navbar .search-open {right: 0;top: 0;display: block;height: auto;line-height: 50px;padding: 4px;position: relative;box-shadow: none;background: none;z-index: 1;}
.dropdown-cust {margin-top: -2px;min-width: 220px;padding: 0;border-left: 2px solid rgba(1, 1, 1, 0);border-right: 2px solid rgba(1, 1, 1, 0);border-radius: 0;z-index: 0;overflow: hidden;}
    }

@media (max-width: 767px) {
.card-research{margin-bottom:1rem}
.myCarousel:after {display:none}
.p-8, .p-10 {padding-right: 15px;padding-left: 15px;margin-bottom: 0.75rem;}
a.n-6 {width:33% !important}
.hid {padding-left: 0px;display:none}
.card-profile,.about-items {margin-bottom:2rem;}
.top-data{display:none}
.container {max-width: 100%;}
.navbar>.container .navbar-brand,.navbar>.container .navbar-toggler,.navbar>.container-fluid .navbar-brand {margin: 8px 10px;}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {padding: 8px 0px;}
.dropdown-toggle::after{float:left}
.navbar-nav>li>a {padding: 0.5rem 1rem;color:#00263A !important}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {background: #eff2f7;}
.navbar-nav>li {line-height: 25px;padding: 5px;border-bottom: 3px solid rgba(0, 0, 0, 0);transition: all .5s ease-in-out;border-bottom: 1px solid #ddd;}
.navbar-nav>li.dropdown .dropdown-menu {margin-bottom: 15px;}
.top-menubar-nav {display: block;}
 }
@media (min-width: 1600px) {
.dropdown-cust .dropdown-item {font-size: 15px;}
.dropdown-menu.show {
    display: block;
}
}
.footer-s1 .heading-footer-left::after {left: 0px;bottom: 0px;height: 1px;width: 50px;content: " ";position: absolute;background: rgb(255, 255, 255);}
.carousel-fade .carousel-inner .carousel-item {-webkit-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-control {z-index: 2;}
.carousel-fade {position: relative;height: 90vh;}
.carousel-fade .carousel-inner .carousel-item {height: 100vh;}
.heading-border-light {width: 90px;margin-bottom: 2.3rem;height: 5px;background-color: #2196f3;margin: 0 0 20px 0;}
.footer-s1 .footer {padding: 50px 1.5rem 30px;background:#002147;border-bottom: 1px solid #5a5858;}
.left{left:0px !important}
.list-unstyled-left,.list-unstyled-right {padding-left: 0;list-style-type:none}
.list-unstyled-left{text-align:left}
ul.list-unstyled-left li a,ul.list-unstyled-right li a{word-spacing: 1.5px;letter-spacing: 1px;font-size: 12px;font-family:bein;color: #D5D5D5;  -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;}
ul.list-unstyled-left li a:hover,ul.list-unstyled-right li a:hover{color:#fff}
.footer-s1{border-bottom: 1px solid black;}
.footer-s1 .heading-footer-left {text-align:left}
.footer-s1 .heading-footer-right,.footer-s1 .heading-footer-left {letter-spacing: 1.75px;color: #fff;font-size: 13px;font-weight: 700;line-height: 1.5;position: relative;margin-bottom: 10px;padding-bottom: 10px;}
.footer-s1 .footer .link-list a:hover {color: #fff;}
.social-icon-f li {float: left;margin: 10px;}
li.nav-item.dropdown.show{background-color:#eff2f7}
#footer-copyrights a{color:#fff;font-size: 11px;padding: 0px 5px;transition: all 0.4s linear;}
#footer-copyrights a:hover{color:#2196f3 !important}
#footer-bottom {background-color:rgb(0 33 71);padding: 25px 1rem 10px;}
#footer-copyrights p {margin: 0;letter-spacing: 1.25px;font-size: 14px;font-weight: normal;font-weight: 600;color: #a59393;text-align: center;}
.btn-back-to-top {z-index: 111111;position: fixed;bottom: 50px;right: 20px;font-size: 22px;padding: 3px 10px;border-radius: 2px;color: #fff;background:#002147ad;display: none;}
a#back-to-top:hover{color:#fff;background:#002147}
.card-profile{border-radius: 0.25rem;padding-bottom: 90px;position: relative;z-index: 1;overflow: hidden;}
.team-img{width: 100%; height:100%; position:relative;z-index:9;}
.team-img:before{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;content:"";opacity:0;z-index:9;-webkit-transition: -webkit-transform 0.6s;-moz-transition: -moz-transform 0.6s;transition: transform 0.6s;transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform-origin:top;-webkit-transform-origin:top;-moz-transform-origin:top;}
.card-profile:hover .team-img:before{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);opacity:.5;}
.team-img img{-webkit-transition: -webkit-transform 0.6s;-moz-transition: -moz-transform 0.6s;transition: transform 0.6s;width:100%; height:100%;}
.card-profile:hover .team-img img{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.profile-content{height: 90px;width: 100%;bottom: 0;position: absolute;text-align: center;/*overflow: hidden;*/	-webkit-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;z-index:9;backface-visibility:#296dc1;}
.profile-content:before{content: "";position: absolute;bottom: 0;width: 100%;height: 2px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;left: 0;z-index:-9;}
.card-profile:hover .profile-content:before{height: 100%;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;}
.card-profile:hover .profile-content{height:125px;}
.profile-info{background:#002147;padding: 35px 20px;}
.profile-logo{margin: -4.75rem auto 0.25rem;position:relative;border: 5px solid #002147;border-radius: 100%;width: 80px;height: 80px;background: #002147;line-height: 70px;}
.profile-logo img{width: 60px;height: 60px;}
.profile-content h3{margin-bottom: 1rem;color:#fff;font-size:15px;letter-spacing: 1.5px;}
.profile-content .profile{opacity: 0;background: #b99663;padding: 10px;padding-right: 0px;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.6s, opacity 0.4s;-moz-transition: -moz-transform 0.6s, opacity 0.4s;transition: transform 0.6s, opacity 0.4s;}
.card-profile:hover .profile-content .profile{opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: -webkit-transform 0.6s, opacity 0.4s;-moz-transition: -moz-transform 0.6s, opacity 0.4s;transition: transform 0.6s, opacity 0.4s;}
.card-profile:hover .profile-content .profile{opacity: 1;-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
.profile-content .profile a{color:#fff;font-size: 15px;letter-spacing: 1.5px;line-height:25px;text-align:center;display:block;}
.profile-content .profile a:hover{text-decoration:none}
@media(max-width:100px) {.about-items {width: 44%;}}
@media(max-width:600px){
.card_stuProject h4{margin-left:0 !important}
.flex-nav img { width: 50px }
.post-content {padding:0px 25px 20px 10px;}
nav.flex-nav a.navbar-brand{margin-left: 0.5rem;}
.footer-nav {line-height: 20px;}
.align-1 {margin: 15px;padding: 0;}
.card-contactus:before {display: none;}
.patent-m{display:block !important}
.patent-icon:before,.patent-icon:after{display:none;}
.patent-content,.patent-icon {max-width:100% !important}
.patent-content {padding: 1rem !important;line-height: 30px;}
.patent-save {border-right:0px !important;border-top:1px solid #d2c8c8;padding-top:1.75rem}
.patent-icon i{line-height: 140px !important;}
div.patent-info:last-child {margin: 0.5rem 0 !important;}
#about_word,#about_dep,#about_goul,#about_letter,.section_content { padding: 1.5rem 0.5rem;}
.box-search{border-radius: 40px;line-height: 30px;}
.box-search{border-radius: 40px;line-height: 30px;}
.sttaf-option {margin: 0;}
.border-row{padding-bottom:1.5rem !important}
.pl-10{padding-left: 15px !important;padding-right: 15px;}.pr-10 {padding-right: 15px;}
.border-gray {border-bottom: 1px solid #d1d5db !important;border-left:0px;margin-bottom: 1.25rem;}
div.filter_lectures{padding: 0.75rem 1rem;border-radius: 10px;}
.footer-s1 .footer {padding: 50px 0rem 30px;}
.timeline-event {padding: 0px;}
.timeline-event{margin-top:5rem}
.timeline-event__item {margin: 10rem auto 0rem !important;}
.timeline-event__item:before {display:block !important;z-index: -1;left: calc(50% - 1px);right: auto;border: 1px solid #dadada;margin-top: -10.8rem;height: 125%;}
 div.timeline-event__item div.card-body{padding:1rem}
.timeline-event__item--year{z-index:11;margin:-2rem auto 1rem !important}
.timeline-event__item:first-child{margin-top:10rem !important}
.lectures-badg {margin: 0 auto;}
.breadcrumb {width: 280px;}
.Project-info{padding: 1rem;text-align: justify;}
.post-staff-padding{padding-right:1.5rem}
a div.card-research div.mb { margin: 2rem 0px 1.5rem !important;}
.t-left{text-align: right;}
.select_project {padding: 1rem;}
.pr-6{padding-right: 0rem}
.socail-news-icon {display: flex;}
.socail-news-icon span {margin: 1rem auto 0;}
.dropdown-menu.n-6.show {position: absolute;}
}
.btn-model{width: 40px;height: 40px;cursor:pointer;background: #000000bf;border: 1px solid;font-size: 28px;color: #fff; border-radius: 50%;margin-top: -20px;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);}
.btn-model:hover{background:#fff;color:#000;border:1px solid #ffff}
.h-model{height: 550px;}
@media print{
     header, .breadcrumb, footer, .print-row,.socail-news-icon,.print-hidden{display: none}
    .img-print {flex: 0 0 25%;max-width: 25% !important;height: 200px !important;}.img-print img{width:100% !important;height: 100% !important}
    .flex-print,.print-col{display:flex !important;width:100% !important}
    .print-info{flex: 0 0 75% !important;max-width: 75% !important;}
    .padding-print{padding:20px !important}
    .section-news h4{text-align:justify !important;line-height:35px !important}
}
.carousel-control-prev { left: 70px; z-index: 1; }
.ml-auto{margin-right:auto !important}
a:hover{cursor:pointer}