@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800,900');
body {
	font-family: 'Nunito', sans-serif;
	height: 100%;
	color: #646464;
	font-size: 16px;
}
.wrapper {
	font-family: 'Nunito', sans-serif;
	border: 1px solid #e5e5e5;
	border-radius: 30px;
	max-width: 1140px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}
h1 {
	font-weight: 600;
}
h2 {
	font-size: 1.25rem;
}
h3 {
	color: #646464;
	font-size: 1.5rem;
}
h3.tylko {
	font-weight: 300;
	font-size: 1.25rem;
}
h5 {
	color: #808080;
	font-weight: 300;
}
.bg_header {
	background: url(../images/header.jpg) 50% 0;
	background-color: rgba(0, 0, 0, 0.03);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 43vw;
    max-height: 500px;
    border-radius: 30px 30px 0px 0px;
}
.bg_header h1,
.bg_header h2 {
	display: none;
}
@media (max-width: 575.98px) {
	.bg_header {
		background-image: url("../images/header-m.jpg");
		background-color: rgba(0, 0, 0, 0.03);
		height: 114vw;
		max-height: 760px;
	}
	.step-item img {
		width: 50px;
	}
	.jak-skorzystac {
		font-size: 0.75rem;
		line-height: 1.25;
	}
}
.ramka {
	border-right: 0px solid #e5e5e5;
	border-bottom: 0px solid #e5e5e5;
	height: 390px;
}
.ramka2 {
	border-right: none;
	border-top: 0px solid #e5e5e5;
}
.ramka3 {
	border-right: none;
	border-bottom: 0px solid #e5e5e5;
}
.jak-skorzystac {
	background: rgba(0, 0, 0, 0.03);
}
.btn {
	border-radius: 30px;
	font-family: 'Nunito', sans-serif;
	color: #fff;
	font-size: 16px;
	background: #0082fa;
	padding: 5px 20px 6px 20px;
	border: solid #0082fa 1px;
	text-decoration: none;
	width: 130px;
}
.btn:hover {
	text-decoration: none;
	background: none;
	border: solid #0082fa 1px;
	color: #0082fa;
}
.disclaimer {
	color: #808080;
}

.footer_bg{
	background: rgba(0, 0, 0, 0.03);
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
ul li { list-style-type: none;
		margin-left: -20px;
}

@media (max-width: 991px) { 
	ul li{ padding-left:25%}
}

@media (max-width: 741px) { 
	ul li{ padding-left:20%}
}
@media (max-width: 620px) { 
	ul li{ padding-left:15%}
}
@media (max-width: 520px) { 
	ul li{ padding-left:5%}
}
@media (max-width: 480px) { 
	ul li{ padding-left:0%}
}

.card {

    position: relative;
    display: -ms-grid;  /*-ms-flexbox;*/
    display: grid; /* flex*/
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ccc;
    border-radius: 30px;

}
.card:hover{
		-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
			-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.card-img-top {

    width: 90%;
	max-width: 504px;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    padding: 10px 25px;
	margin: 0 auto;

}
.odstep{
	padding: 0rem 1.5rem;
		-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.odstep:hover{
	  -ms-transform: scale(1.03, 1.03); /* IE 9 */
  -webkit-transform: scale(1.03, 1.03); /* Safari */
  transform: scale(1.03, 1.03);
	-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

a {

    color: #0082fa;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;

}
a:hover{color: #005493;
	text-decoration: none;
}

.cross_bg{
    border-radius: 0px ;
	/*background-clip: border-box;*/
    border: 1px solid #ccc;
	border-left: 0px;
	border-right: 0px;
}


.cross_bg_small{
    border-radius: 0px 0px 0px 0px;
	background-clip: border-box;
    border: 1px solid #ccc;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}