/* GLOBAL */

* {box-sizing:border-box;}
body {margin:0;padding:0;}
form {margin:0;padding:0;}
a {color:#4085c8;text-decoration:none;}
a:hover {color:#be1522;}
p {margin:15px 0;font-family: 'Open Sans', sans-serif;font-size:16px;line-height:1.4;}
li {margin:10px 0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;}
.clear {clear:both;}
.grecaptcha-badge { 
    bottom:125px !important; 
}

.fpb-aa {
  display: flex;
  background-color: #fdfdfd;
  margin-bottom: 4px;
  border-radius: 3px;
}
.fpb-bb {
  margin: 0 15px 15px 0;
  max-width: 250px;
}
.fpb-bc {
  width: 100%;
}
.fpb-cc {
}

/* NAVIGATION */

.menu-top-d-cnt {border-bottom:8px solid #be1522;background-color:#f7f7f7;}
.menu-top-d {display:table;width:100%;max-width:1280px;margin:0 auto;padding:15px;}
.menu-top-d .table-row {display:table-row;}
.menu-top-d .table-cell {display:table-cell;vertical-align:middle;}
.menu-top-d .list {position:relative;margin-left:15px;padding:0;}
.menu-top-d li {position:relative;display:inline-block;padding: 0 15px;margin:0 0px;font-family:'Oswald',sans-serif;font-size:22px;font-weight:400;text-transform: uppercase;}
.menu-top-d li:last-of-type {border-right:none;}
.menu-top-d li a, .menu-top-d li span{text-decoration:none;color:#000000;}
.menu-top-d li.menu-active a, .menu-top-d li.menu-active span {color:#900000;}
.menu-top-d li a:hover {color:#af0100;cursor:pointer;}
.menu-top-d li span:hover {cursor:pointer;}
.menu-top-d li.dropdown ul {display:none;position:absolute;top:99%;left:0;z-index:1000;border:1px solid #be1522;border-radius: 3px;} /* KOLOR RAMKI DROPMENU */
.menu-top-d li.dropdown:hover ul {display:block;padding:0;background-color:#ffffff;}
.menu-top-d li.dropdown li {display:block;width:100%;margin:0;padding:5px 10px;background-color:#ffffff;text-transform: initial;font-weight:400;border-radius: 3px;white-space:nowrap;} /* KOLOR TLA DROPMENU */
.menu-top-d li.dropdown li:hover {background-color:#f7f7f7;} /* KOLOR TLA DROPMENU PO NAJECHANIU */
.menu-top-d li.dropdown li a {display:block;color:#000000;}
.menu-top-d li.dropdown li:hover a {color:#be1522;border-bottom:none;} /* KOLOR CZCIONKI W DROPMENU PO NAJECHANU */
.menu-top-d .logo {width:150px;}
.menu-top-d .logo img {width:100%;}
.menu-top-d .social {padding-left:10px;white-space:nowrap;text-align:right;}
.menu-top-d .social img {width:40px;}
.menu-top-d .social img:hover {border-radius:30px;}
.menu-top-d .mobile {display:none;text-align:center;}

.menu-top-m {display:none;}
.menu-top-m .list-m {padding:0;margin:0;}
.menu-top-m .list-m li {padding:5px;font-size:20px;text-align:center;border:1px solid #fafafa;}
.menu-top-m li a, .menu-top-m li span{text-decoration:none;color:#000000;}
.menu-top-m li a:hover, .menu-top-m li span:hover {color:#4085c8;cursor:pointer;}
.menu-top-m li.dropdown ul {display:none;margin:0;padding:0;}
.menu-top-m li.dropdown li {background-color:#fafafa;boder:none;}

/* SOCIAL MP */
.download-cnt.social{
  padding:0px;
  background-color: transparent;
}
.download-cnt.social a{
  margin-top: .5em;
  max-width: 80px;
  margin-left: 4%; 
  margin-right: 4%;
}

.download-cnt.social img:hover {border-radius:40px;}

@media screen and (max-width:768px) {
  .fpb-aa {
    display: block;
    background-color: #f9f9f9;
    margin-bottom: 4px;
    border-radius: 3px;
  }
  .fpb-bb {
    margin: 0;
    max-width: none;
  }
  .fpb-bc {
    width: 100%;
  }
  .fpb-cc {
  }
  
 .menu-top-d .mobile {display:table-cell;width:90px;vertical-align:middle;text-align:right;}
 .menu-top-d .mobile img {width:40px;cursor:pointer;}
 .menu-top-d .list {display:none;}
 .menu-top-m .list-m li {display:block;}
 .ml {
   margin-top: 1em;
   margin-left: 2em;
 }
 .download-cnt.social a{
   margin-left: 2%;
   margin-right: 2%;
   max-width: 70px;
 }
}

/* PAGE DEFAULT */
.default {width:100%;}
.default .container {width:100%;max-width:1280px;margin:0 auto;padding:0;}
.default .container-inner {padding:0 15px;}
h1, .header1 {font-family: 'Oswald',sans-serif;font-size:40px;font-weight:500;line-height:1.1;margin-top:25px;margin-bottom:10px;padding:8px 8px 10px 12px;border-left:8px solid #be1522;border-bottom:1px dashed #aaa;}
h2, .header2 {font-family: 'Oswald',sans-serif;font-size:32px;font-weight:500;line-height:1.1;margin-top:25px;margin-bottom:10px;border-bottom:1px dashed #aaa;padding-bottom:6px;}
h3, .header3 {font-family: 'Oswald',sans-serif;font-size:24px;font-weight:500;line-height:1.1;margin-top:20px;margin-bottom:10px;}
h1 strong, h2 strong, h3 strong, .header1 strong,.default .header2 strong,.default .header3 strong {font-weight:500;color:#be1522;}
img.center {box-sizing:border-box;display:block;max-width:100%;margin:15px auto;}
input {box-sizing:border-box;padding:8px;background:#ffffff;border:1px solid #c9c9c9;border-radius:3px;font-family: 'Open Sans', sans-serif;font-size:14px;margin:4px 5px;min-width:220px;}
input[type=radio] {min-width:initial;}
input[type=checkbox] {min-width:initial;}
select {box-sizing:border-box;padding:8px;background:#ffffff;border:1px solid #c9c9c9;border-radius:3px;font-family: 'Open Sans', sans-serif;font-size:14px;margin:4px 5px;min-width:220px;}
button {box-sizing:border-box;min-width:100px;padding:7px 20px;font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:400;margin:4px 5px;white-space:nowrap;}

/* BREADCRUMB */
.breadcrumb-list {padding:10px 0;font-family: 'Oswald', sans-serif;font-size:16px;line-height:24px;}
.breadcrumb-list li {display:inline-block;margin:0;}
.breadcrumb-list li:not(:first-child)::before {content: "\25b6";}

/* FOOTER */
footer {margin-top:4em;padding-top:2px;clear:both;padding-bottom:40px;color:#777;border-top:solid 1px #ddd;}
footer p {text-align:center;font-family: 'Oswald',sans-serif;font-size:14px;}

/* USER PAGES */
.user form {display:block;}
.user h3 {box-sizing:border-box;font-family: 'Oswald',sans-serif;font-size:20px;font-weight:500;line-height:1.1;margin-top:20px;margin-bottom:5px;}
.user textarea {box-sizing:border-box;padding:8px;margin:4px 5px;font-family: 'Open Sans', sans-serif;font-size:14px;width:50%;min-width:280px;height:200px;}
.user .controls {margin:25px 0;}
/*.user li {box-sizing:border-box;font-family: 'Oswald',sans-serif;margin:0 0 10px;line-height:1.4;font-size:14px;}*/
.message {box-sizing:border-box;display:none;}
.error .message {box-sizing:border-box;display:inline-block;background-color:#ffcaca;padding:8px;font-family: 'Oswald',sans-serif;margin:4px 5px;line-height:1.4;font-size:14px;border-radius:3px;}

/* RECAPTCHA */
.g-recaptcha {margin:20px 5px;}

/* NOTICES */
.notice {box-sizing:border-box;padding:10px;text-align:center;font-family: 'Oswald',sans-serif;font-size:18px;margin: 10px 0;}
.notice-success {background-color:#d4ffca;}
.notice-error {background-color:#ffcaca;}

/* CUSTOM */
.hidden {display:none;}
.fleft {float:left;}
.fright {float:right;}

/* LOGO */
.company-logo {display:block;max-width:100%;margin: 0 0 20px 0;}
@media (max-width:768px) {
	.company-logo {width:100%;}
}

/* BACK TO TOP */
#back-to-top {display:block;box-sizing:border-box;height:60px;width:60px;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:rgba(86, 192, 232, 0.8) url(/gfx/back-to-top-arrow.svg) no-repeat center 50%;visibility:hidden;opacity:0;border-bottom:none;cursor:pointer;}
#back-to-top.btt-visible {visibility:visible;opacity:1;}
#back-to-top.btt-faded {opacity:0.5;}
@media screen and (max-width:1024px) {
#back-to-top {height:40px;width:40px;right:20px;bottom:20px;}
}

/* BLOCKQUOTE */
blockquote{display:block;box-sizing:border-box;background:rgba(255,255,255,0.5);padding:15px 20px 15px 45px;margin:15px 0;position:relative;border:1px dotted rgba(155,136,94,0.3);border-left:15px solid rgba(155,136,94,0.3);z-index:-1;}
blockquote p {margin:10px 0;font-size:17px;}
blockquote::before{content:"\201C";font-family:Georgia,serif;font-size:60px;font-weight:bold;color:#999999;position:absolute;left:10px;top:5px;}
blockquote p {margin:0;font-style: italic;}

/* FACEBOOK */
.fb-like {float:right;}

/* FEATURED SITES */

.featured-game-cnt {text-align:center;}
.featured-game {position:relative;display:inline-block;margin-bottom:4px;border-bottom:none;}
.featured-game:hover {border-bottom:none;}
.featured-game-logo {display:block;max-width:100%;}
@media screen and (min-width: 1280px) {
	.featured-game-logo {max-width:1250px;margin:0 auto;}
}
/*.featured-game:hover .featured-game-logo {opacity:0.9;}*/
.featured-game-title {position:absolute;bottom:0;width:100%;line-height:2;font-family: 'Oswald',sans-serif;font-size:24px;background-color:rgba(0,0,0,0.7);text-align:center;}
.featured-game:hover .featured-game-title {color:#ffc600;}
@media screen and (max-width:1024px) 
.featured-game-title {position:relative;background-color:rgba(0,0,0,1);font-size:20px;}
}

.non-featured-game {position:relative;display:block;box-sizing:border-box;margin-bottom:4px;border-bottom:none;}
.non-featured-game-title {position:relative;width:100%;line-height:2;font-family: 'Oswald',sans-serif;font-size:24px;background-color:rgba(0,0,0,0.8);text-align:center;}
.non-featured-game:hover .non-featured-game-title {color:#ffc600;}

.list-of-games {list-style: none;margin:0;padding:0;}
.list-of-games li {font-family: 'Oswald',sans-serif;font-size:28px;padding-left:1.5em;text-indent:-1em;}
.list-of-games li::before {content: "\25FE"; color: #be1522;}


/* NEWS */
.article-header {font-family: 'Oswald',sans-serif;font-size:15px;line-height:20px;}
.article-date {font-weight:700;color:#888;margin-right:10px;}
.article-title {margin-top:5px;}
.article-abbreviation {margin-bottom:40px;}

/* LIGHTBOX */

body:after {content:url(/gfx/lightbox/close.png) url(/gfx/lightbox/loading.gif) url(/gfx/lightbox/prev.png) url(/gfx/lightbox/next.png);display:none;}
body.lb-disable-scrolling {overflow:hidden;}
.lightboxOverlay {position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none;}
.lightbox {position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal;}
.lightbox .lb-image {display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid white;}
.lightbox a img {border:none;}
.lb-outerContainer {position:relative;zoom:1;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:white;}
.lb-outerContainer:after {content:"";display:table;clear:both;}
.lb-loader {position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
.lb-cancel {display:block;width:32px;height:32px;margin:0 auto;background:url(/gfx/lightbox/loading.gif) no-repeat;border-bottom:none;}
.lb-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
.lb-container > .nav {left:0;}
.lb-nav a {outline:none;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next {height:100%;cursor:pointer;display:block;}
.lb-nav a.lb-prev {width:34%;left:0;float:left;background:url(/gfx/lightbox/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;}
.lb-nav a.lb-prev:hover {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.lb-nav a.lb-next {width:64%;right:0;float:right;background:url(/gfx/lightbox/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;}
.lb-nav a.lb-next:hover {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.lb-dataContainer {margin:0 auto;padding-top:5px;zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.lb-dataContainer:after {content:"";display:table;clear:both;}
.lb-data {padding:0 4px;color:#ccc;}
.lb-data .lb-details {width:85%;float:left;text-align:left;line-height:1.1em;}
.lb-data .lb-caption {font-size:13px;font-weight:bold;line-height:1em;}
.lb-data .lb-caption a {color:#4ae;}
.lb-data .lb-number {font-family: 'Oswald',sans-serif;display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999;}
.lb-data .lb-close {display:block;float:right;width:30px;height:30px;background:url(/gfx/lightbox/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;border-bottom:none;}
.lb-data .lb-close:hover {cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}

/* DOWNLOAD */

.download-cnt {text-align:center;padding:20px;background-color:#fafafa;border-radius:20px;}
.download-cnt a {display:inline-block;margin:20px 5px 0 5px;opacity:0.8}
.download-cnt a:hover {opacity:1;}
.download-cnt img {max-width:100%;}

/* SCREENSHOT */
.screenshot {display:block;box-sizing:border-box;max-width:100%;text-align:center;line-height:0;}
.screenshot a {display:inline-block;box-sizing:border-box;border-bottom:none;line-height:0;}
.screenshot a:hover img{opacity:0.9;}
.screenshot img {display:inline-block;box-sizing:border-box;max-width:100%;border:10px solid rgba(155,136,94,0.3);margin:0 auto;}
.screenshot-borderless img {border:0;}
.screenshot-left {border:0;margin:0 15px 15px 0;float:left;}

/* SUPPORT */
#mtnc{background-color: #be1522; color:#f8f8f8; padding: .2em 1.2em .5em 1.2em;}
#mtnc h2{color: #e5e5e5; border-bottom: none;}

.support.download-cnt {
  position:relative; margin-top: 10px;
}

.support.download-cnt span.hdr{
  position:absolute; text-align:center; margin-left:0px; margin-right:0px; right:0; left:0; font-size:1.4em; top:5px; font-family:'Oswald',sans-serif; color: #484848; line-height:1;
}

.support.download-cnt > a{
  margin-top:0; position:relative; width:135px;
}

.support.download-cnt img{
  margin:10px;
}

.support.download-cnt span.lbl{
  position:absolute; text-align:center; margin-left:0px; margin-right:0px; left:0; right:0; font-size:.9em; font-family:'Oswald',sans-serif; color: black; line-height:1;
}

.download-cnt a, .sphref{
	cursor: pointer;
}
img.s1 {
  margin:10px;
}
span.support.screenshot img:hover {
  border: 10px solid #000a;
	cursor: pointer;
}
.ml {
	position: relative;
	bottom: -4px;
}

/* YOUTUBE EMBED */

.youtube-wrapper-outer {display:block;box-sizing:border-box;max-width:740px;margin:0 auto;border:10px solid rgba(155,136,94,0.3);clear:both;}
.youtube-wrapper {display:block;box-sizing:border-box;float:none;clear:both;width:100%;position:relative;padding-bottom: 56.25%;padding-top:25px;height:0;}
.youtube-iframe {position:absolute;top:0;left:0;width:100%;height:100%;border-width:0;}

/* ASIDE */
.facebook-page-plugin {min-width:320px;float:right;margin:10px auto;}

@media screen and (max-width:768px) {
	.facebook-page-plugin {display:inline-block;float:none;}
	.facebook-page-plugin-outer {text-align:center;}
}


.carousel {position:relative;width:100%;}
.carousel-slide {position: relative;}
.carousel-slide .img-cnt {margin:2px 1px;}
.carousel-slide img {display:block;max-width:100%;}
.carousel-slide-caption {display:block;position:absolute;bottom:8px;left:8px;color:#eaeaea;font-family: 'Oswald',sans-serif;font-weight:400;font-size:24px;text-transform:uppercase;background-color:#be1522;padding:0 8px;}
@media screen and (max-width:768px) {
	.carousel-slide {max-width:100%;}	
	.carousel-slide-caption {font-size:22px;}
}


figure {max-width:100%;position:relative;}
figcaption {display:block;position:absolute;bottom:8px;left:8px;color:#eaeaea;font-family: 'Oswald',sans-serif;font-size:30px;text-transform:uppercase;}
@media screen and (max-width:768px) {
	figcaption {font-size:22px;}
}
figcaption span {display:block;float:left;font-weight:400;background-color:#be1522;padding:0 8px;}
figcaption strong {display:block;float:left;font-weight:400;background-color:#be1522;padding:0 8px;}

.featured-game figure {margin:0;padding:0;}

.featured-game figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .8;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .8;
	}
	100% {
		opacity: 1;
	}
}

