input, select{
  background-color: #FFFFFF;
  color: #000000;
}
.oerdived, .tooltipN{
  background-color: #FFFFFF !important;
}
.submit-btn{
  background-color: #25760F;
  border: 1px solid #25760F !important;
  color: white;
  font-weight: bold;
}
.departmentDiv{
  background-color: #25760F;
  color: white;
  border-radius: 5px;
}

.userlistH{
  font-size: 1.7vw;
}
@media (max-width: 700px){
  .userlistH{
    font-size: 3.7vw;
  }
}
/*
styles from ginnsHr
*/
li i{
  margin-left: 0 !important;
}

.model {
  background: rgba(210,210,210,0.3);
  padding: 40px 0;
}
.object {
  box-shadow: 0px 0px 6px 3px rgba(33,33,33,0.4);
  margin-bottom: 20px;
  background: #343a40;
  position: relative;
  height: 570px;
}
.imgdiv{
  height: 200px;
  display: flex;
  align-items: center;
}
.object div img {
  max-width: 100%;
  max-height: 200px;
}

section #model {
  top: 0px;
}
section div h3{
  color: black;
}

.object .author{
  background: white;
  height: 40px;
}


.author #by{
  color: black;
  float: left;
  margin: 10px 0px 0px 10px;
  font-size: 90%; 
}

.object .author #author{
  color: darkred;
  font-weight: bold;
}

.author .date{
  font-size: 80%;
  float: right;
  color: black;
  margin: 10px 10px 0px 0px;
}
.object .detail{
  background: white;
  color: black;
}

.object .detail button{
  color: darkred;
  background: white;
  border: 1px solid darkred;
  border-radius: 3px;
}

.object_title{
  display: flex;
  align-items: center;
  font-family: monospace;
  height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.body_text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.body_text2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.title_text{
  color: black;
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
}

.list_object {
  box-shadow: 0px 0px 6px 3px rgba(33,33,33,0.4);
  margin-bottom: 20px;
  padding-bottom: 1em;
  background: #343a40;
  position: relative;
  height: 500px;
}
.list_object3 {
  box-shadow: 0px 0px 6px 3px rgba(33,33,33,0.4);
  margin-bottom: 20px;
  padding-bottom: 1em;
  background: #343a40;
  position: relative;
  height: 430px;
}
.totrun{
}

  /*--------------------------------------------------------------
  # Details
  --------------------------------------------------------------*/

.cir-con{
  background-image: url('/static/assets/img/circulars_full.png');
  background-size: 100%;
  background-repeat: no-repeat;
  height: 400px;
  width: 100%;
}
.event-con{
  background-image: url('/static/assets/img/events_full.png');
  background-size: 100%;
  background-repeat: no-repeat;
  height: 400px;
  width: 100%;
}
.news-con{
  background-image: url('/static/assets/img/news_full.png');
  background-size: 100%;
  background-repeat: no-repeat;
  height: 400px;
  width: 100%;
}
#newsDiv{
  padding-left: 20px;
}
#eventDiv{
  padding-left: 20px;
}
#cirDiv{
  padding-left: 20px;
}

