.container-sleep {display: block;width: 100%;height: 100%; position: relative;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;}
.slide-wrapper-sleep {display: flex;width: 100%;height: 100%;background-color: #EEE;}
.slide-sleep {display: none;position: absolute;width: 100%;height: 100%;}
.slide-show{display: block;}
.img-sleep img{width: 100%;border-radius: 1rem;max-width: 100% !important;padding: 0 !important;border: 0 !important;}
.nav-sleep {display: grid;width: 250px;height: 50px;grid-template-columns: 50px 50px 50px 50px 50px;grid-template-rows: 1fr;align-items: center;position: absolute;bottom: 7%;left: 50%;z-index: 5;transform: translate(-50%, 0);}
.nav-sleep li {display: inline-block;height: 30px;width: 30px;display: relative;border-radius: 50%;background-color: #FFFFFF;justify-self: center;transform: scale(0.67);box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.27);transition: all 0.2s;}
.nav-sleep li:hover {transform: scale(0.85);box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.34);transition: all 0.2s;}
.arrow-sleep {display: flex;height: auto;width: 100px;justify-content: center;align-items: center;position: absolute;transform: translate(0, -50%);cursor: pointer;z-index: 5;}
.prev-sleep {top: 50%;left: 0;}
.next-sleep {top: 50%;right: 0;}
.arrow-sleep:hover > .material-icons {font-size: 90px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.34);transition: all 0.15s;}
.nav-sleep li.selected {transform: scale(1);box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.34);transition: all 0.2s;}
::-moz-selection {background-color: transparent;}
::selection {background-color: transparent;}