/*
	Copyright PALLIX Internet Security 2001-2025
	pallix.ca
*/
* { box-sizing: border-box; } .container { position: relative; margin-inline: auto; } .mySlides { display: none; max-width: 600px; margin-inline: auto; } .cursor { cursor: pointer; } .prev, .next { cursor: pointer; position: relative; top: 50%; width: auto; padding: 30px 50px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } .next { right: 0; border-radius: 3px 0 0 3px; } .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } .caption-container { text-align: center; background-color: #222; padding: 2px 16px; color: white; } .row:after { content: ""; display: table; clear: both; } .column { float: left; width: 16.66%; } .demo { opacity: 0.6; max-width: 150px; } .active, .demo:hover { opacity: 1; }