body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #595959;
    background: url('./images/wallpaper.jpg') top center repeat;
}

a:focus {
    outline-style: none;
}

Button::-moz-focus-inner, Input[type="reset"]::-moz-focus-inner, Input[type="button"]::-moz-focus-inner, Input[type="submit"]::-moz-focus-inner, Input[type="file"] > input[type="button"]::-moz-focus-inner {
    Border: none;
}

a {
    color: #e14b00;
}

img {
    border: 0 none;
    display: inline-block !important;
    max-width: 100%;
}

.mainnav ul {
    list-style: none;
    margin-left: 0;
}

.mainnav ul li {
    padding-left: 5px;
}

.mainnav ul li a {
    color: #000;
}

#main {
    background: rgba(255,255,255, .8);
}


@media (max-width: 768px) {
    .logo {
        text-align:center;
    }

    #sidebar-right {
        display: none;
    }

    .mainnav #mainmenu, .reviewsmenu #reviews {
        display: none;
    }
    .mainnav h5, .reviewsmenu h5 {
    background: #FF9900;
    font-weight: bold;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    padding: 16px 0;
    font-size: 16px;
    text-align: center;
    }


    .mainnav, .reviewsmenu {
        overflow: hidden;
        position: relative;
        background: #fff;
    }

    .mainnav a, .reviewsmenu a {
        color: white;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        display: block;
    }

    .reviewsmenu a {
        margin-top: 5px;
    }

    .mainnav a.icon, .reviewsmenu a.icon {
        background: black;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    .mainnav a:hover, .reviewsmenu a:hover {
        background-color: #ddd;
        color: black;
    }

    .active {
        background-color: transparent;
        color: white;
    }
}

