/* ::::: http://play-crystal-casino.com/templates/cpo/css/template.css ::::: */

BODY { margin: 0; padding: 0px; background: transparent url('bg.jpg') repeat scroll 0 0; }
P { margin: 0px; padding: 0px; }
.clear { clear: both; }
#site { position: relative; display: block; width: 1024px; margin: 0 auto; background: transparent url('main-bgr2.png') no-repeat scroll 0 0; }
.plugin-dwnld-link { position: fixed; bottom: 40%; right: 10px; display: block; }
#headertop { position: absolute; left: -200px;; top: 10px; z-index: 100; }
.auth { display: block; position: absolute; z-index: 999; top: 0px; left: 0; width: 195px; height: 65px; }
.reg { display: block; position: absolute; z-index: 999; top: 62px; left: 60px; width: 155px; height: 45px; }
#download_flash { position: absolute; left: 720px; top: 10px; width: 285px; z-index: 100; }
#logo { text-decoration: none; position: absolute; z-index: 101; left: 320px; top: 10px; width: 385px; height: 102px; }
#logo img { border: 0x none; }
#headertop2right-bgr { position: absolute; left: 17px; top: 130px; width: 982px; height: 54px; background: transparent url('topmenu-bgr2.png') repeat scroll 0 0; }
#topmenu { position: absolute; left: 0; top: 140px; width: 823px; margin-bottom: 74px; z-index: 102; }
#topmenu ul { position: absolute; display: block; top: -27px; left: 25px; width: 100%; height: 54px; text-align: center; list-style: outside none none; padding: 0; }
#topmenu li { display: inline-block; text-align: center; padding: 0; margin: 0; height: 54px; }
#topmenu li:hover { background: transparent url('') no-repeat scroll center center; }
#topmenu li:hover a { color: white; }
#topmenu a { display: inline-block; color: rgb(255, 169, 89); height: 20px; font: bold 17px "Arial Narrow",Arial; text-decoration: none; text-align: center; vertical-align: middle; padding: 16px 10px; }
#topmenu .current { background: transparent url('topmenu-sel.png') no-repeat scroll center center; }
#topmenu .current a { color: black; }
#header { position: relative; left: 17px; top: -47px; width: 987px; height: 539px; }
#mainpicture { position: absolute; width: 982px; height: 400px; top: 230px; background: transparent url('main.jpg') repeat scroll 0 0; }
#mainpicturebottom { position: relative; top: 230px; left: 1px; }
#sitebody { position: relative; left: 0; top: 28px; width: 1000px; }
#middlemenu { position: relative; width: 982px; left: 17px; background: transparent url('topmenu-bgr_sub.png') repeat scroll 0 0; }
#middlemenu ul { position: relative; width: 100%; height: 40px; left: 0; text-align: center; margin-left: -40px; }
#middlemenu li { display: inline-block; text-align: center; list-style-image: none; list-style-type: none; height: 40px; padding: 0px 8px; }
#middlemenu a { display: inline-block; color: rgb(255, 169, 89); height: 40px; font: bold 13px "Arial Narrow",Arial; text-decoration: none; text-align: center; vertical-align: middle; padding-top: 10px; }
#middlemenu a:hover { color: white; }
#content { display: inline-block; width: 660px; padding: 17px; }
.item-page h1, .blog h1, .blog .subheading-category, #xmap h1 { font: 24px arial; color: rgb(255, 198, 97); text-align: justify; margin-bottom: 20px; }
.item-page h2, .blog h2 { font: 20px arial; color: rgb(255, 198, 97); margin-bottom: 16px; }
.item-page h3, .blog h3 { font: bold 14px arial; color: rgb(255, 198, 97); margin-bottom: 10px; }
.contenttext, .item-page { font: 12px arial; color: rgb(226, 226, 226); text-align: justify; margin-top: -35px; }
.contenttext a, .item-page a { color: rgb(255, 198, 97); }
.contenttext a:hover, .item-page a:hover { color: white; }
.contenttext p, .item-page p { margin: 15px 0; }
#sidebar { display: inline-block; width: 301px; padding: 0; vertical-align: top; position: relative; }
#footer { width: 1024px;  margin-top: 100px; background: transparent url('footer-bgr2.png') no-repeat scroll 0 0; }
#crystal { position: absolute; background: transparent url('crystal.png') no-repeat scroll 0 0; margin-top: 0; left: 0; width: 1000px; height: 107px; }
#footer ul { position: relative; margin-top: 97px; margin-left: 100px; width: 893px; height: 28px; padding-top: 11px; }
#footer a { color: rgb(255, 169, 89); font: 12px arial; }
#footer a:hover { color: white; }
#footer li { text-align: center; display: inline; list-style: inside none none; height: 10px; padding: 0 8px; border-left: 1px solid rgb(181, 181, 181); }
#footer li:first-child { border-left: 0 solid rgb(181, 181, 181); }
#copyrightinfo { position: absolute; margin-top: 0; margin-left: 150px; width: 800px; color: gray; font: 10px arial; }
.copyrights { float: left; }
.copyrights p { font: 11px Arial; color: rgb(128, 128, 128); width: 420px; }
.footer-img { float: right; }
.newsflash-horizoffers { top: 300px; display: block; width: 661px; padding: 0; margin-top: -10px; }
.newsflash-horizoffers > li { display: inline-block; width: 640px; padding: 10px; margin-bottom: 20px; background-color: rgb(38, 38, 37); border: 1px solid rgb(98, 98, 98); }
.newsflash-horizoffers > li > p { display: inline; color: white; font: 12px arial; }
.newsflash-horizoffers > li > a { color: rgb(255, 198, 97); font: bold 12px arial; text-decoration: none; display: inline-block; position: relative; float: right; }
.newsflash-horizoffers > li > a:hover { color: white; text-decoration: underline; }
.newsflash-horizoffers span.bonuses-title { display: inline-block; float: left; width: 336px; height: 58px; margin: 0; padding-top: 36px; padding-left: 10px; vertical-align: top; font: bold 16px arial; color: black; text-align: left; background: transparent url('bonus-title.png') no-repeat scroll 0px 0px; }
.gotop { display: block; margin-left: 600px; color: rgb(248, 176, 65); font: bold 12px arial; text-align: right; }
.gotop:hover { color: white; font: bold 12px arial; }
.partner a { display: block; font-size: 0; width: 300px; height: 140px; background: transparent url('partner_new.png') no-repeat scroll 0 0; margin-top: 30px; }
.partner a:hover { background: transparent url('partner_new.png') no-repeat scroll 0px -140px; }
.support_new a { display: block; font-size: 0; width: 300px; height: 116px; background: transparent url('support_new_.png') no-repeat scroll 0 0; margin-top: 10px; }
.support_new a:hover { background: transparent url('support_new_.png') no-repeat scroll 0 -116px; }
.support_new { margin-bottom: 30px; }
#blog_btn { position: absolute; right: 18px; top: 130px; width: 122px; margin-bottom: 74px; z-index: 104; }
#blog_btn a { display: block; font-size: 0; width: 122px; height: 54px; background: transparent url('blog_btn.png') no-repeat scroll 0 0; }
#blog_btn a:hover { background: transparent url('blog_btn.png') no-repeat scroll 0 -54px; }
.cert { display: block; font-size: 0px; width: 300px; height: 165px; margin-top: 30px; text-align: center; }
.cert-info { padding-left: 60px; font: 13px arial; color: white; }
#menuFloat { position: fixed ! important; display: block; width: 150px; height: 150px; left: -20px; top: 50%; margin-top: -75px; z-index: 100000; }
.support_new a { display: block; font-size: 0; width: 300px; height: 116px; background: transparent url('support_new_.png') no-repeat scroll 0 0; margin-top: 10px; }
.support_new a:hover { background: transparent url('support_new_.png') no-repeat scroll 0px -116px; }
.support_new { margin-bottom: 20px; }
.faq a { display: block; font-size: 0; width: 300px; height: 98px; background: transparent url('faq.png') no-repeat scroll 0 0; margin-top: 10px; }
.faq a:hover { background: transparent url('faq.png') no-repeat scroll 0 -98px; }
.faq { margin-bottom: 20px; }
#before-footer { text-align: center; }
#sidebarnews { margin: 10px 0; }
#sidebarnews-title { display: block; width: 300px; height: 42px; background: transparent url('sidebarnews-title.png') repeat scroll 0 0; }
#sidebarnews-content { display: block; width: 270px; padding: 15px;
    background: transparent url('sidebarnews-bg.png') repeat scroll 0 0; border-bottom: 2px solid rgb(240, 167, 63); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.sidebarnews-item-title { color: rgb(253, 220, 165); font: bold 14px arial; margin-bottom: 5px; }
