*{box-sizing:border-box;padding:0;margin:0}body{font-family:din-condensed,sans-serif;font-weight:300;font-style:normal;overflow:hidden;display:flex}@font-face{font-family:"Bebas Neue";src:url("/skin/resideo/fonts/BebasNeue-Regular.eot");src:url("/skin/resideo/fonts/BebasNeue-Regular.eot?#iefix") format("embedded-opentype"),
url("/skin/resideo/fonts/BebasNeue-Regular.woff2") format("woff2"),
url("/skin/resideo/fonts/BebasNeue-Regular.woff") format("woff"),
url("/skin/resideo/fonts/BebasNeue-Regular.ttf") format("truetype"),
url("/skin/resideo/fonts/BebasNeue-Regular.svg#BebasNeue-Regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"din-condensed";src:url("/skin/resideo/fonts/DINPro-Cond.otf");font-weight:normal;font-style:normal}h1,h2,h3,h4,h5{font-family:din-condensed,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase}.title{font-size:5rem;margin-top:50px}.small-title{font-size:4rem;margin-top:50px}.text{font-size:2rem}header{width:2.5%;height:100vh;background:#F90043;display:flex;justify-content:center}.small-logo{margin-top:20px;position:absolute}.big-logo{margin:auto}main{width:75%;height:100vh;background:#EDE8E2;display:flex}main .content .image-left{max-width:30%;height:100vh}main .content .image-left
img{width:100%;height:100vh;object-fit:cover}main
.content{width:100%;height:100vh;position:relative;display:flex}main .content .black-corner{position:absolute;right:0;top:0}main .content
.box{padding:50px;min-width:75%}main .content.no-side-image
.box{width:100%}footer{width:22.5%;height:100vh;background:#121212;padding:30px}footer
.box{width:100%;height:100%}footer .box
.row{display:flex;justify-content:space-between}footer .box .weather-box{color:white;font-family:"Bebas Neue";font-size:5rem;display:flex}footer .box .weather-box .clouds
img{width:40px;float:left;margin-top:15px;margin-right:10px}footer .box .weather-box .weather-number{float:left}footer .box .time-box{color:white;font-family:"Bebas Neue";display:flex;align-items:center;justify-content:flex-end;position:relative}footer .box .time-box
.time{display:flex}footer .box .time-box
.tick{font-size:5rem}footer .box .time-box .time-big{font-size:5rem}footer .box .time-box
.seconds{display:flex;height:4rem;overflow:hidden;margin-top:10px}footer .box .time-box .time-small{font-size:3rem;color:#EDE8E2}.move{animation:move cubic-bezier(0,.1, 0.9,.1) 1s infinite}@keyframes
move{from{transform:translateY(0.8rem)}to{transform:translateY(-2rem)}}footer .box .machines-box{padding:15px;width:100%}footer .box .machines-box
.machine{width:100%;background:#2B2B2B;display:flex;align-items:center;justify-content:space-between;padding:20px
20px 5px 20px;color:#EDE8E2;font-size:2.5rem;text-transform:uppercase;margin-bottom:10px}footer .box .machines-box
.machine.offline{background:#F90043}footer .box .machines-box .machine.offline .switch
.off{color:#FFF}footer .box .machines-box .machine.offline .switch
.on{color:#434343 !important}footer .box .machines-box .machine
.switch{display:inline-flex}footer .box .machines-box .machine .switch
.on{margin-right:15px;color:#53F7D2 !important}footer .box .machines-box .machine .switch .on, footer .box .machines-box .machine .switch
.off{color:#434343}footer .box .birthday-box{padding:15px;width:100%}footer .box .birthday-box
img{width:40px}footer .box .birthday-box
.title{font-size:4rem;color:#EDE8E2;margin:0px
0px 10px 0px}footer .box .birthday-box
.birthday{width:100%;background:#2B2B2B;display:flex;align-items:center;justify-content:space-between;padding:20px
20px 5px 20px;color:#EDE8E2;font-size:2.5rem;text-transform:uppercase;margin-bottom:10px}main.page-two
.content{width:100%;height:100vh}.image-bottom{margin-top:30px;height:350px}.image-bottom
img{width:100%;height:100%;object-fit:cover}main .content .white-box{padding:30px;background:white}main .content
.number{position:absolute;right:80px;top:100px;font-size:2rem}main .content
.number.active{position:absolute;right:110px;top:100px;font-size:4rem;font-weight:500}table{width:100%}table tr:first-of-type{background:#F90043;font-size:1.5rem;font-weight:400;color:white;padding:10px}table tr
td{padding:12px;font-size:1.5rem}table tr:not(:first-of-type) td:first-child{background:#E3DED9}table tr:not(:first-of-type) td:nth-child(2n+3){background:#fff}@media only screen and (max-width: 1920px){.title{font-size:3rem}main .content #table
th{padding:2px}main .content #table tr
td{padding:5px}footer .box .birthday-box
.title{font-size:3rem}}