.details_top{
  display: flex;
  align-items: center;
  position: absolute;
  padding-top: 6%;
  padding-left: 5%;
  top: 0px;
  z-index: 1;
}
.details_title{
  font-weight: 700;
  font-size: 250%;
  color: white;
}
@media screen and (max-width: 500px){
  .cir-con{
    background-image: url('/static/assets/img/circular_mobile.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 50vw;
  }
  .event-con{
    background-image: url('/static/assets/img/events_mobile.png');
    background-size: 100%;
    background-repeat: no-repeat;
    height: 50vw;
    width: 100%;
    }
  .news-con{
    background-image: url('/static/assets/img/news_mobile.png');
    background-size: 100%;
    background-repeat: no-repeat;
    height: 50vw;
    width: 100%;
    }
}
@media screen and (max-width: 500px){
  .details_title{
    font-size: 160%;
  }
}
@media screen and (max-width: 767px){
  .details_title{
    font-size: 150%;
  }
}
.details_date{
  font-size: 40%;
  font-weight: 400;
}
.details_buttom{
  color: #2d2d2d;
  font-size: 110%;
}
.details_info{
  box-shadow: 0px 0px 5px 5px black;
  padding: 10px 20px 10px;
  font-size: 90%;
}
.details_image{
  max-height: 50vh;
}
.main_details img{
  max-width: 100%;
  height: auto !important;
}
@media screen and (min-width: 1024px){
  .details_divider{
    width: 1px;
    background-color: rgba(180,180,180,0.8);
    height: 80%;
    margin-top: 10%;
    float: left;
  }
}
.recent{
  margin-bottom: 20px;
  background: white;
  position: relative;
  width: 100%;
}
.recent_header{
  color: black;
}
.recent_title{
  color: rgba(90,90,90,0.8);
  font-size: 120%;
}
.recent .date{
  color: black;
}
a .recent_title:hover{
  color: black;
}
@media screen and (max-width: 769px){
  .details_title{
    font-size: 100%;
  }
  .details_date{
    font-size: 60%;
    font-weight: 400;
  }
  .details_top{
    display: flex;
    align-items: center;
    position: absolute;
    padding-top: 6%;
    padding-left: 5%;
    top: 50px;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) and (min-height: 1024px){
  .details_title{
    font-size: 150%;
  }
}
@media screen and (max-width: 1024px) and (min-height: 1366px){
  .details_title{
    font-size: 150%;
  }
  .details_top{
    display: flex;
    align-items: center;
    position: absolute;
    padding-top: 6%;
    padding-left: 5%;
    top: 45px;
    z-index: 1;
  }
}
.boldH span{
  font-size: 2.6vw;
  font-family: 'Abel' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em;
}
@media (max-width: 700px){
  .boldH span{
    font-size: 4.5vw;
  }
  .mainlogo{
    width: 20% !important;
    height: auto !important;
    margin-left: -10%;
  }
}
@media (max-width: 820px) and (min-height: 1024px){
  .mainlogo{
    height: 90px !important;
    position: relative;
  }
}

#renderContainer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  padding-bottom: 20px;
  text-align: center;
}

#renderHeader{
  height: 120px;
  width: 100%;
  background: #FFFFFF;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;;
  margin-bottom: 20px;
  padding: 0px 10vw;

}
.rendered_logo{
  height: 80px;
}
#pdf-render{
  background: #000000
}
#renderh button{
  background: #FFFFFF;
  height: 35px;

}

@media screen and (max-width: 700px){
  #renderHeader{
    padding: 0px 20px;
  }
}
#renderContainer.visible {
  visibility: visible;
  opacity: 1;
}
.closeRenderBtn{
  background: red;
  border: 1px solid red;
  border-radius: 10px;
  padding: 0px 8px;
  color: #000000;
  height: auto;
}

