.rh-slide { width:100%; height:42vw/*60vh*/;/*padding-bottom: 42%;*/ display:flex; background-size: cover; background-position: center center;position: relative;}
{# .rh-slide > div { width:100%; max-width:calc(1240px + 2rem); margin:auto; height: 100%;display: flex; align-items: end; justify-content: center;} #}
.rh-slide > div { width: 100%; max-width: calc(1240px + 2rem); margin: auto; height: 100%; align-items: end; position: relative;}
.rh-slide.grad > div::before { z-index:0; content:''; position: absolute; width:100%; height:100%; bottom:0px; left:0px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 99.99%, #000000 100%); }
.rh-slide > div > div { padding: 1.5rem 0rem; max-width: 100%; z-index: 1; position: absolute; width: 100%; bottom: 0;}
{#.rh-slide > div > div { padding: 2rem 1rem; max-width:625px; z-index: 1; }#}
.rh-slide > div > div > * { color:#fff; }
.rh-slide a { border: 0px solid #000; padding-top: 8px; padding-right: 25px; padding-bottom: 8px; padding-left: 25px; font-family: sofia-pro,sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: rgba(0,0,0,1.0); border-radius: 35px; color: #fff; text-transform: none; font-size: 18px;}
.rh-slide a:hover { background-color: rgba(0,0,0,0.5); }
.rh-slide > div > div > p { font-size: 21px; }
.slider-rh {height:42vw/*60vh*/;/*padding-bottom: 42%;*/ overflow: hidden;}
/*.slick-initialized { visibility: visible; }*/
@media screen and (max-width: 767px) {
  .rh-slide, .slider-rh {height:152vw} 
}