body{background:#003a60 url('/storage/app/media/hms/HMS-REDESIGN/ADVENT/HMSbackground.png') repeat-x;background-position:bottom left;background-attachment:fixed;background-size:cover;color:#fff;font-family:'Open Sans',sans-serif;font-size:10px}#snow{background:none;font-family:brandon-grotesque,sans-serif;background-image:url('https://www.hmsworks.co.uk/storage/app/media/HMS-REDESIGN/ADVENT/SNOW-1.png'),url('https://www.hmsworks.co.uk/storage/app/media/HMS-REDESIGN/ADVENT/SNOW-2.png');height:100%;left:0;position:absolute;top:0;width:100%;min-height:900px;height:1000px;z-index:1;-webkit-animation:snow 30s linear infinite;-moz-animation:snow 30s linear infinite;-ms-animation:snow 30s linear infinite;animation:snow 30s linear infinite}
@keyframes snow{0%{background-position:0 0,0px 0,0px 0}50%{background-position:500px 500px,100px 200px,-100px 150px}100%{background-position:500px 1000px,200px 400px,-100px 300px}}
@-moz-keyframes snow{0%{background-position:0 0,0px 0,0px 0}50%{background-position:500px 500px,100px 200px,-100px 150px}100%{background-position:400px 1000px,200px 400px,100px 300px}}
@-webkit-keyframes snow{0%{background-position:0 0,0px 0,0px 0}50%{background-position:500px 500px,100px 200px,-100px 150px}100%{background-position:500px 1000px,200px 400px,-100px 300px}}
@-ms-keyframes snow{0%{background-position:0 0,0px 0,0px 0}50%{background-position:500px 500px,100px 200px,-100px 150px}100%{background-position:500px 1000px,200px 400px,-100px 300px}}
#wrapper{margin:20px auto;max-width:900px;text-align:center}
#welcome-message{width:80%;margin:15px auto;padding:30px;text-align:center;font-size:20px;line-height:32px;background:#003a60;border:1px solid #28441;font-family:brandon-grotesque,sans-serif;font-weight:300}
.mobileme{margin-top:30px}
img.social{
width:25%;
height:auto;
padding:8px}main{text-align:center;padding:20px 10px 10px 20px}.door,.present{width:100%;height:100%}.day{display:inline-block;width:100px;height:100px;margin:5px;-webkit-perspective:850px;perspective:850px;z-index:1 !important}.day-close{display:inline-block;width:100px;height:100px;margin:5px;-webkit-perspective:850px;perspective:850px;z-index:1 !important}
.bauble a img{margin:22px auto}.door{position:relative;background:#AECB47;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0;transform-origin:0;-webkit-perspective:850px;perspective:850px;text-align:center;box-shadow:0 0 40px 0 rgba(0,0,0,0.15);cursor:default;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;z-index:2000}.door h2{position:absolute;width:3em;height:3em;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;padding:0.5em;font-size:2em;line-height:3em;color:white;border-radius:50%}.day:hover .door,.day:focus .door,.day:active .door{background:#AECB47;-webkit-transform:rotateY(-97deg);transform:rotateY(-97deg);-webkit-perspective-origin:0;perspective-origin:0;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.day:hover .door h2,.day:focus .door h2,.day:active .door h2{-webkit-backface-visibility:hidden;backface-visibility:hidden}.day:hover .bauble,.day:focus .bauble,.day:active .bauble{display:inline-block;-webkit-animation:shake 1s;animation:shake 1s;-webkit-transform-origin:50% 0;transform-origin:50% 0}.present{background:#fff;position:absolute;top:0;left:0;z-index:-1;box-shadow:0 0 40px 0 rgba(0,0,0,0.15),inset 0 0 30px 20px rgba(0,0,0,0.1)}.bauble{margin-top:5px;position:relative;width:50px;height:75px}img.header-icon{width:65px;height:auto;padding:15px;display:block;margin-left:auto;margin-right:auto}@keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}40%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}60%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}40%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}60%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.video-container iframe,
.video-container object,
.video-container embed{position:absolute;height:60%;width:75%;left:12.5%;top:0;margin:0 auto;min-height:500px}#van{position:fixed;z-index:-1 !important;left:45px;top:600px;width:25%;-webkit-transform:translate3d(0,0,0)}@media (max-width:991px){#van{display:none}}.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}#playPauseBTN{color:#fff;position:absolute;right:15px;top:10px;font-family:brandon-grotesque,sans-serif;background:#AECB47;padding:10px 25px;border:0}