.my-slider {
  width: 1530px;
}

.carousel-cell {
    width: 100%;
    background-size: cover;
    background-position: center;
    height:470px; 
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('./fonts/ProximaNova-Regular.woff2') format('woff2'),
       url('./fonts/ProximaNova-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

div.textNotice {
    position: absolute;
    top: 10%;
    margin-left:70px;
    display: block;
    z-index:1000;
    
    font-family: 'Proxima Nova', sans-serif;
    font-size: 14px;
    color: white;
    background:rgba(28, 22, 20, 0.5);
    letter-spacing: 1px;
    text-align: left;

    border:none;
    border-radius: 0.5em; 
    width:250px;
    height:335px;
    line-height: 23px;
    display:none;
}

div.textNotice * {
  margin:0px 0px 0px 0px ;
  padding:4px 20px 4px 20px;
}

div.textNotice h1{
     font-size:   30px;
     line-height: 30px;
     color:white;
}

div.textNotice p {
    font-size: 22px;
    color:white;
    opacity:1;
}

div.carousel-cell a {
    color:white;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
}

div.btn2 {
    position: absolute;
    display: block;
    top: 82%;
    z-index:1000;
    
    font-family: 'proxima nova', sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: white; 
    
    border:none;
    border-radius: 0.5em;
    line-height: 50px;
    width:250px;
    margin-left:70px;    
    
    cursor: pointer;
    opacity: 1;
    color:white;
    background:rgba(28, 22, 20, 0.5);
    display:none;
}

div.btn2::before {
  content: '';
  position: absolute;
  display: block;
  border-radius: 0.5em;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
}

div.btn2:hover::before {
  border-radius: 0.5em;  
  transform: scale(0.5,0.5);
  opacity: 0;
}

div.btn2::after {
  content: '';
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  border-radius: 0.5em;
  transform: scale(1.2,1.2);
  border: 1px solid rgba(255,255,255,0.5);
  z-index: 1;
  opacity: 0;
}

div.btn2:hover::after {
  opacity: 1;
  transform: scale(1,1);
}
div.btn-color-0 {color: white;background-color:  rgba(246, 2, 50, 0.3);}
div.btn-color-10 {color: white;background-color: rgba(242, 166, 0, 0.3);}
div.btn-color-20 {color: white;background-color: rgba(135, 154, 58,0.3);;}
div.btn-color-6 {color: white;}
div.btn-color-7 {color: white;background-color: rgba(255, 255, 255, 0.7)}
button.glide__bullet{min-width:20px;min-height:20px;}