body {  font-family: 'Roboto', sans-serif; font-weight: 300; margin:0; padding:0; font-size: 18px;}

#superbigfortunewrapper { text-align:center; margin:10px auto; max-width:600px;}

#fortunehead {}
#fortunehead h1{margin:0; padding:20px 0; font-family: 'Ubuntu', sans-serif; }
#fortunehead p{margin:0; padding:10px 0;}


#fortune {display: none; padding:90px 10px 50px; color:white; background-image:url(/images/fortune/gift.png); background-position:center top; background-repeat:no-repeat; background-size:contain; }


.fortunewrapper{ display:block; list-style: none;    margin: 0;   padding: 0;   position:absolute;   left:0;   top:0;}
.viewport{ margin:10px auto;  width:120px;  overflow: hidden; background:rgba(255,255,255,1); box-shadow:inset 0 0 5px rgba(0,0,0,0.2); }
.hider{ width:300000px; position:relative; height:40px;}
.bonuspoint{ float:left; width:120px; height:40px;   margin: 0; font-size:32px; font-weight:600;  padding: 0;   text-align: center; font-family: 'Ubuntu', sans-serif; color:black; }

#tryFortune { display:inline-block; vertical-align:middle; padding:12px 30px; color:black; margin:10px; background:rgba(255,255,255,0.95);  text-decoration:none; font-size:20px; box-shadow:1px 5px 20px rgba(0,0,0,0.25); border-radius:35px; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; font-weight: 300;  position:relative; z-index:2; border:none; line-height:140%; outline:none;}
#tryFortune:hover {color:black; box-shadow:1px 1px 1px rgba(0,0,0,0.25); -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease;  background:rgba(255,255,255,1);  border:none; cursor:pointer;}


#action {padding:10px 0;}

#setBonus { display:inline-block; vertical-align:middle; padding:15px 35px; color:white; margin:10px; background:rgba(60,190,120,1);  text-decoration:none; font-size:20px; box-shadow:1px 5px 20px rgba(0,0,0,0.25); border-radius:35px; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; font-weight: 300;  position:relative; z-index:2; border:none; line-height:140%; outline:none;}
#setBonus:hover {color:white; box-shadow:1px 1px 1px rgba(0,0,0,0.25); -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; background:rgba(50,170,100,1); border:none; cursor:pointer;}

#fortunecomment p {padding:10px 0; font-size:14px; }

#tryFortune[disabled], #tryFortune:hover[disabled], #setBonus[disabled], #setBonus:hover[disabled]{box-shadow:none; background:silver; cursor:default; outline:none;}


#emailtr, #emailtr:hover , #emailtr:focus {padding:10px; font-size: 18px; font-family: 'Roboto', sans-serif; border:2px solid rgba(0,0,0,0.2); margin:10px 0;}



/*Halloween
body {background:black; color:white; background-image:url(/images/fortune/hwback.jpg);  background-position:center top; background-repeat:no-repeat; background-size:cover;}
#fortune { background-image:url(/images/fortune/tykva.png);}*/

/*Новый год
body {background:black; color:white; background-image:url(/images/fortune/nwback.jpg);  background-position:center top; background-repeat:no-repeat; background-size:cover;}
*/

/* Днюха 4brain */
body {background:black; color:white; background-image:url(/images/fortune/bdayback.jpg);  background-position:center top; background-repeat:no-repeat; background-size:cover;}