/*============================================
    
    CSS INDEX
    ===================
	
    01. Theme default CSS
	02. Section Titel
	03. Choose Us
	04. Section Titel Css
	05. Upcoming Event
	06. Funfact Area
	07. Teacher Area
	08. Testimonial Area
	09. Photo Gallery
	10. Subscribe Section
	11. Education News
	12. Footer Css
	13. Breadcamp Area
	14. About Us Page
	15. News Page
	16. News Details Page
	17. Events Details Page
	18. Contact Us Page
	19. 404 Error
	20. ScrollUp
	
===========================================================*/

/* ============= 01. Theme default CSS ============= */
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700|Ubuntu:300,400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
html,h1,h2,h3,h4,h5,h6, body, p{
    font-family: 'Roboto', sans-serif;
}

/* ============= 02. Section Titel ============= */
/* Section Left */
.titel-text h2 ,.titel-text p{margin: 0;}
.section-serial {
  color: #e1e1e1;
  float: left;
  font-size: 36px;
  font-weight: 700;
  line-height: 60px;
  padding-right: 15px;
}
.titel-text {
  display: block;
  overflow: hidden;
  padding-left: 18px;
  position: relative;
}
.titel-text::after {
  background: #e1e1e1 none repeat scroll 0 0;
  content: "";
  height: 77%;
  left: 0px;
  position: absolute;
  top: 8px;
  width: 1px;
}
/* Section Right */
.right .titel-text {padding-left: 0;padding-right: 18px;}
.right .titel-text::after {right: 0;left:auto;}
.right .section-serial {
  float: right;
  padding-left: 15px;
  padding-right: 0;
}

/* ============= 03. Choose Us ============= */
.choose-text h4 {
  font-weight: 500;
  margin: 13px 0 10px;
  text-transform: uppercase;
}
.choose-text > p {margin: 0;}

