@font-face { font-family: 'icomoon'; src: url("/assets/seagames/fonts/icomoon.eot?7xd7vy"); src: url("/assets/seagames/fonts/icomoon.eot?#iefix7xd7vy") format("embedded-opentype"), url("assets/seagames/fonts/icomoon.svg?7xd7vy#icomoon") format("svg"), url("assets/seagames/fonts/icomoon.woff?7xd7vy") format("woff"), url("assets/seagames/fonts/icomoon.ttf?7xd7vy") format("truetype"); font-weight: normal; font-style: normal; }  @font-face { font-family: 'MuseoSans'; src: url("/assets/seagames/fonts/museosans.eot"); src: url("/assets/seagames/fonts/museosans.eot?#iefix") format("embedded-opentype"), url("assets/seagames/fonts/museosans.woff") format("woff"), url("assets/seagames/fonts/museosans.ttf") format("truetype"); font-weight: 300; font-style: normal; }  @font-face { font-family: 'MuseoSans'; src: url("/assets/seagames/fonts/museosansbold.eot"); src: url("/assets/seagames/fonts/museosansbold.eot?#iefix") format("embedded-opentype"), url("assets/seagames/fonts/museosansbold.woff") format("woff"), url("assets/seagames/fonts/museosansbold.ttf") format("truetype"); font-weight: 700; font-style: bold; }  * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }  *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }  html { font-size: 62.5%; font-family: 'mobile'; }  body { background-color: transparent; color: #484848; font-family: "MuseoSans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 15px; font-size: 1.5rem; }  .channel { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;  margin: 10px auto; padding: 12px 20px 8px; text-align: left; width: 280px; }  .channel:before, .channel:after { content: ""; display: table; }  .channel:after { clear: both; }  .channel h2 { font-size: 17px; font-size: 1.7rem; color: #fff; font-weight: bold; margin: 0 0 5px; }  .channel .btn { font-size: 14px; font-size: 1.4rem; color: #fff; font-weight: bold; padding: 0; text-decoration: underline; }  .channel .channel-buttons { float: left; margin-left: 10px; .countdown-timer { -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;  /* DEV NOTE: * play with the padding and width to increase the with; */ padding: 0 10px 10px; background: url("http://www.rajahtannasia.com/assets/seagames/images/background_pattern_grey.jpg"); margin: 10px auto; width: 445px; }   }    .countdown-timer .h3 { font-size: 20px; font-size: 2rem; display: block; font-weight: bold; color: #6e6e6e; text-align: center; line-height: 1; margin: 0 auto 10px; }  .countdown-timer .timer { margin: auto; }  .countdown-timer .timer > div { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset -2px 2px 7px #777; -moz-box-shadow: inset -2px 2px 7px #777; box-shadow: inset -2px 2px 7px #777;  float: left; text-align: center; padding: 2px 0; color: #828282; width: 40px; margin-right: 13px; background-color: #ebebeb; }  .countdown-timer .timer > div .counter { font-weight: bold; font-size: 13px; font-size: 1.3rem; }  .countdown-timer .timer > div .unit { display: block; text-transform: uppercase; font-size: 7px; font-size: 0.7rem; }  .countdown-timer .timer .days { width: 40px; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #b8945a; background-image: -ms-linear-gradient(top, #866a41 0%, #b8945a 100%); /* IE10 Consumer Preview */ background-image: -moz-linear-gradient(top, #866a41 0%, #b8945a 100%); /* Opera */ background-image: -o-linear-gradient(top, #866a41 0%, #b8945a 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #866a41), color-stop(1, #b8945a)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(top, #866a41 0%, #b8945a 100%); /* Webkit (Chrome 11+) */ background-image: linear-gradient(to bottom, #866a41 0%, #b8945a 100%); /* W3C Markup, IE10 Release Preview */ }  .countdown-timer .timer .seconds { margin-right: 0; }  .countdown-timer .bottom { margin-top: 25px; background: url("assets/seagames/images/timer_gradient.png") repeat-x top; }  .countdown-timer .btn-join-countdown { top: 1px; position: relative; }  .countdown-timer .text { text-align: center; padding: 5px 0 5px 0; margin: 0; }  .countdown-timer .h3 { font-size: 24px; font-size: 2.4rem; }  .countdown-timer .timer:before, .countdown-timer .timer:after { content: ""; display: table; }  .countdown-timer .timer:after { clear: both; }  .countdown-timer .timer > div { width: 50px; }  .countdown-timer .timer > div .counter { font-size: 18px; font-size: 1.8rem; }  .countdown-timer .timer > div .unit { font-size: 8px; font-size: 0.8rem; }  .countdown-timer .timer .days { width: 50px; }  .countdown-timer .left-column { float: left; margin: 10px 10px 0 0; width: 175px; }  .countdown-timer .right-column { float: left; margin-top: 20px; }  @media only screen and (max-width: 485px) { .countdown-timer { width: 100%; }  .countdown-timer .left-column { float: none; margin: 10px 0 0; text-align: center; width: 100%; }  .countdown-timer .right-column { float: none; margin-top: 0; }  .countdown-timer .timer { margin: auto; width: 240px; } .issuu-embed-container {   position: relative;   padding-bottom: 56.25%; /* set the aspect ratio here as (height / width) * 100% */   height: 0;   overflow: hidden;   max-width: 100%;} .issuu-embed-container iframe {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;} }