*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 html {height: 100%;max-width:100% !important;}
 body {padding:0;margin:0;background:#E8E8E8;font-family:'Open Sans';font-weight:300;height:100%;}

	 a {text-decoration:none}
ul {list-style-type:none;margin:0;padding:0;}
textarea:focus, input:focus{
    outline: none;
}

/* Nawigacja górna */

#mainnav {float:left;width:100%;height:73px;background:#272F3C;position:relative;z-index:999;}
#mainnav ul {width:100%;display: flex;
    flex-direction: row;}
#mainnav ul li {margin:0}

#mainnav ul li.menu-bars {float:left;flex:none;}
#mainnav ul li.menu-bars a {display:inline-block;color:#c6c6c6;padding:30px 20px 25px 35px;text-align:center;}
#mainnav ul li.logo {float:left;flex:none;width:184px;text-align:center;padding:26px 15px 13px 0}

#mainnav ul li.opcja {float:left;flex:none;text-align:center;}
#mainnav ul li.opcja a {color:#c2c2c2;display:inline-block;font-weight:300;font-size:15px;font-family:Open Sans, Arial;padding: 29px 18px 27px 18px;} #mainnav ul li.opcja a:hover, #mainnav ul li.menu-bars a:hover {color:#fff;}
#mainnav ul li.opcjasel a {color:#010101;background:#fff}

#mainnav ul li.wyszukiwarka {float:left;flex:1;width:auto;margin-left:10px;background:#202630;height:73px;box-shadow: inset 7px 0px 10px -5px #1d1d1d, inset -7px 0px 10px -5px #1d1d1d;position:relative}
#mainnav ul li.wyszukiwarka input {width:100%;height:73px;padding:3px 25px 0 25px;background:none;border:none;outline: none;color:#6a6a6a;font-weight:300;font-size:15px;font-family:Open Sans, Arial;}


	#jautocomplete {    z-index: 999999999999999999999;
position: absolute;}

.ja-actions, #jautocomplete {width:100%}

