a,article,aside,body,center,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,img,li,nav,object,p,section,span,table,tbody,tfoot,thead,th,tr,tt,u,ul{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;outline:0;vertical-align:top}
ol,ul{list-style:none}
table,table td{padding:0;border:none;border-collapse:collapse}
img{vertical-align:top}
embed{vertical-align:top}
*{border:none}
article,aside,footer,header,nav,output,section{display:block}
.wrapper{position:relative;width:100%;overflow:hidden}
body{border:0;font:16px Arial,Helvetica,sans-serif;color:#323232;line-height:19px;direction:ltr;}
#page1{background:url(../images/pattern_dark.png)}
.main{margin:0 auto;}
.walkthorugh-button{padding: 10px 20px; background:linear-gradient(#FFD000, #ffbc00); color: #323232; border: 1px solid black; border-radius: 5px;font-size: 22px;

    font-weight:bold;box-shadow: 1px 1px 1px black;float: right;position: absolute; right: 20px; top: 75px;}
.full-screen-btn{padding: 5px 20px; background:linear-gradient(#FFD000, #ffbc00); color: #323232; border: 1px solid black; border-radius: 2px;font-size: 18px;
    font-weight:bold;box-shadow: 1px 1px 1px black; margin: 0 auto;}
a{color:#4b380b;text-decoration:underline;outline:none}

a:hover{text-decoration:none}
h1{float:left;}
h2{font-size:35px;font-weight:600;color:#FFD000;line-height:44px;letter-spacing:-1px;padding:16px 0 9px 10px;}
.box h2{padding:29px 0 16px 0}
.padding-bottom{padding-bottom:17px}
p{padding-bottom:17px}
.center-text{text-align:center;}
.logo-wrapper {position: relative;width: 100%;height: 62px;}
.characters {position: absolute;}
.characters:hover {
    animation: shake 1s;
    animation-iteration-count: 1;
}

@keyframes shake {
    0% {transform: rotate(0deg);}
    30% {transform: rotate(-3deg);}
    60% {transform: rotate(5deg);}
    75% {transform: rotate(-2deg);}
    100% {transform: rotate(0deg);}
}
#logo{display:block;width:700px;height:47px;margin-top:14px;}
a#logo{text-decoration:none;font-size:30px;color:#FFD000}
header .googleplus{position:absolute;top:38px;right:7px;}
.menu-wrapper{background:#735A22;border:3px solid black;box-shadow:0 0 19px black;-moz-box-shadow:0 0 19px black;-webkit-box-shadow:0 0 19px black;display:table;height:80px;width:900px;text-align:center;}
#menu{overflow:hidden;display:table-cell;vertical-align:middle;}
#menu li{height:24px;margin:5px;float:left;}
#menu a{display:block;font-size:22px;font-weight:bolder;color:#FFD000;text-decoration:none;text-shadow:1px 1px 5px black;margin:0 6px 0 30px;}
#menu li{display:block;height:24px;background:url(../images/blue-diamond.png) no-repeat left 0;}
#menu li:hover{background:url(../images/red-diamond.png) no-repeat left 0;}
nav{padding:13px 10px 0 10px;position:relative;height:100px;}
.gold-croner{background:url(../images/corner-gold-sprite.png) no-repeat 0 0;position:absolute;width:45px;height:48px;}
nav .top-left{top:0;left:0;}
nav .top-right{background:url(../images/corner-gold-sprite.png) no-repeat -45px 0;position:absolute;top:0;right:0;}
nav .bottom-right{background:url(../images/corner-gold-sprite.png) no-repeat -45px -48px;position:absolute;bottom:0;right:0;}
nav .bottom-left{background:url(../images/corner-gold-sprite.png) no-repeat 0 -48px;position:absolute;bottom:0;left:0;}
header{width:920px;margin:0 auto;}
#content, .content{border:3px solid #311D0B;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0 0 19px black;-moz-box-shadow:0 0 19px black;-webkit-box-shadow:0 0 19px black;position:relative;width:920px;margin:10px auto 5px auto;background:#735A22;color:white;}
#content a, .content a{color: #ffd000}
.banners{overflow:hidden;}
.banners li{margin:0 45px}
.banners p, .gamelist p{padding-bottom:7px}
.copacet_banner{margin:auto;}
.pad{width:210px;margin:auto;}
.more-gamelist{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.more-gamelist li{ font-size:14px;}
.padding-right20{padding-right: 20px}
.margin-right20{margin-right: 20px}
.gamelist{padding:0 19px 19px 0;}
.gamelist li{height: 170px;margin: 20px 20px;border-bottom: 1px solid #311D0B;}
.gamelist li:first-child{margin-top:0}
.gamelist li:last-child{margin-bottom:0;border-bottom:0}
.gamelist p{font-size: 16px;line-height: 1.5;}
.gamelist h3 a{color:#FFD000;font-size: 18px;}
.gamelist h3 {margin-bottom: 10px;}
.walkthrough li{margin-bottom:5px;}
#game-header h3,
.page-content h3
{
    margin-left: 10px; color:#FFD000;font-size: 18px;
}
h2.game-title{display:block;font-size:25px;line-height:15px;padding-bottom:10px;color:#FFD000;margin-left:10px;}
.game-instructions{padding:0 50px 20px 50px;}
.game-instructions li{list-style-type: square;margin-left: 35px;}
.game-instructions ul{margin-bottom:20px}
.fb-like-box-wrapper{position:relative;background:#311D0B;width:300px;margin:20px auto auto auto;padding:0 0 5px 0;border:3px solid #311D0B;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0 0 19px black;-moz-box-shadow:0 0 19px black;-webkit-box-shadow:0 0 19px black;}
#game-code-wrapper{text-align:center;padding-top:10px;width:1420px;margin:0 auto 20px auto; display: flex;justify-content: space-evenly;}
#game-table{width:1000px;margin:0 40px;}
#game-code{margin:auto;}
.game-side-banner{width:160px;height:600px;}
.narrow-pirsum{display:none;}
/* Override: slot 1893936711 (top-performer ₪1.97 RPM, 68.91% AV) was hidden
   on screens >1430px because it shared the .narrow-pirsum class with the
   above-iframe banner. Wide-screen visitors (~30-40% of US/CA/UK desktop
   traffic) never saw it. The wrapper for slot 1893936711 carries the
   .show-on-wide opt-in to override the default hide. The above-iframe
   banner (slot 9675776098) intentionally stays narrow-only. */
.narrow-pirsum.show-on-wide{display:block;}
.banners{padding:19px 0 0 0;}
.banners a{color:#FFD000;font-size:14px;}
.banners img, .gamelist img{padding:1px;border:1px solid #311D0B;width:210px;height:144px;}
.page-title{padding:20px 60px;color:#FFD000;width:630px;}
.page-content{padding:20px 60px;width:630px;}
.page-content a{color:#ffe188;text-decoration:underline;outline:none}
footer{padding:1px 0 28px 0;overflow:hidden;line-height:18px;width:920px;margin:auto;}
footer a{color:#FFD000;}
footer a:hover{text-decoration:underline;}
footer ul.flags{float:right;width:185px;}
footer li{float:left;margin-right:10px;}
footer li.flag{margin:0 0 0 5px;}
footer li.flag a{height:32px;width:32px;display:block;}
footer li.uk a{background:url(../images/flags.png) 0 0 no-repeat;}
footer li.spain a{background:url(../images/flags.png) -32px 0 no-repeat;}
footer li.germany a{background:url(../images/flags.png) -128px 0 no-repeat;}
footer li.russia a{background:url(../images/flags.png) -64px 0 no-repeat;}
footer li.arabic a{background:url(../images/flags.png) -96px 0 no-repeat;}
#ContactForm{float:left;}
#ContactForm{font-weight:bold;color:#FFD000;line-height:28px;padding:20px;}
#ContactForm .wrapper{padding-bottom:6px}
#ContactForm label{width:150px;float:left;}
#ContactForm .bg{background:url(../images/bg_input.gif) top repeat-x #e6e6e6;height:26px}
#ContactForm .bg2{background:url(../images/bg_textarea.gif) top repeat-x #e6e6e6;height:191px}
#ContactForm .bg, #ContactForm .bg2{border:1px solid #ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:1px 1px 2px #e3e3e3;-moz-box-shadow:1px 1px 2px #e3e3e3;-webkit-box-shadow:1px 1px 2px #e3e3e3;position:relative;float:left;margin-left:100px;}
#ContactForm .button{float: right;margin-top:9px;font-size:25px;font-weight:700;color:#FFD000;line-height:35px;width:90px;text-align:center;text-decoration:none;text-shadow:-2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;}
#ContactForm .input{width:260px;height:16px;background:none;padding:5px 10px;color:#735A22;font:13px Arial,Helvetica,sans-serif;margin:0}
#ContactForm textarea{overflow:auto;width:408px;height:181px;background:none;padding:5px 10px;color:#735A22;font:13px Arial,Helvetica,sans-serif;margin:0}
#ContactForm .button:hover{text-shadow:0 0 28px white;float:right;margin-right:2px;}
.span12{width:920px;}
.section-title{font-size:24px;margin:0 10px 20px 0;}
.frizzy-cracks{position:absolute;top:0;left:0;}
.flex-wrapper{display: flex;flex-wrap: nowrap;justify-content:center;width: 920px;margin: auto;flex-direction: row-reverse;}
.column300{margin: 30px 0; width:300px}
.main-games-section{width: 610px;height:1385px;margin-left: 10px; margin-right: 0}
.left{float:right}
.right{float:left}
.games-main-img {
    position: relative;
    background: #090804;
    margin-bottom: 10px;
}
.games-main-img a:hover img {
    opacity: .3;
    position: relative;
    z-index: 2;
}
.games-main-img a:after {
    width: 138px;
    height: 30px;
    padding: 13px 0 0 0;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px 0 #ffe7ad;
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 0;
    transition: top 0.2s, opacity .2s;
    content: 'play';
    background: linear-gradient(#FFD000, #ffbc00);
    color: #323232;
    border: 1px solid black;
    border-radius: 5px;
    font-size: 22px;
    font-weight: bold;
    box-shadow: 1px 1px 1px black;
    top: 60%;
    margin-top: -25px;
    margin-left: -69px;
}

.games-main-img a:hover:after {
    top: 50%;
    opacity: 1;
}
.game-instructions {
    margin-top: 10px;
    line-height: 1.5;
}

.game-instructions-line {
    border-top: 1px solid #311d0b;
    width: 95%;
}

.rating {
    display: inline-block;
    float: right;
    margin: 15px;

}

.like,
.dislike {
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
    width: 20px;
    color: #FFD000;

}

.dislike:hover,
.like:hover {
    color: #2EBDD1;
    transition: all .2s ease-in-out;
    transform: scale(1.1);
}

.active {
    color: #2EBDD1;
}

.show-mobile-only {
    display: none;
}

.shirt-box {
    width: 250px;
    height: auto;
    max-height: 360px;
    border: 2px solid #ff4500;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    margin-top: 20px;
}

.shirt-box img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.shirt-box h2 {
    font-size: 16px;
    color: #333;
    margin: 10px 0;
}

.shirt-box .btn {
    display: inline-block;
    padding: 8px 12px;
    background: #ff9900;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 10px;
    transition: background 0.3s ease-in-out;
}

.shirt-box .btn:hover {
    background: #e68a00;
}
@media all and (max-width:1430px){#game-code-wrapper{width:auto;}
#game-table{display:table;width:600px;margin:auto;float:none;}
.game-side-banner{display:none;}
.narrow-pirsum{display:block;}
.wide-pirsum{display:none;}
}
#game-code iframe,
#game-code embed {
    width: 1000px;
    height: 700px;
}

@media all and (max-width:1024px){
    .show-mobile-only {
        display: inherit;
    }
    #game-table{margin: 0;
        height: auto;
        width: 98%;}
}

@media all and (max-width:800px){
    h1 {
        float: none;
        text-align: center;
    }

    .main-games-section {
        margin-left:0;
        margin-right:0;
		height: 2368px;
    }

    .hide-mobile{
        display: none;
    }
    .content {
        width: auto;
    }
    .page-content {
        padding: 0 5px;
        color: #FFD000;
        width: auto;
    }

    #logo {
        line-height: normal;
        display: inline;
        width: auto;
    }

    #game-table {
        margin: 0;
        height: auto;
        width: 100%;
    }

    #game-code-wrapper{
        height: auto;
     }
    #content, .content,
    #game-code,
    header,
    footer {
        width: 98%;
    }

    .flex-wrapper {
        width:auto;
    }

    .characters,
    .column300,
    .frizzy-cracks,
    .walkthorugh-button,
    #walkthorugh-video,
    nav {
        display: none;
    }

    .game-instructions p{width:auto;}

    .games-main-text {
        clear: both;
    }

    .games-main-img {
        text-align: center;
    }


    .gamelist li {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .banners {
        text-align: center;
        padding:0;
    }

    #game-code embed,
    #game-code iframe {
        width: 100%;
        height:322px;
    }
}

@media all and (max-width:600px){
    .rating {
        float: none;
    }

    .more-gamelist li{font-size:16px;}
}