@charset "utf-8";
/* CSS Document */

.detailedMap {position:relative; height:800px;}
.detailed-map-navs {position:absolute;/* height: 400px; */width: 470px;left: 15%;z-index:99;bottom:0;border-radius:20px 20px 0 0;display: block !important;background: var(--third);padding: 65px !important;font-size: 30px;}
.detailed-map-nav-title {font-size:20px;}
.detailed-map-navs h4 {color:var(--secondary); font-size:42px}
.detailed-map-navs a { color:#fff; }
.detailed-map-main {}
.detailed-map-default #map_button_type_showAll,
.detailed-map-default #map_button_type_hideAll,
.detailed-map-default div[id^=map_item_type_],
.detailed-map-default div[id*=" map_item_type_"] { cursor: pointer;  display: flex;  align-items: center;  color: var(--white);  padding: 0 10px;  margin-bottom: 5px;  font-size: 16px;}


@media (max-width: 875px) {
.detailedMap {position:relative; height:unset;}
.detailed-map-navs {position:relative; height: unset; width: 100%; left: 0%; border-radius:0; display: block !important; background: var(--third); padding: 30px !important; font-size: 30px; }
}




.header.header-kampus.is-sticky  .logob {display:none; }
.header.header-kampus.is-sticky.stuck   .logoa {display:none; }
.header.header-kampus.is-sticky.stuck   .logob {display:block; }




/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-area {
  position: relative;
  width: 100%;
}
.content-area > .content-area-wrap {
  position: relative;
  padding-left: var(--content-area-p-x);
  padding-right: var(--content-area-p-x);
}
.content-area > .content-area-wrap::after {
  display: table;
  clear: both;
  content: "";
}
@media (max-width: 991px) {
  .content-area > .content-area-wrap {
    padding-left: var(--content-area-p-x-tablet);
    padding-right: var(--content-area-p-x-tablet);
  }
}
@media (max-width: 767px) {
  .content-area > .content-area-wrap {
    padding-left: var(--content-area-p-x-phone);
    padding-right: var(--content-area-p-x-phone);
  }
}

.content-area.is-sm > .content-area-wrap {
  padding-top: var(--content-area-sm-p-t);
  padding-bottom: var(--content-area-sm-p-b);
}
@media (max-width: 991px) {
  .content-area.is-sm > .content-area-wrap {
    padding-top: var(--content-area-sm-p-t-tablet);
    padding-bottom: var(--content-area-sm-p-b-tablet);
  }
}
@media (max-width: 767px) {
  .content-area.is-sm > .content-area-wrap {
    padding-top: var(--content-area-sm-p-t-phone);
    padding-bottom: var(--content-area-sm-p-b-phone);
  }
}

.content-area.is-md > .content-area-wrap {
  padding-top: var(--content-area-md-p-t);
  padding-bottom: var(--content-area-md-p-b);
}
@media (max-width: 991px) {
  .content-area.is-md > .content-area-wrap {
    padding-top: var(--content-area-md-p-t-tablet);
    padding-bottom: var(--content-area-md-p-b-tablet);
  }
}
@media (max-width: 767px) {
  .content-area.is-md > .content-area-wrap {
    padding-top: var(--content-area-md-p-t-phone);
    padding-bottom: var(--content-area-md-p-b-phone);
  }
}

.content-area.is-lg > .content-area-wrap {
  padding-top: 4%;
  padding-bottom: 3%;
}
@media (max-width: 991px) {
  .content-area.is-lg > .content-area-wrap {
    padding-top: var(--content-area-lg-p-t-tablet);
    padding-bottom: var(--content-area-lg-p-b-tablet);
  }
}
@media (max-width: 767px) {
  .content-area.is-lg > .content-area-wrap {
    padding-top: var(--content-area-lg-p-t-phone);
    padding-bottom: var(--content-area-lg-p-b-phone);
  }
}

.content-area.is-xl > .content-area-wrap {
  padding-top: 5%;
  padding-bottom: 3%;
}
@media (max-width: 991px) {
  .content-area.is-xl > .content-area-wrap {
    padding-top: var(--content-area-xl-p-t-tablet);
    padding-bottom: var(--content-area-xl-p-b-tablet);
  }
}







.content-area .content-area-logo {
  position:absolute;
  z-index: 150;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100px;
}
@media screen and (min-width: 876px) {
  .content-area .content-area-logo {
    height: 125px;
  }
}

























@media (max-width: 767px) {
  .content-area.is-xl > .content-area-wrap {
    padding-top: var(--content-area-xl-p-t-phone);
    padding-bottom: var(--content-area-xl-p-b-phone);
  }
}

.content-area .content-area.is-sm > .content-area-wrap {
  padding: 15px 0 0;
}
.content-area .content-area.is-md > .content-area-wrap {
  padding: 30px 15px 0;
}
.content-area .content-area.is-lg > .content-area-wrap {
  padding: 45px 30px 15px;
}
.content-area .content-area.is-xl > .content-area-wrap {
  padding: 60px 45px 30px;
}

.content-area.has-top-partial-bg > .content-area-wrap {
  padding-top: 0;
}
.content-area.has-bottom-partial-bg > .content-area-wrap {
  padding-bottom: 0;
}
.content-area.has-top-bottom-partial-bg > .content-area-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.content-area > .content-area-wrap > .content-area-top-partial-bg,
.content-area > .content-area-wrap > .content-area-bottom-partial-bg {
  position: absolute;
  left: 0;
  width: 100%;
}
.content-area > .content-area-wrap > .content-area-top-partial-bg.is-sm,
.content-area > .content-area-wrap > .content-area-bottom-partial-bg.is-sm {
  height: 15%;
}
.content-area > .content-area-wrap > .content-area-top-partial-bg.is-md,
.content-area > .content-area-wrap > .content-area-bottom-partial-bg.is-md {
  height: 30%;
}
.content-area > .content-area-wrap > .content-area-top-partial-bg.is-lg,
.content-area > .content-area-wrap > .content-area-bottom-partial-bg.is-lg {
  height: 50%;
}
.content-area > .content-area-wrap > .content-area-top-partial-bg {
  top: 0;
}
.content-area > .content-area-wrap > .content-area-bottom-partial-bg {
  bottom: 0;
}

.content-area-with-bg-img {
  overflow: hidden;
}
.content-area-with-bg-img .content-area-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  /* opacity: 0.45; */
}
.content-area-with-bg-img.is-bg-img-center > .content-area-bg-img {
  -o-object-position: center;
     object-position: center;
}
.content-area-with-bg-img.is-bg-img-top > .content-area-bg-img {
  -o-object-position: center top;
     object-position: center top;
}
.content-area-with-bg-img.is-bg-img-bottom > .content-area-bg-img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


