﻿body {
    width:100%; 
    color:#313642 !important;
}
#logo-quarzo{background:transparent;}
#loggeduser-info{background:transparent;}
#logo-tombola {background:transparent;}
div#banner {background:transparent;}
html {background: none !important;}
#content-container {border-top: 0px solid #f6781c;}
#divLogo {display:none !important;}

.logHeader {
    height:300px;
    background-color: transparent;
    background-image: url("../images/casino/TombolaTitle.png");
    background-repeat: no-repeat;
    background-size: 455px;
    background-attachment: fixed;
    background-position: 50% 16%; 
    position: relative;
}
h4 {
    font-size: 2.7rem !important;
    font-weight: 800;
}

#page-container {
	width: 800px;
	margin: 0 auto 0 auto;
	background:none !important; 
}
.WellTitle {
    top: -40px;
    margin-top: -96px;
    text-align: center;
    font-style: italic;
    font-weight: bold; 
    color: #39587F;
}

.formSize {
    border-radius: 10%;
    background-color: #ececec;
    padding: 132px 57px 0px 50px;
    height: 414px;
    width: 585px;
    position:relative;
}

.btn:hover, .btn-large:hover {
    background-color: #ff726a !important;
    color: white !important;
    font-size: 25px;
}

.btn {
    background-color: #e65d55 !important;
    height: 50px !important;
    width: 100%;
}

.sunburst {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
background: #313642;
animation:mysecond 5s;
-moz-animation:myfirst 5s infinite; /* Firefox */
-webkit-animation:myfirst 5s infinite; /* Safari and Chrome */
}

.sunburst .outer {
width: 100%;
position: absolute;
top: 60%;
right: 74%;
/*height: 100%;*/
/*margin: 28% -10%;*/
}

.sunburst b {
display: block;
width: 0;
height: 0;
border-width: 90px 1000px;
margin: -180px 0 0 0;
border-color: transparent #4a515c;
border-style: solid;
animation:myfirst 5s;
-moz-animation:myfirst 5s infinite; /* Firefox */
-webkit-animation:myfirst 5s infinite; /* Safari and Chrome */
}

.sunburst b:nth-child(1) { -webkit-transform:rotate(20deg);  -moz-transform:rotate(20deg);  }
.sunburst b:nth-child(2) { -webkit-transform:rotate(40deg);  -moz-transform:rotate(40deg);  }
.sunburst b:nth-child(3) { -webkit-transform:rotate(60deg);  -moz-transform:rotate(60deg);  }
.sunburst b:nth-child(4) { -webkit-transform:rotate(80deg);  -moz-transform:rotate(80deg);  }
.sunburst b:nth-child(5) { -webkit-transform:rotate(100deg); -moz-transform:rotate(100deg); }
.sunburst b:nth-child(6) { -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); }
.sunburst b:nth-child(7) { -webkit-transform:rotate(140deg); -moz-transform:rotate(140deg); }
.sunburst b:nth-child(8) { -webkit-transform:rotate(160deg); -moz-transform:rotate(160deg); }
.sunburst b:nth-child(9) { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }
@-webkit-keyframes rotate1 {
    from { -webkit-transform: rotate(0deg); }
    to   { -webkit-transform: rotate(20deg); }
}
@-moz-keyframes rotate1 {
    from { -moz-transform: rotate(0deg); }
    to   { -moz-transform: rotate(20deg); }
}

@-moz-keyframes myfirst 
{
0%   {border-color: transparent #4a515c;}
50%  {border-color: transparent #39587F;}
100% {border-color: transparent #4a515c;}
}

@-webkit-keyframes myfirst
{
0%   {border-color: transparent #4a515c;}
50%  {border-color: transparent #39587F;}
100% {border-color: transparent #4a515c;}
}

@-moz-keyframes mysecond 
{
0%   {background: #313642 !important;}
50%  {background: #4a515c !important;}
100% {background: #313642 !important;}
}

@-webkit-keyframes mysecond
{
0%   {background: #313642 !important;}
50%  {background: #4a515c !important;}
100% {background: #313642 !important;}
}

@media screen and (max-width: 1400px) {
    .logHeader {
        height: 221px;
        background-position: 50% 6%;
    }
}




 