/*
Theme Name: Twój Kantor
Author: dwarazy.com
Author URI: https://dwarazy.com/
Version: 99.1
Text Domain: twoj-kantor.com.pl
package twoj-kantor
*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size:12px;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0;
	padding:20px
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

p {margin: 2px; padding: 2px;}

/* ALL CSS */

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

body {background: #fff; font-family: 'Roboto', sans-serif;}

/* MENU */

#menuwewb {display:none; color:#fff;}
.menuwew ul {padding:0; margin:0;}

.menugl {
    width: 100%;
    background: #000;
    text-align: center;
}
.menuwew {clear:both; margin:auto;
    width: 100%; text-align:center;
	padding:10px; box-sizing:border-box;}

.menugl li {display:inline-block; padding:10px 1%; color:#9ad71a;}

#menu-glowne a:link, #menu-glowne a:visited, #menu-glowne a:active {
    color: #fff; text-transform: uppercase; font-size: 14px;

font-weight: 700;
}

#menu-glowne a:hover {color:#9ad71a;}

.menugl li::after { /*font-family: "Font Awesome";*/
content: "";
padding: 0px 15px;
background-image: url('https://twoj-kantor.pl/wp-content/uploads/2019/05/znaczek.png');
background-repeat: no-repeat;
background-position: center -1px;
}



/* KONIEC MENU */



/* CSS STRONA */

a:active {text-decoration:none; color:#000}
a:hover {text-decoration:none; color:#000}
a:link {text-decoration:none; color:#000}
a:visited {text-decoration:none; color:#000}

.fa {
 display:inline-block;
 font:normal normal normal 14px/1 FontAwesome;
 font-size:inherit;
 text-rendering:auto;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}

.fa-phone::before {
    content: "\f095";
}
.fa-phone, .fa-home, .fa-envelope, .fa-globe {padding:0px;}

.fa-envelope::before {
    content: "\f0e0";
}

.fa-globe::before {
    content: "\f0ac";
}

.fa-home::before {
    content: "\f015";
}

.calosc {background:#fff; width:100%; margin:auto; position: relative; line-height:100%;}

.pasekszary {
    background: #f3f2f7;
    position: fixed;
    width: 100%;
    z-index: 9;
    height: 180px;
}

.slider, .srodekinfo {padding-top:180px; font-size:14px;}

.ms-theme-radix {
	padding-bottom: 0px !important;}

.pasekszarywew {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    padding: 15px;
	box-sizing: border-box;
}
.twojkan {
    font-size: 14px;
    font-weight: 300;
    color: #6e6d72;
    width: 50%;
    display: inline-block;
	vertical-align: middle;
}

.face {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-size: 20px;
}

.logo img {
    max-width: 310px;
    height: auto;
}

.logo {
    padding: 10px;
    width: 40%;
    box-sizing: border-box;
	display: inline-block;
    vertical-align: middle;
}

.infobaner {width:100%; background: #fff;}

.infobanerwew {
    max-width: 1280px;
    margin: auto;
}
.infob1, .infob2, .infob3 {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
}
.infob1w, .infob2w, .infob3w {
    max-width: 230px;
    margin: auto;
}

.infob1w i, .infob2w i, .infob3w i  {
    display: inline-block; font-size:30px; color:#9ad71a;
    vertical-align: middle;
}

.dane, .dane1 {
    display: inline-block;
    vertical-align: middle;
}

.dane p, .dane1 p {
    font-size: 16px;
    font-weight: 700;
}

.cienki {font-weight: 300 !important;}

.fa-phone, .fa-map-marker-alt, .fa-clock { padding:5px;}

.transwew { text-align: center;
  /* The image used */
  background-image: url("https://twoj-kantor.pl/wp-content/uploads/2019/05/transfer.jpg");

  /* Set a specific height 
  min-height: 400px; */

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.infotrans, .infotrans2 {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

.infotrans h1 {
    font-size: 2.5vw;
    margin: 30% 20px;
    display: block;
    border-right: 1px solid #fff;
	line-height: 120%;
}
.infotrans2 {
    font-size: 16px;
    line-height: 120%;
}

.infotrans3 {    width: 20%;
    display: inline-block;
    vertical-align: middle;
    color: #fff;}

.infotrans3 a:link, .infotrans3 a:active, .infotrans3 a:visited, .infotrans3 a:hover {
    display: block;
    max-width: 120px;
    background: #9ad71a;
    margin: auto;
    padding: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}
.tabwal1 {
    max-width: 440px;
    display: inline-block;
    margin: 0px 10px;
    text-align: center;
    vertical-align: top;
	color:#000;
	font-size:18px;
    /*height: 565px !important; width:45% !important;*/
}
.tabwal2 {
    max-width: 440px;
    display: inline-block;
    margin: 0px 10px;
    text-align: center;
    vertical-align: top;
	color:#000;
    /*width:45% !important;*/
	font-size:18px;
    height: 565px !important;
}

.infogltxt {padding:20px;}

.nagltab {color:#8ab928; font-size:14px; line-height:110%;}

.czarnawal {color:#000; text-align: left !important;}

.tabwal1 td, .tabwal2 td { padding: 10px;
   border-bottom: 1px solid #eee; height: 40px !important;
}

.tabwal1 img, .tabwal2 img { max-width: 35px;
height: auto;}

.artykuly {text-align: center;}

.waluty {
    display: inline-block;
    vertical-align: top;
	line-height: 180%;
    max-width: 770px;
    margin: auto 20px;
	font-size: 14px;
}

.waluty table {height:600px !important;}

.infokant {
    display: inline-block;
    vertical-align: top;
    line-height: 180%;
    text-align: justify;
    max-width: 510px;
    margin: auto 20px;
    font-size: 14px;
    font-weight: 300;
}

.infokant h1, .waluty h1 {

    text-align: center;
    box-sizing: border-box;
    padding: 20px;
    margin: 0;
	line-height: 140%;

}

.ikony1, .ikony2 {
    border-bottom: 1px solid #bbb;
    padding: 25px 0 25px 0;
    width: 70px;
	margin:auto;
	text-align:center;
}

.ikony3 {
    padding: 25px 0 25px 0;
    width: 70px;
	margin:auto;
	text-align:center;
}

.ikony1 i, .ikony2 i, .ikony3 i {width: 60px; font-size:24px; color:#bbb;}

.tabinfokant {
    text-align: right;
    background: #333945;
    width: 110px;
    display: table-cell;
    vertical-align: top;
}
.ikony {width: 20%;
text-align: center;
font-size: 24px;}

.ikony a {color: #bbb;}

.stopka {background:#333945}

.stopkawew ul {margin:0; padding:0;}

.stopkawew {
    max-width: 1280px;
    margin: auto;
    text-align: center;
	color:#dedede;
	padding-bottom: 40px;
}

.stopkawew li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 16%;
    margin: 20px 2%;
	text-align: left;
}

.stoplogo {
    width: 30% !important;
    max-width: 264px;
}

.stopnavip {
    font-size: 18px;
    padding: 20px 0;
    text-align: left;
    border-bottom: 1px solid #8c8c8c;
    margin-bottom: 25px;
    font-weight: bold;
}

.odwiedz {
    margin: 20px 0;
    font-size: 14px;
}

.odwiedz a:link, .odwiedz a:visited, .odwiedz a:hover {
    padding: 0 10px;
    font-size: 18px;
    vertical-align: middle;
	color:#fff;
}

.listodt i {font-size:24px;}

.fonsto p {font-size:14px;}

.listodt {
    margin: 10px 0;
}

.navistop li {
    display: block;
    width: 100% !important;
	margin: 10px 0 !important;
    padding: 5px 0 !important;
}

.navistop a:link, .navistop a:visited, .navistop a:hover { color:#8c8c8c;;}

.logo img {width:100%; height:auto; max-width:310px;}

.tabinfo {display:table; line-height:0; margin-bottom:40px;}


 /* Popup container */
.popup, .popups {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext, .popups .popuptexts {
  visibility: hidden;
  width: 160px;
  background-color: #9ad71a;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
	height: 45px;
line-height: 110%
}

/* Popup arrow */
.popup .popuptext::after, .popups .popuptexts::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #9ad71a transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show, .popups .shows  {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

.entry-header h1 {line-height: 110%;}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
} 

.stplink a:active, .stplink a:hover, .stplink a:link, .stplink a:visited {color:#fff;}

.zdjinfo img {width:100%; height:auto;}

.cn-button.wp-default {
    color: #fff !important;
    background: #9ad71a !important;
}

/* MOBILE */

@media (min-width: 1920px){

}

@media (max-width: 1280px){
	.stopkawew li {width: 20%;
margin: 20px 1%;}
	.entry-content img {max-width:100%; height:auto; min-width:41px;}
	.entry-content {padding:20px;}
	.logo {width:33%;}
	.infob1, .infob2, .infob3 {
		width: 22%;}
}

@media (max-width: 1024px){
	
}

@media (max-width: 990px){
	.infob1, .infob2, .infob3 {
    width: 30%;
    margin: 0 auto 10px 0;
    text-align: left;
}
	.logo {
    width: 33%;
    display: block;
    margin: auto;
}
	.slider, .srodekinfo {

		padding-top: 215px;}
	.infobanerwew {    text-align: center;}
	.menugl {
    display: block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    margin: auto;
        box-sizing: border-box;
}
	
    .stoplogo {
    display: block !important;
    margin: 0px auto !important;
}
	
	.stopkawew li { width:25%;}
.menudolne li {padding: 10px;}
	.logogl {
		width: 100%;}
}

.entry-content {max-width:1280px; margin:auto; font-size:14px; line-height:140%;}

@media (max-width: 767px){
	.entry-content img {max-width:100%; height:auto; min-width:25px;}
	.znikawal {display:none;}
	.logo {
    padding: 10px;
    width: 100%;
    display: block;
    text-align: center;
		margin:auto;
}
	.dane {		display: none;}
	.infobanerwew {    text-align: center;}
	
	.infob1, .infob2, .infob3 {
    padding: 0px 0px 10px 0;
    text-align: center;
}
	.slider, .srodekinfo {		padding-top: 230px;}
	.tabwal1 {display:block; margin:auto;}
	.infogltxt {
    margin: -40px 0 0 0;
}
	#menu {display: none;}
    #menuwewb {display: block; cursor: pointer; font-size: 24px;}
    
    #menu-glowne li{
    display: block;
    padding: 15px;
	font-size: 14px;
}
	.stopkawew li {
    display: block;
    margin: auto;
    max-width: 250px;
    width: 100%;
}
	.infokant, .waluty {padding: 0 20px;}
	.tabwal1, .tabwal2 {width: 100% !important;
max-width: 340px !important; margin: 0 auto;}
	
	.tabinfo {
    display: block;
    width: 100%;
}
	.tabinfokant {width:100%; display:block;}
	
	.ikony1, .ikony2 {
	border-bottom:none;
    border-right: 1px solid #bbb;
    padding: 15px 0 15px 0;
    width: 32%;
    display: inline-block;
    margin: 20px 0;
    box-sizing: border-box;
}

	.ikony3 {
	border-bottom:none;
    padding: 15px 0 15px 0;
    width: 32%;
    display: inline-block;
    margin: 20px 0;
    box-sizing: border-box;
}
	
	.infotrans, .infotrans2 {
    width: 100%;
		display: block;}
	
	.infotrans h1 {
    font-size: 28px;
    margin: 0 auto;
    display: block;
    border-right: none;
    line-height: 120%;
    padding: 20px;
}
	.infotrans3 {
    margin: 0px auto;
    box-sizing: border-box;
    display: block;
    width: 70%;
    padding: 20px;
}	
	.stoplogo {    width: 100% !important;}
	.menugl li::after {display:none;}
}

@media (max-width: 480px){
	.slider {overflow:hidden !important;}
	
	#metaslider-id-9 {width:200% !important;}
	.pasekszary {
height: auto;
    background: #f3f2f7;
		position: relative;}
        
.menudolne li { display: block;}
	.slider, .srodekinfo {padding-top: 0px;}
}

@media (max-width: 380px){
}