@media (min-width: 769px) {
    * {
        margin:0;
        padding: 0;
    }

    #body-main {
    }

    #main-content {
    }

    #header {
        padding-top: 15px;
    }

    .logo {
        margin: 7px 0 0 10px;
    }

    .logo a {
    }

    #navigation {
        margin-top: 15px;
        background: #fff;
    }

    .menu2 {
        margin: 0;
        list-style: none;
        height: 34px;
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
    }

    .menu2 li {
        display: block;
        float: left;
        margin: 0 0 0 0;
        padding: 0 12px;
    }

    .menu2 li:first-child {
        border: 0 none;
    }

    .menu2 li:first-child {
        background-image: none
    }

    .menu2 li a.top_link {
        display: block;
        float: left;
        height: 28px;
        line-height: 28px;
        color: #c6c6c6;
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 0 0;
        cursor: pointer;
    }

    .menu2 li a.top_link span {
        float: left;
        display: block;
        padding: 0 10px 0 10px;
        height: 28px;
    }

    .menu2 li a.top_link:hover {
        color: #c6c6c6;
        text-decoration: underline;
    }

    .menu2 li a.top_link:hover span {
    }

    .menu2 li.page_item {
        display: block;
        float: left;
        margin: 0 0 0 0;
    }

    .menu2 li a {
        display: block;
        float: left;
        height: 34px;
        line-height: 34px;
        color: #FF9900;
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 0 0;
        cursor: pointer;
        transition: all ease 1s;
    }

    .menu2 li a span {
        float: left;
        display: block;
        height: 28px;
    }

    .menu2 li a:hover, .menu2 li.current_page_item a {
        color: #000;
        text-decoration: none;
    }

    .menu2 li a:hover span, .menu2 li.current_page_item a span {
    }

    #contentArea {
    }

    #sidebar-left {
        margin-top: 20px;
        background: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
        border: 1px solid #FF9900;
    }

    .sidebar-boxes {
        padding: 0 10px;
        border: solid 1px #ccc;
        margin-bottom: 10px;
        text-align: center;
        margin-top: 10px;
    }

    .mid-content {
        margin-top: 20px;
    }

    .freebet-table {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        margin: 0 0 20px 0;
        border: solid 1px #ebbca0;
        float: left;
    }

    .freebet-head {
        text-align: left;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        height: 16px;
    }

    .freebet_name {
        background-image: url(images/th-bg.jpg);
        background-repeat: repeat-x;
        background-position: bottom;
        padding: 12px 8px;
        color: #7c7c7c;
        font-weight: normal;
        text-align: left;
    }

    .freebet_heading {
        background-image: url(images/th-bg.jpg);
        background-repeat: repeat-x;
        background-position: bottom;
        padding: 12px 8px;
        color: #7c7c7c;
        font-weight: normal;
        text-align: center;
        border-left: solid 1px #ebbca0;
    }

    .casino-name {
        padding: 5px 8px;
        color: #e14b00;
        font-weight: normal;
        text-align: left;
    }

    .casino-name img {
    }

    .casino-name span {
        color: #e14b00;
        font-weight: normal;
        padding-top: 20px;
    }

    .casino-name a {
        color: #000;
        text-decoration: none;
    }

    .casino-bonus {
        padding: 6px 8px;
        color: #323638;
        text-align: center;
        border-left: solid 1px #ebbca0;
    }

    .casino-review {
        padding: 6px 8px;
        color: #e14b00;
        text-align: center;
        border-left: solid 1px #ebbca0;
    }

    .casino-review a {
        color: #FF0000;
        text-decoration: none;
    }

    .casino-review a:hover {
        color: #e14b00;
        text-decoration: underline;
    }

    .play-btn {
        background: #FF9900;
        width: 54px;
        height: 25px;
        margin: 0 auto;
        display: block;
        color: #fff!important;
        text-decoration: none!important;
        line-height: 25px;
        text-align: center;
        border-radius: 5px;
    }

    .play-btn:hover {
        background-position: 0 0;
    }

    .quick-links {
        padding: 0;
        margin-bottom: 10px;
    }

    .quick-links ul {
        list-style: none;
        margin-left: 0;
    }

    .quick-links ul li {
        list-style: none;
    }

    .quick-links ul li h2 {
        background: #FF9900;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 6px 5px 6px 15px;
    }

    .quick-links ul li h2 a {
        color: #fff;
        text-decoration: none;
    }

    .quick-links ul li ul {
        list-style: none;
        padding: 0 13px;
    }

    .quick-links ul li ul li {
        color: #414141;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        margin: 7px 0;
    }

    .quick-links ul li ul li a {
        text-decoration: none;
        color: #414141;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .quick-links ul li ul li a:hover {
        color: #e14b00;
        text-decoration: none;
    }

    .sidebar-banner1 {
        padding: 30px 0;
        border: solid 1px #ccc;
        margin-bottom: 10px;
        text-align: center;
    }

    .sidebar-banner2 {
        padding: 30px 0;
        border: solid 1px #ccc;
        margin-bottom: 0;
        text-align: center;
    }

    #sidebar-right {
        margin-top: 20px;
    }

    .bookmark-table {
        background: url(images/heading-bg.jpg) repeat-x top;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: solid 1px #FF9900;
    }

    .bookmark-head {
        text-align: left;
        color: #fff;
        padding: 6px 8px;
        font-size: 13px;
        font-weight: bold;
        background: #FF9900;
    }

    .bookmark_name {
        padding: 5px 7px;
        color: #5c5c5c;
        font-weight: bold;
        text-align: left;
        border-bottom: solid 1px #ebbca0;
    }

    .bookmark_bonus {
        padding: 5px 6px;
        color: #5c5c5c;
        font-weight: bold;
        text-align: center;
        border-left: solid 1px #ebbca0;
        border-bottom: solid 1px #ebbca0;
    }

    .bonus_amount {
        padding: 7px 3px 3px;
        color: #5c5c5c;
        font-weight: normal;
        text-align: center;
        border-left: solid 1px #ebbca0;
    }

    .bookmark_td {
        padding: 7px 5px 3px 5px;
        color: #5c5c5c;
        font-weight: bold;
    }

    .bookmark_td a {
        color: #5c5c5c;
        text-decoration: none;
        display: block;
    }

    .bookmark_td a:hover {
        color: #e14b00;
        text-decoration: none;
    }

    .bookmark_td img {
        margin-right: 5px;
        float: left;
    }

    .bookmark_td span {
        float: left;
        text-align: left;
        width: 22px;
    }

    .link_name {
        text-align: left!important;
        float: left!important;
        width: 115px!important;
        font-size: 9px!important;
        font-weight: normal;
        padding-top: 4px;
    }

    .link_name a {
        display: block;
    }

    .right-banner {
        padding-top: 12px;
        text-align: center;
    }

    .content-banner {
        padding: 0;
        text-align: center;
        margin-bottom: 20px;
    }

    .content {
        font-family: Arial, Helvetica, sans-serif;
        color: #595959;
        font-size: 12px;
        padding: 7px 10px 10px 10px;
        margin: 0 0 10px 0;
        line-height: 18px;
    }

    .content h1 {
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        font-size: 30px;
        font-weight: bold;
        padding: 0;
        margin-bottom: 10px;
    }

    .content h1 a {
        color: #e14b00;
        text-decoration: none;
    }

    .content h1 a:hover {
        color: #e14b00;
        text-decoration: none;
    }

    .content h2 {
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        margin-bottom: 10px;
    }

    .content h2 a {
        color: #e14b00;
        text-decoration: none;
    }

    .content h2 a:hover {
        color: #e14b00;
        text-decoration: none;
    }

    .content h3 {
        font-family: Arial, Helvetica, sans-serif;
        color: #595959;
        font-size: 12px;
        font-weight: bold;
        padding: 7px 0;
    }

    .content h3 a {
        color: #595959;
        text-decoration: none;
    }

    .content h3 a:hover {
        color: #595959;
        text-decoration: none;
    }

    .content p {
        font-family: Arial, Helvetica, sans-serif;
        color: #595959;
        font-size: 12px;
        font-weight: normal;
        padding: 10px 0 0 0;
        line-height: 150%;
    }

    .content p a {
        color: #e14b00;
        text-decoration: none;
    }

    .content p a:hover {
        color: #e14b00;
        text-decoration: underline;
    }

    .content ul {
        list-style: disc;
        padding: 10px 20px;
        margin: 0;
    }

    .content ul li {
        list-style: disc;
        padding: 0;
        margin: 5px 0;
        font-family: Arial, Helvetica, sans-serif;
        color: #595959;
        font-size: 12px;
        font-weight: normal;
    }

    .content ul li a {
        color: #595959;
        text-decoration: none;
    }

    .content ul li a:hover {
        color: #e14b00;
        text-decoration: underline;
    }

    .content ol {
        list-style: decimal;
        padding: 10px 20px;
        margin: 0;
    }

    .content ol li {
        list-style: decimal;
        padding: 0;
        margin: 5px 0;
        font-family: Arial, Helvetica, sans-serif;
        color: #595959;
        font-size: 12px;
        font-weight: normal;
    }

    .content ol li a {
        color: #595959;
        text-decoration: none;
    }

    .content ol li a:hover {
        color: #e14b00;
        text-decoration: underline;
    }

    .review-content {
        background: #FF9900;
        padding: 25px 10px;
        margin: 0 0 10px 0;
        border-radius: 5px;
    }

    .snapshot1 {
    }

    .snapshot2 {
    }

    .review-content2 {
        background: #FF9900;
        padding: 7px;
        margin: 0 0 10px 0;
        border-radius: 5px;
    }

    .winpalace-content {
        min-height: 88px;
        padding: 10px;
        background-color: #fff;
        border: solid 1px #b43600;
    }

    .winpalace-content p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #333232;
        padding: 3px 0;
    }

    .winpalace-content p span {
        color: #e65700;
    }

    .winpalace-content p img {
        margin-right: 5px;
        vertical-align: middle;
    }

    .link-button {
        float: right;
        padding: 46px 20px 0 20px;
    }

    .visiter-btn {
        background: url(images/visiter-btn.png) 0 -28px no-repeat transparent;
        width: 89px;
        height: 28px;
        margin: 0 auto;
        display: block;
        color: #fff!important;
        text-align: center;
        line-height: 28px;
        text-decoration: none!important;
        font-size: 13px;
    }

    .visiter-btn:hover {
        background-position: 0 0;
    }

    .telecharger-btn {
        background: url(images/rev-telecharger-btn.png) 0 -28px no-repeat transparent;
        width: 89px;
        height: 28px;
        margin: 7px auto 0 auto;
        display: block;
        color: #2f1600!important;
        text-align: center;
        line-height: 28px;
        text-decoration: none!important;
        text-shadow: 1px 1px #ffc403;
        font-size: 13px;
    }

    .telecharger-btn:hover {
        background-position: 0 0;
    }

    .game-container {
        float: left;
        padding: 23px 75px 55px;
        width: 782px;
    }

    .game-container h1 {
        color: #E14B00;
        font: bold 13px Arial,Helvetica,sans-serif;
        padding: 0 0 15px;
    }

    .table-part {
        width: 504px;
        margin: 0 auto 45px;
    }

    .table-part h2 {
        background: url(images/table-top-bg.png) repeat-x top #bf0024;
        display: block;
        height: 26px;
        font: bold 13px Arial, Helvetica, sans-serif;
        color: #fff;
        padding: 0 0 0 10px;
        line-height: 26px
    }

    .table-part table {
        width: 100%;
        border: 1px solid #ebbca0;
        border-top: none;
        border-left: none;
        text-align: center;
    }

    .table-part table tr {
    }

    .table-part table td {
        border-left: 1px solid #ebbca0;
        border-top: 1px solid #ebbca0;
        padding: 10px 0 12px 0;
        font: normal 13px Arial, Helvetica, sans-serif;
        color: #323638;
        width: 120px;
    }

    .table-part table th {
        background: url(images/th-bg1.jpg) repeat-x;
        border-left: 1px solid #edc4ab;
        font: normal 13px Arial, Helvetica, sans-serif;
        color: #464646;
        line-height: 38px;
    }

    .play-now {
        background: url(images/play-now-btn.png) no-repeat 0 -25px;
        width: 84px;
        height: 25px;
        text-align: center;
        font: normal 13px/25px Arial, Helvetica, sans-serif;
        color: #ffffff;
        text-decoration: none;
        display: block;
        margin: 0 auto;
    }

    .play-now:hover {
        background-position: 0 0;
    }

    .big-banner {
        float: left;
    }

    .play-for-real {
        width: 400px;
        margin: 0 auto;
    }

    .play-real-main {
        width: 390px;
        float: left;
        padding: 5px 5px 0 5px;
        background: url(images/play-for-real-cont-bg.jpg) repeat-x top #c20d2c;
        margin: 32px 0 50px 0;
    }

    .play-real-inner {
        width: 376px;
        float: left;
        background: #fff;
        border: 1px solid #b43600;
        padding: 10px 0 18px 12px;
    }

    .play-real-inner ul {
        margin: 0px;
        float: left;
        width: 100%;
    }

    .play-real-inner ul li {
        list-style: none;
        font-size: 13px;
        line-height: 18px;
        overflow: auto;
    }

    .play-real-inner ul li span {
        color: #e65700;
        width: 100px;
        float: left;
    }

    .play-real-inner ul li small {
        color: #464646;
        font: 13px/18px Arial,Helvetica,sans-serif;
    }

    .play-real-inner .small-banner {
        padding: 0 0 10px 0;
        float: left;
        width: 100%;
    }

    .play-real-inner .small-banner img {
        float: left;
        margin: 0 10px 0 0;
    }

    .play-real-inner .small-banner small {
        font: normal 13px/40px Arial, Helvetica, sans-serif;
        color: #333232;
    }

    .play-real-inner p {
        font: normal 13px/18px Arial, Helvetica, sans-serif;
        color: #464646;
    }

    .play-real-main a {
        background: url(images/play-real-btn.png) no-repeat 0 -32px;
        height: 32px;
        width: 209px;
        float: left;
        text-align: center;
        display: block;
        text-decoration: none;
        font: bold 15px/32px Arial, Helvetica, sans-serif;
        color: #ffffff;
        margin: 10px 0 10px 90px;
    }

    .play-real-main a:hover {
        background-position: 0 0;
    }

    .content-text {
        width: 798px;
        float: left;
        padding: 22px 0 0 0;
    }

    .content-text p {
        color: #595959;
        font: 12px/18px Arial,Helvetica,sans-serif;
        padding: 0 0 5px;
    }

    .social-icons {
        margin-top: 30px;
    }

    .social-icons a {
        margin-right: 5px;
        transition: all ease .5s;
    }

    .social-icons a:hover {
        color: #fff;
    }

    .contact {
        margin-top: 15px;
    }

    .contact form {
        margin-top: 15px;
    }

    .contact h2 {
        background: #FF9900;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 6px 5px 6px 15px;
    }

    .newsletter {
        margin-top: 15px;
    }

    .newsletter h2 {
        background: #FF9900;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 6px 5px 6px 15px;
    }

    .newsletter button {
        font-size: 14px !important;
    }

    .survey-content {
        margin-top: 15px;
    }

    .survey-content h2 {
        background: #FF9900;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 6px 5px 6px 15px;
    }

    .mainnav a.icon, .reviewsmenu a.icon {
        display: none;
    }

    .mainnav #mainmenu, .reviewsmenu #reviews {
        display: block;
    }

    .mainnav h5, .reviewsmenu h5 {
        background: #FF9900;
        font-weight: bold;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        padding: 10px;
        font-size: 14px;
        text-align: left;
    }
}