/* Shared legacy header styling, extracted from page heads. */

        #mainMenu  .container a:hover{
            color:white;
        }
        .magnetMenu{
  width: auto;
  /*height: 50px;
  background: #fff;*/
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  position:fixed;
  bottom:20%;
  right:0px;
  z-index: 999;
}
.magnetMenu ul{
  position: relative;
}
.magnetMenu ul li{
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:.2s ease-in-out; 
}
.magnetMenu ul li:hover{
	transform: scale(110%);
}
.magnetMenu ul li:nth-child(1){
 background-color: #ff500f;
}
.magnetMenu ul li:nth-child(2){
  background-color: #7a942e;
}
.magnetMenu ul li a{
  color: #ffffff;
}
.magnetMenu ul li:nth-child(3){
  background-color: #10887A;
}
.magnetMenu ul li:nth-child(4){
  background-color: #00aff0;
}
.magnetMenu ul li:nth-child(5){
  background-color: #e0115f;
}
.magnetMenu ul li:hover a{
  color:#ffffff;
  opacity:.5;
}
.magnetMenu ul li a{
  display: block;
  text-align: center; 
  text-decoration:none;
  transition:.2s ease-in-out;    
}
.magnetMenu ul li a span{
  display: block;
}
.magnetMenu ul li a .icon{
  font-size: 30px;
  transition: 0.5s ease;
}
.magnetMenu ul li a .text{
  font-size: 10px;
  opacity: 1;
  transition: 0.5s ease;
}
.modal-body .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}
@media screen and (max-device-width: 767px) {
.magnetMenu{
  width: 100%;
  background: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position:fixed;
  bottom:0;
}
.magnetMenu ul{
  display: flex;
  position: relative;
  margin-bottom:0px;
}
.magnetMenu ul li{
  width: 20vw;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 30px 0;
}
.magnetMenu ul li a .icon{
  font-size: 150%;
  transition: 0.5s ease;
}
.magnetMenu ul li a .text{
  font-size: 55%;
  opacity: 1;
  font-weight: 100;
  transition: 0.5s ease;
}
}

.flickity-button{
  display:none !important;
}

ol > li::marker {
  font-weight: bold;
}

 
