@font-face { font-family: 'TrajanPro-Bold'; src: url('../imgs-countdown/TrajanPro-Bold.otf') format('opentype'); font-weight: bold; font-style: normal; }

body, html, .all { min-width: 1100px; margin: 0; padding: 0; overflow-x: hidden; }
body { background: url('../imgs-countdown/center-bg.jpg') no-repeat center 997px, url('../imgs-countdown/center-bg-repeat.jpg') repeat-x 0 992px, url('../imgs-countdown/bg-top.jpg') no-repeat center top; background-color: #1a0500; color: #fff; }
body, a, a:active, a:visited, a:link { font-family: Arial, Tahoma; font-size: 13px; text-decoration: none; }
a, a:active, a:visited, a:link { cursor: pointer; color: #fec32a; font-weight: bold; }
a:hover { color: #ffe465; }
a:active { color: #fffaa5; }
p { margin: 0; padding: 0; }
* { outline: none; }

.all { width: 1100px; margin: 0 auto; position: relative; padding-top: 789px; }

.countdown-date { position: absolute; top: 797px; left: 350px; width: 400px; height: 30px; background: url("../imgs-countdown/DATA.png") no-repeat center center; }

.countdown { position: absolute; top: 612px; left: 254px; width: 600px; padding: 0; display: table; }
@import url(https://fonts.googleapis.com/css?family=Oswald);
#soon-amor { font-family: Oswald, serif; color: #fff; background-color: transparent; }
#soon-amor .soon-label { display: none; }
.soon[data-layout*="group"] { padding: 0; }
.soon-flip { margin: 0 !important; }
.soon-flip-inner { width: 47px !important; padding: 0 9px 0 0 !important; margin: 0 !important; }

article { text-align: center; width: 1100px; color: #5b4b41; padding: 160px 140px 90px; margin: 0 0 58px 0; box-sizing: border-box; min-height: 660px; float: left; background: url('../imgs-countdown/info-bg-bot.png') no-repeat center bottom, url('../imgs-countdown/info-bg-top.jpg') no-repeat center top, url('../imgs-countdown/info-bg-repeat.png') repeat-y center 291px, url('../imgs-countdown/info-bg-repeat.jpg') repeat-y center 291px; background-color: transparent; border-radius: 10px; }
article .dualDiv { display: table; width: 100%; }
article .dualDiv > div { width: 50%; float: left; }

article h1 { color: #6d3309; font-family: 'TrajanPro-Bold', Arial; font-size: 20px; }

article > .dualDiv > div { padding: 0 20px; box-sizing: border-box; }

footer { position: relative; font-weight: bold; padding: 42px 0 50px 0; width: 1000px; margin: 0 auto; text-align: center; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.4); }
footer a { font-size: 14px; opacity: 0.5; display: block; margin: 13px auto 0; width: 110px; height: 17px; background: transparent url('../imgs-countdown/atualstudio.png') no-repeat; }
footer a:hover { opacity: 1; }

a.forumButton, a.forumButton > span { display: block; width: 164px; height: 50px; background: transparent url('../imgs-countdown/forum-button.jpg') no-repeat 0 0; }
a.forumButton { position: absolute; top: 498px; right: 127px; overflow: hidden; border-radius: 26px; transition: box-shadow 0.4s; }
a.forumButton > span { opacity: 0; background-position: 0 -50px; transition: opacity 0.4s; }
a.forumButton:hover > span { opacity: 1; }
a.forumButton:hover { box-shadow: 0 0 10px rgba(255,230,177,0.4); }
a.forumButton:active { opacity: 0.7; }

.faceBox { display: table; margin: 0 auto; width: 1000px; height: 420px; padding: 136px 0 0 250px; box-sizing: border-box; overflow: hidden; background: transparent url('../imgs-countdown/facebook-bg.jpg') no-repeat; }

.vote { width: 100%; height: 205px; box-sizing: border-box; padding: 93px 0 0 0; background: #450300 url('../imgs-countdown/vote-bg.jpg') no-repeat center center; }
.vote > div { display: table; margin: 0 auto; padding: 0 0 0 16px; }
.vote a { transition: background 0.4s; float: left; margin: 0 16px 0 0; display: block; border-radius: 8px; padding: 2px; background: #6c1c19; }
.vote a img { border-radius: 6px; }
.vote a, .vote a img { width: 90px; height: 60px; }
.vote a:hover { background: #fff0a8; }
