@charset "utf-8";
@-ms-viewport {
    width: device-width;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    background-color: #faf9f9;
    margin: 0;
    padding: 0;
}
a:active, a:hover, a:link, a:visited {
    text-decoration: none;
    color: #1e1e1e
}
a:hover {
    cursor: pointer
}
a img {
    border: 0;
}
h1, h2 {
    padding: 0;
    border: 0;
    margin: 0;
}
p {
    padding: 0;
    border: 0;
    margin: 0
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.clear {
    clear: both
}
/* SOCIAL BUTTONS */
/* ALL BUTTONS */
.socials_container {
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: 0.2s;
}
.socials_container:hover {
    text-decoration: none;
}
.socials_text {
    padding: 0 10px 2px 7px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}
.socials_logo {
    padding: 8px 0 7px 9px;
} /* FACEBOOK BUTTON */
.socials_color_facebook {
    background-color: #007bdb;
}
.socials_color_facebook:hover {
    background-color: #0065b3;
} /* TWITTER BUTTON */
.socials_color_twitter {
    background-color: #25a8e3;
}
.socials_color_twitter:hover {
    background-color: #1a8fc3;
}
/* BOOKMARK BUTTON */
.socials_color_bookmark {
    background-color: #e35fc9;
}
.socials_color_bookmark:hover {
    background-color: #c848af;
}
/* END SOCIAL BUTTONS */
#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 998px;
    position: relative;
}
#header {
    margin: 0 auto;
    position: relative;
}
.header_logo {
    width: 310px;
    padding-top: 21px;
    padding-bottom: 14px;
}
.header_logo img {
    vertical-align: top;
}
.header_socials {
    font-size: 1px;
    bottom: 14px;
    right: 0;
    position: absolute;
}
.header_socials_facebook {
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
}
.header_socials_twitter {
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
}
.header_socials_bookmark {
    display: inline-block;
    vertical-align: top;
}
/* NAV */
nav.puhelin, .mobiililaitteet_menu {
    display: none
}
.bullet_club, .bullet_diamond, .bullet_heart, .bullet_spade {
    position: absolute;
    width: 18px;
    height: 21px;
    margin-top: 20px;
    margin-left: -9px;
    display: block;
}
.bullet_diamond {
    background-image: url(images/bullet_diamond.png)
}
.bullet_club {
    background-image: url(images/bullet_club.png)
}
.bullet_spade {
    background-image: url(images/bullet_spade.png)
}
.bullet_heart {
    background-image: url(images/bullet_heart.png)
}
.non_desktop, .flexible_menu {
    display: none;
}
nav {
    z-index: 999;
    position: relative;
    min-height: 61px;
    width: 998px;
    background-color: #45a442;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
ul.nav a:active, nav a:link, nav a:visited {
    color: #fff;

}
nav a:hover {
    color: #0c400b;
    transition: 0.4s;
}
ul.nav a {
    display: block;
    padding: 17px 54px 17px 54px;
    background-color: #45a442;
}
ul.nav li {
    float: left;
}
ul.nav {
    display: block;
    width: 998px;
}
ul.nav ul {
    visibility: hidden;
    position: absolute;
    transition: all .1s ease-in-out;
    transform-origin: left top;
    transform: scaleY(0);
    margin-left: -104px;
    width: 288px;
    background-color: #56b953;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
nav li:hover ul {
    visibility: visible;
    transform: scaleY(1);
}
ul.nav li:hover > * {
    display: block;
}
ul.nav ul li {
    float: none;
}
ul.nav ul a {
    text-align: right;
    padding: 10px 24px 10px 18px;
    background-color: #56b953;
}
ul.nav ul li:first-child {
    padding-top: 10px;
    border-top: 1px solid #378f35;
}
ul.nav ul li:last-child {
    padding-bottom: 12px;
}
/* END NAV */
.content {
    width: 100%;
    clear: both;
    float: left;
}
.footer_margin {
    margin-bottom: 50px;
}
.section_intro {
    margin-top: 16px;
    float: left;
    width: 622px;
    background-color: #057d9f;
    margin-right: 16px;
    height: 325px;
    color: #fff;
}
.intro_header {
    padding-top: 13px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    padding-left: 15px;
    padding-right: 15px;
}
.intro_text {
    padding-top: 7px;
    text-align: center;
    line-height: 23px;
    padding-left: 22px;
    padding-right: 22px;
}
.section_showcase {
    margin-top: 16px;
    float: left;
    width: 360px;
    height: 325px;
    background-color: #d8d9d9;
}
.section_preview_games {
    float: left;
    width: 100%;
}
.preview_screenshot {
    margin-top: 16px;
    float: left;
    margin-right: 16px;
    width: 322px;
}
.preview_screenshot:nth-child(3n) {
    margin-right: 0;
}
.preview_screenshot_img {
    width: 322px;
    transition: filter .2s ease-in-out;
}
.preview_screenshot_img:hover {
    filter: brightness(115%);
}
.preview_title {
    float: left;
    font-size: 20px;
    padding-top: 6px;
    font-weight: 700;
}
.preview_title a:hover {
    text-decoration: underline;
}
.preview_rating {
    float: right;
    padding-top: 10px;
}
.preview_description {
    clear: both;
    padding: 3px 2px 4px 0;
    line-height: 24px;
}
.section_button_all_games {
    clear: both;
    padding-top: 18px;
    padding-bottom: 16px;
}
.button_all_games {
    padding: 24px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    display: block;
    background: #dfdfdf;
    cursor: pointer;
    outline: none;
    border: none;
    transition: background .2s ease-in-out;
    -webkit-appearance: none;
}
.button_all_games:hover {
    background: #d1d1d1;
}
/* SUB */
#sub_aside {
    margin-right: 16px;
    width: 208px;
    float: left;
}
.sub_showcase {
    margin-top: 16px;
    width: 208px;
}
.section_article, .section_article_full {
    margin-top: 16px;
    width: 774px;
    background-color: #ccebf2;
    color: #0e3d47;
    float: right;
    padding-bottom: 6px;
}
.section_article_full {
    width: 100%;
    float: left;
}
.article_header {
    font-weight: 700;
    font-size: 24px;
    padding-top: 14px;
    padding-right: 19px;
    padding-left: 19px;
    padding-bottom: 10px;
}
.article_sub_header {
    font-weight: 700;
    padding-right: 19px;
    padding-bottom: 10px;
    padding-left: 19px;
}
.article_text {
    line-height: 24px;
    padding-right: 19px;
    padding-bottom: 10px;
    padding-left: 19px;
}
.article_text a:active, .article_text a:link, .article_text a:visited {
    color: #0000ff;
    text-decoration: none
}
.article_text a:hover {
    color: #0000ff;
    text-decoration: underline;
}
.article_text_full a:active, .article_text_full a:hover, .article_text_full a:link, .article_text_full a:visited {
    color: #0e3d47;
    text-decoration: none;
}
.article_image {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 8px;
}
.article_contactform {
    padding-right: 19px;
    padding-left: 19px;
}
/* GAME PAGE */
.game_container {
    margin-top: 16px;
    background-color: #cfeeca;
    float: left;
    width: 100%;
}
.game_sponsor_1 {
    margin-top: 22px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 700;
    color: #2d5725;
    font-size: 24px;
    text-align: center;
    margin-bottom: 24px;
}
/*.game_sponsor_1 {
    background-color: #b0dba9;
    margin-top: 22px;
    margin-bottom: 150px;
    font-size: 1px;
    width: 728px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}*/
.game_file_responsive {
    display: none;
}
.game_file {
    text-align: center;
    font-size: 1px;
}
.game_socials {
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
    font-size: 1px;
}
.game_socials_facebook {
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
}
.game_socials_twitter {
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
}
.game_socials_bookmark {
    display: inline-block;
    vertical-align: top;
}
/*.game_sponsor_2 {

    width: 728px;

    height: 90px;

    margin: 0 auto;

    background-color: #b0dba9;

    margin-bottom: 16px;

    margin-top: 72px;

    font-size: 1px;

}*/
.game_data_container {
    margin-top: 16px;
    float: left;
    background-color: #cfeeca;
    padding-bottom: 12px;
    width: 100%;
}
.game_data_header {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    background-color: #7fc771;
    line-height: 58px;
    height: 59px;
    width: 100%;
    text-align: center;
}
.game_data_content {
    color: #466c31;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
}
.game_data_title {
    font-weight: 700;
    margin-bottom: 12px;
}
.game_data_text {
    line-height: 24px;
    padding-bottom: 12px;
}
.rate_hearts {
    display: inline-block;
}
.rate_interactions {
    height: 35px;
    font-size: 16px;
    display: inline-block;
    margin-left: 0;
    vertical-align: middle;
}
.rate_selectors {
    padding-bottom: 18px;
    margin-left: -3px;
}
input[type='radio'] {
    width: 18px;
    height: 18px;
    vertical-align: top;
}
.rate_button {
    padding-top: 16px;
    padding-bottom: 14px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer;
    background-color: #61a554;
    color: #fff;
    outline: none;
    border: 0;
    box-sizing: border-box;
    min-width: 200px;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -webkit-appearance: none;
}
.rate_button:hover {
    background: #4f9342;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}
.rate_response {
    padding-top: 12px;
    color: #ff1e00;
    font-weight: 700;
}
/*GAMES*/
.gameboss800600 {
    width: 800px;
    height: 600px;
}
.gameboss880600 {
    width: 880px;
    height: 600px;
}
.freecell-green {
    width: 880px;
    height: 600px;
}
.amazing-freecell {
    width: 880px;
    height: 600px;
}
.free-cell {
    width: 880px;
    height: 600px;
}
.solitaire-free-cell {
    width: 880px;
    height: 600px;
}
@media (max-width: 991px) {
    #wrapper {
        width: 768px;
        margin-left: auto;
        margin-right: auto;
    }
    .header_logo {
        padding-bottom: 8px;
        padding-top: 8px;
        margin: 0 auto;
        display: block;
    }
    nav, .header_socials, .section_showcase, #sub_aside {
        display: none
    }
    .section_intro {
        width: 100%;
        height: auto;
        margin-right: 0;
        padding-bottom: 20px;
    }
    .section_preview_games {
        background-color: #d4f2d3;
        margin-top: 16px;
        padding-bottom: 16px;
    }
    .preview_screenshot:nth-child(odd) {
        margin-left: 54px;
    }
    .preview_screenshot:nth-child(3n) {
        margin-right: 16px;
    }
    .preview_screenshot:nth-child(2n) {
        margin-right: 0;
    }
    .section_article {
        width: 100%;
        float: left;
    }
    .flexible_button {
        background: #45a442;
        padding: 10px 15px 12px 15px;
        margin: 10px 8px 12px 4px;
        cursor: pointer;
        text-decoration: none;
        position: relative;
        display: block;
        vertical-align: middle;
        float: right;
    }
    .flexible_menu {
        font-weight: 700;
        font-size: 22px;
        *zoom: 1;
        display: block;
        box-sizing: border-box;
        position: relative;
        padding: 4px;
    }
    .flexible_menu:before {
        content: " ";
        display: table;
    }
    .flexible_menu:after {
        content: " ";
        display: table;
        clear: both;
    }
    .flexible_menu_text {
        float: left;
        display: block;
        color: #fff;
    }
    .flexible_icon {
        margin: 5px 0 0 6px;
        float: left;
    }
    .flexible_icon_bars {
        display: block;
        height: 2px;
        width: 18px;
        background-color: #fff;
        margin-top: 4px;
    }
    .flexible_nav {
        clear: both;
        font-size: 22px;
        list-style: none;
        background-color: #73bf70;
        display: block;
        position: static !important;
        width: 100%;
        margin-bottom: 12px;
    }
    .flexible_nav a {
        display: block;
        text-align: center;
        padding: 13px 0 13px 0;
        margin: 0;
        border-bottom: 1px solid #faf9f9;
    }
    .flexible_nav a:hover {
        text-decoration: none;
        background: #88cf85;
        color: #fff;
    }
    .gameboss800600 {
        width: 736px;
        height: 552px;
    }
    .gameboss880600 {
        width: 736px;
        height: 502px;
    }
    .freecell-green {
        width: 736px;
        height: 502px;
    }
    .amazing-freecell {
        width: 736px;
        height: 502px;
    }
    .free-cell {
        width: 736px;
        height: 502px;
    }
    .solitaire-free-cell {
        width: 736px;
        height: 502px;
    }
}
@media (max-width: 767px) {
    #wrapper {
        width: 630px;
    }
    .preview_screenshot {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .preview_screenshot:nth-child(3n), .preview_screenshot:nth-child(2n), .preview_screenshot:nth-child(odd) {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .gameboss800600 {
        width: 598px;
        height: 449px;
    }
    .gameboss880600 {
        width: 598px;
        height: 408px;
    }
    .freecell-green {
        width: 598px;
        height: 408px;
    }
    .amazing-freecell {
        width: 598px;
        height: 408px;
    }
    .free-cell {
        width: 598px;
        height: 408px;
    }
    .solitaire-free-cell {
        width: 598px;
        height: 408px;
    }
}
@media (max-width: 640px) {
    #wrapper {
        width: 500px;
    }
    .game_file {
        display: none;
    }
    .game_file_responsive {
        padding-top: 1px;
        width: 468px;
        display: block;
        margin: 0 auto;
    }
    .game_file_responsive img {
        width: 100%
    }
}
@media (max-width: 525px) {
    #wrapper {
        width: 435px;
    }
    .game_file_responsive {
        width: 403px;
    }
}
@media (max-width: 480px) {
    #wrapper {
        width: 322px;
    }
    .header_logo {
        padding-bottom: 0;
    }
    .section_preview_games {
        background-color: transparent;
        padding-bottom: 0;
    }
    .preview_screenshot:first-child {
        margin-top: 0px;
    }
	

    .game_file_responsive {
        width: 290px;
    }
	
}