*{box-sizing:border-box}body{background:#141828;margin:0;padding:0;font-family:"DIN Pro Regular",sans-serif;color:#fff}.container{max-width:1280px;margin:0 auto}input{display:block;background:#181E2D;color:#fff;border:0;padding:15px 20px;width:100%;max-width:250px;margin-bottom:20px;outline:none}form{max-width:450px;margin:0 auto}form>div>div{margin-bottom:20px}label{text-align:left;display:block;margin-bottom:5px}.error{color:#F44336}h1,h2,h3,h4,h5{color:#00D689;text-transform:uppercase}h1{font-size:1.8em}#homepage{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}#homepage a{color:#00D689;display:inline-block;text-transform:uppercase;font-size:1.6em;padding:20px;text-decoration:none}#login-container{min-width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}#login-container #login{text-align:center;width:300px}#login-container #login input{width:100%;max-width:100%}button,.btn,.btn-sm{text-decoration:none;display:inline-block;line-height:40px;padding:0 30px;text-transform:uppercase;text-align:center;border-radius:25px;cursor:pointer;font-weight:bold;outline:none}button.green,.btn.green,.btn-sm.green{background:#00D689;border:1px solid #00D689;color:#141828}button.transparent,.btn.transparent,.btn-sm.transparent{border:1px solid #fff;background:transparent;color:#fff}button.block,.btn.block,.btn-sm.block{width:100%}.btn-sm{font-size:0.8em;padding:0 15px;line-height:25px}.button-container{margin-bottom:20px;text-align:right}#backoffice-container{min-height:100vh;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:flex-start}#backoffice-container #content{width:75%;padding:50px;text-align:center}#backoffice-container #panel{text-align:center;background:#181E2D;width:25%;min-height:100vh;align-self:stretch}#backoffice-container #panel ul{margin:0;padding:0;list-style:none}#backoffice-container #panel ul li{margin:0;padding:0}#backoffice-container #panel #menu li.active{background:#141828}#backoffice-container #panel #menu li a{display:block;padding:20px 50px;text-align:center;color:#00D689;text-transform:uppercase;text-decoration:none}#backoffice-container #panel #box-list{padding:20px;margin:50px 30px 0 30px}#backoffice-container #panel #box-list ul li{padding:10px 20px;background:#141828}#backoffice-container #panel #box-list ul li:not(:last-child){margin-bottom:10px}.event{display:flex;background:#181E2D;align-items:center;justify-content:center;padding:15px;margin-bottom:15px}.event div{text-align:left;display:inline-block}.event .name{width:20%}.event .date{width:20%}.event .box{width:20%}.event .actions{text-align:right;width:40%}#backoffice-media-gallery{text-align:left}#backoffice-media-gallery .backoffice-media{display:inline-block}#backoffice-media-gallery .backoffice-media img,#backoffice-media-gallery .backoffice-media video{display:block;margin:50px 0 20px 0}.alert.alert-success{background:#00D689;color:#fff;margin:20px 0;text-align:left;padding:10px 20px}#media-container{padding-top:100px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#media-container .media{width:25%}#media-container .media img,#media-container .media video{display:block;width:100%;max-height: 500px;object-fit: contain;}#event-title{z-index:100;background:#141828;width:100%;height:100px;position:fixed;display:flex;align-items:center;padding:0 20px;border-bottom:2px solid #00D689}#event-title .title h1{margin:0}#event-title .container{width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#event-title .container>div{width:50%}#event-title .container .buttons{display:flex;justify-content:space-between;align-items:center}#event-title .container .buttons .button-container{margin:0}#event-title .container .buttons .button-container a{margin-left:20px}#event-title .container .buttons .share ul{padding:0;margin:0;list-style:none;display:flex;align-items:center}#event-title .container .buttons .share ul li{padding:0;display:inline-block}#event-title .container .buttons .share ul li:not(:last-child){margin-right:10px}#event-title .container .buttons .share ul li a{display:flex;background:#181E2D;color:#00D689;width:40px;height:40px;justify-content:center;align-items:center;border-radius:3px}.rollover{position:relative;overflow:hidden;width:100%;height:100%}.rollover .background{display:flex;opacity:0;top:0;left:0;z-index:10;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);justify-content:center;align-items:center}