* { outline: 0px none; } body, h1, h2, h3, h4, h5, div, p, ul, img, form, fieldset { margin: 0px; padding: 0px; } img { border: medium none; } body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: Arial; font-size: 11px; } body, html{width: 100%; overflow-x: hidden; } #header { width: 100%; height: 130px ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0%; } .logo_handler { width: 760px; margin: 0px auto; } #logo { float: left; margin: 0px -75px 0px 0px; } .spark { float: left; width: 50px; height: 50px; margin-top: 13px; }  .spacer { margin-top: -1px; border-top: 1px solid rgb(255, 255, 255); clear: both; } #menu { font-weight: bold; text-transform: uppercase; margin: 0px auto; width: 760px; height: 19px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; } #menu a { display: block; color: rgb(255, 255, 255); text-decoration: none; text-align: center; width: 107px; line-height: 20px; } #menu a:hover, #menu a:active { color: rgb(0, 0, 0) ! important; background: rgb(255, 255, 255) none repeat scroll 0% 0%; } #menu a:visited { color: rgb(255, 255, 255); } #menu li { list-style: outside none none; float: left; border-right: 1px solid rgb(255, 255, 255); margin: 0px; padding: 0px; } .first { border-left: 1px solid rgb(255, 255, 255); width: 110px ! important; } #around { width: 772px; margin: 3px auto; } #container { width: 760px; min-height: 314px; background: transparent url(/uploads/176/cont_bg.gif) repeat-x scroll right top; float: left; } .l_spacer, .r_spacer { display: block; width: 6px ! important; height: 313px ! important; } .l_spacer { float: left; background: transparent url(/uploads/176/l_spacer.gif) no-repeat scroll right top; } .r_spacer { float: left; background: transparent url(/uploads/176/r_spacer.gif) no-repeat scroll right top; } #footer { clear: both; height: auto; background: rgb(0, 0, 0) none repeat scroll 0% 0%; padding: 20px 0px; border-top: 4px solid rgb(255, 255, 255); } #bottomflash { text-align: center; margin: 0px auto; } #desc { margin: 10px auto; width: 760px; text-align: justify; font-size: 15px; line-height: 1.4; } #desc ul, #desc ol{    list-style-position: inside; } #desc ul li, #desc ol li{ padding-left: 10px; margin: 0; } #bottombox { border-top: 1px solid rgb(255, 255, 255); background: rgb(219, 4, 83) none repeat scroll 0% 0%; text-align: center; font-weight: bold; text-transform: uppercase; color: rgb(255, 255, 255); } #bottombox ul { width: 760px; height: 89px; margin: 0px auto; } #bottombox ul li { float: left; text-align: left; list-style: outside none none; height: 60px; width: 200px; margin-top: 15px; padding: 0px 10px 0px 30px; font-weight: normal ! important; } #bottombox #prog { cursor: pointer; } #bottombox h5 { font-size: 11px; font-weight: bold; } #bottombox a { color: rgb(255, 255, 255); } #prog { border-right: 1px solid rgb(219, 4, 83); } .jackpot_obj { margin: 15px 0px 0px; } #support { border-left: 1px solid rgb(70, 0, 31); border-right: 1px solid rgb(219, 4, 83); } #care { border-left: 1px solid rgb(70, 0, 31); } #bottommenu, #copy { width: 100%; margin: 6px auto 5px; text-align: center; } #bottommenu li { display: inline; padding: 0px 10px; border-left: 1px solid rgb(0, 0, 0); } #bottommenu li.first_bottom { border-left: medium none; } #bottommenu li a { font-size: 12px; color: rgb(0, 0, 0); text-decoration: none; font-weight: normal; } #bottommenu li a:hover { text-decoration: underline; } #bottommenu li a:visited { color: rgb(51, 51, 51); } #copy, #copy a { color: rgb(51, 51, 51); } #copy a { font-weight: bold; text-decoration: none; } #copy a:hover { text-decoration: underline; } #left { width: 369px; height: 314px; float: left; } #downloader { width: 225px; height: 291px; padding: 23px 0px 0px; float: left; background: transparent url(/uploads/176/middle_bg.jpg) no-repeat scroll left top; } .bonuser { margin-top: 30px; } #right { width: 166px; height: 299px; float: left; padding-top: 15px; } #d_button { margin-top: 0px; } .tooltip { position: absolute; display: none; text-align: left; padding: 0.5em; font: 11px arial,tahoma,helvetica,sans-serif; color: rgb(0, 0, 0); background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 2px solid rgb(219, 4, 83); } .red { color: rgb(255, 0, 0); } #symbols { margin: 0px auto; text-align: center; } #symbols .kahnawake { position: relative; top: -4px; left: 4px; } #symbols li { list-style: outside none none; display: inline; } .clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }       /*20.01.2018 by Roman */      @media screen and (max-width: 1600px) { } @media screen and (max-width: 992px) { } @media screen and (max-width: 768px) {body{overflow-x: hidden} #around, #container, #desc, #menu, #bottombox ul, #bottomflash embed, #left img, #downloader img { width: 100% !important; } #left { text-align: center; width: 70%; } #downloader { width: 30%; -webkit-background-size: 100%; background-size: 100%; height: initial; } #container , #left{ height: initial; min-height: initial; } #right, .l_spacer, .r_spacer { display: none; } #bottombox ul li { width: 23%; } #desc { padding: 0 15px; box-sizing: border-box; } } @media screen and (max-width: 480px) { #bottombox ul li { width: 100%; margin: 0; padding: 0; text-align: center; } #bottombox { float: left; width: 100%; } #bottombox ul { height: initial; } #menu li { float: none; } #menu a { margin: 0 auto; } #header, #menu { height: initial!important; } }      .mob-btn{   width: 29px;   height: 18px;   display: none;   flex-direction: column;   justify-content: space-between;   cursor: pointer;   position: relative; } .mob-btn span{   width: 100%;   height: 2px;   display: block;   background: #fff;   transition: all .4s ease; } .mob-btn.active span:nth-child(1){   transform: rotate(45deg);   position: absolute; } .mob-btn.active span:nth-child(2){   display: none; } .mob-btn.active span:nth-child(3){   transform: rotate(-45deg); } @media screen and (max-width: 768px){   .mob-btn{       display: flex;       z-index: 9999;   }   .mob-btn.active{     margin-top: 10px;   }   #menu{     display: none;     position: absolute;     top: 100%;     left: 0;     width: 100%;     background: #000;     padding: 0;     margin: 0;     transition: .4s ease;   }   #menu li{     display: inline-block;     width: 100%;     padding: 5px 10px;     margin: 0;     border-bottom: 1px solid rgba(0, 0, 0, .9);     box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, .1);     text-align: left;   }   .spacer {     margin-top: 0;     padding: 10px;     position: relative;     height: 27px; }   #menu li a.first{     border-left: 0;     width: 100% !important;   }   #menu a {     margin: 0;     width: 100%;     text-align: left; }   #header, #menu {     height: auto !important; }   #bottombox ul {     display: flex;     justify-content: space-between;     flex-wrap: wrap; }   #footer {     height: auto; } }    @media screen and (max-width: 480px){ #bottombox ul {     flex-direction: column;     align-items: center;     justify-content: center; 	padding-top: 15px;	 }      #bottombox ul li{        width: 100%;         margin: 0;         text-align: center;         display: flex;         flex-direction: column;         align-items: center;         justify-content: center;         height: auto;         padding: 5px 0 10px;      }     #bottombox .jackpot_obj {         margin: 0;         width: 0;         height: 0;     }          }