/** * Fondo: #242c38 * Gris Claro: #415066 * Verde Azulado: #00c5b9 ----------------------------------------*/ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*body { background: #242c38; font-family: 'Roboto', Arial, Tahoma, Sans-serif, Verdana, Helvetica; font-size: 62.5%; }*/ a { text-decoration: none; } ul { list-style-type: none; } /* Encabezado del slidertwo ----------------------------------------*/ .slidertwo-title { text-align: center; margin: 80px 0 40px; font-size: 3.2em; font-weight: 300; color: #FFF; } /** * Contendor del slidertwo ----------------------------------------*/ .slidertwo-container { margin: 0 auto; width: 100%; } .slidertwo-wrapper { position: relative; z-index: 90; height: 300px; width: 100%; /*border: 5px solid #415066;*/ overflow: hidden; } .slider-wrapper li { display: none; } li.slide-current { display: block; } .slidertwo-wrapper li img { position: absolute; top: 0; left: 0; max-width: 100%; height: auto; } /** * Controles del slidertwo ----------------------------------------*/ .slidertwo-controls { position:relative; top:-35px; text-align: center; z-index:99; } .slidertwo-controls li { background: #c5c5c5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; height: 8px; width: 8px; margin: 0 4px; cursor: pointer; } .slidertwo-controls li.active { background: #1391ff; } /** * Responsive ----------------------------------------*/ @media only screen and (max-width: 825px) { .slidertwo-container { width: 500px; } .slidertwo-wrapper { height: 260px; } } @media only screen and (max-width: 535px) { .slidertwo-container { padding: 5px; width: 100%; } .slidertwo-wrapper { height: 200px; } } @media only screen and (max-width: 410px) { .slidertwo-wrapper { height: 160px; } }