.sidebarnews-item-date { color: rgb(198, 183, 159); font: 10px arial; margin-bottom: 10px; }
.sidebarnews-item-text { color: rgb(255, 255, 255); font: 12px arial; margin-bottom: 10px; }
.sidebarnews-item-readmore {
    display: block;
    width: 100px;
    height: 18px; background-color: rgb(12, 57, 112); color: rgb(255, 255, 255); font: 12px arial; text-decoration: none; margin-bottom: 10px; text-align: center; padding: 7px 0; border-radius: 5px; opacity: 0.7; }
.sidebarnews-item-readmore:hover { opacity: 1; }
#sidebarnews-content hr { display: block; width: 100%; border-width: 1px 0; border-style: solid none; border-color: rgb(12, 57, 112) -moz-use-text-color rgb(81, 136, 205); }
.sidebarnews-allnews { color: rgb(253, 220, 165); font: 12px arial; }
.sidebarnews-allnews:hover { color: rgb(255, 255, 255); }
#video, #video2, #video3, #video4, #video5, #video6, #video7, #video8, #video9, #video10, #video11, #video12, #video13, #video14, #video15, #video16, #video17, #video18, #video19, #video20
{ display: block; width: 640px; height: 380px; }
.custom a { border: medium none; }
/* ::::: http://play-crystal-casino.com/templates/cpo/css/jquery.fancybox.css ::::: */
img{
    max-width:100%;
}
.mob-btn{
    width: 40px;
    height: 32px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
    border: 1px solid #fff;
    padding: 7px 5px;
    border-radius: 3px;
    box-sizing: border-box;
}
.mob-btn span {
    width: 85%;
    height: 2px;
    display: block;
    background: #fff;
    transition: all .4s ease;
}
@media (max-width: 480px) {
    #site {
        max-width: 480px;
    }
    #mainpicture{
        display: none;
    }
    #header {
        display: none;
    }
    #sidebar{
        display: initial;
    }
    #topmenu{
        max-width: 480px;
    }
    #headertop2right-bgr{
        max-width: 480px;
    }
    img{
        max-width: 480px;
    }
    .custom{
        max-width: 480px;
    }
    #crystal{
        max-width: 480px;
    }
    #sitebody{
        max-width: 480px;
    }
    #header{
        max-width: 480px;
    }
    #middlemenu{
        max-width: 480px;
    }
    #video, #video2, #video3, #video4, #video5, #video6, #video7, #video8, #video9, #video10, #video11, #video12, #video13, #video14, #video15, #video16, #video17, #video18, #video19, #video20{
        max-width: 480px;}
    .gotop{
        max-width: 480px;
    }
    .menu
    {
        max-width: 480px;
    }
    #footer ul{
        max-width: 480px;
    }
    #footer{
        max-width: 480px;
    }
    #content{
        max-width: 480px;
    }
    #logo{
        left: 0;
    }
    .banner{
        max-width: 480px;
    }
}
@media screen and (max-width: 1024px) {
    html, body{
        width: 100%;
        display: block;
        min-width: unset;
        height: auto;
        overflow-x: hidden;
    }
    #site, #headertop2right-bgr, #topmenu, #header, #mainpicture, #sitebody, #footer, #footer ul{
        width: 100%;
        min-width: unset;
        box-sizing: border-box;
        max-width: unset;
    }
    #content {
        width: 68%;
        box-sizing: border-box;
    }
    #sidebar {
        width: 32%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #crystal{
        display: none;
    }
    #mainpicture {
        background-position: bottom;
        top: 0;
    }
    #footer ul {
        height: auto;
        margin: 20px auto 0;
        box-sizing: border-box;
        padding: 0 15px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    #footer ul li, #footer li:first-child{
        display: inline-block;
        height: auto;
        padding: 0 8px;
        border-left: 0;
        margin: 7px 5px;
    }
    #footer{
        display: block;
        height: auto;
        padding: 20px 0;
        margin: 0;
    }
    embed {
        height: auto !important;
        width: auto !important;
    }
    #sitebody {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    img, video, iframe{
        max-width: 100%;
    }
    #headertop2right-bgr, #topmenu, #topmenu ul, #header, #mainpicture{
        left: 0;
    }
    #sitebody > a:first-child, #sitebody > noindex:first-child  > a:first-child{
        margin-left: 0 !important;
        width: 100%;
    }
    #sitebody > a:first-child img,  #sitebody > noindex:first-child  > a:first-child img{
        width: 100%;
    }
    #headertop2right-bgr{
        background: url("menubg.png") repeat top left;
    }
    #topmenu ul {
        position: relative;
        top: -5px;
        left: 0;
        width: 100%;
        height: 54px;
        padding: 0 !important;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    #topmenu li {
        display: inline-block;
        text-align: center;
        padding: 0;
        margin: 0;
        height: auto;
    }
    #topmenu {
        position: absolute;
        left: 0;
        top: 130px;
        width: 100%;
        margin-bottom: 0;
    }
    #topmenu a {
        display: inline-block;
        height: auto;
        padding: 5px;
        font-size: 15px;
    }
    #logo {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: 102px;
        text-align: center;
    }
    #logo a {
        display: inline-block;
    }
    #header {
        position: relative;
        top: 80px;
        height: 400px;
    }
    .item-page h1, .blog h1, .blog .subheading-category, #xmap h1, .item-page h2, .blog h2 {
        text-align: left;
    }
    #sitebody > noindex:first-child {
        height: 80px;
        display: block;
    }
}

