body{
    background: url(../images/header.jpg) no-repeat scroll top #45164f;
    background-size: 1400px auto;
}


h2, h3, h4, a {color: #fe4cfe}
h1 {
        font-size: 36px;
        line-height: 36px;
        padding-bottom: 9px;
        color: #0b87c7;
    }

.site {
    margin: 0 auto;
    max-width: 1377px;
    width: 100%;
    margin-top: 135px;
}
.site-main {
    position: relative;
    max-width: 1103px;
    margin: 0 auto;
    background-color: #fff;
}
.site-header {
    height: 350px;
}
.site-footer{
    background-color: #252525;
    box-shadow: none;
}
.site-footer .sidebar-container{
    background-color: #252525;
    box-shadow: none;
}
.site-header .home-link {
    color: #141412;
    display: block;
    margin: 0 auto;
    max-width: 240px;
    min-height: 95px;
    padding: 0;
    text-decoration: none;
    width: 100%;
    float: left;
    margin: 15px;
    position: relative;
    z-index: 999999999999999;
}



/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
.menu-main-menu-en-container,
.menu-main-menu-fi-container,
.menu-main-menu-sv-container,
.menu-main-menu-ru-container,
.menu-main-menu-ch-fr-container,
.menu-main-menu-de-container,
.menu-main-menu-ja-container,
.menu-main-menu-pt-container,
.menu-main-menu-cz-container{float:left;}

.main-navigation{
    float: right;
}
.navbar {
    background-color: transparent;
    margin: 0 auto;
    max-width: 638px;
    width: 100%;
    display: block;
    float: left;
}
.nav-menu li a {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 15px 20px;
    font-weight: bold;
    text-decoration: none;
}
.de .nav-menu li a,
.ja .nav-menu li a{padding: 15px 10px;}

.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
    color: #fc6afc;
    font-style: normal;
     
}
.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus {
    background: #fc6afc;
    color:#000;
}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {
    background: #fc6afc;
    color:#000;
}
.nav-menu .sub-menu, .nav-menu .children{
border: 0;
}
.top-trans {
    background: url(../images/trans.png);
    height: 454px;
    display: inline-block;
    top: -432px;
    position: absolute;
    width: 100%;
    z-index: -1;
    background-size: 100% 100%;
}
.widget {
    background-color: #fff;
    font-size: 14px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 24px;
    padding: 20px;
    word-wrap: break-word;
    border-radius: 10px 0 0px 10px;
    box-shadow: -2px 3px 6px rgba(0, 0, 0, 0.52);

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+46,e5e5e5+99 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 46%, rgba(229,229,229,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,rgba(255,255,255,1)), color-stop(99%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 46%,rgba(229,229,229,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 46%,rgba(229,229,229,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 46%,rgba(229,229,229,1) 99%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 46%,rgba(229,229,229,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.site-main .widget-area {
    margin-right: -40px;
    margin-top: -80px;
}





/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/

.header-offer{text-align: center;}
.footer-offer{text-align: center; padding: 20px 0;}
.header-offer span, .footer-offer span{padding: 0 10px;}
.header-offer h3{color: #fff; text-transform: uppercase;font-size: 60px;text-shadow: 0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 20px #000;}
.download-cta a{text-decoration: none;color: #fff;text-transform: uppercase;color: #fff;padding: 6px;text-align: center;font-weight: bold;border-radius: 10px;font-size: 35px;
    font-weight: bold;
    background: rgb(83, 143, 211);
    background: -moz-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: -webkit-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: -o-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: -ms-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: linear-gradient(180deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    text-shadow: 1px 1px 1px #000;
    box-shadow: 0 0 10px #000;
}
.download-cta a:hover{
    background: rgb(139, 55, 171);
    background: -moz-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: -webkit-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: -o-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: -ms-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: linear-gradient(180deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
}


/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/




.hentry {
    padding: 20px 0;
}
.entry-title a {
    color: #0b87c7;
}
.entry-title a:hover {
    color: #fc6afc;
    text-decoration: none;
}
.widget a {
    color: #0b87c7;
    font-weight: bold;

}
.widget a:hover {
    color: #fc6afc;
    text-decoration: none;
}
.entry-thumbnail img {
    display: block;
    margin: 0 auto 10px;
    border: 2px solid #000;
    box-shadow: -2px 4px 15px rgba(0, 0, 0, 0.8);
}
.entry-header {
    margin-bottom: 0px;
}

.post .entry-meta {
    padding: 0px;
    margin: 0;
}
.format-standard footer.entry-meta{
    max-width: 605px;
    margin: 9px 0;
    display: inherit;
    height: auto;
    padding: 10px 10px 5px 20px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 46%, rgba(229,229,229,1) 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,rgba(255,255,255,1)), color-stop(99%,rgba(229,229,229,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 46%,rgba(229,229,229,1) 99%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 46%,rgba(229,229,229,1) 99%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 46%,rgba(229,229,229,1) 99%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 46%,rgba(229,229,229,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 10px 10px;
}

#header-widget-area h2{
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 3px;
    margin: 0;
    text-shadow: 1px 1px 1px #000;
}
#header-widget-area .ai1ec-agenda-widget-view{
    max-width: 320px;
    margin: 0 auto;
    position: relative;
    top: 2px;

}
#header-widget-area .ai1ec-agenda-widget-view .ai1ec-date-title{
    width: 100%;
    background: #1087c5;
    margin: 0;
    color: #fff;
    font-size: 15px;
    border-radius: 0;
}


#header-widget-area .ai1ec-agenda-widget-view .ai1ec-date{
    display: none;
    background: #fff;
}
#header-widget-area .ai1ec-agenda-widget-view .ai1ec-today{
    display: block;
}
#header-widget-area .top-trans{
    display: none;
}
#header-widget-area .ai1ec-month{
    display: inline-block;
    background: none;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 0 0.2em;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}

#header-widget-area .ai1ec-day{
    display: inline-block;
    text-shadow: 1px 1px 0 #000;
    font-size: 15px;
}

#header-widget-area .ai1ec-weekday{
    display: inline-block;
    text-shadow: 1px 1px 0 #000;
    font-size: 15px;
}

#header-widget-area .ai1ec-agenda-widget-view .ai1ec-event {
    clear: right;
    margin: 3px 0px 4px 5px;
    padding: 0;
    position: relative;
    top: 2px;
}
#header-widget-area .ai1ec-agenda-widget-view .ai1ec-event > a{
    display: inline-block;
    width: 100%;
}
.ai1ec-popup{
    display: none !important;
}

