@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: 'uob-font', sans-serif; src: url(fonts/font-awesome/fonts/bein-ar-normal.ttf); }

@font-face { font-family: 'fontawesome-webfont'; src: url('font-awesnavbar-brandome/fonts/fontawesome-webfont.ttf') format('truetype'); }
body { font-family: 'uob-font', sans-serif; }

@media screen and (min-width: 700px) {
.logo { margin: 0 auto; display: block; background: url('../media/images/logo.png') no-repeat center center; width: 120px; height: 120px; display: block; overflow: hidden; text-indent: -9999%; }
}

.archive_date i { padding-right: 0px }
.archive_info { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; }
.archive_date { color: #3f85ce; font-weight: 600; letter-spacing: 1px; padding: 8px; font-size: 12px; }
.card-achive_body { padding: 10px }
.news_archive h4 { margin-bottom: 2rem !important }
.news_archive { border-bottom: 1px solid #3f85ce; background: #fff; margin-bottom: 1rem; width: 100%; box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%); position: relative; margin-top: 90px; }
.achive_img { width: 100%; height: 160px; line-height: 160px; margin-top: -80px; padding: 0 5%; position: relative; overflow: hidden; }
.achive_img img { width: 100%; height: 100%; border-radius: 0 15% 0 15%; /* border: 1px solid; */ /* padding: 0 10px; */ }
.news_archive:hover .achive_img img { opacity: 0.8 }
.no-hid img { margin-right: 0.25rem; }
.logo_UNIVERSITY { font-size: 12px; color: #dbb57c !important; margin-top: 0 !important }
.research_list { background-color: #fafafa !important; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%) !important; margin-bottom: 0 !important; }
.research_list:last-child { margin-bottom: 1.5rem !important }
.research_list-badg { color: #002147; padding: 3px; text-align: center; display: block; letter-spacing: 1px; font-weight: 700; font-size: 13px; }
.width-badg { max-width: 130px; margin: 0.5rem 0; background: #bababa94; border-radius: 5px; }
.archive-collag { font-size: 0.8rem; text-align: left; color: #0275d8; margin-bottom: 0.5rem; font-weight: 600; letter-spacing: 1px }
.archive-icon { color: #908585ee; font-size: 0.75rem; text-align: left; position: absolute; bottom: 0; right: 0; left: 0; padding: 0.5rem 0.3rem 0rem; }
.archive-icon span { margin-left: 7px; }
.archive-icon span:last-child { margin-left: 0px }
.news_archive:hover .img-archive img { opacity: 0.8; }
.conferences { position: relative; height: 100%; z-index: 0; cursor: pointer; background: #f7f7f7; border: 0px solid #e1e1e1; border-bottom: 2px solid #eaeaea; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; }
.conferences-date { position: absolute; bottom: 0; width: 100%; z-index: 1; font-size: 14px; color: #fff; text-align: left; background: rgba(34,40,69,0.70); padding: 0.75rem 0.5rem; z-index: 1; }
.conferences-badge { position: absolute; top: 20px; width: 90px; text-align: center; font-size: 12px; line-height: 25px; letter-spacing: 1px; font-weight: 600; border-radius: 0 15px 15px 0; background: rgb(53,61,84); background: -moz-linear-gradient(top, rgba(53,61,84,1) 0%, rgba(24,31,55,1) 100%); background: -webkit-linear-gradient(top, rgba(53,61,84,1) 0%, rgba(24,31,55,1) 100%); background: linear-gradient(to bottom, rgba(53,61,84,1) 0%, rgba(24,31,55,1) 100%); }
.conferences-badge span { color: #fff; display: block; padding: 2px 0; }
.conferences-body { padding: 1rem; }
.conferences-body .h-6 { margin-top: 0px; }
.conferences h4 { letter-spacing: 0.5px !important; padding-bottom: 0px !important; }
.conferences-img { height: 200px; overflow: hidden; position: relative; }
.conferences-img img { height: 100%; width: 100%; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; }
.conferences:hover img { transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); }
.conferences:hover .conferences-img:after { height: 100%; }
.conferences:hover { box-shadow: 0 5px 10px rgba(0,0,0,.10); }
.conferences-img:after { transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; position: absolute; left: 0; bottom: 0; width: 100%; height: 25%; content: ""; background: -moz-linear-gradient(top, rgba(24,31,55,0) 0%, rgba(23,30,54,0.85) 70%, rgba(23,30,54,0.85) 80%); background: linear-gradient(to bottom, rgba(24,31,55,0) 0%, rgb(23 30 54 / 51%) 70%, rgb(23 30 54 / 65%) 80%); }
.news_archive h4, .conferences h4, .card.card-news a h3 { font-size: 1rem; color: #000; margin-bottom: 0px; font-weight: 700; text-align: left; padding-bottom: .5rem; line-height: 28px; letter-spacing: 0.5px; }
.card.card-news a h3 { margin-bottom: 2rem; font-size: 15px !important; }
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; }
.sttaf-option:hover i.flaticon-diploma:before, .sttaf-option:hover i, .sttaf-option:hover a { color: #aa9074 !important }
.sttaf-option { margin: 1rem 0; text-align: center; padding: 20px; }
.sttaf-option i.flaticon-diploma:before, .sttaf-option i { color: #002147; font-size: 4rem; display: block; }
.btn-profile { border-bottom: 1px solid #b8b0b0; border-radius: 20px; background: #f4f4f4; color: #002147; cursor: pointer; display: block; margin-top: 0.75rem; font-size: 25px; }
div.filter_lectures h4 { text-align: left; 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: left; }
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; }
.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: 0 40px 40px 0; 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 { box-shadow: none }
a div.icon-research { height: 100%; }
.h-9 { margin-bottom: 2rem !important; }
.card-research h4 { padding-left: 15px }
.card-research p { margin-bottom: 1rem !important }
.icon-post { padding: 5px 0px 0; display: flex; justify-content: space-between; }
.icon-post div { text-align: left; /*width: 33%;*/ margin-right: 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; }
a#lnkSearch:hover { background-color: #002147; color: #fff; border: 1px solid #002147 }
.post-staff { margin-bottom: 1.5rem; width: 100%; border-bottom: 1px solid #cdc8c8; z-index: 0; background-color: #f5f5f5; border-radius: 0; cursor: pointer; position: relative; }
.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-left: 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; }
/*.badge-post:after {content: '';position: absolute;left: 205px;top: 19px;border-top: 16px solid transparent;border-left: 5px solid #e9212e;border-bottom: 16px solid transparent;}*/
.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%; }
.padding-news p { line-height: 30px; }
.Upcoming_Events:last-child { border-bottom: 0px }
.timeline-event__item:before:last-child { height: 100% }
.mt-10 { margin-top: 0rem }
.img-w { width: 100% !important; cursor: pointer; height: auto; padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; }
.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; }
.research-info { padding-left: 1rem; width: 100%; }
.pr-9 { padding-left: 15px; }
.research-name a i { color: #888888; }
.research-name { margin-bottom: 1.5rem; text-align: left; color: #888888; font-size: 13px; font-weight: 600; letter-spacing: 1.3px; }
.img-stage { width: 40px; height: 40px; border-radius: 50%; padding-left: 0rem }
.news-staff p a span { margin-right: 0.5rem }
.research_linkicon { font-size: 2.5rem !important; color: #e27802; }
a.research_linkicon i { margin-bottom: 1.5rem }
.icon-research { text-align: center; /*max-width:15%;flex:0 0  15%;*/ }
.icon-research i { width: 100%; background: #bababa14; height: 100%; line-height: 180px !important; color: #bababa; font-size: 80px; }
.card-research { /*height:200px;*/ background: url(../media/images/stripe.png) bottom right repeat-x; width: 100%; background-color: #fff; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%); margin-bottom: 1.5rem }
.card-research:hover .news-staff h4 { color: #002147 }
.card-research:hover:hover .icon-research i { color: #002147 }
.news-staff { cursor: pointer; height: 100%; display: flex; }
.research-badg { margin-bottom: 0.5rem; border-radius: 0px !important; }
/*.research-badg:after{border-color:#002147  rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);position: absolute;content: " ";border-width: 10px;border-style: solid;}*/
.research-badg-2 { margin-bottom: 0.5rem; border-radius: 0px !important; }
.border-row div.lectures-badg i { color: #fff !important; font-size: 2rem !important; padding: 0px !important; }
.pl-15 { margin-left: 15px !important }
.pr-15 { margin-right: 15px !important }
.lectures { cursor: pointer; width: 32%; box-shadow: 0 1px 0 0 rgb(211 211 211 / 75%); background-color: #eeebeb; text-align: left; margin: 0 0.15rem 0.25rem }
.lectures h4 { font-size: 0.95rem; line-height: 22px; margin: 1rem 0; font-weight: 600; letter-spacing: 1px; }
.lectures-body { padding: 20px; }
.lectures-body div { margin-bottom: 0.5rem }
.lectures-body div span { padding-left: 0.5rem; }
.lectures-body div:last-child { margin-bottom: 0px }
div.lectures:nth-child(4n+0), div.lectures:first-child { margin-right: 15px !important }
.background-pst { background: #F0F0F0; padding: 5px 0px; margin-bottom: 1.75rem; }
.content-pst { width: 75%; position: relative; }
.text-word { font-size: 12px !important; position: relative; width: 100% !important; background-color: #fff !important; padding: 0.75rem 0.5rem !important; font-size: 15px; }
.pst-badg { padding: 4px 10px; background: #002147; text-align: center; margin-right: auto; border-radius: 4px; width: 130px }
.research-badg-1 span, .research-badg span, .pst-badg span { color: #fff; font-size: 12px; }
.pst-body { text-align: left; padding: 10px; }
.research-badg-1 span, .research-badg span { font-size: 12px; color: #002147; font-weight: 600; letter-spacing: 1px; }
.row-badg { display: flex; justify-content: flex-end !important; }
.research-badg-1, .research-badg { height: 33px; padding: 4px 10px; background: #e27802; text-align: center; border-radius: 4px !important; min-width: 150px; overflow: hidden; }
.research-badg-1 { margin-left: 1rem; }
.card-pst { box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%); display: flex; border-radius: 5px; margin: 10px -20px 10px 20px; width: 100%; background: #ffff; height: 130px; }
.logo-pts { background: #e1e1e13b; width: 25%; height: 100% }
.logo-pts img { width: 100%; height: 100%; padding: 30px 2px; }
.profile p { margin-bottom: 0.5rem; text-align: left; }
.profile p:first-child { margin-top: 0.25rem }
.profile ul { padding-right: 20px; list-style-type: arabic-indic; }
.profile ul li { padding-right: 0.5rem; text-align: left; letter-spacing: 0.8px; margin-bottom: 0.25rem; }
.profile .row div { margin-top: 0.5rem; text-align: left; color: #666666; line-height: 30px; letter-spacing: 0.8px; }
.profile i { color: #3f97da; padding-left: 0px; }
.profile h4 { letter-spacing: 1px; text-align: left; padding-bottom: 0.5rem; border-bottom: 1px solid #3f97da; }
.staff-caption { border-bottom: 1px solid #e0e0e0; text-align: left; padding: 10px 0; }
.staff-caption:last-child { border-bottom: 0px }
.staff-content p { margin-bottom: 0.5rem }
.staff-content span { color: #666666; margin-left: 0.5rem; line-height: 30px; display: block; }
.staff-content { padding: 10px 15px 0; background-color: #f4f4f4; flex: 1 1 auto; }
.staff-footer { padding: 15px; text-align: center; border-top: 1px solid #e0e0e0; }
.btn-sttaf { border: 1px solid #002147; border-radius: 5px; padding: .5rem 2.5rem; 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 }
.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; width: 100%; margin-bottom: 1rem; cursor: pointer; border: 0px; border-bottom: 1px solid #b8b0b0; background: #f4f4f4; direction: ltr; }
.staff-img { position: relative; overflow: hidden; height: 255px; }
.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 }
.card-staff div.staff-img a img { width: 100%; height: 100% !important; }
.card-staff:hover .staff-img a:before { opacity: 1; }
.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; }
.dep-icon { display: flex; margin: 1rem 0 0.75rem; }
.dep-content 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% ); }
.card-dep:hover .dep-content 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; }
.card-dep h4 { margin-bottom: 0px }
.card-dep span { font-size: 12px; line-height: 12px; text-align: left; color: #a3a3a3; padding-right: 10px; border-right: 1px solid #dedede; margin-right: 8px; }
.card-dep span i { font-size: 1rem; }
.card-dep span i:first-child { padding-left: 0px; }
.card-dep span:last-child { padding-left: 0px; margin-left: 0px; }
.card-dep .dep-badg span { font-size: 12px }
.dep-content img { width: 100%; height: 350px; display: block; width: 100%; }
.dep-badg span { margin: 0px; color: #fff; text-align: center; font-weight: 600; letter-spacing: 1.2px; border: 0; display: block; padding: 5px 0; }
.lectures-badg, .dep-badg { width: 150px; position: absolute; top: 1.5rem; padding: 5px; font-size: 15px; color: #fff; left: 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; }
.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; }
.img-news-size { width: 100%; height: 130px; }
.card-patent { padding: 2rem 1rem; background: url(../media/images/stripe.png) repeat-x bottom left }
.card-patent img { padding: 1.5rem; width: 100% }
div.card-patent div.img-holder { height: auto; z-index: 0; }
div.card-patent div.img-holder i { float: none !important }
.card-patent i { font-size: 22px; color: #b9b9b9; }
div.card-patent:hover div.img-holder i.fa-file-pdf { color: #002147 !important }
.patent-link { cursor: pointer; }
a.patent-link:hover { color: #002147 !important }
.patent-info span { letter-spacing: 1px; color: #4e3d3d; }
.dep-badg:after { border-color: #f44336 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); position: absolute; content: " "; width: auto; height: auto; bottom: -20px; margin-left: -10px; left: 50%; border-width: 10px; border-style: solid; }
.card-dep:before { position: absolute; top: 20px; left: -5px; bottom: -30px; right: 20px; border: 10px solid #f4f4f4; content: ""; }
.card-dep { width: 100%; cursor: pointer; position: relative; display: flex; padding-left: 20px; margin-bottom: 3rem; }
.dep-content { width: 100%; overflow: hidden; box-shadow: 0 2px 5px rgb(0 0 0 / 15%); position: relative; display: block; background: #fbfbfbd4; padding: 1.5rem; /*z-index: 1;*/ }
.bg-dep { background-color: #f6f6f6; padding: 1rem 0 }
button.close { width: 40px; height: 40px; line-height: 40px; margin-top: -20px; text-align: center; border-radius: 100%; background-color: black; border: 3px solid #fff; color: #fff; font-size: 2.5rem; font-weight: 800; }
.admin-section { border-bottom: 1px solid #b6b1a9; padding: 1.5rem 0rem; }
.admin-section h4 { padding-bottom: 0.5rem; color: #0275df; font-weight: 800; text-align: left; letter-spacing: 1px }
.admin-section h5 { font-weight: 600; letter-spacing: 1px; margin: 1rem; text-align: center }
.contact a { cursor: pointer; font-size: 15px; }
.flex-contact { display: flex; margin-bottom: 1rem }
.contact { padding: .5rem 1rem; text-align: left; }
.icon-box i { font-size: 2rem; color: #fff; padding: 0 1rem; line-height: 70px; }
.contact h5 { color: #273272; font-weight: 600; letter-spacing: 1px }
.icon-box { width: 70px; height: 70px; box-shadow: 0px 0px 29px 0px rgb(39 50 114 / 31%); text-align: center; border-radius: 50%; line-height: 70px; background: #273272; }
.ulo { padding-right: 1.5rem; text-align: left; line-height: 30px; }
.share-align { margin-top: 0px !important; text-align: left !important }
.socail-news.share-align a { padding: 1px 10px; border-radius: 0% !important; }
div.list ol li { margin-bottom: 1rem; }
div.list ol li a { border: 0px !important }
.border-n { border: 0px !important; text-align: center !important }
.card-n { margin-bottom: 0.75rem; text-align: left; }
.card-n a { text-align: left; border-bottom: 1px solid #a5a0a06e; display: block; color: #736868; padding-bottom: 0.25rem; }
.card-profil .body { margin: 10px 20px; border-bottom: 1px solid #a5a0a06e; }
.card-profil .body p { margin-bottom: 0.5rem }
.card-profil { border-radius: 0px; background: #f0f0f0; margin-bottom: 1rem !important; padding: 20px 0 0 0; border: 1px solid #ddd; border-right: 0px; cursor: pointer; text-align: center; transition: padding .5s ease; }
.card-profil:hover { padding: 20px 0 20px 0; margin: 0; transition: all .5s ease; border-bottom: 2px solid #2196f3; }
.card-profil div.icon { width: 102px; height: 102px; margin: 0 auto; margin-bottom: 10px; border: 6px solid #f6f6f6; border-radius: 100%; }
.card-profil div.icon i { font-size: 3rem; color: #2196f3; height: 90px; line-height: 90px; width: 90px; border: 1px solid #e0e0e0; border-radius: 100%; text-align: center; }
.card-profil:hover div.icon i { background: #2196f3; color: #fff }
.card.card-body-profile div { margin-bottom: 0.5rem }
.span-info { font-size: 20px; color: #002147; margin-left: 0.5rem; }
.card-body-profile { text-align: left; background-color: #f9f9f9; padding: 1rem; border: 0px; }
.card-profile img { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: 300px }
.card-profile { overflow: initial !important; margin-bottom: 1rem; }
.icon-home { font-family: 'uob-font', sans-serif !important; padding-left: 0px !important; padding-top: 20px !important;; }
a.navbar-brand.text-logo:hover { color: #d7d7d8 !important; }
.mt-8 { margin-top: 0.25rem !important }
.mt-7 { margin-top: 0.5rem; }
.text-logo { letter-spacing: 2px; font-weight: 600; display: block; z-index: 11111111; margin-top: 0.5rem; cursor: pointer; width: 0px; padding: 0px !important; margin-right: 0px !important }

@media(max-width:600px) {
.log_none { display: none }
.profile p:first-child { margin-top: 0rem }
.patent-info { text-align: justify }
.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; }
.h-1 { padding-top: 1rem; }
.en { width: 100% !important; }
.box-search { border-radius: 40px; line-height: 30px; }
.sttaf-option { margin: 0; }
.border-row { padding-bottom: 1.5rem !important }
ul.breadcrumb li + li:before { padding: 2px !important; }
ul.breadcrumb { padding: 10px !important }
.Upcoming_Events img { margin-bottom: 0.5rem; height: auto !important }
.patent-info, .timeline-event__item p { text-align: justify }
div.filter_lectures { padding: 0.75rem 1rem; border-radius: 10px; }
.box-select { height: calc(2.25rem + 2px) !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; }
.lectures-badg { margin: 0 auto }
.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%; }
.card-new { margin-bottom: 1rem }
.text-logo { display: block !important; }
.r-11 { padding-right: 0rem !important; }
}

ul.pagination { padding-right: 0px }
.en-1 { border-bottom: 0px !important }
.p-7 { padding: 0px 1rem !important }
.padding-news { padding: 0rem !important; text-align: justify; }
.padding-news div.col-lg-2 { height: 125px; margin-bottom: 0.75rem; }
.padding-news div.col-lg-2 img { height: 100%; width: 100% }
.socail-news { direction: ltr; }
/*.socail-news a i{margin-left:0px !important;width: 40px;line-height: 40px;height: 40px;}
.socail-news span{margin-right:0.5rem;}*/
.pl-6 { padding-left: 0rem }
.pl-6 a { display: block }
.section-news { background-color: #fff; }
/*.section-news i{margin-left: .5rem}*/
.section-news h2, .section-news h4 { font-weight: 600; letter-spacing: 1.1px; line-height: 1.5; }
.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; width: 100% }
.Upcoming_Events, .Upcoming_Events p { font-size: 12px; text-align: left; color: #aaa8a8; }
.card-new.Upcoming_Events { margin-bottom: 0rem; }
.Upcoming_Events p { margin-bottom: 0px }
.Upcoming_Events span { font-size: 11px !important }
.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%); }
.padding-row { padding-left: 1rem; padding-right: 1rem; align-items: center; border-bottom: 1px solid #aaa0a05e; padding-bottom: 1rem; }
.color-icon { color: #aaa0a0; margin-bottom: .25rem; font-size: 14.2px; }
.no-hid { display: none }

@media(max-width:600px) {
.no-hid { display: block; margin-right: auto; }
.date-news { margin-top: -50px !important; }
a h5.gh { font-size: 20px !important; text-align: center !important; margin-top: 1rem; }
/*.section-news img{ margin-bottom:1rem}*/
.heig { height: 300px }
.section-news h4 { text-align: left; }
.card-n img { height: 200px !important; }
}

.card-n h4 { text-align: left; }
.card-n img { width: 100%; height: 400px }
.card-n a:hover, .border-row :hover a h5 { color: #346cac }
.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: 0px !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; }
.border-row a h5 { text-align: left; }
.research-list h4, .news-staff h4, .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: 18px !important; }
.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 }
.text-1 { text-align: left; border-radius: 0px; border-right: 0px; border-left: 0px }
.mt-8 { background-color: #f8f9fa; padding: 1rem; margin-top: 1rem; }
.socail-news { text-align: left; margin-top: 2rem; }
.socail-news a i { margin-left: 0px !important; width: 40px; line-height: 40px; height: 40px; }
.socail-news span { margin-left: 0.5rem; }
.socail-news a { display: inherit; 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 a:hover { color: #fff !important }
/*.section-news i{margin-left: .5rem}*/
.text-inf { color: #002147 !important }
.pb-8 { padding-left: 0px !important; padding-right: 0px !important }
.mb-6 { margin-bottom: 1.25rem !important }
.bg-facebook { background-color: #315884 !important }
.bg-white { background: #fff !important }
.rotate-icon { transform: rotate(180deg); padding-right: 0px; }
.text-lighter { font-size: 17px !important; padding-bottom: 0.75rem; color: #000 !important; padding-top: 0.75rem; }
.badge-news { position: absolute; padding: 5px 10px; background: #002147; top: 0; width: 115px; text-align: center; }
.badge-news span { color: #fff !important; display: block; }
.badge-news:after { position: absolute; content: ""; top: 0; right: -10px; border-top: 10px solid #002147; border-right: 10px solid transparent; }
.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; }
.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); }
.w-10 { width: 10% !important }
.w-30 { width: 30% }
.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; }
.timeline-event__item_badge, .bg-gray-events span.badge { text-align: left; color: #0275d8; margin-bottom: 0.5rem; font-weight: 600; font-size: 15px; }
.timeline-event__item_badge { letter-spacing: 0.5px; display: block; }
.bg-gray-events p, .bg-gray-lighter p { letter-spacing: 0.75px; text-align: left; margin-bottom: 0.5rem; line-height: 23px; }
.bg-gray-events p:last-child { margin-bottom: 0px }
.bg-gray-events div.card-body { padding: 0px }
.bg-img { height: 175px; width: 100%; }
.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; font-size: 14px; text-align: left; }
.timeline-event__item:hover img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); }
.bg-gray-lighter .badge { color: #007bff; display: block; text-align: left; margin: 0.25rem 0 }
.bg-gray-lighter img { width: 100%; height: 100%; }
.bg-gray-lighter:hover img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); }
.conferences:hover .conferences-body 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, .news_archive: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: left; line-height: 30px; font-size: 1.25rem; font-weight: 600; color: #000; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; cursor: pointer; }
.box-img { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; box-shadow: 0 3px 6px rgba(0,0,0,.13), 0 3px 6px rgba(0,0,0,.1); width: 100%; height: 350px; }
ul.breadcrumb li a { color: #002147; text-decoration: none; }
ul.breadcrumb li { display: inline; font-size: 18px; }
ul.breadcrumb { padding: 10px 16px; list-style: none; margin-top: 1.5rem; }
ul.breadcrumb li + li:before { padding: 8px; color: black; content: "/\00a0"; }
ul.breadcrumb li a:hover { color: #0275d8; }
a.page-link { color: #000; }
.logo { display: block; }
.editor { margin-top: 15px; font-size: 15px }
.footer-btn { list-style-type: none; padding-right: 0px }
.footer-btn li { text-align: left; padding: 0.10rem; background: #fff; margin-bottom: .45rem; border-radius: 5px; }
.footer-btn a, .footer-btn a i { color: #000; font-size: 12px; }
.footer-btn a:hover, .footer-btn a i:hover { color: #002147 }
.bg-footer { background: #002147; }
.footer-2 { font-size: 13px; }
.footer-1 { color: #e6e6e6; text-align: left; margin-bottom: 0px }
.footer-3 { font-size: 14px; font-weight: 600; color: #e6e6e6; text-align: left; }
.footer-4 { padding-top: 1rem; padding-bottom: 1.5rem; text-align: center; }
.footer-5 { text-align: right; }
.ul-footer { color: #e6e6e6; padding-right: 20px; }
.ul-footer li { text-align: left; }
footer a, .foo { color: #d2d2d2; font-size: 13px; margin-right: 0.5rem }
footer a:hover { color: #fff; text-decoration: underline !important }
.icon-footer { font-size: 18px }
a.icon-footer i:hover { color: #797777; }
.row-footer { border-bottom: 1px solid #fff; padding-top: 2rem }
.footer-h { color: #fff; font-size: 25px; font-weight: 600; text-align: left; }
.mb-9 { padding-top: 2.5rem; }
.en { border: 1px solid #b99663; font-size: 13px; background: #b99663; padding: 0.5rem; color: #fff; margin-top: 1rem; width: 150px; float: left; text-align: center; display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.en:hover { background-color: #fff; color: #b99663; border: 1px solid #b99663 }
.bg-Statistics { border-top: 1px solid #e7e4db; border-bottom: 1px solid #e7e4db; background-image: url(../media/images/s1.jpg); background-size: 100% 100%; background-repeat: no-repeat }
.bg-Statistics h2 { border-bottom: 3px solid #002147; padding-bottom: 0.5rem; text-align: center; margin-bottom: 1.5rem }
.overly-Statistics { background-color: rgba(255, 255, 255, 0.88); padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 2.5rem; }
.card-Statistics { margin-bottom: 0.75rem; border: none; padding: 1.1rem; text-align: center; }
.card-Statistic { border: none; padding: 0rem; }
div.card-Statistics span { font-size: 1.25rem; text-align: center; font-weight: 500; text-transform: capitalize; }
div.card-Statistics p { font-size: 1.2rem; font-weight: 600; margin-bottom: 0rem; }
.row-Statistics { padding-top: 3rem; padding-bottom: 3rem; }
.card-raking { box-shadow: 0 0 10px rgba(0,0,0,.15), 0 3px 3px rgba(0,0,0,.1); background: #ffff; border: 1px solid #e3dfd5 !important }
.text-muted { display: block; width: 80px; background: #e1d149; padding: .5rem 0.75rem; margin-bottom: 0rem !important; color: #fff !important; text-align: center !important; }
.raking-footer { border-top: none !important; background: #fff; position: relative; border-bottom: 2px solid #c3c3c3; }
.raking-footer:before, .raking-footer:after { position: absolute; left: 0; bottom: -2px; width: 10%; height: 2px; background: #296dc1; content: ""; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; opacity: .7; }
.card-raking:hover .raking-footer:before, .card-raking:hover .raking-footer:after { width: 50%; }
.raking-footer:after { left: auto; right: 0; }
.raking-img:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background: rgba(0,0,0,.09);*/ content: ""; z-index: 9; opacity: 0.1; }
.page-item.active .page-link { background-color: #002147; border-color: #002147; }
.card-raking:hover .raking-img:before { background: rgba(0,0,0,5); }
.card-raking .card-body h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; }
.card-raking .card-body p { margin-bottom: 0px; color: #555; line-height: 1.5; font-size: 15px; text-transform: capitalize; }
.card-img-top img { position: relative; height: 250px; }
.card.card-news:hover img { opacity: 0.8; background: rgba(0,0,0,09); }
.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: left; 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 2rem; box-shadow: 0 2px 5px rgb(0 0 0 / 15%); text-align: left; 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, .Upcoming_Events:hover a h5, .card.card-news:hover a h3 { color: #002147 }
.Upcoming_Events a h5 { font-size: 13px; text-align: left; cursor: pointer; font-weight: 600; color: #000; letter-spacing: 0.5px; line-height: 20px; }
.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: auto; width: 100% }
.body-news { position: relative; padding: 1rem; border-bottom: 2px solid #c3c3c3; }
.body-news:before, .body-news:after { position: absolute; left: 0; bottom: -2px; width: 10%; height: 2px; background: #296dc1; content: ""; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; opacity: .7; }
div.card-body.body-news span.float-right, div.card-body.body-news span.float-right { position: absolute; width: 100px; font-weight: 600; letter-spacing: 1px; text-align: center; left: 0; right: 0; margin: 10px auto 10px 10px; bottom: 0; z-index: 0; padding: 8px; border-radius: 5px; }
.card.card-news:hover .body-news:before, .card.card-news:hover .body-news:after { width: 50%; }
.body-news:after { left: auto; right: 0; }
.date-news { width: 175px !important; }
.date-news, .date { width: 25%; background: #002147; color: white; padding: 0.5rem; text-align: center; margin-top: -50px; margin-bottom: 10px; }
.date-1 { border-radius: 6px; background: #002147; color: white; padding: 0.5rem 1rem; text-align: center; margin-top: 10px; margin-bottom: 5px; }
.p-12 { padding-left: 0rem; margin-top: 1rem }
.color-w { color: white !important }
.ve { font-size: 2.5em; font-weight: 700; text-align: center; margin: 1.5rem 0 }
.hhh { font-size: 25px; font-weight: 600; margin-bottom: .75rem; border-bottom: 2px solid #554346 !important; padding-bottom: 0.75rem; text-transform: capitalize; }
.card { overflow: hidden; }
.mt-9 { margin-top: 1rem }
.h-2 { font-size: 2rem; letter-spacing: 1.5px; font-weight: 700; }
.h-1 { padding-left: calc(50% - 436.666666667px); padding-right: calc(50% - 436.666666667px); padding-top: 37.5px; padding-bottom: 37.5px; }
.h-3 { font-size: 1.5625em; margin-top: .333333em; margin-bottom: 30px; }
.h-4 { color: white; font-size: 22px; font-weight: 700; }
.h-5 { font-size: 15px; color: #000; margin-bottom: 0px; font-weight: 700; text-align: justify; letter-spacing: 1px; line-height: 25px; }
.news-staff .title, .h-6 { letter-spacing: 1px; margin-bottom: 0.25rem; color: #3479B2; font-weight: 700; text-align: left; }
.news-staff span.title { display: block; margin-bottom: 0.5rem; color: #5fbcd2; letter-spacing: 1px; font-weight: 700; font-size: 1rem; margin-top: 0.75rem; text-align: left; }
.h-7 { margin-top: 1.5rem }
.h-8 { position: absolute; padding: 1rem; bottom: 0; background: #0000004f; width: 100% }
.bg-section { background: #e0ded9; border-top: 1px solid #c3bdb7; border-bottom: 1px solid #c3bdb7; padding: 3em 0 1em 2.118933698%; }
.content { padding-top: 5rem; color: white; }
.post-meta { padding: 1rem; margin-top: 6rem }
.post-category { color: white; font-size: 18px; margin-bottom: .25rem }
.search-header .inner-form .row .input-field { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: 40px; z-index: 11; }
.search-header .inner-form .row .input-field input { height: 30px; width: 60px; border: 0; display: block; font-size: 11.5px; font-family: 'Poppins', sans-serif; cursor: pointer; }
.search-header .inner-form .row .input-field input::-webkit-input-placeholder { color: #fff; font-size: 12px; font-weight: 300; opacity: 1; }
.search-header .inner-form .row .input-field input:hover, .search-header .inner-form .row .input-field input:focus { box-shadow: none; color: #fff; outline: 0; }
.search-header .inner-form .row .input-field.first input { padding: 10px 0 10px 60px; border-radius: 30px; width: 60px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23ccc' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3e%3c/svg%3e"); background-position: 14px 14px; background-repeat: no-repeat; background-color: #fff; background-size: 34px 34px; }
.search-header .inner-form .row .input-field.first input:focus { width: 100%; padding-left: 60px; }
.search-header .inner-form .row .input-field.first input.isFocus { width: 100%; }
.search-header .inner-form .row .input-field.first input.isFocus ~ .clear { opacity: 1; }
.search-header .inner-form .row .input-field.second input { padding: 17px 60px 17px 0; width: 60px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23ccc' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3e%3c/svg%3e"); background-position: calc(100% - 17px) 5px; background-repeat: no-repeat; background-color: #001833; background-size: 24px 24px; }
.search-header .inner-form .row .input-field.second input:focus { width: 100%; padding-left: 15px; }
.carousel-item { width: 100%; }
.carousel-caption { text-align: left !important; left: 5%; right: 5%; }
.single-hero-slide { height: 450px; position: relative; z-index: 1; }
.color-caption { color: white !important; text-align: justify; letter-spacing: 0.35px; }
.color-caption-h { cursor: pointer; text-align: justify; line-height: 30px; color: white; font-size: 2em; letter-spacing: 1px; font-weight: 500; margin-bottom: 1rem; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
a:hover { text-decoration: none !important }
.bg-img { background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; }
.bg-overly { background: linear-gradient(180deg,transparent,rgba(0, 0, 0, 0.67) 80%); }
.background-overlay:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 50)); }
/*.carousel-item-next, .carousel-item-prev, .carousel-item.active{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 100));}*/
body { font-family: 'uob-font', sans-serif !important; }
.f-1 { font-size: 11.5px !important; padding: .35rem !important; color: #fff !important }
.f-2 { z-index: 11; color: #7d8da1 !important; font-size: 13.5px !important; font-weight: 700; background-color: transparent !important; padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
a.f-2:hover { color: white !important }
.f-3 { border-right: 1px solid rgba(255,255,255,0.07); padding-right: 5px; }
.f-4 { padding-top: 17px; padding-bottom: 17px; padding-right: 1rem; padding-left: 1rem; font-size: 1.1rem; color: white !important; }
.f-5 { font-size: 12px; }
.f-6 { /*width: 45%;*/ float: right; }
.f-7 { margin-left: auto; margin-bottom: 0; display: flex; padding: 0px 10px; width: 35%; background-color: #4b5b6f; border: 1px solid #4b5b6f; }
.f-8 { display: flex; z-index: 1; }
.f-9 { padding-bottom: 0.6rem; }
.w-1 { width: 100%; }
.navbar-toggler { z-index: 10 }
.n-6:hover { color: white !important }
.r-1 { margin-right: auto; margin-top: 55px; padding-left: 0px; }
.r-2 { width: 40%; float: right; margin-top: -50px; }
.r-3 { width: 60%; display: flex; }
.r-4 { padding: 0.25rem 1rem 0.25rem !important; }
.r-6 { height: auto; /*padding: 0.25rem 1rem 0rem !important;*/ }
.n { padding-top: 0rem; padding-bottom: 0rem; width: 100%; margin-top: -45px; }
.n-1 { background-color: #6c757d; border-radius: .25rem; padding: 0.15rem; }
.pt-6 { padding-top: 2rem }
.pt-7 { /*padding-top: 3.5rem;*/ }
.n-2 { margin-top: 0px; }
.n-3 { border-left: 1px solid rgba(0,0,0,0.15) }
.n-4 { float: left; z-index: 10; margin-top: 0.15rem; }
.n-7 { margin-top: 5px; }
.n-8 { margin-top: 0px }
.n-5 { font-size: 10.4px !important; }
div.dropdown-menu.n-6.hid.show { box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.36); z-index: 11; }
.n-6 { background-color: #001833; color: #94989c !important; font-size: 13.5px; padding: .35rem; }
input[type=text] { /*background-image: url(../media/images/n.png);background-size:50% 50%;
background-position: 1px 1px;*/ font-size: 10px; background-repeat: no-repeat; width: 50px; /*padding: 0px !important;*/ box-sizing: border-box; background-color: transparent; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; }
input[type=text]:focus { width: 80%; border-radius: 0px; border: 1px solid #94989c; box-shadow: none; padding: 2px }
.mb-7 { margin-bottom: 0rem; color: #000; font-size: 15px; border-bottom: 1px solid #dcdcdc; }
a.dropdown-item.d-4:hover, .mb-7:hover { color: white !important; background-color: #066693 !important; border-radius: 0.5rem }
a.dropdown-item.d-4, .mb-8 { text-align: left; padding: 7px; color: #454545; word-spacing: 1.5px; display: block }
a.mb-8:hover { text-decoration: none; color: white !important; }
.dropdown-toggle::after { font-family: 'classyfonts'; content: "\e900"; font-size: 12px; border: 0px; margin-left: .25em; width: 0; height: 0; margin-right: 0.6em; vertical-align: 0em; }
.d-4 { border-bottom: 1px solid #b2bcc7; padding: .5rem }
.dropdown-menu.n-6 { right: 50px; left: 50px; }
.p-9 { padding: 2rem 2rem 1.5rem }
.t { top: 38px }
.t-1 { top: 119px }
a.dropdown-item.t-3 { color: #94989c !important; text-align: left; }
a.dropdown-item.t-3:hover { background-color: transparent !important; color: white !important }
.sub-title { margin: 0rem 0.75rem 0.5rem; text-align: left; font-weight: 600; font-size: 18px; color: #066693; }
.warrper { position: relative; padding: 0; top: 0; right: 0; background: #002147; max-height: auto; width: 100%; z-index: 1; }
.head-top-mid { position: absolute; top: 100px; left: 50px }
.menu-header-right { float: right; margin-top: -75px; direction: ltr; color: #7f8b99 !important; width: 36%; margin-left: auto; display: flex; }
.menu-header-right > .dropdown:hover { display: none }
.main-menu { padding-top: .55rem; font-size: 1.2em; color: white !important }
.head-top-right { /*padding: 0.25rem 1rem;*/ box-shadow: 0 8px 8px -5px #555; }
.navbar-brand { /*border: 1px solid #808080;padding: 5px;*/ position: relative; }
/*.form-control {display: block;color: #495057; background-color: #4b5b6f;border: 1px solid #4b5b6f;border-radius: .25rem;border-top-left-radius: 0;border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;border-bottom-left-radius: 0;}*/
.navbar .dropdown-menu div[class*="col"] { margin-bottom: 1rem; }
.navbar .dropdown-menu.p-9.show { border: none; /*top: 112px;*/ z-index: 1000; border-radius: 0px; background-color: #eff2f7; }
a.dropdown-item.d-4:hover, .navbar .dropdown-menu.d-5 { background-color: #eff2f7; /*top: 42px;*/ border-radius: 0px; border-top: 0px; }
.d-6 { position: relative !important; }
.d { direction: ltr; width: 100% }
.d-1 { margin-right: 0px }
.d-4 { color: #3479B2; border-bottom: 1px solid #b2bcc7; padding: .5rem }
.bg-card { box-shadow: 0 0 10px rgba(0,0,0,.15), 0 3px 3px rgba(0,0,0,.15); border: none; }
.btn-a { background: #002147; width: 100%; color: white; margin-bottom: 1.5rem; padding-bottom: .75rem; padding-top: .75rem; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a.btn-a:hover { color: white; background: #011429 }
.section-media { background-color: #fff !important }
.section-media, .section-news { background-color: #f3f1ec; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 2.5rem; }
.section-rank, .section-events { border-top: 1px solid #c3bdb7; background-color: #e0ded9; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #c3bdb7; }
.p-8 { z-index: 1 }
div.p-10 span { float: right }
.p-10 { padding-bottom: 1rem; }
.card-img { background-image: url(../media/images/s1.jpg); background-size: 100% 100%; background-repeat: no-repeat }
.flex-card { display: block }
.imag-about { width: 100%; opacity: 0.1; }
.heig { height: 400px; width: 100% }

@media screen and (min-width: 992px) {

.f-2 { font-size: 15px !important; }
/*.pl-6{padding-left: 15px}*/
.search-header .inner-form .row .input-field.second input { margin-top: 0.5rem !important; }
.d-6 { position: relative !important; }
/*.r-1{margin-top:55px !important}*/
.navbar .dropdown { position: static; }
.navbar .dropdown-menu { z-index: 111; }
}

@media screen and (max-width: 700px) {
.news_archive { display: block; }
.width-badg { max-width: 50%; margin-right: -1rem; }
.img-archive, .news_archive-body { max-width: 100%; }
div.filter_lectures p { text-align: justify }
.patent-reverse { order: 1; }
.bg-gray-events div.card-body { padding: 1rem 0; }
div.filter_lectures .btn-n.btn { margin: 0rem; }
.research-name { letter-spacing: 1.0px }
.research-name i { padding-right: 0px; }
.card-dep span { font-size: 9.5px; }
.card-dep span i { margin-left: 0rem; }
.card-patent { padding: 1.5rem 1rem; }
.research_linkicon { font-size: 2rem !important; }
.contact a { cursor: pointer; font-size: 13px; }
.overly-Statistics, .section-rank, .section-events { padding: 0.5rem; }
.post-staff h4 { height: auto; }
/*.card-research h4{font-size:1rem!important;line-height: 25px;padding-left: 0.75rem;}*/
.post-content { padding: 0px 25px 20px 10px; }
.badge-post { margin-right: auto; }
.icon-post div { width: auto; margin-left: 5px; text-align: left; }
.patent-info h4, .post-staff h4, .timeline-event__item_h4, .card-dep h4, .bg-gray-events h4, .bg-gray-lighter h4 { text-align: justify }
.post-img:before { display: none }
.research-badg-1, .research-badg { max-width: 50% !important; min-width: 50% !important }
.card-research { height: auto !important }
.card-research p { margin-bottom: 2rem !important }
.sub-title { margin-top: 1.5rem }
.timeline-event { margin-top: 5rem }
.lectures { width: 100% !important; margin: 0 1rem 0.5rem !important }
.pl-15 { margin-left: 0px !important; }
.pr-15 { margin-right: 0px !important; }
.socail-news-icon { display: flex }
.img-w { height: 140px; }
.socail-news-icon span { margin: 1rem auto 0; }
.r-11 { padding-right: 0px }
.mt-12 { margin-top: 5rem }
.mt-10 { margin-top: 0rem }
.mt-11 { margin-top: 3rem !important }
.timeline-event { padding: 0px; }
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 }
.timeline-event__item { margin: 10rem auto 1rem !important; }
/*.timeline-event:before {display: none;}*/
.icon-research i { font-size: 60px }
div.bg-gray-lighter div.card-body { padding: 1rem }
.pl-6 { padding-left: 15px }
.card-pst { margin: 10px -10px 10px 20px; }
.heig { height: 300px }
.socail-news { display: flex !important; margin: 1rem 0 }
.socail-news span { margin-right: 1rem !important; }
.en-1 { padding-right: 1rem }
.bg-Statistics h2 { margin-top: 1rem }
.ro { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
.imag-about { display: none }
.admin-row { direction: rtl !important; }
.card-news { margin-bottom: 0.75rem; }
.section-media { padding: 0rem }
.h-6 { margin-top: 0rem; }
.box-img { height: 250px !important }
.section-gallery .mbr-gallery-title { height: 100%; padding: 0.5rem !important; font-size: .8em !important; }
.footer-1 { margin-bottom: .5rem }
.footer-h { text-align: center; }
.footer-5 { text-align: center }
.mt-9 { margin-top: 0.25rem }
.p-12 { padding-left: 1rem; }
.footer-3 { margin-top: 1rem }
.p-11 { padding: 1rem }
.b-5 { display: none !important }
.mbr-gallery .modal-dialog { max-width: 90% !important; }
.flex-card { display: flex }
.h-9 { font-size: 16px; padding: 0.5rem 0rem; }
.date { width: 100%; padding: 2.5rem 1rem; margin-top: 0px; margin-bottom: 0px; height: 100% }
.p-8 { padding: 0rem }
p.h-6.color-w { color: #3479B2 !important }
h3.h-5.color-w { color: #000 !important }
.h-8 { background-color: white; margin-top: 0px; position: relative }
.section-news { padding-left: 0.5rem; padding-right: 0.5rem }
.single-hero-slide { height: 300px }
.h-1 { padding-bottom: 10px }
.post-meta { margin-top: 0rem; }
.bg-card { margin-bottom: 1.0rem; }
.h-2 { font-size: 2.0em; }
.h-3 { font-size: 1.0em; }
.h-7 { margin-top: 0.25rem; }
.color-caption { font-size: 10px; margin-bottom: 0px }
.color-caption-h { font-size: 1rem }
.carousel-caption { /*padding-top: 40px;*/ padding-bottom: 0px; }
.carousel-indicators { margin-bottom: 0rem !important }
.search-header .inner-form .row .input-field.second input { margin-top: 1.0rem !important; }
.main-menu { padding-top: 0rem; }
.log_none { display: none }
.n { padding: 0rem !important; }
.n-4 { margin-top: 0px !important; width: 100% !important }
.btn-toolbar { float: none !important }
/*a.btn.n-6{width:20% !important}*/
.f-3 { border-right: 0px; padding-right: 0px }
.r-8, .r-2 { display: block !important }
.r-11 { margin-top: 0px; width: 100% }
.r-1 { margin-top: 5px; }
.r-2 { margin-bottom: 0px !important; width: 100%; margin-top: 0px }
.r-10 { margin-top: 0.5rem !important }
.navbar .dropdown-menu.p-9 { border: none; top: 80px; padding: 0px; z-index: 0 !important; border-radius: 0px !important; }
.p-9 { padding: 1.5rem !important }
.n-1 { background-color: transparent; }
.pt-7 { padding-top: 0rem !important }
.fixed { position: relative !important; }
.pt-6 { padding-top: 1rem !important; }
.head-top-right { height: auto !important }
.menu-header-right { float: none; margin-top: 0px !important; }
.menu-bottom { position: relative !important; right: 0px !important; }
.f-8 { display: block !important; }
.hide { display: block !important; }
.dropdown-toggle::after { color: white; float: right; background: #1a385a; }
.head-top-right { padding: 0.25rem 0.25rem !important }
.hid { display: none }
.n-4 { padding-right: 0rem !important; margin-top: 2rem; }
.f-7 { display: none !important }
.f-6 { width: 100%; }
.f-2, .f-4, .f-1 { padding: 1em !important; font-size: 14.5px !important; border-top: 1px solid rgba(255,255,255,0.07); max-height: 52px; color: #9fabba !important; font-weight: 500 !important; }
.r-3 { width: 100%; display: block !important; }
.n-1 { width: 100% !important }
.r-5 { width: 100%; max-width: none; border-top: 1px solid rgba(255,255,255,0.07); }
.navbar-brand { margin-right: 0px !important; padding: 0px; }
a.navbar-brand.text-logo { display: block; }
/*.n{padding: 0rem 0.25rem!important;margin-top: -48px;}*/
.menu-header-right { background: #002147; width: 100% !important }
.md-form { width: 100% }
.form-control { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
/*.menu-head-botton { display: none}*/
.logo { display: none; background-size: 100% 100%; background: url('../media/images/logo.png') no-repeat center center; width: 200px; height: 53px; overflow: hidden; text-indent: -9999%; }
}

.hide { display: none }
.blok { /* display: block; */ }
.search-header { padding-right: 14rem; }
.search-header .inner-form .row .input-field.second input { margin-top: 1rem; }
/*.n-6{width: 25% !important;}*/
.b_r { border-radius: 5px; }
/* help class text */
.tl { text-align: left }
.tr { text-align: left; }
.tc { text-align: center }
.tj { text-align: justify }
.bg-uob { background: #002147 }
.white { color: #ffffff }
footer i { color: #fff; font-size: 1.5em }
.fixed { position: fixed; top: 0; opacity: 1; z-index: 100; }
.fixed2 { position: fixed; top: 60px; opacity: 1; z-index: 5; width: 100%; }
.hide { display: none }
.logo2 { background: url(../media/images/bglogo2.png) no-repeat center center; width: 200px; height: 53px; }
.menu-bottom { position: absolute; right: 20px; bottom: auto; }
.minlink { font-size: 0.6em; font-style: italic; font-family: serif }
.fa-caret-left:before { content: "\f0da"; }
.navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: #fff !important; background-color: #001833; border-radius: 0.5rem }

@media only screen and (max-width: 988px) {
.heig { height: 300px }
.pl-6 { padding-left: 15px; }
.ro { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
.date { width: 50%; }
.head-top-right { max-height: initial; padding: 0.25rem 1rem 0.5rem !important }
.search-header { padding-right: 4.7rem !important; }
.r-11 { margin-top: 0px; width: 100%; padding-left: 0px !important }
.r-1 { margin-top: 5px; }
.r-2 { margin-bottom: 0px !important; width: 100%; margin-top: 0px }
.r-3 { display: block !important }
.r-10 { margin-top: 0.5rem !important }
.r-8 { display: block !important; }
.log_none { display: none; }
.f-6 { width: 100%; padding-right: 0px; }
.f-2 { font-weight: 600 !important; padding-top: 17px; padding-bottom: 17px; }
.f-4 { color: #9fabba !important; font-weight: 600 !important }
.f-8, .f-3 { border-bottom: 1px solid rgba(255,255,255,0.07); border-left: none; text-align: left; }
/*.n{padding:0rem !important;margin-top: -70px;}*/
.dropdown-toggle::after { color: white; float: right; background: #1a385a; }
.n-4 { margin-top: 0px !important; width: 100% !important }
.btn-toolbar { float: none !important }
.hide { /* display: block !important; */ }
.f-8 { display: block !important; }
.n-6 { width: 35% !important; }
.f-10 { border-bottom: none !important }
.menu-bottom { position: relative !important; right: 0px }
}

@media only screen and (max-width: 1270px) {
.post-img:before { display: none }
.information-user { min-width: 100px !important }
.date { width: 70px; }
.date-news { width: 70px; padding: 0.5rem; }
.lectures { width: 44.4%; margin: 0 15px 10px !important; }
.head-top-right { max-height: initial; }
.single-hero-slide { height: 300px }
.color-caption-h { font-size: 1.4em; }
.color-caption { font-size: 1em; }
.socail-news { display: flex !important; margin: 1rem 0; }
.socail-news span { margin-left: 0.25rem !important; }
.socail-news span:first-child { margin-right: 0px !important }
}

@media screen and (max-width: 768px) {
.search-header { padding-left: 5.0rem !important; }
.search-header .inner-form .row .input-field.second input {margin-top: 1rem;margin-left: 0rem;position: relative;}
/*.logo { display: none !important }*/
.no-hid { display: flex; margin-right: auto; align-items: center; }
}

.r-8 { display: flex }
.text-inf::before { position: absolute; border-bottom: 4px solid #002147; bottom: 0; left: 0 }
.r-10 { margin-top: 55px }
.r-11 { margin-top: 0rem; padding-left: 25rem; }
.date-news { margin-top: -35px; }
.card-Mission { margin-bottom: 1.5rem; background-color: #f8f9fa; padding: 2rem; border: 0px; }
.card-Mission h3 { margin-bottom: 0.75rem; font-size: 22px; font-weight: 600; text-align: left; letter-spacing: 1px; }
.admin-section p, .card-Mission p { text-align: justify; line-height: 30px; letter-spacing: 0.5px; }
.th { background: #002147e3; color: #fff; }
.w-6 { height: 100%; width: 100% }
.h-10 { height: 230px; }

@media (min-width: 576px) {
.modal-dialog { max-width: 900px; }
}

.paging { border-color: #002147 !important; }
.paging:hover { background-color: #002147 !important; color: white !important }
.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; }
.patent-m { background-color: #f7f7f7; margin-bottom: 1rem; display: flex; border-bottom: 1px solid #c7c7c7; }
.patent-save { text-align: center; border-left: 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; right: -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; right: -7.45%; 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: left; 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 }
.research-list { display: flex; background-color: #ececec; border: 12px solid #ececec; margin-bottom: 1rem; box-shadow: 0px 0px 0px 3px #fff inset; position: relative; border-radius: 5px; padding: 0.25rem; }
.research-list:hover .wm-featured-event { background: url(../media/images/label-2.png); }
.research-list:hover .research-icon { color: #b99663; background: #002147 }
.research-list h4 { margin-bottom: 0; padding: 10px 10px 45px 10px; text-align: justify }
.information-user { font-family: bein !important; color: #8c8888; letter-spacing: 1.5px; font-size: 13px; font-weight: 600; border-left: 3px solid #fff; padding: 0 5px; min-width: 200px; text-align: left; }
.information-user i { color: #d8b37f; font-size: 20px; padding-right: 0px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
.information-user:last-child { margin-right: auto; border-left: none; min-width: 80px; text-align: center; }
.information-user span:hover a i { color: #002147 }
.information-user i.wmicon-paper { padding-top: 0.25rem }
.research-information { position: absolute; bottom: 0px; width: 100%; text-align: center; display: flex; border-top: 3px solid #fff; left: 0; right: 0; }
.research-content { position: relative; width: 100% }
.research-icon { text-align: center; font-size: 5rem; line-height: 100px; background: #bababad4; -webkit-transition: all 0.9s linear; transition: all 0.9s linear; }
.research-icon i { position: relative; padding-top: 60% !important; padding: 60% 0.5rem 0 1.5rem; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
.research-label { position: absolute; left: -24px; top: 0px; font-size: 16px; width: 226px; height: 140px; background-color: #303030; background: url(../media/images/label-1.png); }
.research-label span { color: #ffffff; width: 100%; letter-spacing: 1px; font-weight: 600; padding: 30px 0px 0px 100px; display: inline-block; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }

@media(max-width:600px) {
.h-model { height: 300px }
.padding-news div.col-lg-2 { height: 400px; }
.padding-news div.col-lg-2 img { height: 100% }
.research-list { display: block }
.research-icon { line-height: 20px; }
.research-icon i { padding: 1rem !important; }
.research-information { position: relative; display: block }
.research-icon, .research-content { max-width: 100% }
.research-list h4 { padding: 20px 15px }
.information-user { border-left: 0px; border-bottom: 3px solid #fff; padding: 7px; }
.information-user:last-child { border-bottom: 0px; text-align: left; }
.search-header .inner-form .row .input-field{position:relative;z-index:-555}
}

.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: auto; }

@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 }
}

.size-icon { font-size: 2rem }
.color-main, .color-main-1, .color-main-2, .color-main-3 { text-align: center; padding: 0rem; width: 100%; }
.color-main { background-color: #163762; }
.color-main-1 { background-color: #042040; }
.color2-main, .color2-main-1, .color2-main-2, .color2-main-3 { text-align: center; padding: 0rem; width: 100%; }
.color2-main { background-color: #E08E00; }
.color2-main-1 { background-color: #945E00; }
a.link-main { display: flex; align-items: center; padding: 1rem; color: #fff; font-size: 1rem; width: 100%; letter-spacing: 1px; justify-content: space-between; }
a.link-main:hover { text-decoration: underline !important; }
a.link-main:hover i { text-decoration: none !important; }
.card-images img { width: 100%; height: 150px; box-shadow: 0 1px 15px 1px rgb(0 0 0 / 15%); }
.link ul { list-style-type: none; margin-top: 1rem; padding: 0; }
.title { font-weight: 600; }
.link h3 { text-align: left; font-weight: 600; font-size: 1.25rem; letter-spacing: 1px; color: #002147; padding: 1.5rem 1rem 0; }
.link ul li { margin-bottom: 1rem; border-bottom: 1px solid #a2a2a280; padding: 0rem 1rem .25rem; }
.link ul li a { color: #000; display: block; font-size: 1.0rem; }
.link ul li a:hover { text-decoration: underline !important }
.link ul li:last-child { margin-bottom: 0 }
.link ul li:last-child { border-bottom: 0 }
.bg-1 { background: #b8b8b8; }
.bg-2 { background: #c8c8c8; }
.bg-3 { background: #c8c8c899; }
.bg-4 { background-color: #EEE; }

@media only screen and (max-width: 991px) {
.Upcoming_Events img, .padding-news div.col-lg-2 { height: auto }
}

@media(min-width: 768px) {
.no-hid { display: flex; }
.d-1 { display: none }
}

@media(min-width: 991px) {
.no-hid { display: none; }
.d-1 { display: block }
}