.oerdived{
  min-width: 300px;
  max-width: 400px;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (max-width: 700px){
  .oerdived{
    width: 80vw !important;
    margin-right: 10vw !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}   
  }
  .oerimg{
  }
  .greyspace{
    clear:both;
    width: 100%;
    height: 40px;
  }
  .whitespace{
    clear:both;
    width: 100%;
    height: 40px;
    background: white;
  }
  .orangediv{
    background-color: #25760F40;
    height: calc(100vw / 2.595);
  }
  .forcecenter{
    position: relative;
    top: 10%;
    height: 40%;
    width: 60%;
    left: 10%;
  }
  #forceres{
    font-size: 2.7vw;
    font-weight: 300;
    color: black;
  }
  .blackdivider{
    clear:both;
    width: 1px;
    height: 100%;
    background: black;
    position: relative;
    z-index: 2;
    margin-left: 3px;
    margin-right: 3px;
  }
  .eveattr{
    display: inline;
    font-size: 10px;
  }
  .attrs{
    height: 20px;
    overflow: hidden;
    width: calc(90% - 20px);
    margin-left: 20px;
  }
  .readdiv{
    border-top: 1px solid lightgrey;
    color: #25760F;
    font-weight: bolder;
  }
  .circlediv{
    position: relative;
    background: #25760F;
    border-radius: 100px;
    height: 10vw;
    aspect-ratio: 1 / 1;
    margin-right: 10vw;
  }
  #forcenum{
    position: relative;
    top: 3.5vw;
    color: white;
    font-size: 3.3vw;
    font-weight: 300;
  }
  .boyimgdiv{
    width: 30%;
    display: inline-block;
    position: absolute;
    right: 0;
    margin-top: 5vw;
    overflow: hidden !important;
  }
  .boyimgdiv img{
    width: 100%;
    display: block;
    overflow: hidden;
  }
  .Abtwords{
    color: black;
    font-size: 1.5vw;
    margin-top: 5vw;
    line-height: 2vw;
  }
  .wordsdiv{
    height: 25vw;
  }

  .numcard{
    background: #FFFFFF;
    border-radius: 20px;
    height: 7vw;
    color: black;
    width: 22vw;
    position: relative;
    z-index: 2;
    padding-top: 1vw;
  }
  @media (max-width: 700px){
    .numcard{
      border-radius: 10px;
    }
  }
  .numcard .flatlink p{
    font-size: 2vw;
    line-height: 2vw;
  }
  .numcard .flatlink .orange{
    font-size: 3vw;
    line-height: 3vw;
  }
  .numcardrow{
    z-index: 2;
    padding-left: 10%;
    width: 100vw;
  }
  .cardshadowrow{
    width: 100vw;
    z-index: 2;
    padding-left: 10%;
  }
  .cardshadow{
    margin-top: 10px;
    clear: both;
    background: linear-gradient(180deg, #FFFFFF70 0%, #FFFFFF00 40.6%);
    border-radius: 20px;
    height: 8vw;
    width: 22vw;
    position: relative;
    z-index: 2;
  }

  .orange{
    color: #25760F;
  }
  .suba{
    background-color: #222222;
    height: 150px;
  }
  .subs p{
    color: white;
    font-size: 2vw;
    font-family: 'Abel';
    font-style: normal;
    line-height: 2vw;
    letter-spacing: 0.08em
  }



@media screen and (max-width: 700px){
  .Abtwords{
    position: relative;
    font-size: 1.7vw;
    line-height: 0.8vw;
  }
  #forcenum{
    position: relative;
    top: 2vw;
    color: white;
    font-size: 3.3vw;
    font-weight: 300;
  }

}
@media screen and (max-width: 575px){
  .Abtwords{
    left: -14vw;
  }
}
@media screen and (min-width: 768px){
.phydes{
  transform: translateY(-150px);
}
}
@media screen and (min-width: 992px){
.phydes{
  transform: translateY(-100px);
}
}
.dateholder{
    z-index: 2;
    position: absolute;
    top: 20px;
    left: 20px;
    background: linear-gradient(126.06deg, #25760F 21.19%, #71325F 64.17%);
    border: 0.599446px solid rgba(255, 255, 255, 0.2);
    border-radius: 11.9889px;
    width: 60px;
    padding-top: 14px;
}
.dateholder div p{
  line-height: 6px;
  color: white;
}
.sub_form{
  border: none;
  background: transparent;
  font-family: 'Open Sans', sans-serif;
  width: 30vw;
  height: 48px;
  color: white;
  border-radius: 22.4157px;
}

.sub_btn{
  margin-top: 5px;
  margin-right: 5px;
  height: 38px;
  background: #25760F;
  border-radius: 22.4157px;
  color: white;
  font-size: 1.2vw;
  width: 7.6vw;
}
.sub_form_div{
  display: flex;
  flex-direction: row;
  background: rgba(217, 217, 217, 0.1);
  border-radius: 22.4157px;
}
@media (max-width: 700px){
  .sub_form{
    width: 70vw;
    height: 48px;
  }

  .sub_btn{
    margin-top: 5px;
    margin-right: 5px;
    height: 38px;
    font-size: 3.5vw;
    width: 15vw;
  }
  .subs p{
    color: white;
    font-size: 4vw;
    font-family: 'Abel';
    font-style: normal;
    line-height: 50px;
    letter-spacing: 0.08em
  }
}
.verdivider{
  width: 3px;
  height: 5vw;
  background: white;
  margin-left: 10px;
  margin-right: 20px;
}
.cont{
  position: relative;
  height: 10vw;
  z-index: 6;
}
.cont p{
  font-size: 2.1vw;
  font-weight: 300;
  color: white;
  line-height: 1.8vw;
}

.timerbar{
  position: relative;
  top: -20px;
  z-index: 1;
}
.margup{
  margin-top: -80px;
}



.subjectdiv{
  background: #25760F40;
  width: 100% !important;
  overflow: hidden;
}
.subrow{
  padding-top: 5vw;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 1vw;
}
.subrow2{
  padding-top: 1vw;
  padding-bottom: 5vw;
  padding-left: 60px;
  padding-right: 60px;
}
.subrow div{
  padding-left: 10px;
  padding-right: 10px;
}
.subrow2 div{
  padding-left: 10px;
  padding-right: 10px;
}
.subsearchbtn{
  width: 20%;
}
.subsearchbtn a, .subsearchbtn a:hover{
  color: black;
}
@media (max-width: 1000px){
 .subsearchbtn{
    width: 25%;
  } 
}
@media (max-width: 768px){
 .subsearchbtn{
    width: 50%;
  }
  .subrow2{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .subrow{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.subitem{
  padding-top: 12%;
  padding-bottom: 12%;
  height: 100%;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 19px;
  cursor: pointer;
}
.subitem p{
  margin-top: 4px;
  font-size: 17px;
  font-weight: bold;
}
.subitem:hover{
  border: 1px solid #25760F;
}
.footdiv{
  background: #222222;
}
.copy{
  height: 100px;
  width: 100%;
  background: #222222;
}
.copyp{
  color: white;
  font-size: 1.2vw;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media (max-width: 820px) and (min-height: 1024px){
  .copyp{
    font-size: 2.5vw;
   }
}
@media (max-width: 720px){
 .copyp{
    font-size: 2.8vw;
   } 
}
.oerheader{
  color:black;
}
.oerheader:hover{
  color: black;
}

 .sub{
        cursor: pointer;
      }
    .oerimgdiv{
      background: rgba(215, 215, 215, 0.1);
    }
    .oerimg img{
      border-top: 1px solid transparent;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
    }
   .oerremake{
    background-color: white;
    color: black;
    box-shadow: 1px 1px 5px 1px;
    margin-top: 5px;
    margin-bottom: 10px;
    overflow-y: hidden; 
    max-width: 300px;
    margin-right: 100px;
  }
  
  .oerheader p{
    font-weight: bold;
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
  .oerheader{
    margin-bottom: 2px;
    height: 2em;
    margin-left: -5px;
    margin-right: -5px;
  }
  .oerbrief{
    margin-left: 1px;
    margin-right: 1px;
  }
  .oerbrief p{
    font-weight: normal;
    height: 80px;
    line-height: 20px;
    color: dimgrey;
    font-size: 14px;
    font-family: Garamond, sans-serif;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .tooltipN{
    visibility: hidden;
    width: 95%;
    font-weight: bold;
    z-index: 1;
    position: absolute;
    background-color: white;
    max-width: 320px;
    font-size: 20px;
  }
  .tooltipB{
    visibility: hidden;
    width: 80%;
    font-weight: lighter;
    z-index: 1;
    height: 280px;
    position: absolute;
    background-color: white;
    font-size: 15px;
    overflow-y: visible !important;
  }
  .oerheader:hover .tooltipN{
    visibility: visible;
  }
  .oerbrief:hover .tooltipB{
    visibility: visible;
  }

  .bodyDiv p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .bodyDiv{
    height: 100px;
  }
  .btnH{
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px; 
    font-size: 1.3vw;
  }
  @media screen and (min-width: 1838px){
    .btnH{
      padding-bottom: 8px !important;
    }
  }
  .wrapper .mainover{
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding-left: 20px;
  }
  @media (max-width: 820px){
    .wrapper .left, .wrapper .right{
      display: none;
    }
   .wrapper .mainover{
      overflow-x: scroll;
    }
  }

  .mainover .oerremake {
    width: calc(315% / 3);
    margin-left: 15px;
  }
  
  .wrapper button{
    position: absolute;
    top: -120% ;
    border: none;
    transform: translateY(170%);
    z-index: 1;
  }
 
  .wrapper .left {
    left: 5px;
    display: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 80px;
    width: 40px;
    padding: 5px;
    background: #FFFFFF;
    border: 1px solid #000000;
  }
  .wrapper .left:focus, .wrapper .right:focus {
    border: 1px solid #000000;
  }
   .wrapper .left i{
    color: #000000;
  }
  .wrapper .left:hover i{
    color: #000000;
  }
  .wrapper .left:hover {
    left: 5px;
    background: #FFFFFF;
    border: 1px solid #000000;
  }
  .wrapper .right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 80px;
    width: 40px;
    padding: 5px;
    right: 5px;
    background: #FFFFFF;
    border: 1px solid #000000;
    z-index: 5;
  }
  .wrapper .right i{
    color: #000000;
  }
  .wrapper .right:hover i{
    color: #000000;
  }
  .wrapper .right:hover {
    right: 5px;
    background: #FFFFFF;
    border: 1px solid #000000;
  }
.searchhead{
  width: 100%;
  position: absolute;
  z-index: 3;
  top: 25%;
  display: flex;
  justify-content: center;
}
.searchhead h2{
  color: white;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 4vw;
  line-height: 50px;
  letter-spacing: 0.08em;
}
.searchhead p{
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 2.2vw;
  line-height: 50px;
  letter-spacing: 0.08em;
  color: #FFFFFF;
}

.searchhead input[type='search']{
  width: calc(100% - 80px);

  height: 50px;
  appearance: none;
  background: transparent;
  border: none;
  position: relative;
  z-index: 3;
  color: white;
}
.searchhead .searchdiv{
  width: min(650px, 80%);
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  background: rgba(217, 217, 217, 0.1);
  border: 1.76552px solid rgba(255, 255, 255, 0.5);
  border-radius: 88.2759px;
}
.searchbtn{
  background-color: transparent;
  width: 40px;
  position: relative;
  z-index: 3;
}
.searchbtn i{
  margin-top: 10px;
  color: white;
  font-size: 1.7vw;
}
@media (max-width: 700px){
  .searchhead{
    top: 15%;
    left: 10% !important;
  }
  .searchhead h2{
    font-size: 3.5vw;
    line-height: 3vw;
    letter-spacing: 0.08em;
  }
  .searchhead p{
    margin-top: 5px;
    font-size: 2.2vw;
    line-height: 4vw;
    letter-spacing: 0.08em;
  }
  .searchhead input[type='search']{
    width: calc(100% - 80px);
    height: 30px;
  }
  .searchhead .searchdiv{
    padding-left: 10px;
    padding-right: 10px;
    left: 10%;
    width: 80%;
    border-radius: 20.2759px;
  }
  .item figure{
    margin-bottom: 15px;
    height: 50vw;
  }
}
@media (max-width: 500px){
  .item figure{
    margin-bottom: 40px;
  }
}
@media (max-width: 560px){
  
  .wrapper button{
    position: absolute;
    top: 500px ;
    
    }
    .wrapper button img {
      height: 80px;
      width: 60px;
      cursor: pointer;
      
    }
    .wrapper .left {
      left: 5px;
      
    }
    .wrapper .right {
      right: 5px;
      
    }
}
@media (max-width: 820px){
  .mcenter{
    justify-content: center;
  }
}
@media (max-width: 992px){
  .btnH{ 
    font-size: 13px;
    padding-bottom: 12px;
  }
  .wrapper button{
    position: absolute;
    top: 120% ;
    transform: translateY(110%);
    }
    .wrapper button img {
      height: 80px;
      width: 60px;
      cursor: pointer;
      
    }
    .wrapper .left {
      left: 5px;
      
    }
    .wrapper .right {
      right: 5px;
      
    }
}
.oerbrief p{
  overflow-x: hidden !important;
}

.wrapper button{
    position: absolute;
    top: calc(75vw  + 70px );
    }

@media (max-width: 813px){
  .wrapper button{
    position: absolute;
    top: calc(75vw  + 90px );
    }
}

@media (min-width: 981px){
  .wrapper button{
    position: absolute;
    top: 72vw ;
    }
}

@media (min-width: 1282px){
  .wrapper button{
    position: absolute;
    top: 70vw ;
    }
}
@media (max-width: 540px){
  .btnH{
  font-size: 12px; 
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 12px;
  }
}
@media (max-width: 500px){
  .btnH{
  font-size: 9px; 
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 12px;
  }
}

  .btnH:hover{
    cursor: pointer;
  }

  .sub2:hover{
    color: grey;
  }

 .verdivider{
    height: 6vw;
    margin-left: 10px;
    margin-right: 0px;
  }
 .cont{
      top: calc(-60vw / 5 );
      height: calc(60vw / 7.3789);
    }
  .cont p{
    font-size: 2.1vw;
    line-height: 1.8vw;
  }
  @media screen and (min-width: 1169px){
    .cont{
      top: calc(-60vw / 6.3789 - 50px );
      height: calc(60vw / 7.3789);
    }

  }
.cont div{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1000px){
.cont div{
  margin-top: 5px;
  
}

}
.verdivider{
  margin-top: 5px !important;
}
@media screen and (min-width: 1169px){
.verdivider{
      margin-top: 10px !important;
    }
  }
@media screen and (max-width: 500px){

  .subrow{
    padding-top: 2vw;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4vw;
  }
  .subrow2{
    padding-top: 0vw;
    padding-bottom: 6vw;
    padding-left: 5px;
    padding-right: 5px;
  }
  .subitem{
    border-radius: 10px;
  }
}
.searchH{
  font-size: 2.5vw;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  line-height: 2.5vw;
  /* identical to box height, or 167% */

  letter-spacing: 0.2vw;
}
.fedsec{
  margin-left: 40px;
  margin-right: 40px;
}
.fedimg{
  width: min(100%, 180px);
    height: auto;
}
.fedimgdiv{
  width: min(15%, 180px);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.fedinfodiv{
  width: 85%;
  margin-left: 20px;
}
.fedtitle{
  font-size: 1.8vw;
  line-height: 2.2vw;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  color: black !important;
  text-overflow: ellipsis;
}
.fedtitle:hover{
  color: black;
}
.fedtitlediv{
  height: 4.8vw;
  overflow: hidden;
  width: 90%;
}
.authordiv, .pubdiv, .filediv{
  max-width: 33%;
  overflow: hidden;
  margin-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  height: calc(1.4vw + 10px);
}
.authordiv span, .pubdiv span, .filediv span{
  font-size: 1.3vw;
  line-height: 1.4vw;
}
.absdiv{
  overflow: hidden;
  margin-top: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 80%;
  height: calc(1.4vw + 12px);
}
.absdiv span{
  font-size: 1.1vw;
  line-height: 1.4vw;
}
.noabs{
  font-size: calc(1.1vw - 4px);
  line-height: 1.4vw;
  vertical-align: middle;
}
.absdiv span span{
  overflow: hidden;
  text-overflow: ellipsis;
}
.btndiv{
  margin-top: 20px;
}
.orangebtn{
  width: 140px;
  height: 40px;
  background-color: #25760F;
  margin-right: 20px;
  color: white;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
}
.whitebtn{
  width: 140px;
  height: 40px;
  background-color: white;
  border: 1px solid black;
  color: black;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
}
.otherdiv{
  display: flex;
}


@media (max-width: 700px){
  .fedsec{
    margin-left: 10px;
    margin-right: 10px;
  }
  .fedimg{
    width: 150px;
    height: 150px;
  }
  .fedimgdiv{
    width: 150px;
    height: 150px;
  }
  .fedinfodiv{
    width: 75%;
    margin-left: 10px;
  }
  .fedtitle{
    font-size: 3vw;
    line-height: 1.5;
  }
  .fedtitle:hover{
    color: black;
  }
  .fedtitlediv{
    height: 9vw;
    overflow: hidden;
    width: 90%;
    margin-bottom: 5px;
  }
  .authordiv, .pubdiv, .filediv{
    width: 60vw;
    max-width: 100%;
    overflow: hidden;
    margin-right: 10px;
    height: 3.5vw;
    padding: 0px;
    margin: 0;
    font-size: 0;
  }
  .authordiv span, .pubdiv span, .filediv span{
    font-size: 2.2vw;
    line-height: 1.5;
  }
  .absdiv{
    overflow: hidden;
    margin-top: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 80%;
    height: 6.6vw;
    font-size: 0;
    line-height: 0;
  }
  .absdiv span{
    font-size: 2.2vw;
    line-height: 1.5;
  }
  .otherdiv{
    display: block;
    height: 10.5vw;
  }
  .btndiv{
    margin-top: 5px;
  }
  .orangebtn{
    width: 100px;
    height: 30px;
    margin-right: 20px;
    color: white;
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 25px;
  }
  .whitebtn{
    width: 100px;
    height: 30px;
    background-color: white;
    border: 1px solid black;
    color: black;
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 25px;
  }
}

@media (max-width: 820px) and (min-height: 1024px){
  .fedsec{
    margin-left: 10px;
    margin-right: 10px;
  }
  .fedimg{
    width: 200px;
    height: 200px;
  }
  .fedimgdiv{
    width: 200px;
    height: 200px;
  }
  .fedinfodiv{
    width: 75%;
    margin-left: 10px;
  }
  .fedtitle{
    font-size: 2.2vw;
    line-height: 1.2;
  }
  .fedtitle:hover{
    color: black;
  }
  .fedtitlediv{
    height: 5.28vw;
    overflow: hidden;
    width: 90%;
    margin-bottom: 5px;
  }
  .authordiv, .pubdiv, .filediv{
    width: 60vw;
    max-width: 100%;
    overflow: hidden;
    margin-right: 10px;
    height: 2.7vw;
    padding: 0px;
    margin: 0;
    font-size: 0;
  }
  .authordiv span, .pubdiv span, .filediv span{
    font-size: 1.8vw;
    line-height: 1.5;
  }
  .absdiv{
    overflow: hidden;
    margin-top: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 80%;
    height: 5.4vw;
    font-size: 0;
    line-height: 0;
  }
  .absdiv span{
    font-size: 1.8vw;
    line-height: 1.5;
  }
  .otherdiv{
    display: block;
    height: 8.1vw;
  }
  .btndiv{
    margin-top: 5px;
  }
  .orangebtn{
    width: 100px;
    height: 30px;
    margin-right: 20px;
    color: white;
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 25px;
  }
  .whitebtn{
    width: 100px;
    height: 30px;
    background-color: white;
    border: 1px solid black;
    color: black;
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 25px;
  }
}



.detailsFullImg{
  height: 320px;
  width: 100vw;
}
.bgoverlay{
  height: 320px;
  width: 100vw;
  clear: both;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 127px;
}
.detailsbg{
  height: 320px;
  width: 100vw;
  position: relative;
  z-index: -1;
  object-fit: cover;
  object-position: center;
}
.bginfo{
  overflow: hidden;
  position: absolute;
  top: 150px;
  margin-left: 40px;
  z-index: 2;
}

@media screen and (max-width: 980px) and (min-width: 768px){
  .bginfo{
    top: 204px;
  }
  .bgoverlay{
    top: 164px;
  }
  .mainlogo{
    margin-left: 50px;
    transform: scale(1.4);
  }
}
.detailimg{
  height: 17vw;
  width: 17vw;
  max-height: 244px;
  max-width: 244px;
  overflow: hidden;
}
.detailscover{
  height: 17vw;
  width: 17vw;
}
.detailtopinfo{
  margin-left: 2vw;
  width: 75vw;
}
.white{
  color: white;
}
.grey{
  color: grey;
}
.detailstitle{
  max-height: 7.2vw;
  overflow: hidden;
}
.detailstitle p{
  color: white;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 2vw;
  line-height: 2.3vw;
  /* or 143% */

  letter-spacing: 0.05em;
}
.detailsother{
  margin-bottom: 10px;
}
.extra-info{
  position: relative;
  top: -50px;
  margin-left: 40px;
}
.extra-info div span{
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 1.7vw;
  line-height: 2.1vw;
  /* identical to box height, or 200% */

  letter-spacing: 0.08em;
}
.detailsAbout{
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 50px;
  min-height: 350px;
  padding-top: 50px;
}
@media (max-width: 700px){
  .detailsFullImg{
    height: 200px;
    width: 100vw;
  }
  .bgoverlay{
    height: 200px;
    width: 100vw;
    position: relative;
    top: -200px;
  }
  .detailsbg{
    height: 200px;
    width: 100vw;
  }
  .bginfo{
    overflow: hidden;
    margin-left: 20px;
    z-index: 2;
    height: 200px;
    position: relative;
    top: -380px;

  }
  .extra-info{
    margin-left: 20px;
    font-size: 0;
    line-height: 0;
    height: 5.4vw;
    position: relative;
    top: -430px
  }
  .extra-info div span{
    font-size: 2.5vw;
    line-height: 2.7vw;
  }
  .detailimg{
    height: 140px;
    width: auto;
    object-fit: contain;
    overflow: hidden;
  }
  .detailscover{
   height: 140px;
    width: auto;
    object-fit: contain;
  }
  .detailtopinfo{
    margin-left: 2vw;
    width: 62vw;
  }
  .detailstitle{
    max-height: 12.2vw;
    overflow: hidden;
  }
  .detailstitle p{
    font-size: 15px;
    line-height: 1;
    overflow: hidden;
    width: 220px;
    text-overflow: ellipsis;
  }
  .detailsother span{
    font-size: 14px;
    line-height: 1.1;
  }
}
@media (max-width: 820px) and (min-height: 1024px){
  .detailsFullImg{
    height: 280px;
    width: 100vw;
  }
  .bgoverlay{
    height: 280px;
    width: 100vw;
    clear: both;
    background: rgba(0, 0, 0, 0.7);
    position: relative;
    top: -280px;
  }
  .detailsbg{
    height: 280px;
    width: 100vw;
  }
  .bginfo{
    position: relative;
    top: -530px;
    margin-left: 30px;
    z-index: 2;
    height: 280px;

  }
  .detailimg{
    height: 20vw;
    width: 20vw;
    overflow: hidden;
  }
  .detailscover{
    height: 20vw;
    width: 20vw;
  }
  .detailtopinfo{
    margin-left: 2vw;
    width: 72vw;
  }
  .detailstitle{
    max-height: 9.9vw;
    overflow: hidden;
  }
  .detailstitle p{
    font-size: 3vw;
    line-height: 3.3vw;
  }
  .detailsother{
    margin-bottom: 10px;
  }
  .extra-info{
    position: relative;
    top: -640px;
    margin-left: 40px;
    height: 4.6;
  }
  .extra-info div span{
    font-size: 2.2vw;
    line-height: 2.3vw;
  }
  .detailsAbout{
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 50px;
    min-height: 350px;
    padding-top: 50px;
  }
  .detailsother span{
    font-size: 2.2vw;
  }
}
.footend{
  margin-right: 10vw;
}
.whitejomo{
  position: absolute;
  background: transparent;
  top: 25%;
  height: 30%;
  width: 100%;
  z-index: 3;
}
.timerimg{
  position: relative;
  z-index: 4;
}
@media (max-width: 700px){
  .whitejomo{
    display: none;
  }
}

.kf_content_wrap, .greyspace, .timerbar{
  background: #FFFFFF;
}
.timerimg{
  position: relative;
  top: calc(-60vw / 14);
  width: 60vw;
}
.timerbar{
  height: 40px;
}
@media (max-width: 700px){
  .timerimg{
    width: 90vw;
    top: -10vw;
  }
  .timerbar{
    height: 30px;
  }

  .verdivider{
    height: 8vw;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 2vw !important;
  }
  .cont{
    top: calc(-90vw / 4);
    height: calc(90vw / 7.3789 );
    
  }
  .cont p{
    font-size: 2.1vw;
    line-height: 1.8vw;
  }
}

@media (max-width: 477px){
  .timerimg{
    width: 90vw;
    top: -11vw;
  }
}
.subitem p{
  margin-bottom: 0px;
  line-height: 1.2;
}
@media screen and (min-width: 768px){
  .subitem p{
    font-size: 1.2vw;
  }
}
@media screen and (min-width: 1000px){
  .subitem p{
    font-size: 0.73vw;
  }
}
#custom-but{
  cursor: pointer;
}

.backlink{
  position: relative;
  width: 70px;
  display: block;
}
.backbtn{
  background-color: #25760F;
  color: #FFFFFF;
  border: 2px solid #25760F;
  border-radius: 4px;
  transition-duration: 0.4s;
  width: 70px !important;
  height: 36px;
  font-size: 13px !important;
  padding: 0px !important;
}
.backbtn:hover{
  color:  #25760F !important;
  background-color: #FFFFFF !important;
}