html {
  scroll-behavior: smooth;
}


body{
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    color: #454545;
}

a{
    cursor: pointer;
    color: inherit;
    text-decoration: underline !important;
    -webkit-text-decoration-color: #bababa !important; /* Safari */
    text-decoration-color: #bababa !important;
}

.h1, h1 {
    font-size: 2rem;
}
.h4, h4 {
    font-size: 1.24rem;
}

.js-cookie-consent{
    position: fixed;
    bottom: 0px;
    padding: 10px;
    text-align: left;
    padding-left: 15%;
    padding-right: 15%;
    font-size: 15px;
    line-height: 30px;
    width: 100%;
    z-index: 9999;
    background-color: rgb(237,237,237);
}

.js-cookie-info{
    float: right;
    font-size: 12px;
}

.js-cookie-consent button{
    /* display:inline-block;
    padding:0.3em 1.2em;
    margin:0 0.3em 0.3em 0;
    border-radius:2em;
    box-sizing: border-box;
    text-decoration:none;
    font-family:'Roboto',sans-serif;
    font-weight:300;
    color:#FFFFFF;
    background-color:#4eb5f1;
    text-align:center;
    transition: all 0.2s;
    border: green; */
    font-size: 12px;
    margin-left: 5%;
    float: right;
}



.card {
    /* border: solid 1px grey; */
    border-radius: 0px;
}

.containeryt {
    position: relative;
    width: 100%;
}

.imageyt {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middleyt {
    transition: .5s ease;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.textyt {
    color: white;
}


p a {
    text-decoration: underline;
}

p{
    text-align: justify;
}

a:hover{
    color: inherit;
}

.carousel-img-news{
    height: 300px;
    object-fit: cover;
}

.carousel-img-news-contain{
    object-fit: contain !important;
}

h4{
    font-weight: normal;
}

.menu {
    width: 397px;
    height: 100%;
    position: fixed;
    left: -400px;
    top: 0;
    border-right: 3px solid #E0E0E0;
    transition: all ease 0.6s;
    overflow-x: hidden;
    overflow-y: auto;
}


.menu a{
    text-decoration: none;
}


.close-menu {

    cursor: pointer;
}

#main {
    width: 100%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease 0.6s;
}

.main-fixed{
    position: fixed;
    overflow: hidden;
}

.menu-ham {
    padding-top: 10px;
    float: left;
    margin-left: 162px;
    cursor: pointer;
}

#gray-level{
    height: 100%;
    width: 100%;
    z-index: 100;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    display: none;
}

#home-searach{
    border: 0;
    width: 100px;

}



#my-right-menu a{
    display: block;

    color: inherit;
}

#my-right-menu i{
    display: block;
    float: right;
    margin-top: 5px;
}

#my-right-menu div div a{
    padding-left: 40px !important;
}

#my-right-menu div div div a{
    padding-left: 80px !important;
}

#my-right-menu div div div div a{
    padding-left: 120px !important;
}

#my-right-menu a:hover{
    background-color: #e6e6e6;
}

.menu .bordered{
    border-bottom: 1px solid #e6e6e6;
}

.my-hidden{
    display: none;
}


.my-hidden-top{
    position: absolute;
    width: 100%;
    top:40px;
    left:0;
    background-color: #FFF;
    display: none;
    z-index: 10;
}

.my-hidden-top a{
    display: block;
    border: 1px solid #FAFAFA;
}

.ante-news a{
    text-decoration: none;
}
.ante-news p a{
    text-decoration: underline;
}

.front-page li a{
    text-decoration: underline;
}

.ante-news-img{
    object-fit: cover;
    width: 100%;
    height: 200px;
}

.ante-news-mark{
    object-fit: contain;
    width: 100%;
    height: 200px;
}
.data-news{
    display: block;
    color:#ff5704;
    -webkit-text-decoration-color: #ff5704 !important; /* Safari */
    text-decoration-color: #ff5704 !important;
}

.data-news-bottom{
    position: absolute;
    bottom: 10px;
}

a.data-news:hover{
    display: block;
    color:#ff5704;
}

.data-news-hover:hover{
    text-decoration: underline;
    color:#ff5704;
}