.site-main .sidebar-container{
    z-index: 99;
}
#header_widget{
     width: 100%;
    display: inline-block;
    padding: 41px;
}
#header-widget-area {
    width: 100%;
    max-width: 927px;
    margin: 0 auto;
}

.site-main .sidebar-container{
    top:-90px;
}
.header-widget-content{
    background: url(../images/promotions_bg.jpg);
    max-width: 608px;
    margin: 0 auto;
    height: 144px;
    z-index: 999999999999;
    box-shadow: 0px 2px 15px #000;
    width: 100%;
    float: left;
    border: 2px solid #fc6afc;
    outline: 2px solid #fff;
}
#primary {
    position: relative;
    top: -182px;
    z-index: 9;
}
.header-wrapper {
    max-width: 950px;
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.menu-toggle,{
    background-color: #000;
}

.jpc-header {
    color: #fff;
    background: #0ED1FF;
    padding: 6px;
    text-align: center;
    font-weight: bold;
    border-radius: 10px 10px 0px 0;
    background: rgb(83, 143, 211);
    background: -moz-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: -webkit-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: -o-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: -ms-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: linear-gradient(180deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    text-shadow: 1px 1px 1px #000;
    font-size: 15px;
    font-weight: bold;
}
a.btn-login {
    width: 100%;
    background: #333;
    padding: 4px;
    display: block;
    text-align: center;
    float: left;
    color: #fff !important;
    background: rgb(139, 55, 171);
    background: -moz-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: -webkit-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: -o-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: -ms-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: linear-gradient(180deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    text-shadow: 1px 1px 1px #000;
    font-size: 12px;
    font-weight: bold;
}

.btn-login.btn-left{
    border-radius: 0px 0px 10px 10px;
}

.btn-login.btn-right{
    border-radius: 0px 0px 10px 0px;
}

a.btn-login:hover{
    color: #fc6afc !important;
}

#jackpot-city-login {
    width:175px;

}
#header-widget-area2 {
    z-index: 99;
/*    float: left;*/
    float: right;
    width: 160px;
    box-shadow: 0px 0px 15px #000;
    border-radius: 15px;
    display: block;
    margin-top: 8px;
    position: relative;
}

.menu-menu-1-container{
    float: left;
}
.menu-fi-menu-container{
    float: left;
}

.sidebar .site-footer .widget-title{
    display: none;
}

.sidebar .site-footer .widget{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0em;
    box-shadow: none;
    padding: 0;
    top: 0 !important;
    position: relative !important;
}
.sidebar .site-footer .widget-area{
    width: 100%;
    max-width: 1111px;
    margin: 0 auto;
    float: none;
    left: 0;
    height: auto !important;
}

.side-offer{position: relative;height: 340px;}
.side-offer p{left: 0;right: 0;text-align: center;margin: 0 auto;text-transform: uppercase;}
.side-offer-text{position: absolute;top: 35%;font-size: 40px;line-height: 1;text-shadow: 0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 5px #fe4cfe,0 0 20px #000;;color: #fff;}
.side-offer-play{bottom: 15%;}
.side-offer-download{bottom: 2%;}
.side-offer-cta{position: absolute;font-size: 25px;width: 80%;color: #fff;
    background: rgb(83, 143, 211);
    background: -moz-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: -webkit-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: -o-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: -ms-linear-gradient(90deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    background: linear-gradient(180deg, rgb(83, 143, 211) 48%, rgb(6, 78, 153) 94%);
    text-shadow: 1px 1px 1px #000;
    box-shadow: 0 0 10px #000;
    border-radius: 10px;
}
.side-offer-cta:hover{
    background: rgb(139, 55, 171);
    background: -moz-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: -webkit-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: -o-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: -ms-linear-gradient(90deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);
    background: linear-gradient(180deg, rgb(139, 55, 171) 48%, rgb(93, 37, 128) 94%);    
}

.site-footer .sidebar-container{
    padding:0;
}

.bottomContent {color: #e7e7e7;margin: 1% auto 1%;width: 100%}
.bottomContent h1, .bottomContent h2 {color: #fe4cfe;line-height: 2;font-weight: normal}
.bgimage {position: absolute;height: 700px}



footer {background: #252525;width: 100%;max-width: 100%}

.footer-links{text-align: center;padding-top: 10px;}
.footer-links ul{list-style-type: none;padding: 0;margin:0;}
.footer-links ul li{display:inline-block;padding: 10px;}
.footer-license{max-width: 1100px;margin: 0 auto; text-align: center;font-size: 0.75em;font-weight: bold}


#bankingMechs {list-style: none outside none; width: 18%; text-align: center}
#bankingMechs img {margin-top: 0.5em;width: 100%;max-width: 100%}
.bankingSection .header {padding-top: 2%;margin-bottom: -1%}
.bankingSection {width: 90%;max-width: 1200px;margin: 0 auto;padding: 0.5em 0.9em;border: 1px solid #8a20a6}

#bankingMechs, .bullets {float: left;display: inline}
.bullets {color: #fff;line-height: 1.5;list-style-type: disc;padding: 2px 0 4px 40px;width: 78%}
.bullets li { list-style-type: disc;float: left;margin-right: 2em}
.grey, .grey a {color: #4b4b4b !important}
#jpcHomefooter {clear: both;color: #fff;font-size: 0.75em;line-height: 1.4;margin: 0 auto;position: relative;text-align: center;width: 100%;overflow: hidden}
#jpcHomefooter a {text-decoration: none;color: #fff}
#jpcHomefooter p {line-height: 1.4;margin: 10px 0}
#trusted {width: 100%;max-width: 1200px;margin: 0 auto 1em}

#trusted ul {text-align: center;width: 80%;margin: 0 auto} 
#trusted ul li {display: inline-block;width: 14.5%;padding-bottom: 2%;margin-right: 2.5%;background-image: url(../images/footer-icons.png);background-repeat: no-repeat;background-size: 100%}
.footer-icons ul {text-align: center;width: 55%;margin: 1em auto} 
.footer-icons ul li{display: inline-block;width: 14.5%;padding-bottom: 4%;margin-right: 2.5%;}
.footer-icons ul li a {display: block;width: 100%;padding: 0 0 1.5em 0;margin: 0 0 -1.5em 0;text-decoration: none}
#kahnawake{background-image: url(../images/trustq/kanhawake.png);background-repeat: no-repeat;background-size: 100%}
#noUkUs{background-image: url(../images/trustq/restriction-icon.png);background-repeat: no-repeat;background-size: 100%}

#trusted ul li:last-child {margin-right: 0}
#trusted ul li a {display: block;width: 100%;padding: 0 0 1.5em 0;margin: 0 0 -1.5em 0;text-decoration: none}
#since-1998 {background-position: 0 55%}
#since-1998:hover {background-position: 0 1.5%}
#ecogra {background-position: 0 81%}
#ecogra:hover {background-position: 0 27.75%}
#malta {background-position: 0 64%}
#malta:hover {background-position: 0 10.65%}
#microgaming {background-position: 0 91%}
#microgaming:hover {background-position: 0 37.5%}
#banking {background-position: 0 99%}
#banking:hover {background-position: 0 45.75%}
#responsible {background-position: 0 73%}
#responsible:hover {background-position: 0 19.5%}

[data-tooltip] {position: relative}
[data-tooltip]:before, [data-tooltip]:after {position: absolute;visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);-moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); pointer-events: none; bottom: 100%; left: 50%}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;-webkit-transform: translateY(-12px);-moz-transform: translateY(-12px);transform: translateY(-12px);}
[data-tooltip]:before {z-index: 1001;border: 6px solid transparent;background: transparent;content: "";margin-left: -6px;margin-bottom: -12px;border-top-color: #482352;border-top-color: rgba(38, 18, 43, 0.82);}
[data-tooltip]:after {z-index: 1000;padding: 8px;width: 160px;background-color: #482352;background-color: rgba(38, 18, 43, 0.82);color: #fff;content: attr(data-tooltip);font-size: 14px;line-height: 1.2;margin-left: -80px;text-align: center;}
.lv .bullets li {font-size:15px}

.mobile-icons{width:150px; margin:0 auto}

#bankingMechs{list-style:none outside none; width:40%; margin: 0 auto !important;}
#bankingMechs, .bullets{float:none; display:block}
.bullets {
    color: #525252;
    line-height: 20px;
    list-style-type: disc;
    padding: 2px 0 1px 40px;
    width: 86.6%;
    margin: 5px auto !important;
    max-width: 1200px;


}
#bankingMechs{width:100%; display:inline-block}
.bankingSection{width:100%; max-width:1200px; margin:0 auto; padding:0; border:none;}
.trust-q{max-width:669px; margin: 0 auto !important; width:100%}
.trust-icon{background-image:url(../images/payment-icons.png)}
.trust1{background-position:18px -89px; height:54px; width:114px; display:inline-block}/* Click to Pay*/
.trust2{background-position:-94px -82px; height:55px; width:126px; display:inline-block}/* Lobanet */
.trust3{background-position:-231px 707px; height:55px; width:83px; display:inline-block}/* Entropay*/
.trust4{background-position:-316px 707px; height:55px; width:218px; display:inline-block}/* Neteller */
.trust5{background-position:0 -219px; height:50px; width:141px; display:inline-block}/* Visa */
.trust6{background-position:-152px 92px; height:50px; width:72px; display:inline-block}/* electroniccheck */
.trust7{background-position:-140px -220px; height:50px; width:86px; display:inline-block}/* mastercard */
.trust8{background-position:-110px -630px; height:50px; width:195px; display:inline-block}/* instadebit */
.trust9{background-position:-365px -220px; height:50px; width:141px; display:inline-block}/* Paysafecard*/
.trust10{background-position:-16px -629px; height:50px; width:120px; display:inline-block}/* Sofort */
.trust11{background-position:-147px 331px; height:50px; width:170px; display:inline-block}/* Euteller*/
.trust12{background-position:-334px 330px; height:50px; width:114px; display:inline-block}/* Instant Banking */
.trust13{background-position:0 -360px; height:50px; width:141px; display:inline-block}/* Neosurf */
.trust14{background-position:-22px -515px; height:50px; width:138px; display:inline-block}/* I- Banq*/
.trust15{background-position:-148px -382px; height:50px; width:141px; display:inline-block}/* Przelewy24 */
.trust16{background-position:-238px -215px; height:50px; width:100px; display:inline-block}/* CCCC */
.trust17{background-position:-401px -374px; height:49px; width:100px; display:inline-block}/* Qiwi*/
.trust18{background-position:-45px 828px; height:49px; width:100px; display:inline-block}/* Ukash*/
.trust19{background-position:-275px -375px; height:49px; width:100px; display:inline-block}/* Poli*/
/* Hover */
.trust1:hover{background-position:18px -22px}
.trust2:hover{background-position:-94px -15px}
.trust3:hover{background-position:-231px 774px}
.trust4:hover{background-position:228.5px -800px}
.trust5:hover{background-position:0 -87%}
.trust6:hover{background-position:-230px 92px}
.trust7:hover{background-position:-140px -147px}
.trust8:hover{background-position:-110px -580px}
.trust9:hover{background-position:-365px -147px}
.trust10:hover{background-position:-16px -582px}
.trust11:hover{background-position:-147px 273px}
.trust12:hover{background-position:-334px 272px}
.trust13:hover{background-position:0 -308px}
.trust14:hover{background-position:-22px -457px}
.trust15:hover{background-position:-148px -302px}
.trust16:hover{background-position:-238px -142px}
.trust17:hover{background-position:-401px -324px}
.trust18:hover{background-position:-43px 876px}
.trust19:hover{background-position:-275px -308px}
.mobile-icons{width:150px; margin:0 auto}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
    color: #fff;
    text-decoration:none;
}

.pagination li {
    display: inline;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
    background-color: #fe4cfe;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.pagination li a:hover,
.pagination li.active a {
    background-color: rgb(139, 55, 171);
}


.widget .widget-title{
   font-style: normal;
    font-weight: bold; 
}

.winner-box {
    background: #a257b2;
    padding: 10px;
    line-height: 15px;
    border: 1px solid #000;
    color:#fff;
}


.winner-comment{
        position: relative;
        padding: 15px;
        margin: 1em 0 3em;
        border: 2px solid #000;
        color: #333;
        background: #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 10px #000;

}

.winner-comment:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #000 transparent;
    display: block;
    width: 0;
}
.winner-comment:after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 42px;
    border-width: 18px 18px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}
.commenter-wrapper {
    position: relative;
    top: -26px;
    left: 28px;
}
.commenter-img {
    width: 37px;
    float: left;
}
.commenter-details {
    width: 168px;
    float: left;
    line-height: 15px;
    padding-left: 8px;
    padding-top: 2px;
    color: #808080;
}


.post-offer{
    display: inline-block;
    width: auto;
    margin-top: 35px;
    max-width: 100%;
    border: 2px solid #fc6afc;
    box-shadow: 0px 0px 5px #000;
}
a.post-offer img {
    width: auto;
    max-width: 100%;
}

.leftSocialButtonOnPage .sharethis-arrow{
    display: none;
}
#socialButtonOnPage{
    z-index: 99999;
    position: relative;
}
.edit-link{
    width: 100%;
    display: inline-table;
}
.entry-content p{
        margin: 9px;
}
.entry-content a{
    color: #0b87c7;
}

.entry-content .wp-post-image-frame {
    margin: 5px 20px 5px 0;
    box-shadow: 0 10px 6px -6px rgba(0,0,0,0.5);
}

.format-standard footer.entry-meta a{
    color:#999;
}
.read_more{
    margin-top: 15px;
        margin: 9px;
}

/**********IE SUPPORT***************/

.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: url(https://cdn-jpc-374274.c.cdn77.org/content/shared/images/overlay.png) repeat;background: rgba(0,0,0,0.8);z-index: 3}


#ie7-placeholder {display: block}
#ie7pop {position: absolute;top: 5%;left: 25%;right: 25%;z-index: 99999999999;width: 100%;max-width: 740px;margin: 0 auto 1em;background: #1f0f24;color: #fdfdfd;border: 2px solid #efefef}
#ie7pop header {background: none;padding: 1.5em;border-bottom: 2px solid #3a353c}
#unsupported {position: absolute;top: 5%;z-index: 999999999;width: 100%;max-width: 740px;margin: 0 auto 1em;background: #1f0f24;color: #fdfdfd;border: 2px solid #efefef;left: 0;right: 0}
#unsupported header {background: none;padding: 1em;height: 5em;border-bottom: 2px solid #3a353c}
#unsupported h3.reg-inline {font-size: 1.218em;width: 100%}
#unsupported h2 {margin: 0;}
#ie7pop h3.reg-inline {width: 100%;margin: 0;padding: 0;line-height: 1;color: #fdfdfd;text-transform: uppercase;font-size: 1.5em;font-size: 1.5vw;text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;text-shadow: 0px 0px 1px rgba(0,0,0,0)}
.fr-ca #ie7pop h3.reg-inline, .fr #ie7pop h3.reg-inline, .it #ie7pop h3.reg-inline, .it-ch #ie7pop h3.reg-inline {font-size: 1.518vw}
.pt #ie7pop h3.reg-inline, .el #ie7pop h3.reg-inline, .ja #ie7pop h3.reg-inline, .ru #ie7pop h3.reg-inline {font-size: 1.418vw}
.de #ie7pop h3.reg-inline {font-size: 1.018vw}
.fi input.venge-end-section-btn.venge-end-section-btn0.reg-next, .pl input.venge-end-section-btn.venge-end-section-btn0.reg-next, .es input.venge-end-section-btn.venge-end-section-btn0.reg-next {font-size: 30px !important}
.browsers {margin: 1em;padding: 0.5em 1em;background: #17081c;border-bottom: 1px solid #3d3340;border-right: 1px solid #3d3340;height: 25em}
.browsers .jpc-logo img {width: 150px}
.browsers h3 {margin-bottom: 1em}
.browsers ul li {display: inline-block;float: left;width: 45%;margin: 0; text-align:center}
.browsers ul li img, .browsers img {vertical-align: middle}
.browsers ul li a, .browsers a {text-decoration: none}
.browsers .account.browser-pop {display: inline}
#unsupported p {padding: 0.5em 1em}
#unsupported .account {position: absolute;top: 0;right: 0}
#unsupported form a {margin: 0.5em 0 0.5em 0}

.clearer, #clearer {border: 0 none;clear: both;font-size: 0;line-height: 0; padding: 0; margin:0;}



.ie8 .sidebar .site-footer .widget{
    filter:none;
}
#trusted ul li{
    width: 14.1%
}


/***********************************/
 .site-footer .widget {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0em;
    box-shadow: none;
    padding: 0;
    top: 0 !important;
    position: relative !important;
}


.site-footer .widget-title{
    display: none;
}



.error404 .page-title:before{
       color: #0b87c7; 
}






.entry-content a:hover{
    color: rgb(254, 76, 254);
}




.home_h1 {
    font-size: 25px;
    line-height: 30px;
    text-shadow: 1px 1px 0px #000;
    color: #a257b2;
    padding: 0;
    text-align: center;
    padding: 20px 376px 0 60px;
    max-width: 1030px;
    margin: 10px;
}


.h1-wrapper{
    position: relative;
    width: 100%;
    z-index: 999;
    top: -80px;
}







@media screen and (max-width: 1220px){
    #csbwfs-delaydiv {
        display: none;
    }
}


@media screen and (max-width: 1140px){
    .site-main .widget-area {
        margin-right: 8px;
    }

}



@media screen and (max-width: 1000px){
/***********************************
Language hacks
***********************************/
	.fi .header-offer h3,
	.sv .header-offer h3,
	.ru .header-offer h3,
	.ch-fr .header-offer h3
	{font-size:30px;}
	.fi .download-cta a,
	.sv .download-cta a,
	.ru .download-cta a,
	.ch-fr .download-cta a
	{font-size:15px;}


	.menu-main-menu-en-container,
	.menu-main-menu-fi-container,
	.menu-main-menu-sv-container,
	.menu-main-menu-ru-container,
	.menu-main-menu-ch-fr-container{float:none;}
	
    .header-offer h3{font-size: 40px;}
    .download-cta a{font-size: 20px;}
    .format-standard footer.entry-meta{
        margin: 0 auto;
    }
    .widget{
        border-radius: 10px;
        text-align: center;
    }
.site-header {
    height: 142px;
}
    #primary{
        top:0;
    }
    #header-widget-area {
        width: 100%;
        margin: 0 auto;
        max-width: 608px;
        display: flex;
    }
    .top-trans{
        display: none;
    }

    .site-header .home-link {
        float: none;
        margin: 0 auto;
    }
    .nav-menu li{
       
            z-index: 999;
    }

    #header-widget-area2{
        display: none;
    }
    #header_widget{
        padding: 0;
    }
    body{
          background: #45164f;
    }
    .site{
/*        margin-top: 0;*/
    }
    .header-wrapper{
       
    }
    .navbar{
        max-width: 100%;
    }
    .main-navigation {
        float: none;
        text-align: center;
    }

    .menu-menu-1-container {
        float: none;
    }


    .site-main .sidebar-container {
        top: 10px;
        margin-top: 115px;
    }
.pagination{
    text-align: center;
}

.home_h1 {
    max-width: 600px;
    font-size: 25px;
    line-height: 30px;
    text-shadow: 1px 1px 0px #000;
    color: #a257b2;
    padding: 0;
    text-align: center;
    margin: 0 auto;


}
.h1-wrapper{
       padding-top: 40px;
    position: static;
}
    .footer-offer{
        display: none;
    }

}
@media screen and (max-width: 767px) {

    #trusted ul li {padding-bottom: 5%;width: 30%}
    .footer-icons ul li {padding-bottom: 5%;width: 30%}

}
@media screen and (max-width: 643px){
    .menu-toggle{
        background-color: #000;
        color: #fff;
    }
    .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
        background-color: #000;
        color: #fff;
        width: 100%;
   
    }
    .toggled-on .nav-menu, .toggled-on .nav-menu > ul{
        background: #000;
        z-index: 99999;
        position: relative;
    }
    .toggled-on .nav-menu li > ul a {
        color: #fff;
        width: auto;
    }
    .toggled-on .nav-menu li:hover > a{
        background-color: transparent;
        color: #141412 !important;
    }

    .toggled-on .nav-menu .children a {
        background-color: transparent;
        color: #141412 !important;
    }
    .nav-menu .sub-menu, .nav-menu .children{
        border: 0;  
    }


}

@media screen and (max-width: 480px) {
    #trusted ul li {padding-bottom: 7%;width: 47%;margin-right: 2.5%}
}