/* ============= 04. Section Titel Css ============= */
.department-single {background: #46dae2 none repeat scroll 0 0;padding: 40px 15px;}
.department-single.two{background: #5950f7 none repeat scroll 0 0;}
.department-single.three{background: #f7509b none repeat scroll 0 0;}
.department-single.four{background: #509bf7 none repeat scroll 0 0;}
.department-single.five{background: #A30F44 none repeat scroll 0 0;}
.department-text h4 {
  font-weight: 500;
  margin: 13px 0 10px;
  text-transform: uppercase;
  color:#fff;
}
.department-text p {margin: 0;color:#fff;}
.our-department-area .owl-theme .owl-nav {margin-top: 60px;}
.our-department-area .owl-carousel .owl-item img {display: inline-block;width: auto;}
.our-department-area .owl-theme .owl-nav [class*="owl-"] {
  background: transparent;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding: 5px 18px;
}
.our-department-area .owl-carousel .owl-nav .owl-next  {background: #5950f7;}
.our-department-area .owl-carousel .owl-nav .owl-prev {background: #f75950;}
.our-department-area .owl-theme .owl-nav [class*="owl-"]:hover {background: #555 none repeat scroll 0 0;}

/* ============= 05. Upcoming Event ============= */
.events-tab-top ul li a.active,
.events-tab-top ul li a:hover {
  background: #5950f7 none repeat scroll 0 0 !important;
}
.events-tab-top .nav-tabs .nav-link {
    margin-bottom: 0;
    background: #555 none repeat scroll 0 0;
    color: #fff;
    border: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;

    display: block;
    font-family: "Ubuntu",sans-serif;
    height: 60px;
    margin-left: 20px;
    overflow: hidden;
    text-align: center;
    width: 70px;
    transition:.4s;

    display: flex;
    flex-direction: column;
}
.events-tab-top .nav {
  border-bottom: 0px;
  justify-content: flex-end;
}
.event-date {
  font-size: 18px;
  font-weight: 500;
}
.event-month {
  font-weight: 300;
}
.event-single-tab ul li {
  margin-bottom: 17px;
}
.event-single-tab ul li:last-child{
  margin:0;
}
.event-single-tab .nav-tabs .nav-link{
  padding: 0px;
  border-radius: 0px;
  border: 0px;
  color: inherit;
}
.eventtab-single-content {background: #f1f1f1 none repeat scroll 0 0;}
.event-single-date {
  margin-left: 20px;
  margin-right: 12px;
  margin-top: 22px;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.event-post-no {
  display: block;
  font-size: 24px;
  font-weight: 500;
}
.evnet-post-time {font-size: 18px;}
.event-single-content {
  border-left: 2px solid #fff;
  display: block;
  overflow: hidden;
  padding: 17px 15px 14px;
}
.event-single-content h5 {
  font-weight: 500;
  margin: 0 0 7px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.event-single-content > p {font-weight: 500;margin: 0;}
.event-single-tab ul li a:hover .event-single-content h5{
  color:#5950f7;
}
.event-single-tab ul li a.active ,
.event-single-tab ul li a.active .event-single-content h5{
  color:#5950f7;
}

.tab-image {float: left;}
.tab-image-left {margin-bottom: 20px;margin-left: 20px;}
.tab-person-details {
  float: right;
  font-size: 18px;
  margin-left: 20px;
  margin-top: 29px;
  position: relative;
}
.tab-person-details::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: -10px;
  width: 30px;
}
.tab-person-details > h5 {
  color: #fff;
  font-weight: 500;
  margin: 0 0 2px;
}
.tab-person-details > span {color: #fff;font-size: 16px;}
.tab-image-btn a {
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  display: block;
  font-weight: 500;
  margin-right: 20px;
  margin-top: 37px;
  padding: 10px 18px;
  text-transform: uppercase;
  transition:.4s;
}
.tab-image-btn a i {margin-left: 5px;}
.tab-image-main {position: relative;}
.tab-image-info {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 100%;
  bottom: 0;
}

/* ============= 06. Funfact Area ============= */
.funfact-single {
  position: relative;
  z-index: 9;
}
.funfact-img {
  float: left;
  margin-right: 30px;
  margin-top: 6px;
}
.funfact-count h3 {
  color: #fff;
  font-family: 'Oxygen', sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin: 10px 0;
}
.funfact-count h5 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  font-family: 'Oxygen', sans-serif;
  margin: 0;
}

/* ============= 07. Teacher Area ============= */
.teacher-single {
  box-shadow: 1px 0 8px -1px #ddd;
  position: relative;
  text-align: center;
}
.teacher-single img{width: 100%;height: auto;}
.teacher-single .teacher-content {
  background: #f9f9f9 none repeat scroll 0 0;
  bottom: 0;
  box-shadow: 0 15px 25px 0 rgba(3, 7, 15, 0.1);
  height: auto;
  padding: 15px 0;
  position: absolute;
  right: 0;
  transform: translateY(60px);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.inner-div {
  overflow: hidden;
  position: relative;
}
.teacher-single:hover .teacher-content{transform: translateY(0);}
.teacher-single:hover .teacher-content {background: #f9f9f9 none repeat scroll 0 0;}
.teacher-single .title{
  font-size: 18px;
  font-weight: 500;
  color: #555;
  text-transform: capitalize;
  margin: 0;
  transition: all 0.5s ease 0s;
}
.teacher-single:hover .title{margin-bottom: 5px;}
.teacher-single .post {
  color: #555555;
  display: block;
  font-size: 18px;
  margin-bottom: 24px;
  text-transform: capitalize;
  transition: all 0.5s ease 0s;
}
.teacher-single:hover .post{margin-bottom:6px}
.teacher-single:hover .post{
  height: 30px;
  opacity: 1;
  transform: scale(1);
}
.teacher-single .social {
  bottom: 0;
  left: 0;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
}
.teacher-single .social li a {
  border: 1px solid #555;
  border-radius: 50%;
  color: #555;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 30px;
  line-height: 29px;
  margin-right: 10px;
  transition: all 0.5s ease 0s;
  width: 30px;
}
.main-menu ul li ul > li > a i {margin-right: 10px;}
.teacher-single .social li a:hover{
  color: #fff;
  background: transparent;
  border: 1px solid #5950f7;
  background: #5950f7;
}

/* ============= 08. Testimonial Area ============= */
.testimonial-person-details {
  display: block;
  overflow: hidden;
  padding-left: 30px;
}
.persn-info {
  display: block;
  margin-left: 50px;
  position: relative;
}
.persn-info::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: -50px;
  position: absolute;
  top: 5px;
  width: 30px;
}
.persn-info > h5 {
  color: #fff;
  font-weight: 500;
  margin: 0 0 2px;
  position:relative;
  display:block;
}
.testimonial-person-details p,.persn-info span {color: #fff;}
.testimonial-person-details p {margin: -7px 0 5px;}
.testimonial-area .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 26px;}
.testimonial-area .owl-theme .owl-dots .owl-dot.active span {
  background: #5950f7 none repeat scroll 0 0;
  color:#5950f7;
  width: 30px;
}
.testimonial-area .owl-theme .owl-dots .owl-dot:hover span {
  background: #5950f7 none repeat scroll 0 0;
  color:#5950f7;
}
.testimonial-area .owl-theme .owl-dots .owl-dot span {
  backface-visibility: visible;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  display: block;
  height: 10px;
  margin: 0 6px;
  transition: opacity 0.2s ease 0s;
  width: 16px;
  transition:.3s;
}

/* ============= 09. Photo Gallery ============= */
.gallery-box .grid-item {
  float: left;
  margin-bottom: 10px;
  padding: 0 5px;
  width: 25%;
}
.professor-gallery .grid-item {
  width: 33.33%
}
ul.gallery-menu li {
  border: 1px solid #5e5e5e;
  color: #5e5e5e;
  cursor: pointer;
  margin-left: 20px;
  padding: 10px 20px;
  text-transform: uppercase;
}
ul.gallery-menu li.active,ul.gallery-menu li:hover{
  border: 1px solid #5950f7;
  color: #5950f7;
}
.gallery-single {
  display: block;
  position: relative;
}
.gallery-single::after {
  background: rgba(45, 62, 80, 0.8) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity:0;
  visibility:hidden;
  transition:.4s;
}
.gallery-single:hover::after{opacity:1;visibility:visible;}
.popup-gallery {
  color: #fff;
  font-size: 36px;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 25%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 99;
}
.gallery-single:hover .popup-gallery {
  opacity: 1;
  top: 38%;
  visibility: visible;
}

/* ============= 10. Subscribe Section  ============= */
.subcribe-content h3 {
  color: #fff;
  font-weight: 700;
  margin: 0 0 22px;
}
.subcribe-content h4 {
  color: #fff;
  font-weight: 500;
  font-size:24px;
  margin: 0 0 38px;
}
.subcribe-content ul li a {
  border: 1px solid #fff;
  color: #fff;
  display: block;
  font-weight: 500;
  margin-right: 18px;
  padding: 12px 40px;
  transition: all 0.4s ease 0s;
}
.subcribe-content ul li a:hover{background:#5950f7;border-color:#5950f7;}

/* ============= 11. Education News ============= */
.edu-post-info > span {
  color: #404040;
  font-size: 14px;
  transition: all 0.4s ease 0s;
}
.edu-post-info span::after {
  content: "|";
  margin-left: 5px;
  margin-right: 5px;
}
.edu-post-info span:last-child::after {content: "";margin-left: 0;}
.edu-news-content p {
  color: #404040;
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0;
}
.news-button a {
  text-transform: uppercase;
  font-weight: 500;
  transition:.3s;
}
.news-button a:hover{color:#5950f7;}
.news-button a i {margin-left: 5px;transition:.3s;}
.news-button a:hover i{margin-left: 2px;}

/* ============= 12. Footer Css ============= */
.address-area > h4 {
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 40px;
}
.address-area > p {
  color: #fff;
  font-size: 14px;
  margin: 25px 0;
}
.contact-social ul li a {
  border-radius: 100px;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 30px;
}
.contact-social ul li a:hover {background: #fff none repeat scroll 0 0;color: #5950f7;}
/* Footer Menu */
.footer-menu ul li{display:block;}
.footer-menu ul li a {
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 400;
  overflow: hidden;
  padding-bottom: 8px;
  transition:.3s;
}
.footer-menu ul li:last-child a{padding-bottom:0;}
.footer-menu ul li a:hover{color: #5950f7;}
/* Footer News */
.post-img {float: left;margin-right: 15px;}
.footer-post ul li {margin-bottom: 18px;}
.footer-post ul li:last-child {margin: 0;}
.post-cntnt {display: block;overflow: hidden;}
.post-cntnt > h6 {color: #fff;line-height: 22px;margin: 0 0 5px;}
.post-cntnt span {color: #fff;margin: 0;}
/* Conatct Details */
.contact-details ul li {
  display: block;
  font-weight: 300;
  margin-bottom: 25px;
}
.address-area .contact-details ul li i {
  border: 1px solid #fff;
  color: #fff;
  float: left;
  font-size: 14px;
  height: 30px;
  line-height: 26px;
  margin-right: 20px;
  text-align: center;
  width: 30px;
}
.contact-details ul li span {
  color: #fff;
  display: inline-block;
  margin-bottom: 0;
  margin-top: -7px;
}
/* Footer Bottom */
.footer-bottom {
  border-top: 1px solid #555;
  padding: 15px 0;
  text-align: center;
}
.footer-bottom > p, .footer-bottom > p a {
  color: #fff;
  margin: 0;
  transition: all 0.3s ease 0s;
}
.footer-bottom > p a:hover{color:#5950f7}
.address-area.post {padding-left: 50px;}
.address-area.address {padding-left: 30px;}

/* ============= 13. Breadcamp Area ============= */
.bradcamb-content h1 {color: #fff;font-size: 30px;}
.bradcamb-content ul li {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.bradcamb-content ul li a {color: #fff;font-size: 14px;}
.bradcamb-content ul li i, .top-titel ul li span {display: inline-block;padding: 0 6px 0 8px;}
.bradcamb-content a span {padding: 0 8px 0 10px;}

/* ============= 14. About Us Page ============= */
.about-content-left h2 {margin: 0 0 28px;}
.about-content-left > ul {margin-bottom: 10px;margin-top: 20px;}
.about-content-left > p {color: #404040;}
.about-content-left > ul li {margin-bottom: 13px;color: #404040;}
.about-content-left > ul li i {margin-right: 10px;}


.professor-about .about-content {
  max-width: 410px;
  display: flex;
  flex-direction: column;
}
.professor-about .subtitle {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #5950F7;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.professor-about .title {
  font-size: 36px;
  color: #2A2A2A;
  margin-bottom: 20px;
}
.professor-about .content-title {
  font-size: 16px;
  font-weight: 400;
  color: #303030;
  margin-bottom: 20px;
}
.professor-about p {
  margin-bottom: 40px;
}
/* ============= 15. News Page ============= */
.news-page-area .edu-news-single {
  margin-bottom: 40px;
}
/* Page Pagination */
.pagination > li > a, .pagination > li > span {
  background-color: #fff;
  border: medium none;
  color: #404040;
  float: left;
  font-weight: 500;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
  transition: all 0.4s ease 0s;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: transparent;
  border-color: #337ab7;
  color: #5950f7;
  cursor: default;
  font-size: 24px;
  font-weight: 500;
  margin-top: -10px;
  z-index: 3;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  background: #fff none repeat scroll 0 0;
  border-radius: 100px;
  box-shadow: 1px 1px 2px 2px #ddd;
  color: #5950f7;
  display: block;
  font-weight: 700;
  height: 40px;
  line-height: 30px;
  margin-left: 0;
  margin-right: 92px;
  margin-top: -5px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 40px;
}
.pagination > li:first-child > a:hover, .pagination > li:first-child > span:hover {background:#5950f7;color:#fff;box-shadow:none;}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  background: #fff none repeat scroll 0 0;
  border-radius: 100px;
  box-shadow: 1px 1px 2px 2px #ddd;
  display: block;
  font-weight: 700;
  height: 40px;
  line-height: 30px;
  margin-left: 92px !important;
  text-align: center;
  width: 40px;
  transition:.4s;
  color:#5950f7;
  margin-top: -5px;
}
.pagination > li:last-child > a:hover, .pagination > li:last-child > span:hover{background:#5950f7;color:#fff;box-shadow:none;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {background-color: transparent;}

/* ============= 16. News Details Page ============= */
.servdetls-img h2 {
  background: #5950f7;
  color: #fff;
  display: block;
  height: 70px;
  left: 35px;
  line-height: 25px;
  margin: 0;
  padding-top: 12px;
  position: absolute;
  text-align: center;
  top: 20px;
  width: 70px;
}
.servdetls-img h2 span {
  color: #fff;
  display: block;
  font-size: 12px;
}
.deatils-titel h5 {
  color: #555555;
  font-weight: 500;
  margin-bottom: 35px;
  padding-bottom: 10px;
  position: relative;
  text-transform: uppercase;
}
.deatils-titel h5::after{
  background: #555555 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 30%;
}
.top-titel > h5 {color: #555555;font-weight: 500;}
.ltst-post {padding-bottom: 20px;padding-top: 3px;}
.ltst-post span::after {content: "|";margin:0 7px}
.ltst-post span {
  color: #555555;
  font-size: 12px;
  font-weight: 500;
}
.ltst-post span:last-child::after {content: "";margin-left: 0;}
.news-content > p {color: #404040;}
.news-content blockquote {
  border-left: 2px solid #5950f7;
  font-size: 17.5px;
  margin: 35px 0 35px 45px;
  padding: 0 20px;
}
.news-content blockquote p {overflow: hidden;color: #404040;}
.tag-line {
  border-bottom: 1px solid #5950f7;
  display: block;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px;
}
.tag-line > span {
  color: #555555;
  float: left;
  font-size: 12px;
  font-weight:600;
}
.tag-social {float: right;}
.tag-social ul li a {
  color: #555555;
  font-size: 14px;
  padding-left: 20px;
}
.tag-social ul li a:hover{color:#5950f7;}
/* Comment Style */
.comment-pic {
  display: inline-block;
  float: left;
  margin-right: 25px;
  overflow: hidden;
}
.comment-author {
  display: block;
  margin-bottom: 9px;
  overflow: hidden;
}
.comment-author h3 {
  float: left;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
.comment-author > ul {float: right;}
.comment-author li {font-size: 12px;font-weight: 500;color: #555555;}
.comment-author ul li a {color: #555555;font-size: 14px;font-weight: 500;}
.comment-author ul li a:hover {color: #5950f7;}
.comment-author ul li span {display: inline-block;padding: 0 6px 0 8px;}
.comment-dis {display: block;margin: 0 0 20px;overflow: hidden;}
.comment-box .deatils-titel h5::after {width: 18%;}
.leave-reply-box .deatils-titel h5::after {width: 17%;}
.comment-single-box.two {margin-left: 100px;}
.comment-dis > p {color: #404040;}
/* Search News */
.search-news input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #dcd9d9;
  box-shadow: none;
  color: #555555;
  font-size: 14px;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  position:relative;
}
.search-button {
  background: #5950f7 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 18px;
  height: 45px;
  position: absolute;
  right: 16px;
  width: 70px;
  top:0px;
  right: 0;
}
/* Category List */
.category-list .deatils-titel h5::after {width: 25%;}
.category-list ul li {width: 100%;}
.category-list ul li a{
  display: block;
  padding-bottom: 10px;
  padding-top: 20px;
  color: #666666;
  font-size: 12px;
  font-weight: 500;
  border-bottom: 1px solid #dcd9d9;
}
.category-list ul li a:hover{color:#5950f7;}
.category-list ul li i {margin-right: 8px;}
.category-list ul li:first-child a {padding-top: 0;}
.category-list ul li:last-child a {
  border-bottom: medium none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.category-list ul li span {float: right;}
/* Latest Post */
.ltst-pst-img {float: left;margin-right: 15px;}
.ltst-pst-cntnt {display: block;overflow: hidden;}
.ltst-pst-cntnt > p {color: #404040;margin: 0;}
.ltst-pst-cntnt .ltst-post {padding-bottom: 0;padding-top: 5px;}
/* Tag List */
.tag-list .deatils-titel h5::after {width: 12%;}
.tag-list ul li a {
  border: 1px solid #dcd9d9;
  display: block;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 20px;
  margin-right: 7px;
  padding: 8px 22px;
  text-transform: uppercase;
  transition:.3s;
}
.tag-list ul li a:hover{background:#5950f7;color:#fff;border-color:#5950f7;}
.tag-list ul li:nth-child(3) a,.tag-list ul li:nth-child(6) a {margin-right: 0;}

/* ============= 17. Events Details Page ============= */
.form-group,.form-single {margin-bottom: 25px;}
.form-control {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c1c1c1;
  border-radius: 0px;
  box-shadow: none;
  color: #555555;
  height: 40px;
  transition: all 0.3s ease 0s;
  font-size:12px;
}
.form-textarea .form-control {
  height: 120px;
}
.form-button .contact-submit {
  background: #5950f7 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  margin-top: 50px;
  width: 130px;
}
.form-button .contact-submit:hover {background: #555555 none repeat scroll 0 0;}
p.form-messege {font-size: 20px;margin: 0;}
.servdetls-img h5 {
  color: #555555;
  font-weight: 500;
  margin: 20px 0 0;
  text-transform: uppercase;
}
.event-schedule {display: block;overflow: hidden;}
.event-schedule ul li{width: 33.33%;float:left;}
.event-schedule ul li span {
  color: #404040;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 7px;
}
.event-schedule ul li span i {font-size: 18px;margin-right: 6px;}
.event-schedule ul li p {font-size: 11px;font-weight: 500;margin: 0 0 2px;}
.event-schedule ul li p a {
  background: #5950f7 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
  padding: 10px 30px;
  transition:.4s;
}
.event-schedule ul li p a:hover{background:#555555}
.event-description > p {color: #404040;}
.events-details-left .deatils-titel h5::after {width: 20%;}
.event-description .category-list .deatils-titel h5::after {width: 37%;}
.events-details-left .deatils-titel h5::after {width: 25%;}
.event-content-text .deatils-titel h5::after {width: 20%;}
.event-content-text ul li {color: #404040;display: block;margin-bottom: 13px;}
.event-content-text ul li i{margin-right:10px;font-size:16px;}
.participant-details {margin-top: 23px;}
.single-participants {float: left;}
.single-participants:last-child {margin-right: 0;}
.participant-details h5 {margin: 0 0 4px;}
.event-participant .owl-carousel .owl-item img {transform-style: initial;}

/* ============= 18. Contact Us Page ============= */
.contact-map {
  height: 400px;
  width: 100%;
  display: block;
}
/* Adress left */
.contact-address {background: #ececec none repeat scroll 0 0;padding: 100px 20px;}
.address-info ul li {
  font-weight: 300;
  margin-bottom: 19px;
  width: 100%;
}
.address-info ul li i {
  border: 1px solid #5950f7;
  border-radius: 100px;
  color: #5950f7;
  float: left;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  margin-right: 20px;
  text-align: center;
  width: 40px;
  margin-top: 5px;
  transition:.3s;
}
.address-info ul li:hover i{color:#fff;background:#5950f7;}
.address-info p {
  color: #404040;
  display: block;
  font-size: 14px;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0;
}
/* social icons */
.social-network.social-circle > h4 {
  color: #4d4d4d;
  margin: 0 0 15px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.social-network ul li a {
  border-radius: 100px;
  color: #5950f7;
  display: block;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin-left: 6px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 30px;
}
.social-network ul li a:hover{background:#5950f7;color:#fff;}
.contact-us-area .col-md-4 {padding-right: 0;}
.contact-us-area .col-md-8 {padding-left: 0;}
.contact-address-from {background: #f3f3f3 none repeat scroll 0 0;padding: 58px 100px;}
.frequently-titel h5 {
  margin: 0;
  text-transform: uppercase;
  font-weight: 500;
  color: #464646;
}
.contact-address-from .form-button .contact-submit {
  height: 40px;
  width: 140px;
  margin-top:30px;
}

/* ============= 19. 404 Error ============= */
.outerwrap-404 {
  background-image: url("img/404/bg.png");
  background-size: cover;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.error-main {
  left: 0;
  margin-top: -288px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
}
.error-main h6 {
  color: #fff;
  font-size: 80px;
  line-height: 54px;
  margin-bottom: 30px;
  text-transform: capitalize;
}
.error-main > img {margin-bottom: 30px;}
.error-main h2 {
  color: #fff;
  line-height: 25px;
  margin-bottom: 50px;
  padding-bottom: 8px;
  text-transform: capitalize;
}
.error-main .icon-studio {display: block;margin-bottom: 40px;}
.error-main a {
  background: #5950f7 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  width:150px;
  height:40px;
  line-height:40px;
  font-weight:500;
}
.error-main a:hover{background:#555555;}

/* ============= 20. ScrollUp ============= */
#scrollUp {
  background: #5950f7 none repeat scroll 0 0;
  border-radius: 0px;
  bottom: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 28px;
  height: 40px;
  line-height: 35px;
  position: fixed;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 40px;
  z-index: 200;
}
#scrollUp:hover{background:#000;}

.teacher .row{
  margin-bottom: 30px;
}

.teacher .row:nth-child(even){
  display: flex;
  flex-direction: row-reverse;
}


/*Additional Css*/

.logo-area{
    margin:0;
}

.main-menu nav ul li a{
    padding:0px;
    margin:0 10px;
    text-transform:capitalize;
}

.menu-area-main .container .row{
    padding:30px 0px;
    align-items:baseline;
}

.sticky .main-menu nav ul li a{
    padding:0px;
    
}

.professor-slider .slide-content h1{
    color:white;
}
.professor-slider .slide-content p{
    color:white;
}
.professor-slider .slider-item{
    position:relative;
}

.professor-slider .slider-item:before{
    position:absolute;
    content:'';
    background-color:rgba(0,0,0,0.7);
    top:0;
    left:0;
    width:100%;
    height:100%;
}


.funfact-area.bg-overlay-2::before{
    display:none;
}


.funfact-area{
    background:#645dd5;
    padding:5em 0em;
}

.funfact-count h3{
    font-size:32px;
    text-align:center;
}


.funfact-count h5 p{
    color:white;
    font-size: 16px;
    color: white;
    text-align:center;
}


.event-month p{
    color:white;
    margin-bottom:0px;
}

.address-area a h3{
    color:white;
    font-size:36px;
}
.main-menu nav ul li.active a, .main-menu nav ul li:hover a{
    font-weight:600;
}

.header-right ul li a{
    height:20px;
    line-height:20px;
}

.logo-area a h4{
    font-size:24px;
    font-weight:600;
}
.professor-slider .slide-content{
    margin-left:0;
}

.funfact-single{
    border-right:2px solid #ffffff61;
}

.menu-area-main{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.funfact-count h5{
    text-align:center;
}

.bio-porfolio{
    margin:5em 0em;
}

.sticky .logo-area{
    margin:0;
    
}

.upcoming-event{
    display:none;
}


.slider-area.professor-slider{
    height:600px;
}



.slider-area.professor-slider .owl-carousel .owl-stage{
    height:100%;
}

.slider-area.professor-slider .owl-carousel .owl-stage-outer{
    height:100%!important;
}


.slider-area.professor-slider .owl-carousel{
    height:100%;
}


.header-top-area{
    background:#38347f
}


.edu-news-content p{
    text-align:center;
}

.edu-news-img img{
    filter:grayscale(1);
    transition:.5s all;
}

.edu-news-img:hover img{
    filter:none;
}
.address-area .contact-details ul li i{
    transition:.5s all;
}
.address-area .contact-details ul li i:hover{
    color:#2d3e50;
    background:white;
    cursor:pointer;
}

.professor-slider .slider-item{
    height:100%;
}


.slider-area.professor-slider .owl-carousel.owl-drag .owl-item{
    height:100%;
}

.professor-slider .slide-content{
    margin:0px;
    padding-top:10em;
}

.index-about-more .about-more{
        background: #5950f7;
    color: white;
    padding: 8px 15px;
    border-radius: 3px;
    margin-top: 2em;
    display: block;
    width: fit-content;
    font-size: 13px;
    transition:.5s all;
}

.index-about-more .about-more:hover{
    background:#1e1b4e;
}



.slide-btn a:hover{
     background:#1e1b4e;
}



.interview-index .edu-news-single .edu-news-img img{
    filter:none;
}


.interview-index .edu-news-content p{
    text-align:left;
}

.interview-index .edu-news-single .edu-post-info{
    margin-top:5px;
}


.interview-index .edu-post-info > span{
    font-size:12px;
    font-weight:500;
}

/*interview*/

/*interview single*/

.interview-image{
  width:100%;
  margin-bottom:2em;
}

.interview-image img{
  width: 100%;
}

.interview-title{
  font-size: 24px;
    font-weight: 600;
}

.interview-subtitle{
  font-size: 15px;
    color: gray;
}

.interview-date{
  font-weight: 600;
    color: #404040;
    margin-bottom: 2em;
}

.interview-video{
  margin-bottom: 1em;
}

.interview-question{
  font-size: 17px;
    font-weight: 600;
    margin-bottom: 3px;
}

.interview-qa{
  margin-bottom: 1em;
}

.interview-main{
  margin-bottom: 2em;
}


@media(max-width:768px){
  .interview-video iframe{
    width: 100%;

  } 
  .interview-image{
    margin-bottom:1em
  }
  .interview-title{
    font-size: 18px;
  }
  .interview-subtitle{
    font-size: 14px;
  }
  .interview-date{
    margin-bottom: 1em;
    font-size: 15px;
  }
  .interview-question{
    font-size: 16px;
  }

  .interview-answer{
    font-size: 15px;
  }
}


/*interview main*/
.interview-page .edu-news-single{
    border:1px solid #ececec;
}

.interview-page .edu-news-content{
    padding:10px;
}


.interview-page .edu-news-content p{
    text-align:left;
    font-size:17px;
}

.interview-page .edu-post-info > span{
    font-size:13px;
    color: gray;
    font-weight: 500;
    text-transform: capitalize;
}


.interview-page .edu-news-img img{
    filter:none;
}
.interview-page .edu-news-content .news-button{
    text-align:right;
}

.interview-page .edu-news-content .news-button a{
        font-size: 13px;
}


.footer-bottom > p, .footer-bottom > p a{
    font-weight:300;
}

.footer-bottom > p a{
    color:cadetblue;
    font-weight:500;
}


.professor-slider .slider-item .slide-content{
    display:none;
}


.professor-slider .slider-item:before{
    background-color:rgb(255 255 255 / 0%);
}


.about-content-left p{
    -webkit-line-clamp: 9;
    display: -webkit-box;
    -webkit-box-orient: vertical;
        overflow: hidden;
}




section{
    padding-top:50px!important;
    padding-bottom:50px!important;
}


.index-bio{
    background:#f8fcff;
}

.index-bio .about-image-right{
    height:100%;
}

.index-bio .about-image-right img{
    max-height:500px;
    width:100%;
    object-fit:cover;
    object-position:top;
}

.menu-area-main .container .row{
    padding-bottom:25px;
}

.logo-area a h4{
    color:white ;
}

.main-menu nav ul li a{
    color:white;
    padding-bottom:5px;
}

.menu-area-main{
    background-color:#5AA6ED
}

.sticky .main-menu nav ul li a{
    padding-bottom:5px;
}

.main-menu nav ul li a{
    transition:.5s all;
}

.main-menu nav ul li.active a, .main-menu nav ul li:hover a{
    border-bottom:3px solid white;
    color:white;
}



.index-about-more .about-more{
    background:#0574E5;
}


.mean-container .mean-bar{
    background:#2b669d none repeat scroll 0 0;
}
.mean-container .mean-nav ul li a{
    background:#2b669d none repeat scroll 0 0;
    color:white;
    padding:0.7em 5%;
}

.mean-container .mean-nav ul li{
    border-top:0.5px solid#4a4a4a52;
}

@media (max-width:768px){
    .menu-area-main .container .row{
        padding-bottom:15px;
    }
    .index-bio.about-area .row{
        flex-direction:column-reverse;
    }
}

.mean-container a.meanmenu-reveal{
    height:16px;
    
}

.mean-container .mean-bar::after{
    font-size:17px;
}

.index-portfolio .edu-news-single .edu-news-img{
    text-align:center;
}
.index-portfolio .edu-news-single .edu-news-img img{
    height:120px;    
}

.index-portfolio .edu-news-single{
    margin-bottom:3em;
}

.edu-news-content p{
    
    font-size:14px;
}


.section-titel{
    margin-bottom:40px;
}


.photo-gallery-area{
    background:#f8fcff;
}
.interview-page .edu-news-content{
    background:white;
}



@media(max-width:1200px){
    .main-menu nav ul li a{
        font-size:13px;
    }
    .main-menu nav ul li a{
        margin:0 8px;
    }
}

@media(min-width: 768px) and (max-width: 991px){
    .main-menu nav ul li a{
        padding:5px 0px!important;
    }
    .main-menu.text-right ul{
        display:flex;
        justify-content:space-between;
    }
    .slider-area.professor-slider{
        height:500px;
    }
}


@media(max-width:768px){
    .mobile-menu-area{
        margin-bottom:0px;
    }
}


.about-area .about-image-right img{
        max-height: 460px;
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.bio-porfolio .edu-news-img{
    text-align:center;
}

.bio-porfolio .edu-news-single{
    margin-bottom:2em;
}

.bio-porfolio .edu-news-img img{
    height: 120px;
    width: auto;
}


@media (min-width: 992px) and (max-width: 1200px){
    .contact-address{
        padding:58px 30px!important;
    }
}

.contact-address-from{
    border:1px solid #ebebeb;
    box-shadow:rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.contact-address{
    border:1px solid #ebebeb;
    box-shadow:rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    background:#f3f3f3 none repeat scroll 0 0;
}

@media(max-width:991px){
    .contact-address{
        padding:40px 20px;
        text-align:center;
    }
    .address-info ul li{
            text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-bottom:1em;
    }
    .address-info p{
        margin-bottom:0px;
    }
    .contact-address-from .quote-form-area .form-button{
        text-align:center;
    }
    
    .contact-address-from .quote-form-area .form-control{
        background:#ffffff none repeat scroll 0 0;
        border:1px solid #e4e4e4;
    }
}


@media(max-width:767px){
    .mobile-menu-area{
        margin-bottom:0px!important;
    }
    .mobile-menu-area .container .row{
        padding:0px;
    }
}


.about-area .edu-news-img img{
    filter:none;
}


#scrollUp{
    background:#1d75c6;
    border-radius:50%;
}

@media (max-width:1200px){
    .interview-page .edu-news-content p{
        font-size:14px;
    }
    .interview-page .edu-post-info > span{
        font-size:11px;
    }
}



.index-portfolio .edu-news-single .edu-news-img img{
    width:auto;
}

@media(max-width:768px){
    .index-portfolio .edu-news-single .edu-news-img img{
        filter:none;
    }
}




@media(max-width:1200px){
    .slider-area.professor-slider{
        height:500px;
    }
}

.professor-slider .slider-item{
    height:100%;
}

@media(min-width: 992px) and (max-width: 1200px){
    .professor-slider .slider-item{
        height:100%!important;
    }
}

@media(min-width: 768px) and (max-width: 991px){
    .professor-slider .slider-item{
        height:100%!important;
    }
}

@media(max-width: 767px){
     .professor-slider .slider-item{
        height:100%!important;
    }
}


@media(max-width:991px){
    .titel-text h2{
        font-size:24px;
    }
    .titel-text p{
        font-size:13px;
    }
    .about-content-left h2{
        margin:0 0 5px;
    }
    .edu-news-img img{
        filter:grayscale(0);
    }
    .about-content-left h2{
        font-size:24px;
    }
    .slider-area.professor-slider{
        height:450px;
    }
}

@media (max-width: 767px){
    .photo-gallery-area .gallery-box .grid-item{
        width:50%;
    }
    .photo-gallery-area .gallery-content{
        display:flex;
        flex-wrap:wrap;
    }
    .titel-text h2{
        font-size:20px;
    }
    .about-content-left h2{
        font-size:20px;
    }
    
}

@media(max-width:768px){
    .index-bio .about-image-right{
        margin-bottom:1em;
    }
}

@media(max-width:768px){
    .slider-area.professor-slider{
        height:350px;
    }
}

.entreprenuer-page .edu-news-single{
    position:relative;
    cursor:pointer;
    height:100%;
}
.entreprenuer-page .edu-news-single:hover .entreprenuer-overlay{
    opacity:1;
}

.entreprenuer-overlay{
      position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #346390;
  display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}


.entreprenuer-page .edu-news-single .edu-news-img{
    height:250px;
    background-image:linear-gradient(#fefeff, #eef6fc);
        display: flex;
    align-items: center;
    justify-content: center;
}

.entreprenuer-page .edu-news-single .edu-news-img img{
    height:100%;
    object-fit:contain;
}

.entreprenuer-overlay .overlay-text{
    color:white;
    text-align:center;
}



.entreprenuer-title{
        text-align: center;
    font-size: 17px;
    font-weight: 500;
    margin-top:5px;
}

.entreprenuer-overlay a{
    padding: 5px 10px;
    margin-top: 19px;
    background: white;
    color: #346390;
    border-radius: 3px;
    transition:.5s all;
}
.entreprenuer-overlay a:hover{
    color:white;
    background:#233e59;
}
.overlay-desc{
    margin-bottom:10px;
}


@media(max-width:767px){
    .entreprenuer-page .about-content-left{
    margin-bottom:0px;
}
.entreprenuer-page .edu-news-single .edu-news-img{
    height:180px;
    margin-bottom:10px;
}

}

@media(max-width:991px){
    .overlay-desc{
        font-size:10px;
    }
    .entreprenuer-overlay a{
        font-size:12px;
    }
    .entreprenuer-title{
        font-size:15px;
    }
}

.professor-slider .slider-item{
   background-position:top;
}

.gallery-title{
    display:none;
    color:white;
   position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:20;
font-size: 18px;
    font-weight: 600;

}
.gallery-single:hover .gallery-title{
    display:block;
}

@media(max-width:991px){
    .gallery-single::after{
        visibility:visible;
        opacity:1;
        background:rgb(45 62 80 / 60%) none repeat scroll 0 0;
    }
    .gallery-title{
        display:block;
        font-size:15px;
        font-weight:500;
    }
}


 .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      
      
      .index-portfolio .edu-news-single{
          display:flex;
          flex-direction:column;
      }


.index-portfolio .edu-news-single .edu-news-img img{
    cursor:pointer;
}

.single-gallery-page img{
        height: 250px;
    object-fit: cover;
    margin-bottom:1.5em;
    position:relative;

}

@media(max-width:991px){
    .single-gallery-page img{
        height: 200px;
    }
}


@media(max-width:400px){
    .single-gallery-page img{
        height: 150px;
    }
}



@media(max-width:768px){
    .section-title h2{
        font-size:24px;
    }
    .pt-110{
        padding-top:40px;
    }
}





.inrerview-page{
        width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 400px;
}





.interview-page .edu-news-single{
    margin-bottom:1em;
}


.menu-area-main{
    background-color: #fcb514;
}

.main-menu nav ul li a,.logo-area a h4{
    color:#2e2e2e;
}



.main-menu nav ul li.active a, .main-menu nav ul li:hover a{
    border-bottom: 3px solid #333;
    color: #333;
}
.theme-color-bg{
    background: #D7D5CF;
}


.address-area a h3,.address-area > p,.address-area > h4,.contact-details ul li span,.address-area .contact-details ul li i,.contact-social ul li a,.footer-menu ul li a{
    color:#32312d;
}

.address-area .contact-details ul li i{
    border-color:#32312d;
}


.footer-bottom > p, .footer-bottom > p a {

    color:#676355;
}

.footer-bottom > p b{
    color:#676355!important;
}


.footer-bottom > p a{
    color:cadetblue!important;
}
.footer-menu ul li a:hover{
    color:#676355;
    font-weight:500;
}


.index-bio,.photo-gallery-area {
    background: #f9f9f9;
}

.footer-bottom{
    border-top: 1px solid #b9b9b9;
}

.contact-social ul li a:hover{
    color:#323940;
}

.interview-image img{
        width: 100%;
    max-height: 400px;
    height: auto;
    object-fit: cover;
}

.address-area a h3{
    font-weight:500;
}

.mean-container .mean-bar{
        background: #b88c08 none repeat scroll 0 0;
}



@media(max-width:768px){
    .interview-image img{
        max-height:250px;
    }
    .menu-area-main .container .row{
        padding:20px 0px;
        padding-bottom:0px;
    }
}

.mean-container .mean-nav ul li a{
    background: #b88c08 none repeat scroll 0 0;
}


.mean-container .mean-nav ul li {
    border-top: 1px solid #cecece85;
}

.news-button a:hover{
    color:#404040;
}

.mean-container .mean-nav ul li a:hover {
    background: #92710b none repeat scroll 0 0;
    color: white;
}


.linear__icon {
	position: absolute;
	left: 50%;
	bottom: 10;
	margin-left: -16px;
	-webkit-animation: mymove 0.5s infinite alternate;
	animation: mymove 0.5s infinite alternate;
	z-index:2;
}

.linear__icon i {
	font-size: 50px;
	color: white;
	filter:drop-shadow(rgba(0, 0, 0, 0.24) 0px 3px 8px);
}

@-webkit-keyframes mymove {
	0% {
		bottom: 10px;
	}
	100% {
		bottom: 0px;
	}
}

@keyframes mymove {
	0% {
		bottom: 10px;
	}
	100% {
		bottom: 0px;
	}
}


.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #fcb514;
}
.index-about-more .about-more {
    background: #fcb514;
}
.index-about-more .about-more:hover {
    background: #b98309;
}
.contact-details ul li span{
    font-weight:500;
}

.interview-page .edu-news-img img{
    height:150px;
}

@media only screen and (min-width: 480px) and (max-width: 767px){
    .interview-page .edu-news-img img{
        height:220px;
    }
}

.interview-title{
    margin-bottom:1em;
}
@media(max-width:991px){
    .interview iframe{
        width:100%;

    }
}
@media(max-width:768px){
    .interview iframe{
        height:250px;

    }
}