.sns-link.sns-link-default.center.huge a {color: var(--white);margin:0 20px;font-size:30px;}
.sns-link.sns-link-default.center.huge a:hover {color: var(--secondary);}






/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.filesListOne .filesListFilters ul {overflow: hidden;padding: 5px 0;border-radius: 20px;background: #0D7183;color: #fff;}
.filesListOne .filesListFilters ul li {padding: 0 15px;margin: 0;}
.filesListOne .filesListFilters ul li a {position: relative;display: block;padding: 15px 0 15px 15px;color: #fff;font-size: 18px;font-weight: 700;}
.filesListOne .filesListFilters ul li a i {position: absolute;left: -10px;font-size: 12px;color: var(--black);margin-right: 10px;top: 20px;font-size: 15px;}
.filesListOne .filesListFilters ul li + li a {  border-top: 1px solid rgba(0, 0, 0, 0.2);}
.filesListOne .filesListFilters ul li.selected a {color: #fff;}
.filesListOne .filesListFilters ul li.selected:after {background-color: var(--secondary);}

.filesListOne .filesListFilters ul li img { margin-right:10px;}
.filesListOne .filesListFilters ul li a:hover {  color: var(--secondary);}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.imgCardThree {  margin-bottom: 30px;}
.imgCardThree:hover .imgCardImg {  -webkit-transform: scale(1.05);          transform: scale(1.05);}
.imgCardThree .badge {  margin-bottom: 5px;}
.imgCardThree .imgCardWrap {/* overflow: hidden; *//* border-radius: 4px; *//* background-color: var(--white); */}
.imgCardThree .imgCardImgHolder {  overflow: hidden;  height: 100%;}
.imgCardThree .imgCardImg {  display: block;  height: 100%;  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;}
.imgCardThree .imgCardBody {  padding: 30px;}
@media (max-width: 575px) {  .imgCardThree .imgCardBody {    padding: 15px;  }
}
.imgCardThree .imgCardBody p {  margin-bottom: 20px;}
.imgCardThree .imgCardTitle {margin-bottom: 20px;}
.imgCardThree .imgCardMetas {  margin-bottom: 15px;}
.imgCardThree .imgCardMeta {  margin-bottom: 5px;}
.imgCardThree .imgCardMeta i {  margin-right: 5px;}
.imgCardThree .imgCardLink p {  margin-bottom: 0;}
.imgCardThree p.imgCardLink {  margin-bottom: 0;}

.imgCardThree .imgCardWrap {/* display: flex; */flex-wrap: wrap;}
.imgCardThree .imgCardHeader {width: 100%;/* max-width: 40%; */flex: 0 0 40%;}
@media (max-width: 767px) {  .imgCardThree .imgCardHeader {    flex: 0 0 auto;    width: 100%;    max-width: none;  }
}
.imgCardThree .imgCardHeader + .imgCardBody {width: 100%;flex: 0 0 60%;/* max-width: 60%; */text-align: center;height: 105px;display: flex;align-items: center;justify-content: center;}
@media (max-width: 767px) {  .imgCardThree .imgCardHeader + .imgCardBody {    flex: 0 0 auto;    width: 100%;    max-width: none;  }
}






/***** threeColGallery *****/

.threeColGallery {
display: flex;
  flex-wrap: wrap;
}


.threeColGallery .filesListItem {
  /* flex: 1 0 33.33%; */ /* Adjust the width as needed */
  padding: 0 10px 10px;
  box-sizing: border-box;
  width: 320px;
}

.threeColGallery .imgCardThree .imgCardWrap {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--secondary);
  background-color: var(
  --white);
 }


.threeColGallery .imgCardTitle {font-size: 20px;margin: 0;}
.threeColGallery .imgCardTitle a{color:#0D7183}
.threeColGallery .imgCardTitle a:hover{color:#0B5D6C}

@media (max-width: 767px) {  

 .threeColGallery .filesListItem {

  margin:0 auto 20px;
}

}


/***** search Styles *****/

.search-form {display: flex;margin-bottom: 40px;width: 100%;padding: 0 10px;}
.search-input {padding: 5px;width: 100%;border: 1px solid #000000;border-radius: 7px;padding: 10px 20px;}
.search-button, .reset-button {
      padding: 5px 40px;
      margin-left: 5px;
      border-radius: 4px;
      background-color: #0D7183;
      color: #fff;
      border: none;
      cursor: pointer;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px;
      }
.reset-button { background-color: #ffff; border: 1px solid #0D7183; color: #0D7183;}







/***** mapSidebar Styles *****/

.mapSidebar { display:flex; justify-content:space-between;  }
.mapSidebarLeft {widtH: 485px;}
.mapSidebarInner {padding: 30px;height:800px;overflow-y:scroll;}
.mapSidebarItem {margin-bottom: 43px;display:flex;justify-content: space-between;}
.mapSidebarImage { width:100px;}
.mapSidebarImage img { width:100%}
.mapSidebarContent {width: calc(90% - 100px);}
.mapSidebarRight {width: 80%;}
.mapSidebarContent .fa {color: var(--third);margin: 5px 10px 0 0;font-size: 12px;}
.mapSidebarTitle {font-weight:700;margin:0 0 15px;font-size: 18px;color: #04252B;}
.mapSidebarAddress {margin:0 0 15px;display: flex;}
.mapSidebarPhone {margin:0 0 15px;display: flex;align-items: center;}


@media (max-width: 767px) {  
.mapSidebar { display:block;  }
.mapSidebarLeft { margin:0 auto}
.mapSidebarInner {height:unset;}
.mapSidebarRight {width: 100%;}
}





/***** Footer Styles *****/
.footer-kampus._bg-fourth .footer-col-newsletter .mwInput.button { border:1px solid var(--secondary); width:120px; background:var(--secondary); }
.footer-kampus._bg-fourth .footer-col-newsletter .mwInput.button input { color:#042227;  }
.footer-kampus._bg-fourth .footer-col-newsletter .mwInput.button:hover { background:none;  }
.footer-kampus._bg-fourth .footer-col-newsletter .mwInput.button:hover input { color:var(--secondary);  }






/***** Eshop Styles *****/
.eshop-events-calendar-line-divided .events-item {width: 80%;margin:0 auto}



/***** Intro Styles *****/
.intro-area {position:relative; }
.intro-area-top {background:#fff;height:20px;max-width: 1290px;position:relative;margin:0 auto;border-radius:20px 20px 0 0;}
.intro-area-wrap.contentpage {top:-50px;}





/***** Mega Menu Styles *****/

.mega-menu-wrap .mega-menu-panel-wrap ul { list-style:none; padding:0;  }
.mega-menu-wrap .mega-menu-panel-wrap ul li {border-bottom: 1px solid var(--secondary);padding: 8px 0;}
.mega-menu-wrap .mega-menu-panel-wrap ul li  {display:block;}
.mega-menu-wrap .mega-menu-panel-wrap ul ul li  { margin:10px 0 0; }
.mega-menu-wrap .mega-menu-panel-wrap ul li.has-children ul {padding-left:15px;}


.mega-menu-wrap .mega-menu-panel-wrap ul li {position:relative; widtH:100%;  }
.mega-menu-wrap .mega-menu-panel-wrap ul li.has-children ul { display: none; position: absolute; top: 0%; left: 100%; background-color: #efefef; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); z-index: 1; widtH:300px; }
.mega-menu-wrap .mega-menu-panel-wrap ul li.has-children:hover ul {    display: block; }
.has-3-col ul li.has-children  a {position:relative;display: block !important; width:100%; padding-right:20px;  }
.has-3-col ul li.has-children > a {position:relative;display: block !important; width:100%; }
.has-3-col ul li.has-children > a:after {
  content: "\F0DA";
  margin-left: 8px;
  font-family: var(--font-family-icon);
  font-weight: 900;
 position:absolute; right:5%;
}



@media (max-width: 767px) {  
.icon-blocks .icon-blocks-item {width:50%; }
}





/***** Google Map Styles *****/

.gm-style-iw-d {  overflow: scroll;  max-height: 590px; font-size:15px;  }
.gm-style-iw-d fieldset {  border: none;  padding: 5px 15px 15px; }
.gm-style-iw-d legend {  font-weight: bold;  margin-bottom: 10px;  font-size: 18px;  padding-top: 15px; }
.gm-style-iw-d #comment {  margin-top: 10px; }
.gm-style-iw-d #url a {color: var(--primary);text-decoration: underline;}



/***** resourcesListTwo *****/
.resourcesListTwo {  margin-bottom: 15px; }
.resourcesListTwo .resourcesListItem {  display: flex;  align-items: flex-start;  margin-bottom: 15px; }
.resourcesListTwo .resourcesListItemIcon {  margin-right: 10px; }
.resourcesListTwo .resourcesListItemLink {  margin-top: 3px;  word-break: break-all; }








/***** Sidebar Menu *****/
.col-lg-4 .Menu ul {  list-style: none;  padding: 0;  margin: 0; }
.col-lg-4 .Menu li {  position: relative;  margin: 0; }
.col-lg-4 .Menu a {  display: block;  padding: 10px 15px;  background-color: #f1f1f1;  color: #333;  text-decoration: none;  transition: background-color 0.3s; }
.col-lg-4 .Menu a:hover {  background-color: #ccc; }
.col-lg-4 .Menu ul ul {  display: none;  top: 0;  left: 100%;  min-width: 200px; }
.col-lg-4 .Menu ul ul li a {padding-left:30px;}
.col-lg-4 .Menu ul ul ul {  top: 0;  left: 100%; }
.col-lg-4 .Menu .has-children {position:relative; }
.col-lg-4 .Menu .has-children:after {content:"+";position:absolute;right: 20px;top: 11px; }
.col-lg-4 .Menu .has-children { font-weight:bold; }
.col-lg-4 .Menu .has-children .no-children { font-weight:normal;}
.col-lg-4 .Menu li.has-children.active > a {    background-color: var(--fourth);  color: #fff; }
.col-lg-4 .Menu .has-children.active:after {content:"-"; color:#fff;}


.col-lg-4 .Menu li li  { padding-left:20px;}
.col-lg-4 .Menu li li li  { padding-left:20px;}


.col-lg-4 .Menu li li a {font-size:16px;}
.col-lg-4 .Menu li li li a {font-size:14px; }






	.sidebar-menu-button { display:none; }

@media (max-width: 991px) {
 .sidebar-menu-holder { margin:0 0 50px;}
	.sidebar-menu-button { width: 100%; margin: 0 auto; background: var(--fourth); color: #fff; padding: 10px 20px; cursor: pointer; display: flex; justify-content: space-between; }
	.sidebar-menu-content {display:none;}
	.sidebar-menu-content.open {display:block;}
 
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.Content .blockContents a {
  text-decoration: underline;
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/





.simple-events-list .events-item-body {padding-left:120px;}


._content-style .mwInput.checkbox.checked .icon:before {
  border-color: var(--form-border-color);
  background-color: var(--form-bg-hover);
  background: #042227 url(../images/static/svg/icon-checkmark-1-white.svg);
  box-shadow: none;
}