@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'sansa-semiboldregular';
    src: url('fonts/sansa-semibold-webfont.eot');
    src: url('fonts/sansa-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sansa-semibold-webfont.woff') format('woff'),
         url('fonts/sansa-semibold-webfont.ttf') format('truetype'),
         url('fonts/sansa-semibold-webfont.svg#sansa-semiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;}
*{ margin: 0; padding:0;}
img{ width:100%; height: auto; border:0;}
html, body {margin:0; font-family: 'sansa-semiboldregular',Tahoma; -webkit-text-size-adjust:none; background-color:#000000;}
header{ background: url(https://www.sunpalacecasino.eu/10907/400BONUS/images/bg-header2.jpg) repeat-x; width:100%; height:auto; display: block; border-bottom: #FF0 solid 2px;}
header section{ width:100%; max-width:1000px; display:block; margin:0 auto; text-align:center;}
header section img#logo{ max-width:704px; padding-bottom:8px; margin:0 auto; display:block;}
section#bg { background:url(https://www.sunpalacecasino.eu/10907/400BONUS/images/bg-main2.jpg) no-repeat; background-position:top left; width:100%; max-width:1400px; height:auto; margin:0 auto; display: block;}
section#bg section#main { background:url(https://www.sunpalacecasino.eu/10907/400BONUS/images/img.png) no-repeat; background-position:left top; width:100%; max-width:1040px; height:auto; margin:0 auto; display: block;}
section#bg section#main aside{ width:100%; max-width:380px; display: block; height:auto; padding-left:8px;}
section#bg section#main aside img#bonus{ display: block;}
section#bg section#main img#title{ max-width:369px; display: block; margin:0 auto; padding:3% 0 0 0;}
section#bg section#main aside a.button img{ width:100%; max-width:369px; display:block; height:auto; margin:0 auto; padding-top:10px; border:0; animation-name: 'pulsate'; -webkit-animation-name: 'pulsate'; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}
section#bg section#main ul#steps{ list-style: none; margin:0; padding:0 0 2% 0; width:100%; max-width:1000px; margin:0 auto; text-align: center;}
section#bg section#main ul#steps li{ width:100%; max-width:279px; height: auto; vertical-align:top; display: inline-block; margin:0; padding:0;}
footer{ width:100%; max-width:1000px; height: auto; display: block; margin:0 auto;}
footer img#deposit{ width:100%; max-width:486px; height:auto; display:block; margin:0 auto;}
p{width:100%; height:auto; margin:0 auto; display:block; text-align:center; color:#FFF;}
footer p{width:90%; height:auto; padding:0px; margin:20px auto; display:block; text-align:center; color:#666; font-size:0.65em;}
footer ul#contact{ width:100%; display: block; list-style:none; padding:8px 0; margin: 0 auto; max-width:1000px; text-align: center;}
footer ul#contact li{ display: inline-block; vertical-align:middle; background:url(https://www.sunpalacecasino.eu/10907/400BONUS/images/arrows.png) no-repeat left center ; padding:0 0 0 24px; font-size:0.860em; width: auto; text-align: left; margin:8px 20px;}
footer ul#contact li .grey{ color:#e2e2e2; font-size:0.790em;}
footer ul#contact li a, a:hover{ color:#0083e3; text-decoration:none; font-size:12px;}



@media only screen and (max-width:1000px){
	section#bg section#main { background-position:20% top;}
	section#bg section#main ul#steps li{ width:30%;}
	
	
}
@media only screen and (max-width:740px){
	footer ul#contact{ width:90% !important;}
	
}
@media only screen and (max-width:580px){
	header section img#logo{ width:100%;}
	header section img#awards{ width:100%; padding:0 0 0 0;}
	section#bg section#main { background:none;}
	section#bg section#main aside{ max-width:580px; padding-left:0; margin:0 auto;}
	section#bg section#main aside img#bonus{ content: url(https://www.sunpalacecasino.eu/10907/400BONUS/images/bonus-580.png);}
	section#bg section#main ul#steps{ padding:3% 0;}
	section#bg section#main aside a.button img{ width:90%;}
	section#bg section#main img#title{ width:90%;}
	footer img#deposit{ width:90%;}
	footer p{font-size:0.65em;}
	footer ul#contact li{ margin:5px 5px !important; font-size:0.78em;}
	footer ul#contact li .grey{ color:#6a6a6a; font-size:0.75em;}
	
	
}
@media only screen and (min-width:240px) and (max-width:480px){
	section#bg section#main aside img#bonus{ width: 90%; content: url(https://www.sunpalacecasino.eu/10907/400BONUS/images/bonus.png); margin:0 auto;}
	
	
}
@media only screen and (min-width:240px) and (max-width:380px) and (orientation : landscape) {
	section#bg section#main aside{ max-width:580px; padding-left:0; margin:0 auto;}
	section#bg section#main aside img#bonus{ content: url(https://www.sunpalacecasino.eu/10907/400BONUS/images/bonus-580.png);}
}

@keyframes pulsate {
	0% {transform: scale(0.9); }
	50% {transform: scale(1); }
	100% {transform: scale(0.9); }
}
@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.95); }
	50% {-webkit-transform: scale(1); }
	100% {-webkit-transform: scale(0.95); }
}