@media screen and (max-width: 900px) {
    #content {
        width: 59.9%;
        padding: 17px 5px 0 10px;
    }
    #sidebar {
        width: 40%;
    }
}

@media screen and (max-width: 700px){
    .img_banner{
        display: none;
    }
    #sidebar {
        display: none;
    }
    #content {
        width: 100%;
        padding: 17px 15px;
    }
    .mob-btn{
        display: flex;
        z-index: 9999;
    }
    #topmenu ul{
        display: none;
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        top: 100%;
        background: #000 url(menubg.png) repeat top left;
        z-index: 9999;
    }
    #topmenu ul li{
        display: inline-block;
        width: 100%;
        padding: 7px 15px;
        margin: 0;
        border-bottom: 1px solid rgba(51, 51, 51, .4);
        box-shadow: 0 1px 1px 0 rgba(255, 255, 255, .1);
        height: auto;
        text-align: left;
    }
    #topmenu ul li a{
        display: inline-block;
        text-align: left;
        padding: 0;
        margin: 0;
        height: auto;
    }
    #topmenu {
        display: flex;
        align-items: center;
        height: 52px;
        justify-content: flex-end;
        padding: 0 25px;
    }
    #sitebody > a:first-child img,  #sitebody noindex > a:first-child img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    #sitebody > a:first-child,  #sitebody noindex  > a:first-child {
        margin-left: 0 !important;
        width: 100%;
        height: 80px;
    }
    .contenttext, .item-page{
        width: 100%;
    }
}