#mainnav ul li.user {    flex: none;
    width: 80px;
    float: left;
    height: 73px;}
	
	.user-avatar {      background: linear-gradient(131deg, #086728 0%, #319653 100%);
    color: #cbcbcb;
    padding: 10px 11px 10px 11px;
    margin: 17px 0 0 21px;
    float: left;
    cursor: pointer;
    border-radius: 50%;
}
	.user-avatar:hover {color:#fff;    background: linear-gradient(131deg, #319653 0%, #086728 100%);}
#mainnav2 {float: left;
    width: 100%;
    height: 41px;
    background: #fff;
    box-shadow: 0 -5px 7px 2px #676767;position:relative;z-index:99}
	
	#mainnav2 ul {width:100%;display: flex;align-items: flex-start;
    flex-direction: row;}	
	#mainnav2 ul li {float:left;flex:none}
	#mainnav2 ul li a {float:left;font-weight:400;font-size:13px;font-family:Open Sans, Arial;color:#474747;padding: 13px 25px 10px 25px;border-right:1px solid #ededed}
	#mainnav2 ul li a i {margin-right:7px}
	#mainnav2 ul li a:hover, #mainnav ul li.opcjasel a:hover, a.teraz {color:#259a38 !important;}
	
	.main {margin:0 auto;max-width:1360px;display:block;top:20px;position:relative;padding: 0 15px;}
	.split {margin:0 auto;display:flex;position:relative;padding: 0 15px 0 0;}
	.splitcol {padding:30px 0 0 30px}
	
	.menu-polewej {width:390px;background:#f0f0f0;}
.menu-polewej .menua {    display: inline-block;
    width: 90%;
    padding: 8px 10px;
font-weight:400;font-size:14px;font-family:Open Sans, Arial;border-radius:4px;margin:4px 0 0 2%;
color: #474747;}

.menu-polewej .menua i {margin-right:7px;}

.menu-polewej .menua:hover {background:#e7e7e7;color:#17ad25}
.menu-polewej .menuahov {background:#e7e7e7;color:#17ad25}


	.menu-polewej h2 {margin:15px 0 0 2%;width:90%;padding:0 0 5px 0;font-weight:700;font-size:20px;font-family:Catamaran, Arial;color:#474747;border-bottom:1px solid #dfdfdf;}
	
	
	.home {top:30px}
	
	h2.m {float:left;width:100%;border-top:1px solid #D4D4D4;color:#474747;font-weight:700;font-size:27px;font-family:Catamaran, Arial;}
	h2.m span {background:#E8E8E8;float:left;margin-top:-22px;padding-right:50px}
	
	footer {  float:left;  margin: 0 auto 0 auto;
    width: 100%;
    display: block;

    padding: 40px 0 30px 0;
    position: relative;
    box-shadow: inset 0px 0 8px #a7a7a7;
    text-align: center;
    background: #d1d1d1;}
	.foot-bez {top:0;margin:0 auto}
	footer #footer-text {border-bottom:1px solid #bfbfbf;border-top:1px solid #bfbfbf;font-weight:300;font-size:15px;font-family:Open Sans, Arial;color:#959595;display:inline-block;padding: 10px 20px;
    margin: 9px 0;}
	footer #footer-linki {float:none;clear:both;margin-top:5px}
	footer #footer-linki li {display:inline;margin:0 8px 0 0}
	
	footer #footer-linki a {color:#949494;border-radius:2px;padding:1px 3px;transition:ease 0.2s}
	footer #footer-linki a:hover {background:#949494;color:#fff;}
	
	footer #footer-logo a {opacity:0.5;transition:ease 0.5s}
	footer #footer-logo a:hover {opacity:1}
	
	#poradniki * {;transition:all ease 0.2s}
	#poradniki {width:100%;display:inline-block;padding:0;margin:0;}
		#poradniki div.element {background:#;padding:10px 0;float:left;padding-right:1.5%;width:100%}
		#poradniki div.element:hover {cursor:pointer;transition:all ease 0.2s}
		#poradniki div.element:last-child {margin-right:0;}
	#poradniki div.element h3 {font-weight:700;font-size:17px;font-family:'Plus Jakarta Sans', Arial;padding:0;margin:7px 0 5px 0;width:100%}
		#poradniki div.element h3 a {color:#000}		#poradniki div.element h3 a:hover {color:#24C136}
		
		
		.postep {    display: inline-block;
    height: 5px;
    border-radius: 5px;
    width: 120px;
    background: #dcdbdc;
    position: relative;
    top: 9px;
    margin: 0 10px;}
		.obecnypostep {    display: inline-block;
    height: 5px;
    border-radius: 5px;
    position: relative;
    top: -11px;background:#35a86c}
div.img-list {width:100%;height:370px;float:left;margin-bottom:10px;position:relative;;transition:all ease 0.2s} .img-list:hover {    filter: brightness(1.2);}
div.img-list a {opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
height: 100%;}
		.element-und {width:100%;padding:0 5px}
		.element-und span {font-weight:300;font-size:12px;font-family:Open Sans, Arial;color:#818181}
		.element-und span i{margin-right:3px}
		.element-und span div {display:inline-block;font-weight:600;margin: 0 5px 0 4px;}
	.tag {font-weight:300;font-size:11px;font-family:Open Sans, Arial;border:1px solid;padding:2px 5px;}	.tleft {margin-right:7px}   
	.green {color:#528d85;borcer-color:#528d85} .green:hover {background:#528d85;color:#fff !important}


	
  
.m2d {margin-top:80px}		

#page-login {position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999999;display: flex;
  justify-content: center;
  align-items: center;left:-100%;transition:top ease 0.5s}
  
  .showlogin {left:0 !important}
  
#page-login i {position:absolute;top:15px;right:15px;font-size:16px;color:#fff;cursor:pointer} #page-login i:hover {color:#76ffa4}
#page-login .overlay {background:#000;width:100%;height:100%;position:absolute;opacity:0.6;}



.page-loginbox {width:694px;height:330px;background:#202630;border-radius:10px;position:relative; box-shadow: 6px 8px 12px 2px #0c0c0c;overflow:hidden;top:-100%;transition:ease 0.5s}
.page-loginboxactive {top:0;transition:ease 0.5s}
.blurbox {    width: 334px;
    border-radius: 141px;
    height: 227px;
    filter: blur(15px);
    position: absolute;
    top: -38px;
    right: -59px;
    opacity: 0.15;
    background: rgb(34, 193, 195);
    background: linear-gradient(240deg, rgb(34, 193, 195) 0%, rgb(0 64 7) 100%);z-index:0}	

.loginbox-logo {float:left;width:100%;text-align:center;margin:45px 0 31px 0;opacity:0.8}
		
		
		.page-loginbox form {float:left;width:100%;text-align:center;position:relative;z-index:99}
.page-loginbox input[type='text'],.page-loginbox input[type='password'] {width:500px;background:none;border:0;border-bottom:1px solid #41464f;display:inline-block;font-weight:300;font-size:15px;font-family:Open Sans, Arial;color:#ffffff;padding:20px 7px 12px 7px;margin:0}	

.page-loginbox .dodawanie{display:inline-block;;width:500px;position:relative;top:10px}
.page-loginbox .dodawanie span{    display: inline-block;
    color: #737373;
    position: relative;
    top: 26px;right:15px;
    float: right;
  font-weight:300;font-size:15px;font-family:'Plus Jakarta Sans', Arial;}

.page-loginbox input[type='text']:focus,.page-loginbox input[type='password']:focus {border:0;border-bottom:1px solid #fff;color:#fff}

.page-loginbox input[type='submit'] {    font-weight:600;font-size:15px;font-family:'Plus Jakarta Sans', Arial;
    color: #fff;
    background: #2f9351;
    border: 0;
    padding: 10px 25px 11px 24px;
    border-radius: 16px;
    background: linear-gradient(90deg, #1e7d3e 0%, #319653 100%);
    right: 0;
    top: 17px;float:right;
    position: relative;cursor:pointer}
	.page-loginbox input[type='submit']:hover {    background: linear-gradient(90deg, #1e7d3e 0%, #36cf69 100%);}
	
		.page-loginbox input[type='checkbox'] {display:none}
		
		
.col-full {width:100%;display:flex;    padding-bottom: 60px;}

.col-12 {width:50%}		.p2 {padding-right:40px}

.info-full {margin-top:20px;width:100%;float:left;border-radius:6px;background:#202630;color: #bdbdbd;   font-weight:300;font-size:14px;font-family:'Plus Jakarta Sans', Arial;padding:18px 20px;position:relative;overflow:hidden}

.info-full i {color:#24C136;margin-right:10px;}

.info-full a {color: #4fef61;;
font-weight: 600;}
.info-full a:hover {text-decoration:underline}


ul.pytania {width:100%;margin:0;padding:0;float:left}
ul.pytania li {float:left;width:100%;padding:14px 13px 14px 13px;border-radius:5px}
ul.pytania li:nth-child(odd) {background:#fff}

ul.pytania li .row1 {float:left;width:100%;} ul.pytania li .row1 a {color:#000;font-weight:600;font-size:16px;font-family:'Plus Jakarta Sans', Arial;} ul.pytania li .row1 a:hover, ul.pytania li .row2 a:hover {text-decoration:underline}
ul.pytania li .row2 {float:left;width:100%;font-weight:300;font-size:15px;font-family:'Plus Jakarta Sans', Arial;color:#9b9b9b;margin-top:3px} ul.pytania li .row2 a {color:#24C136}


.gry {  display: flex;transition:0.5s ease;
  flex-wrap: wrap;
  padding: 0 4px;}
  
  .gry img,   .gry a {    margin: 3px auto;}
  

#menu-mobile {    position: fixed;
    top: 0;
  left: -380px; 
    width: 87%;
    height: 100%;
    background: #000;
    z-index: 999999;max-width:350px;background: #202630;
   box-shadow: inset 7px 0px 10px -5px #1d1d1d, 7px 0px 25px -5px #1d1d1d}
	
	#menu-mobileover {   display:none;position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 99999;opacity:0.4;}
	
	
	.pokazmenumob {left:0 !important;}
	
	
	.mobile-logo li.menu-bars {position:absolute;  left: 34px;z-index:2;
    top: 30px;}
	
	.mobile-logo li.menu-bars span {color:#fff;cursor:pointer}
	
	
	.mobile-logo li.logo{position:absolute;width:100%;text-align:center;top:26px;z-index:1}	
	
	
		.mobile-nav {position:relative;width:100%;padding:90px 20px 0 20px}
	.mobile-nav .opcja a {font-weight:600;font-size:16px;font-family:'Plus Jakarta Sans', Arial;color:#9c9c9c;float:left;width:100%; padding: 14px 9px;border-bottom:1px solid #343a43;transition:ease 0.5s}
		.mobile-nav .opcja a:hover {color:#fff;}
	


#gra-nawigator {display: flex;
    width: 100%;  
    background: linear-gradient(90deg, rgb(73 177 108) 0%, rgba(49, 150, 83, 1) 100%);
    height: 63px;width:100%;z-index:1900;white-space:nowrap;width:100%;overflow:hidden;-webkit-overflow-scrolling: touch;}
#gra-nawigator h1 {color:#fff;font-weight:600;font-size:17px;font-family:'Plus Jakarta Sans', Arial;margin:7px 0 0 0;padding:0;float:left;}
.gra-nawigator-nazwa {display: inline-block;
    padding: 14px 15px 12px 15px;margin-right:20px;
    background: linear-gradient(90deg, rgb(38 127 68) 0%, rgb(49 150 83 / 0%) 100%);}
.gra-nawigator-nazwa img {float:left;border-radius:50%;margin-right:12px}

#grabac {background: url(https://i.kodydogier.pl/images/gry/bac/Far-Cry-4-bac-1548103917.jpg) no-repeat top center;
    background-size: contain;
    width: 100%;
    height: 446px;
    display: flex;
position: relative;}

.gra-nawigacja {float:left;}
.gra-nawigacja li {display:inline-block;position:relative;top: -24px;}
.gra-nawigacja li:nth-child(1) {top:0}
.gra-nawigacja li:nth-child(n+2) {    margin: 0;
    padding: 24px 20px 21px 20px;
 font-weight:300;font-size:15px;font-family:'Plus Jakarta Sans', Arial;
    color: #ffffff69;
    border-left: 1px solid #ffffff14;}
.gra-nawigacja li:nth-child(n+2) a {color:#fff} .gra-nawigacja li:nth-child(n+2) a:hover {text-decoration:underline}
.gra-nawigacja li.obecny {background: #006723;}



.gra-top {float:left;    width: 100%;}
.gra-obrazek {float:left;margin-right:40px} .gra-obrazek img {max-width:200px}
.gra-metryka {float:left}
.gra-metryka h2 {margin:0;padding:0;float:left;width:100%;font-weight:300;font-size:26px;font-family:Open Sans, Arial;color:#252525}

.gra-metryka ul {margin-top:10px}
.gra-metryka ul li {    padding: 11px 15px 11px 10px;border-bottom:1px solid #d6d6d6;}
.gra-metryka ul li span.dane1 {font-weight:300;font-size:14px;font-family:Open Sans, Arial;color:#444444;display:inline-block;width:100px}
.gra-metryka ul li span.dane2, .gra-metryka ul li span.dane2 a {font-weight:300;font-size:14px;font-family:Open Sans, Arial;color:#2dcf38;}

.listaadd {display:inline-block} .listaadd img {margin-right:4px}


.pytania-wlasne {width:100%;display:inline-block;text-align:center}
.pytania-wlasne a {display:inline-block;width: auto !important;
    background: linear-gradient(90deg, rgb(73 177 108) 0%, rgba(49, 150, 83, 1) 100%);
    color: #fff;
    font: 500 15px 'Inter';
    border: 0;
    box-shadow: 2px 2px 1px #17691d;
    cursor: pointer;
    border-radius: 7px;
    margin: 11px 0 13px 13px;
padding: 10px 14px 9px 14px;} .pytania-wlasne a:hover {background: linear-gradient(90deg, rgba(49, 150, 83, 1) 0%, rgb(73 177 108) 100%);}


.galeria-inside {width:100%;display:flex;text-align: center;}
.galeria-inside img {       transition: all 0.3s ease; width: 98%;    margin-top: 25px;border-radius: 8px;
    display: inline-block;}
	
.galeria-inside img:hover {    filter: brightness(1.2);}
	

#gra-opis {background: #fff;
    width: 100%;
    display: inline-block;text-align:justify;
    margin: 20px 0 0 0;
    border-radius: 9px;
padding: 20px 20px;
    box-shadow: 6px 4px 6px #e1e1e1;    line-height: 28px;}


#gra-opis h2 {   font-weight:500;font-size:23px;font-family:Catamaran, Arial;

    display: inline-block;
    width: 100%;
    border-top: 1px solid #ebebeb;
    padding: 17px 0 12px 0;
    margin: 14px 0 14px 0;
    border-bottom: 1px solid #ebebeb;}
	
	
	#gra-opis h3 {  font-weight:500;font-size:19px;font-family:Catamaran, Arial;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ebebeb;
    padding: 10px 0 6px 19px;
    margin: 14px 0 14px 0;
    border-bottom: 1px solid #ebebeb;
    color: #4d4d4d;}
	
	#gra-opis b {font-weight:600}
	#gra-opis ol, #gra-opis ul {margin: 0;    padding-left: 47px;
    width: 100%;
    display: inline-block;}

#gra-opis .alert {width:100%;text-align:center;display:inline-block;color:#9c9c9c}
#gra-opis .alert i {width:100%;text-align:center;display:inline-block;font-size:36px;margin-bottom:9px}


.wnewsieobr {display:inline-block;width:100%;text-align:center}

.wnewsieobr img {max-width:100$%}
.wnewsieobrlewo {    float: left;
margin: 0 0 14px 0;}

.wnewsieobr div.wnegra {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-top: 7px;
    color: #8f8f8f;
    font-style: italic;}

.col-30 {width:30%}

.col-70 {width:70%}

.col-100 {width:100%;  padding-bottom: 60px;}

.gatunek-main {    font-weight: 700;}


.platformy {;width:100%}
.platformy a {  margin:10px 3px 0 0;   display: inline-block;
    padding: 3px 7px 3px 7px;
    color: #fff;
    background: #494646;
	background: linear-gradient(0deg, rgb(37 35 35) 0%, rgba(73, 70, 70, 1) 100%);
font-weight:300;font-size:11px;font-family:Open Sans, Arial;
    border-radius: 5px;
    text-shadow: 2px 1px #000;;}
	.platformy a:hover {	background: linear-gradient(0deg, rgba(73, 70, 70, 1) 0%, rgb(37 35 35) 100%);}
	
	.karta-poradnik {display:flex;width:100%}
	.karta-poradnik-img {display:inline-block;}
	.karta-poradnik-opis {display:inline-block;padding:10px 25px}
	.karta-poradnik-opis h2 {margin: 0;
    padding: 0;
font-weight:300;font-size:26px;font-family:Open Sans, Arial;} 	.karta-poradnik-opis h2 a {color:#000} 	.karta-poradnik-opis h2 a:hover {border-bottom:1px dotted #000}
.opis-por {    display: inline-block;
    width: 100%;
    margin-top: 19px;
color: #676767;}
.gra-spis {    display:inline-block;  position:relative;  flex: 0 0 345px;padding-bottom:20px;
    width: 360px;
background: #0f1729;}

.gra-spis-zamknij {    background: linear-gradient(174deg, #2a8b64 0%, #164935 100%);
    position: fixed;
    top: 20px;
    right: 30px;
    border-radius: 50%;
    width: 30px;
    height: 31px;
    color: #fff;
    text-align: center;
    padding-top: 7px;
cursor: pointer;}

.gra-spis-zamknij:hover {background: linear-gradient(174deg, #164935 0%, #2a8b64 100%);}

.gra-lewo {    display:inline-block;    flex: 0 0 345px;
    width: 360px;
}
.fakq{padding: 0 40px;}
.tag-whole {width:100%;display:inline-block;position:relative;margin:10px 0;padding: 17px 20px 17px 17px;position: relative;transition: 0.5s ease;
    top: 0; }
.tag-whole-inner { border-radius: 10px; }

.tag-whole-inner-bledy {   background: linear-gradient(163deg, rgb(78 10 10) 0%, rgb(191 51 51) 100%);}
.tag-whole-inner-krokpo { background: linear-gradient(132deg, #4d2a8b 0%, #754de1 100%);}
.tag-whole-inner-hardware { background: linear-gradient(316deg, #f0862d 0%, #725022 100%);}
.tag-whole-inner-porady { background: linear-gradient(184deg, #2a8b64 0%, #164935 100%);}
.tag-whole-inner-pytania { background: linear-gradient(173deg, #ad9b1f 0%, #514c19 100%);}
.tag-whole2 {
	
	    width: 20%;
    display: inline-block;

    margin: 10px 0;
    padding: 17px 11px 17px 0px; position: relative;
    top: 0;    transition: 0.5s ease;
}

.tag-row1 {    display: inline-block;
    width: 100%;
background: #434c75;}

.tag-row2 {       background: linear-gradient(90deg, #16223d 0%, rgb(15 23 41) 100%);
    padding: 10px 20px;
font-weight:300;font-size:14px;font-family:Open Sans, Arial;
    border-right: 1px solid #373737;
    border-left: 1px solid #373737;
    border-bottom: 1px solid #373737;
    color: #818181;
}

.tag-whole2:hover,.tag-whole:hover {    position: relative;
    top: -5px;}



.tag-title {    font-weight:300;font-size:16px;font-family:'Plus Jakarta Sans', Arial;
    color: #fff;
    display: inline-block;
    margin-top: -4px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;}
.tag-title span  {
font-weight:300;font-size:10px;font-family:Open Sans, Arial;
    display: inline-block;
    width: 100%;
    color: #ababab;
    position: relative;
    top: -5px;}

.tag-whole-opis {    display: inline-block;
    width: 100%;
    padding: 0 23px;
font-weight:300;font-size:14px;font-family:Open Sans, Arial;
    color: #f4f4f4;
    margin: 7px 0 14px 0;}
.tag-title a {color:#fff}

.tag-icon { float: left;
    color: #fff;
    font-size: 26px;
    width: 100%;
    padding: 15px 16px 12px 16px;
    text-align: center;;}



.flextest{display:flex;    width: 100%;    padding-bottom: 60px;;}
ul.spistresci {float:left;width:100%;margin:0;padding:0}
ul.spistresci li {float:left;width:100%;}
ul.spistresci li a {   transition:ease 0.5s;font-weight:300;font-size:14px;font-family:'Plus Jakarta Sans', Arial;
    color: #b3b3b3;
    float: left;
    width: 100%;
    padding: 14px 24px;    border-bottom: 1px solid #252525;}
	

	
	ul.spistresci li:last-child a {border-bottom:0}
.lista_element_tytul {    float: left;
    width: 100%;
font-weight:700;font-size:12px;font-family:'Plus Jakarta Sans', Arial;
    color: #3ea460;
    text-transform: uppercase;
    padding: 14px 24px;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #252525;}	
	
	.separator {    float: left;
    width: 100%;
font-weight:700;font-size:12px;font-family:'Plus Jakarta Sans', Arial;
    color: #3d3d3d;
    text-transform: uppercase;
    padding: 14px 24px;
    border-top: 1px solid #252525;
    text-align: center;}
	.sepbot {    border-bottom: 1px solid #252525;}
	
	ul.spistresci li a:hover {background:#16223d;   color:#fff; background: linear-gradient(90deg, #16223d 0%, rgb(15 23 41) 100%);}
	
		ul.spistresci li.zazn a {background: linear-gradient(90deg, #399f5b59 0%, rgb(15 23 41) 100%);color:#fff}
	
		div.solucja{top:30px}
		
		article.solucja {   font-weight:300;font-size:17px;font-family:Open Sans, Arial;margin-top:20px;    line-height:  28px;}
	article.solucja .cos {font-weight: 500;
}		
	article.solucja .cos-zobacz {color:#a908bb}
	article.solucja .fabula {    color: #2d87bd;
}
		article.pytanie {  width: 74%;
 
    float: left;}
		
		.pytanie-dodatkowe {    width: 23%;
    margin-left: 3%;
    display: inline-block;}
	
	
	.pytanieh2 { font-weight:300;font-size:21px;font-family:Open Sans, Arial;
    display: inline-block;
    width: 100%;
    margin: 54px 0 0 0;
    position: relative;
color: #676767;}

.youtube {  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;}

.youtube iframe {  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
height: 100%;}

.podziellink {display:inline-block;width:100%;margin-top:20px;position:relative}
.podziellink input {    display: inline-block;
    width: 100%;
    height: 34px;
    padding: 6px;
    background: #cdcdcd;
    border: 0;
font-weight:300;font-size:13px;font-family:Open Sans, Arial;
    color: #4d4c4c;
box-shadow: 1px 1px 1px #a7a7a7;}		
.podziellink button {position: absolute;cursor:pointer;
    display: inline-block;
    right: 0;
    top: 0;
    height: 35px;
    padding: 0 12px;
    background: #389e5a;
    color: #fff;
border: 0;}		.podziellink button:hover {background:#42b769}
		
		article.solucja img {max-width:100%}
		
		article.solucja > h2 {       font-weight:500;font-size:26px;font-family:Catamaran, Arial;
display: inline-block;
    width: 100%;
    border-top: 1px solid #d1d1d1;
    padding: 17px 0 12px 0;
    margin: 14px 0 14px 0;
    border-bottom: 1px solid #d1d1d1;}
		article.solucja > h3 {  font-weight:500;font-size:20px;font-family:Catamaran, Arial;
display: inline-block;
    width: 100%;
    border-top: 1px solid #d1d1d1;
    padding: 17px 0 12px 0;
    margin: 14px 0 14px 0;
    border-bottom: 1px solid #d1d1d1;}
	
	
			article.solucja > h4 {    display: inline-block;
    padding: 0;
    margin: 0;
font-weight:500;font-size:19px;font-family:Catamaran, Arial;}
	article.solucja ul {list-style-type:disc;display:inline-block;width:100%;padding-left:10px;margin-left:10px}
article.solucja ul li {}	
		
		article.solucja .obrazy {width:100%; display: inline-block;text-align:center;}
		article.solucja .obrazy  img{max-width:49%;;margin:0 0.5%}
			

.doschowania {    background: linear-gradient(90deg, rgb(73 176 177) 0%, rgb(48 159 241) 100%);
display:inline-block;width:100%;    color: #fff;
    box-shadow: 2px 2px 1px #145585;  font-weight:300;font-size:15px;font-family:Open Sans, Arial;
    border: 0;
    border-radius: 7px;
    margin: 11px 0 13px 0;
    padding: 15px 25px 15px 25px;}

	.doschowania h3 {padding:0;margin:0 0 5px 0;display:inline-block;width:100%;font-weight:600;font-size:20px;font-family:Catamaran, Arial;}
			
	.tabelamainstyle {float:left;background:#0F2960;color:#fff;font:300 17px 'Roboto Condensed';padding:7px 0}
		
			
			
			.poradnikiel {width:20% !important}
	#poradniki div.poradnikiel h3 a {
    display: inline-block;
    color: #000;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;}
	
	
	ul.paginacja {margin: 0 auto;
    display: inline-block;
    background: #fff;
    border: 1px solid #D7D7D7;
    border-radius: 7px !important;overflow:hidden}
	
	.pagin {    width: 100%;
    display: flex;
    padding-top: 56px;}
	ul.paginacja li {display:inline-block;}
		ul.paginacja li a {    display: inline-block;
font-weight:400;font-size:14px;font-family:'Plus Jakarta Sans', Arial;
    color: #000;
    padding: 10px 12px;} ul.paginacja li a:hover {    background: linear-gradient(359deg, #b4b4b43b 0%, rgb(255 255 255) 100%);}
		ul.paginacja li.current a {    background: linear-gradient(359deg, #24ad371a 0%, rgb(255 255 255) 100%);
		color: #25b736;}
		.pagsep {    float: right;
    width: 1px;
    top: 8px;
    background: #e3e3e3;
    height: 24px;
    left: 0;
    position: relative;
		margin: 0 5px;}
		
		.pagsepleft {float:left !important}
		
		
.alert {display:inline-block;width:100%;}
.alert-ikonka {    display: inline-block;
    margin: 0 auto;
    font-size: 81px;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    color: #535353;}
.alert-opis {display:inline-block;width:100%;text-align:center;margin:0 auto;margin-top:20px;font-weight:300;font-size:20px;font-family:'Plus Jakarta Sans', Arial;color:#7f7f7f}		
		
	
.poradnik-nawigacja {display:inline-block;width:100%;margin-top:50px}	

.button1 {float:left} .button2 {float:right}
.button1, .button2 {margin: 0 auto;
    display: inline-block;
    background: #fff;position:relative;
    border: 1px solid #D7D7D7;
border-radius: 7px;}

.button1 span, .button2 span {    display: inline-block;
font-weight:300;font-size:13px;font-family:'Plus Jakarta Sans', Arial;
    color: #a5a5a5;
    width: 100%;
padding: 9px 0 0 12px;}

.button1 i {float: left;
    display: inline-block;
    padding: 0 12px;
    height: 100%;
    font-size: 37px;
    padding: 13px 4px 0 14px;}

.button2 i {float:right;    display: inline-block;
    padding: 0 12px;
    height: 100%;
    font-size: 37px;
    padding: 13px 14px 0 4px;}

.button1 a.button1a, .button2 a.button2a { display: inline-block;
font-weight:600;font-size:16px;font-family:'Plus Jakarta Sans', Arial;
    color: #000;
    padding: 1px 12px 10px 12px;}


.button1-1, .button2-1 {display: inline-block;}		

a.calka {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}
		
.button1:hover span, .button2:hover span {color:#716f6f}
.button1:hover a.button1a, .button2:hover a.button2a, .button1:hover i, .button2:hover i {color:#1adf5d}
		
		.solucja-menu-mobilne { position: fixed; z-index: 9999999999;
    bottom: 10px;
    left: 0;    width: 100%;
    text-align: center;}
.solucja-menu-mobilne > a.solucja-menu-mobilne-but {     
display: inline-block;
    background: linear-gradient(174deg, #2a8b64 0%, #164935 100%);
font-weight:600;font-size:13px;font-family:'Plus Jakarta Sans', Arial;
    color: #fff;
    padding: 12px 18px 11px 18px;
    cursor: pointer;
	}
	

	
.solucja-menu-mobilne > a.solucja-menu-mobilne-but:hover { background: linear-gradient(174deg, #164935 0%, #2a8b64 100%);}	
	
	.solucja-menu-mobilne-but i {margin-right:3px}		
	
.solucja-menu-mobilne > a.solucja-menu-spis {display:none}
	
	.faq-filtruj {width:100%;display:inline-block}
	.faq-filtruj a{display:inline-block;margin-right:3px;font-weight:300;font-size:14px;font-family:'Plus Jakarta Sans', Arial;
    color: #fff;
    background: #9c9c9c;
    padding: 7px 12px;
    border-radius: 6px;}
	.faq-filtruj a:hover {    background: linear-gradient(359deg, #9c9c9c 0%, rgb(99 99 99) 100%);}
	
	.faq-filtruj a.current {    background: #272f3c}
	
	
	.kto-autorek1 {    width: 100%;
    float: left;
    display: flex;
    margin: 58px 0 60px 0;}
	.kto-autorek2 {  display: inline-block;
    margin: 0 auto;
    background: #fff;
    padding: 1px 15px 9px 15px;
    border-radius: 10px;
font-weight:300;font-size:14px;font-family:Open Sans, Arial;}
	.kto-autorek2 img {    display: inline-block;
    position: relative;
    top: 8px;
    max-width: 25px;
    margin: 0px 3px 3px 7px;
    border-radius: 50%;}
	
	
	ul.faq {width:100%;margin:20px 0 0 0;padding:0;float:left}
ul.faq li {float:left;width:100%;padding:14px 13px 14px 13px;border-radius:5px}
ul.faq li:nth-child(odd) {background:#fff}

ul.faq li .row1 {float:left;width:100%;} ul.faq li .row1 a {color:#000;font-weight:600;font-size:16px;font-family:'Plus Jakarta Sans', Arial;text-decoration:none} ul.faq li .row1 a:hover, ul.faq li .row2 a:hover {text-decoration:underline}
ul.faq li .row2 {float:left;width:100%;font-weight:300;font-size:15px;font-family:'Plus Jakarta Sans', Arial;color:#9b9b9b;margin-top:3px} ul.faq li .row2 a {color:#24C136;text-decoration:none}
.naliscie {margin-bottom:25px}


.pytanie-opis {float:left;width:100%;   
    border-radius: 10px;   
    padding: 14px 4px;}
.pytanie-opis h2 {font-weight:600;font-size:28px;font-family:Catamaran, Arial;color:#494949;    margin: 0;
    display: inline-block;
    width: 100%;}
.pytanie-dane {    display: inline-block;
    width: 100%;
font-weight:300;font-size:15px;font-family:Open Sans, Arial;
    color: #9e9e9e;

    margin: 6px 0 0 0;
	
}		

form.zadajpytanie {width:100%;display:inline-block;margin-top: 30px;}
form.zadajpytanie > label {    font: 500 16px 'Inter';}
form.zadajpytanie label i {color: #cf4444;font-size: 9px;position: relative;top: -10px;}
form.zadajpytanie > input, form.zadajpytanie > textarea, form.zadajpytanie > label {width:100%;display:inline-block}

form.zadajpytanie select {width: 100%;
    border-radius: 7px;
    border: 1px solid #a1a1a1;
    margin: 11px 0 13px 0;
font-weight:300;font-size:15px;font-family:Open Sans, Arial;
padding: 12px 14px;}


form.zadajpytanie > input, .captcha {    border-radius: 7px;
    border: 1px solid #a1a1a1;
    margin: 11px 0 13px 0;
font-weight:300;font-size:15px;font-family:Open Sans, Arial;
padding: 12px 14px}

form.zadajpytanie > input:focus, form.zadajpytanie > textarea:focus, .captcha:focus {    box-shadow: 2px 2px 2px #6fd53b;}
form.zadajpytanie textarea {    border-radius: 7px;
    border: 1px solid #a1a1a1;
    margin: 11px 0 13px 0;
font-weight:300;font-size:15px;font-family:Open Sans, Arial;
    padding: 7px 10px;}

.pytanie_submit {display:inline-block;width:100%;text-align:right}
.pytanie_submit label {font: 500 16px 'Inter';position:relative;top:2px;right:4px} .pytanie_submit label span {    color: #339855;}
.pytanie_submit input.dodaj {width:auto !important;    background: linear-gradient(90deg, rgb(73 177 108) 0%, rgba(49, 150, 83, 1) 100%);
    color: #fff;
    font: 500 15px 'Inter';
    border: 0;
    box-shadow: 2px 2px 1px #17691d;cursor:pointer; border-radius: 7px; margin: 11px 0 13px 13px;     padding: 10px 14px 9px 14px;}
	
	.pytanie_submit input.dodaj:hover {background: linear-gradient(90deg, rgba(49, 150, 83, 1) 0%, rgb(73 177 108) 100%);}
	
.captcha {    top: 1px;
position: relative;}

.listagier {display:inline-block;list-style-type:none;width:100%;}
.listagier li {width: 24%;
    display: inline-block;
    background: #fff;position:relative;
    padding: 6px 7px;
    margin: 9px 5px;
    box-shadow: 2px 2px 2px #d6d6d6;
}

.listagier li:hover {    box-shadow: 2px 2px 2px #a9a8a8;}
.listagier li img {max-width:100%;transition:all 0.5s ease}
.listagier li img:hover {filter: brightness(1.2)}

.listagier li a {width:100%;font-weight:700;font-size:18px;font-family:Catamaran, Arial;color:#000} .listagier li a:hover {color:#259138}
.listagier h3 {padding: 0 6px;margin:0;width:100%;  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.listagier li > span {width: 100%;
    display: inline-block;
font-weight:300;font-size:14px;font-family:Open Sans, Arial;color:#373737;
    margin-bottom: 3px;padding: 0 6px;}
	
.listagier li > span i[class="fal fa-ellipsis-h"] {margin:0 7px}
.listagier li > span i[class="fal fa-calendar-alt"] {margin-right:3px}

#breadcrumbs {display:inline-block;width:100%;font-weight:300;font-size:13px;font-family:Open Sans, Arial;}
#breadcrumbs a {text-decoration:none}
#breadcrumbs i {    display: inline-block;
    padding: 0 3px 0 5px;
    font-size: 8px;
    color: #424242;}


.ogolny a {color: #3da35f;
text-decoration: underline;} .ogolny a:hover {    color: #3cff7d;}
.gra-opis-faq {    margin: 3px 0 16px 0 !important}

.wskazowka {    background: linear-gradient(90deg, rgb(73 176 177) 0%, rgb(48 159 241) 100%);
    color: #fff;
    box-shadow: 2px 2px 1px #145585;
    width: 100%;
    display: inline-block;
    font: 300 15px 'Inter';
    border: 0;
    border-radius: 7px;
    margin: 11px 0 13px 0;
padding: 10px 14px 9px 14px;} .gra-opis-faq .wskazowka a {color:#fff}.wskazowka a:hover {color:#7aff79}
.tagi-wfaq {margin:10px 0 100px 0 !important} 

.klawisz {    text-align: center;
    border: 2px solid #ccc;
    border-radius: .25em;
    min-width: 1.5em;
    margin-right: .15em;
    padding: 1px 5px;
    display: inline-block;
    box-shadow: 2px 2px #999;
    font-size: 12px;
    position: relative;
    top: -1px;
    cursor: pointer;
    line-height: normal;}

.galeria-infaq {     display: flex;
     justify-content: center;}

.galeria-infaq div {flex-shrink: 1;padding: 0 2px;}
.galeria-infaq div img{ 
     width: 100%;transition:all 0.5s ease;border-radius:8px;
     height: auto;}

.galeria-infaq div img:hover, .gry a img:hover {    filter: brightness(1.2)}

.nazdjeciu {    display: inline-block;
    color: #fff;
    padding: 0 6px;
    font-size: 14px;
    background: linear-gradient(90deg, rgb(11 203 107) 0%, rgb(104 217 129) 100%);
    border-radius: 4px;
box-shadow: 1px 1px 0px #818181;}

.tagi-wfaq a.tagglowny {    color: #f5e8e8;
    font: 400 13px 'Inter';
    text-transform: uppercase;
    margin-right: 4px;
    padding: 6px 10px;
    text-decoration: none;

    transition: all ease 0.5s;
    margin-bottom: 4px;
 }

.tagi-wfaq a.tagnext {    color: #f5e8e8;
    font: 400 13px 'Inter';
    text-transform: uppercase;
    margin-right: 4px;
    padding: 6px 10px;
    text-decoration: none;
    transition: all ease 0.5s;
    margin-bottom: 4px;
    background: #9a9a9a;    display: inline-block;}
.tagi-wfaq a.tagnext:hover {background:#555555;color:#fff}

.tag-error {width: 100%;
    float: left;
    background: #bcffdd;
    padding: 10px 15px;
font-weight:300;font-size:15px;font-family:Open Sans, Arial;
    color: #1e7649;
border-radius: 10px;
    box-shadow: 2px 2px 3px #cec8c8;
}


.tag-error2 {        width: 100%;display:inline-block;
    font: 300 15px 'Inter';
    border: 0;
    border-radius: 7px;
    margin: 11px 0 13px 0;
    padding: 10px 14px 9px 14px;
}

.tag-error2 b {   font: 700 15px 'Inter';}

.alerterror {   background: linear-gradient(90deg, rgb(177 73 73) 0%, rgb(201 81 81) 100%);color: #fff;box-shadow: 2px 2px 1px #691717;}
.alertinfo {background: linear-gradient(90deg, rgb(73 176 177) 0%, rgb(48 159 241) 100%);
    color: #fff;
box-shadow: 2px 2px 1px #145585;}
.alertok {    background: linear-gradient(90deg, rgb(51 175 62) 0%, rgb(35 129 30) 100%);
    color: #fff;
    box-shadow: 2px 2px 1px #147329;}

.tag-error2 i {margin-right:10px}

.opis-page {font-weight:300;font-size:15px;font-family:Open Sans, Arial;
color: #575757;}




span.podkresl {    font-weight: 600;
    color: #fff;
    padding: 0 5px;
background: #389e5a}
span.podkresl-no {    font-weight: 600;
    color: #fff;
    padding: 0 5px;
background: #a70202}


		
@media screen and (max-width: 1040px) {
	.listagier li {width: 32%;}
.col-full  {display:inline}
.col-12 {width:100%}
.tag-whole2 {width:25%}

.pytanie {    width: 100% !important}
.pytanie-dodatkowe {margin-left:0 !important;width: 100% !important}


#mainnav {height:auto;display: flex;}
#mainnav ul {display:inline}
#mainnav ul li.wyszukiwarka {width:100%;margin-left:0}
#mainnav ul li.user {display:none}

}


@media screen and (max-width: 870px) {
		.solucja-menu-mobilne > a.solucja-menu-spis {display:inline !important}
.listagier li {width: 31%;
}
#mainnav2 ul li a span {display:none}
#mainnav2 {text-align: center;display: flex;}
#mainnav2 ul {display:inline-block;text-align: center;}
#mainnav2 ul li {display:inline-block;float:none;flex:none}
#mainnav2 ul li a span {display:none}

.tag-whole2 {width:33%}
.p2 {padding-right:0}

	.gra-spis {left:-100%;display:none}
	.gra-spis-true {display:inline-block;position:fixed;top:0;left:0;width:100%;z-index:9999999999999;padding:20px;height:100%;            overflow-x: hidden;
            overflow-y: auto;}
}




@media screen and (max-width: 650px) {
	ul.pytania {margin:0 0 50px 0}
.gra-obrazek, 
.gra-metryka {width: 100%;
    text-align: center;}
.gra-metryka ul li {text-align:left}	
	
	.fakq{padding: 0 5px;}
	.solucja-menu-mobilne > a.solucja-menu-spis {display:inline !important}
	#mainnav ul li.logo {width:auto}	#mainnav ul li.logo img {width:165px}
	.listagier li {width: 45%;}
#gra-nawigator {overflow-x:scroll}
#mainnav ul li.opcja {display:none}
.tag-whole2 {width:50%;    padding: 0px 11px 0px 0px;}

#mainnav ul li.logo,  #mainnav ul li.menu-bars {display: inline-block;}
    #mainnav ul {display:flex}
	
	#mainnav {height:auto;display: flex;}
#mainnav ul {display:inline}
#mainnav ul li.wyszukiwarka {width:100%;margin-left:0}
#mainnav ul li.user {display:none}


	.gra-spis {left:-100%;display:none}
	.gra-spis-true {display:inline-block;position:fixed;top:0;left:0;width:100%;z-index:9999999999999;padding:20px;height:100%;            overflow-x: hidden;
            overflow-y: auto;}
}