.page-item.active .page-link{
    background-color: #ff5704;
    border-color: #ff5704;
}

.page-link{
    color: gray;
}


.light-gray{
    background-color: #f7f7f7;
}

.dark-gray{
    background-color: #a3a5aa;
}

.white-box{
    background-color: #FFF;
    border: 1px solid #dadada;
}

.orange-box{
    background-color: #FFF;
    border: 1px solid #ff5704;
}

.orange-box h4{
    background-color: #ff5704;
    color: #fff;
}

.blue-box{
    background-color: #FFF;
    border: 1px solid #007ccb;
}

.blue-box h4{
    background-color: #007ccb;
    color: #fff;
}



.disabled-calendar{
    background-color: lightgrey;
    cursor: not-allowed;
}

.disabled-booked-calendar{
    background-color: #F5F5F5;
    cursor: not-allowed;
}

.abled-calendar{

    cursor: pointer;
}

.booked-calendar{
    color: #FFF;
    background-color: #ff5704;

}

.selected-calendar{
    background-color: lightgreen;
}

#booking-button{
    position: fixed;
    top: 40px;
    right: calc(50% - 75px);
    display: none;
    z-index: 100;
    padding: 20px;
    font-size: 30px;
}


#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  left: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #a3a5aa; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px; /* Some padding */
  border-radius: 30px; /* Rounded corners */
  font-size: 26px; /* Increase font size */
  height: 50px;
  width: 50px;
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

#share{
    display: none;
}

#share_toggler{cursor: pointer;}


.composition-img{
    min-height: 100%;
    object-fit: cover;
}

label.payment{
    display: inline-block;
    width: 130px;
    text-align: right;
    font-weight: bold;
}

label.payment span{
    color: #ff5704;
}


:root {
    counter-reset: masonry;
  }
  .masonry {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
    grid-auto-rows: 0;
  }

  .masonry-item {
    border-radius: 5px;
  }

  .masonry-item {
     background-color: #eee;
     border-radius: 5px;
     overflow: hidden;
  }

  .masonry-item,
  .masonry-item img {
     position: relative;
  }

  .masonry-item:after {
    font-weight: bold;
    background-color: rgba(0, 0, 0, .5);
    content: counter(masonry);
    counter-increment: masonry;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .1s ease-in;
  }

  .masonry-item:hover:after {
    font-size: 30px;
    background-color: rgba(0, 0, 0, .75);
  }

  #dataTable td, #dataTable th{
      border-top: 0;
      border-bottom: 1px solid #dee2e6;
  }

  .services_timetable a{
      text-decoration: underline;
  }

  .covid19 p{
      margin-bottom: 0;
  }

.carousel-control-prev,.carousel-control-next{
    background-color: black;
}


.my-form-box p{
    margin-bottom: 0;
}

.top-new-links a{
    margin-left: 1em;
}

.top-new-links img{
    max-width: 20%
}


.btn-new-search{
    border: 0;
    background-color: transparent;
}

.fixed-height-141{
    height: 141px;
}

.fixed-height-200{
    height: 200px;
}

.fixed-height-500{
    height: 500px !important;
}

.color-ff5704{
    color: #ff5704;
    -webkit-text-decoration-color: #ff5704 !important; /* Safari */
    text-decoration-color: #ff5704 !important;
}

.color-007ccb{
    color: #007ccb;
    -webkit-text-decoration-color: #007ccb !important; /* Safari */
    text-decoration-color: #007ccb !important;
}

.position-absolute-bottom-0{
    position: absolute;
    bottom: 0;
}

.bottom-30{
    bottom: 30px;
}

.ante-news-mark-home-biblio-new{
    height: 210px; width: 100%; object-fit: cover;
}

.ante-news-mark-home-biblio-new-in{
    position: absolute; height: 145px; top: 72px; left: 45px;
}
.recousive_sons{
    display: inline-block;
    width: 200px;
}
.float_right{
    float: right;
}

.position_relative{
    position: relative;
}

.position_relative{
    position: relative;
}

.menu_top_box_new{
    left: 100%; top: -40px; background-color: #f5f5f5;
}

.bg_ffe9df{
    background-color: #ffe9df;
}