html,body{
	margin:0 auto;
	width:100%;
	font-family: LatoLatinWeb;
}
a{
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	color:#003f86;
}
h2{
	margin:0;

}
img{
	max-width:100%;
}
img.dlaczego_img{
	height: 100%;
    object-fit: cover;
}
.container{
	width:1168px;
	margin:0 auto;
	position:relative;
}
.modal-flex{
	display:flex;
}
.modal-flex .row:nth-child(1){
	flex:1;
	margin-right:10px;
}
.flexbox_dane{
	margin-left:40px;
}
.jus_center{
	justify-content:center;
}
.modal-flex .row:nth-child(2){
	margin-left:10px;
	flex:1;
}
.dane_stopka{
	font-size:13px;
}
.stopka_flex{
	display:flex;
}
.logo_stopka{
	flex:0 0 auto;
}
.row_stopka_dane{
	flex:1;
	display:flex;
	flex-wrap:wrap;
}
.row_stopka_dane h3{
	flex:1 1 100%;
	margin:0 0 15px 40px;
	color:#fff;
	font-size:18px;
}
.row_stopka_dane .row{
	flex:1;
	margin-left:40px;
}
.row_stopka_dane .row:nth-child(4) .dane_stopka{
	display:table;
	margin-left:auto;
}
.min_top{
	background-color: #28282b;
    padding: 12px 0px;
    color: #fff;
}
.min_top .container{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.min_top .row{
	display:flex;
	align-items:center;
}
.min_top .dane{
	display:flex;
	align-items:center;
	margin-right:15px;
}
.min_top .dane.margin{
	margin-top:10px;
}
.min_top .dane img{
	margin-right:5px;
}
.min_top .dane_txt{
	color:#fff;
	font-size:13px;
	line-height:1.3em;
}
.min_top .soc_top{
	margin-left:10px;
}
.min_top .soc_top img{
	margin-right:10px;
}
.top_menu
{
    background-color: #28282b;
    padding: 12px 0px 0px 0px;
    color: #fff;
}
.left_item,.right_item
{
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 13px;
    position: relative;

}
.bottom_menu
{
	padding:25px;
}
.left_item
{
	float: left;
}
.right_item
{
	float:right;
}
.clear
{
	clear:both;
}
.item_txt
{
    position: relative;
    top: -14px;
    margin-left: 20px;
}
.menu_strony
{
	float:right;
	position:relative;
	top:20px;
}
.menu_strony a
{
	color:#111;
	margin-left:30px;
	padding:5px;
	cursor:pointer;
}
.slider
{
	background:url("../img/slider.jpg") no-repeat;
	background-position:center;
	background-size:cover;
	height:655px;
}
.add_promo
{
	color:#fff;
	font-size:20px;
	font-family: 'LatoLatinWebLight';
	font-style: normal;
    font-weight: normal;
	margin-bottom:20px;
	text-shadow:2px 2px 2px rgb(0,0,0);
}
.promo
{
	margin:0 auto;
	max-width: 90%;
	text-align:center;
	position:relative;
	top:205px;
}
h1
{
    margin: 0;
    padding: 0;
    font-family: 'LatoLatinWebHeavy';
	font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 45px;
	line-height: 60px;
}
h2
{
	margin: 0;
    padding: 0;
    font-family: 'LatoLatinWebHeavy';
	font-style: normal;
    font-weight: normal;
    color: #01213b;
    font-size:35px;
	text-align:center;
	margin-bottom:60px;
	font-size:38px;
}
p.dlaczego_opis{
	margin: 0;
    padding: 0;
    color: #fff;
    font-size: 24px;
    font-family: 'LatoLatinWebLight';
	font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
    text-align: justify;
}
p.dlaczego_opis span{
	font-family: 'LatoLatinWebHeavy';
	font-weight:normal;
	font-style:italic;
}
.uslugi,.onas
{
	padding: 90px 0 100px 0;
	text-align:center;
}
.regular
{
    font-family: 'LatoLatinWeb';
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
}	
.button
{
	padding:25px 60px;
	background:#cfaa45;
	color:#fff;
	font-family: 'LatoLatinWebHeavy';
    font-style: normal;
    font-weight: normal;
	position:relative;
	letter-spacing:1px;
	font-size:19px;
	display:inline-block;
}
.button_umow
{
		margin-top:45px;
}
.button_oferta
{
		margin-top:80px;
}
.button_dl
{
		margin-top:50px;
}
.button:hover
{
	background:#b18d29;
	color:#fff;
}
.w25
{
    float: left;
    width: 33.33%;
    text-align: center;
    font-family: 'LatoLatinWebHeavy';
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
}
.w50
{
	float:left;
	width:50%;
	font-family: 'LatoLatinWebHeavy';
    font-style: normal;
    font-weight: normal;
	font-size:18px;
	box-sizing:border-box;
	position:relative;
}
.posrel
{
	position:relative;

}
.strzalka {
    position: absolute;
    right: 27px;
    top: 171px;
}
.w25 img
{
	margin-bottom:15px;
}
.line_25
{
	height:2px;
	background:#cfaa45;
	width:40px;
	margin:0 auto;
	margin-top:15px;	
}
.dlaczegomy
{
	background:#f0f1f6;
	display:flex;
}
.wr
{
	background-color: #2c2c2f;
	padding:70px 100px;
	background-image:url('../img/av_bg.png');
	background-repeat: no-repeat;
    background-position: bottom right;
	background-size: contain;
}
.wr2{
	background-color: #2c2c2f;
	padding:130px 200px 150px 170px;
	background-image: url(../img/av_bg.png);
    background-repeat: no-repeat;
    background-position: center right;
	background-size: contain;
}
.wrh
{
	text-align:left;
	color:white;
	margin-bottom:50px;
}
.gold
{
	color:#daa71a;
}
.opcja
{
	display:flex;
	margin-top:30px;
}
.opcja img
{
	float:left;
	margin-right:20px;
}
.opcja_tytul
{
	color:#fff;
	font-size:22px;
	margin-bottom:10px;
}
.opcja_opis
{
		font-size:16px;
		color:#fff;
		font-family: 'LatoLatinWeb';
	    font-style: normal;
        font-weight: normal;
		line-height:1.5em;
		
}
.opcja_l
{
    float: none;
    height: auto;
    margin-right: 10px;
    flex: 0 0 auto;
}	
video
{
	width:718px;
	height:auto;
	padding:40px;
	background:white;
	-webkit-box-shadow: 0px 0px 94px -29px rgba(120,120,120,1);
	-moz-box-shadow: 0px 0px 94px -29px rgba(120,120,120,1);
	box-shadow: 0px 0px 94px -29px rgba(120,120,120,1);
}
.w50l
{
	padding:60px 0px;
}
.txtquote
{
    font-family: 'LatoLatinWebHeavy';
	font-style: normal;
    font-weight: normal;
    color: #000;
    text-align: left;
    margin-left: 90px;
    line-height: 26px;

}
.quote img
{
	float:left;
}
.quote
{
    font-family: 'LatoLatinWebHeavy';
	font-style: normal;
    font-weight: normal;
    color: #000;
    font-size: 24px;
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;
}
.jus
{
	text-align:justify;
	font-family: 'LatoLatinWebMedium';
	font-style: normal;
    font-weight: normal;
}
.point
{
	margin-top:20px;
	text-align:left;
	color:#fff;
}
.point1
{
	margin-top:20px;
	text-align:left;
	color:#000;
	font-family: 'LatoLatinWebMedium';
	font-style: normal;
    font-weight: normal;
}
.pointer
{
	width:10px;
	height:10px;
	border-radius:50%;
	background:#cfaa45;
	float:left;
	margin-right:10px;
	position:relative;
	top:5px;
}
.onas
{
	padding:60px 0px 80px 0px;
	text-align:center;
	background:#175a92;
}
.cennik
{
	padding:90px 120px 90px 170px;
	background-color:#cfad4b;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.cennik h2{
	color:#01213b;
	margin-bottom:15px;
	text-align:left;
}
.wht
{
	color:#fff;
}
.stj
{
	width: 80%;
    float: right;
}
.toph2
{
	margin-bottom:10px;
}
.txtcenn
{
		font-size:23px;
		font-family: 'LatoLatinWebLight';
		font-style: normal;
		font-weight: normal;
		color:#fff;
		line-height:1.5em;
}
a.send_message{
	font-size: 23px;
    color: #fff;
    display: inline-block;
    padding: 15px 110px;
    background-color: #3d3b3f;
    border-radius: 40px;
    text-transform: uppercase;
	font-family: 'LatoLatinWebSemibold';
	font-style: normal;
    font-weight: normal;
}
.cennik h3{
	font-size: 23px;
    color: #fff;
    margin: 30px 0 0 0;
    text-align: center;
	font-family: 'LatoLatinWebLight';
	font-style: normal;
    font-weight: normal;
}
.cennik h3 span{
	 font-family: 'LatoLatinWebBlack';
	 font-style: normal;
     font-weight: normal;
}
.txtcenn1
{
    font-size: 23px;
    color: #01213b;
    margin-top: 0;
    text-align: center;
    padding: 80px 0;
    line-height: 1.5em;
	font-family: 'LatoLatinWebLight';
	font-style: normal;
    font-weight: normal;
}
.box
{
    width: 33.3%;
	float:left;
	box-sizing:border-box;
	padding:20px;
	margin-top:80px;
}
.box1
{
    width: 33.3%;
	float:left;
	box-sizing:border-box;
	padding:20px;
}
.box2
{
    width: 50%;
	float:left;
	box-sizing:border-box;
	padding:20px;
	margin-top:20px;
}
.boxprice
{
	font-size:30px;
}
.boxt
{
	color:#175a92;
}
.button_dl1
{
	    top: 18px;
}
.wspolpraca
{
	background:url("../img/bg.jpg") no-repeat;
	background-position:center;
	background-size:cover;
	height:470px;
	text-align:center;
	box-sizing:border-box;
	position:relative;
}
.pos1
{
	width:80%;
	margin:0 auto;
	position:relative;
	top:100px;
	color:#fff;
	font-size:25px;
	font-family: 'LatoLatinWebHeavy';
	font-style: normal;
    font-weight: normal;

}
.ad
{
		 margin-bottom:50px;
}
.numb
{
    float: left;
    width: 10%;
    font-family: 'LatoLatinWebHeavy';
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-size: 90px;
}
button
{
	border:none;
	cursor:pointer;
}
.numbtxt
{
    float: left;
    width: 85%;
	text-align:left;
	font-family:'LatoLatinWebHeavy';
	    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	position:relative;
    top: 20px;
    line-height: 1.5em;
}
.footer
{
	background:#28282b;
	box-sizing:border-box;
	padding:50px 0px;
}
.li
{
	font-family: 'LatoLatinWebLight';
	font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
.w25b
{
	float:left;
	width:25%;
	box-sizing:border-box;
	padding-right:30px;
}
.line
{
    height: 1px;
    margin-top: 30px;
    margin-bottom: 40px;
    width: 100%;
    background: #ffffff;
}
.footer
{
	color:white;
}
.lf
{
	float:left;
	font-family:'LatoLatinWebHeavy';
	    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
.rf
{
	float:right;
	font-family:'LatoLatinWebHeavy';
	    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
.rf img
{
	margin-left:15px;
	position:relative;
	top:5px;
}
#hiden
{
		margin-top:50px;
		display:none;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal.active{
	display:block;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 70%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-left:auto;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #28282b;
  color: white;
  display: flex;
  align-items: center;
}
.modal-header h3{
	margin-left:auto;
}

.modal-body {padding: 2px 16px;display:flex;padding:40px;align-items:center;}
.flexbox{
	flex:1;
}
.modal-body figure{
	margin:0;
	padding:0;
}
.modal-body .dane{
	display: flex;
    align-items: center;
	margin:20px 0 0 0;
	font-size:16px;
}
.modal-body .dane figure{
	flex:0 0 auto;
}
.dane figure{
	padding-right:10px;
}
.modal-header h3{
	font-size:24px;
}
form{
	margin:0;
}
.input {
    padding: 15px 22px;
    margin-bottom: 15px;
    border: none;
    font-size: 15px;
	font-family: 'LatoLatinWeb';
	font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    color: #000;
    letter-spacing: 1px;
    background-color: #fff;
    width: 100%;
    border: 1px solid rgb(232, 232, 232);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.submit {
    padding: 13px 0px 13px 13px;
    border: 1px solid #cfaa45;
    color: white;
    font-weight: bold;
    position: relative;
    background: #cfaa45;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	margin-top: 15px;
}
.submit:hover{
	background:#b18d29;
}
.logomodal{
	text-align:center;
}
#menurw{
	display:none;
}
.rwdlist{
	display:none;
}
.point1{
	display:flex;
}
.pointer{
	flex:0 0 auto;
}
#dzieki h3{
	margin: 0;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
#dzieki figure{
	text-align: center;
    margin-bottom: 20px;
}
#dzieki{
	display:none;
}
.aktualnosci{
	padding:110px 0 165px 0;
}
.aktualnosci h2{
	margin-bottom:100px;
}
.aktualnosci .content{
	width: 85%;
    margin: 0 auto;
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px 15px;
}
.aktualnosc{
	box-sizing:border-box;
}
.aktualnosc figure,.aktopen figure{
	margin:0 0 30px 0;
	position:relative;
	padding:0;
}
.aktualnosc img{
	max-width:100%;
}
.aktualnosc .data,.aktopen .data{
	font-size: 17px;
    color: #131516;
    font-weight: 400;
}
.aktualnosc .tytul,.aktopen .tytul{
	font-size: 32px;
    color: #131516;
    font-family: 'LatoLatinWebHeavy';
	font-style: normal;
    font-weight: normal;
	margin: 10px 0 30px 0;
	padding-right: 140px;
}
.aktualnosc .tytul a{
	color:inherit;
}
.aktualnosc a.czytaj{
    font-weight: 400;
    color: #333333;
    position: relative;
    display:inline-block;
    font-size: 15px;
	padding: 14px 55px 14px 30px;
	border:2px solid #333333;
}
.aktualnosc a.czytaj:hover{
	background-color: #333333;
	color:#fff;
}
.aktualnosci a.button{
	margin: 100px auto 0 auto;
    display: table;
}
.aktopen{
	padding:40px 0 80px 0;
}
.aktopen img{
	width: 100%;
    object-fit: cover;
}
.aktopen a.button{
	display: table;
    margin: 80px 0 0 0;
}
.aktopen .opis{
    font-size: 23px;
    color: #01213b;
    line-height: 1.5em;
	text-align:justify;
    font-family: 'LatoLatinWebLight';
	font-style: normal;
    font-weight: normal;
}
.oprogramowanie{
	padding:70px 120px 100px 170px;
	background-color:#fff;
	display:flex;
	justify-content:space-between;
}
.oprogramowanie .row:nth-child(1){
	font-family: 'LatoLatinWebLight';
	font-style: normal;
    font-weight: normal;
	font-size:23px;
	color:#000;
	line-height:1.5em;
	text-align:justify;
}
.oprogramowanie .row:nth-child(2){
	flex:0 0 auto;
}
.oprogramowanie .punkt{
	display:flex;
	margin-top:10px;
}
.oprogramowanie .kreska{
	flex:0 0 auto;
	color:#d0ad4b;
	margin-right:5px;
}
.oprogramowanie .black{
	 font-family: 'LatoLatinWebBlack';
	 font-style: normal;
     font-weight: normal;
}
@media screen and (min-width: 300px) and (max-width: 767px){
	.container{
		width:90%;
	}
	.stopka_flex{
		flex-wrap:wrap;
	}
	.oprogramowanie .row:nth-child(1){
		flex:1 1 100%;
	}
	.oprogramowanie .row:nth-child(2){
		flex:1 1 100%;
		margin-top:40px;
	}
	.oprogramowanie{
		flex-wrap:wrap;
	}
	.logo_stopka{
		flex:1 1 100%;
	}
	.row_stopka_dane{
		margin-top:40px;
		flex:1 1 100%;
		flex-wrap:wrap;
	}
	.row_stopka_dane .row{
		margin-left:0;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.row_stopka_dane .row:nth-child(3){
		flex:1 1 100%;
	}
	.min_top{
		display:none;
	}
	.row_stopka_dane .row:nth-child(4) .dane_stopka{
		display:block;
		margin-left:0;
	}
	.footer .left_item,.footer .right_item{
		display:flex;
		align-items:center;
	}
	.footer .left_item{
		margin-bottom:10px;
	}
	.add_promo{
		font-size:14px;
		margin-bottom:10px;
	}
	h1{
		font-size:30px;
		line-height:45px;
	}
	h2{
		font-size:30px;
	}
	.w25{
		font-size:18px;
	}
	.slider{
		height:500px;
	}
	.regular{
		font-size:25px;
	}
	.button{
		font-size:14px;
	}
	.button_oferta{
		margin-top:20px;
	}
	#dzieki h3{
		font-size:18px;
	}
	.top_menu{
		display:none;
	}
	.menu_strony{
		display:none;
	}
	.bottom_menu{
		padding:15px 0;
	}
	.promo{
		max-width: 100%;
		top: 0;
	}
	.slider .container{
		top: 50%;
		transform: translate(0, -50%);
	}
	.uslugi .w25{
		width:50%;
		margin:20px 0;
	}
	.uslugi{
		padding: 40px 0;
	}
	.onas{
		padding:40px 0;
	}
	.uslugi h2{
		margin-bottom:20px;
	}
	#hiden .w50{
		width:100%;
		float:none;
	}
	.dlaczegomy .w50{
		width:100%;
		float:none;
	}
	.dlaczegomy{
		background:none;
		flex-wrap:wrap;
	}
	img.dlaczego_img{
		height:auto;
	}
	.opcja img{
		float:none;
		margin-right:0;
	}
	video{
		width: 100%;
		box-sizing: border-box;
		padding: 20px;
	}
	.quote{
		width:90%;
	}
	.txtquote{
		line-height: 23px;
		font-size: 20px;
	}
	.w50l {
    padding: 0 0 50px 0;
	}
	.strzalka{
		display:none;
	}
	.wr{
		padding: 40px 5%;
		height:auto;
	}
	.opcja_l{
		float: none;
		height: auto;
		margin-right: 20px;
		flex: 0 0 auto;
	}
	.wr2{
		order:2;
		padding:40px 5%;
	}
	p.dlaczego_opis,.oprogramowanie .row:nth-child(1){
		font-size:16px;
	}
	.opcja{
		display:flex;
	}
	.button_dl{
		padding: 15px 0;
		box-sizing: border-box;
		font-size: 14px;
		display: block;
		text-align: center;
		top:0;
		margin-top:50px;
	}
	.onas .w50{
		width:100%;
		float:none;
	}
	.point{
		display: flex;
		align-items: center;
	}
	.pointer{
		flex: 0 0 auto;
	}
	.stj{
		max-width: 100%;
		width: auto;
		float: none;
		margin: 40px auto 0 auto;
		text-align: center;
	}
	.box{
		width:100%;
		float:none;
		margin:0;
	}
	.cennik,.oprogramowanie{
	    padding: 40px 5%;
		flex-wrap: wrap;
	}
	.cennik h2{
		margin-bottom:20px;
	}
	.button_dl1 {
    top: 0;
    display: block;
    padding: 15px 0;
    text-align: center;
	}
	.txtcenn1{
	    margin-top: 0;
		font-size: 16px;
		padding: 40px 5%;
	}
	.aktualnosci{
		padding:40px 5%;
	}
	.aktualnosci .content{
		width: 100%;
		grid-template-columns: 1fr;
		grid-gap: 20px 0;
	}
	.aktualnosc .tytul, .aktopen .tytul{
		padding-right:0;
		font-size:20px;
		margin: 5px 0 15px 0;
	}
	.aktualnosc .data, .aktopen .data{
		font-size:14px;
	}
	.aktualnosci h2{
		margin-bottom:40px;
	}
	.aktualnosc figure, .aktopen figure{
		margin-bottom:15px;
	}
	.aktualnosci a.button{
		margin-top:40px;
	}
	.wspolpraca{
		height:auto;
		padding:40px 0;
	}
	.pos1{
		width:100%;
		top:0;
		display:flex;
		font-size:18px;
	}
	.numb,.numbtxt{
		width:auto;
		float:none;
		top:0;
		font-size: 16px;
	}
	.numb{
		font-size:50px;
		padding-right:10px;
	}
	.boxprice{
		font-size:26px;
	}
	.box1,.box2{
		padding:20px 0;
		width:100%;
		float:none;
	}
	.txtcenn{
		margin-bottom:20px;
		font-size:16px;
	}
	.txtcenn br{
		display:none;
	}
	a.send_message{
		padding:15px 50px;
		font-size:16px;
		margin: 0 auto;
		display: table;
	}
	.cennik h3{
		font-size:16px;
	}
	.footer{
		padding:40px 0;
	}
	.footer .container{
		display: flex;
		flex-wrap: wrap;
	}
	.w25b:nth-child(1){
		width: 100%;
		float: none;
		padding: 0;
		text-align: center;
		margin-bottom: 30px;
	}
	.w25b:nth-child(2){
	    width: 50%;
		float:left;
	}
	.w25b:nth-child(3){
		width: 50%;
		float:left;
	}
	.w25b:nth-child(4){
		    padding-right: 0;
			width: 100%;
			float: none;
	}
	.footer .right_item{
		float: left;
		width: 50%;
		margin: 0;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.w25b{
		padding-right:0;
	}
	.modal-content{
		width:90%;
	}
	.modal-body{
		padding:40px 20px;
		flex-wrap:wrap;
	}
	.flexbox{
		flex:1 1 100%;
	}
	.logomodal{
		margin-top:40px !important;
	}
	.logomodal img{
		max-width:100%;
	}
	.modal-body .dane{
		display:none;
	}
	.modal{
		padding-top:50px;
	}
	.footer .rf,.footer .lf{
		flex: 1 1 100%;
	}
		#menurw{
	display: inline;
    float: right;
    cursor: pointer;
	}
	.rwd{
	}
	.rwd img{
	position: absolute;
    top:25px;
    right: 5%;
	width:25px;
	}
	.rwdlist{
	width:100%;
	position: absolute;
    z-index: 1;
    background: #fff;
    color: #000;
    left:0px;
    top: 66px;
	}
	.rwdlist a{
	display: block;
    background: #fff;
    color: #01213b;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
	}
	.rwdlist img{
    position: relative;
    top:7px;
	right:3px;
	}
	.listarwd{
		text-align:center;
		border-bottom:1px solid #cfaa45;
	}
	#logotop{
		width:220px;
	}
	.point1{
		display:flex;
		font-size:16px;
	}
	.aktualnosc{
		width: 100%;
		float: none;
		padding: 0;
	}
	.aktopen{
		padding:40px 0;
	}
	.aktopen .opis{
		font-size:16px;
	}
	.aktopen a.button{
		margin-top:40px;
	}
	.txtcenn1 br{
		display:none;
	}
	.row_stopka_dane h3{
		margin-left:0;
	}
	.mob_none{
		display:none;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
	.container{
		width:90%;
	}
	.oprogramowanie .row:nth-child(1){
		flex:1;
	}
	.oprogramowanie .row:nth-child(2){
		flex:1;
	}
	.row_stopka_dane h3{
		margin-left:0;
	}
	.stopka_flex{
		flex-wrap:wrap;
	}
	.logo_stopka,.row_stopka_dane{
		flex:1 1 100%;
	}
	.row_stopka_dane{
		margin-top:40px;
	}
	.row_stopka_dane .row{
		margin-left:0;
		margin-right:20px;
	}
	.min_top{
		display:none;
	}
	.point1{
		display:flex;
	}
	.top_menu{
		display:none;
	}
	.menu_strony{
		display:none;
	}
	.bottom_menu{
		padding:15px 0;
		text-align: center;
	}
	.promo{
		max-width: 100%;
		top: 0;
	}
	.slider .container{
		top: 50%;
		transform: translate(0, -50%);
	}
	.uslugi{
		padding:60px 0;
	}
	.onas{
		padding:60px 0;
	}
	.button_oferta{
		margin-top:60px;
	}
	.w25{
		font-size:20px;
	}
	h2{
		font-size:32px;
	}
	.button{
		font-size:18px;
	}
	.dlaczegomy .w50{
		width:100%;
		float:none;
	}
	.dlaczegomy{
		flex-wrap:wrap;
	}
	img.dlaczego_img{
		height:auto;
	}
	video{
		width: 100%;
		box-sizing: border-box;
		padding: 20px;
	}
	.quote{
		width:90%;
	}
	.txtquote{
		line-height: 23px;
		font-size: 20px;
	}
	.w50l {
    padding: 0 0 50px 0;
	}
	.strzalka{
		display:none;
	}
	.wr{
		padding: 40px 5%;
		height:auto;
	}
	.wr2{
		padding:40px 5%;
		order:2;
	}
	p.dlaczego_opis{
		font-size:20px;
	}
	.opcja_l{
	    float: none;
		height: auto;
		margin-right: 20px;
		flex: 0 0 auto;
	}
	.opcja{
		display:flex;
	}
	.button_dl{
		padding: 15px 0;
		box-sizing: border-box;
		font-size: 14px;
		display: block;
		text-align: center;
		top:0;
		margin-top:50px;
	}
	.point{
		display: flex;
		align-items: center;
	}
	.pointer{
		flex: 0 0 auto;
	}
	.stj{
		max-width: 100%;
		width: auto;
		float: none;
		margin: 40px auto 0 auto;
		text-align: center;
	    padding-left: 40px;
		box-sizing: border-box;
	}
	.cennik,.oprogramowanie{
		padding:40px 5%;
	}
	.mob_none{
		display:none;
	}
	.cennik .row{
		flex:1;
	}
	.cennik .row:nth-child(2){
		padding-left:40px;
	}
	.txtcenn,.cennik h3,.oprogramowanie .row:nth-child(1){
		font-size:20px;
		line-height:1.5em;
	}
	.txtcenn1{
		font-size: 20px;
		padding: 60px 5%;
	}
	.txtcenn br{
		display:none;
	}
	a.send_message{
		font-size: 20px;
		padding: 15px 40px;
		display: table;
		margin: 0 auto;
	}
	.button_dl1 {
    top: 0;
    display: block;
    padding: 15px 0;
    text-align: center;
	}
	.wspolpraca{
		height:auto;
		padding:60px 0;
	}
	.numbtxt{
		font-size:20px;
	}
	.aktualnosci{
		padding:60px 5%;
	}
	.aktualnosci .content{
		width:100%;
	}
	.aktualnosci a.button{
		margin-top:60px;
	}
	.aktualnosci h2{
		margin-bottom:60px;
	}
	.aktopen .opis{
		font-size:20px;
	}
	.aktopen{
		padding:60px 0;
	}
	.aktopen a.button{
		margin-top:60px;
	}
	.aktualnosc .tytul, .aktopen .tytul{
		font-size:24px;
		padding-right:0;
	}
	.pos1{
		width:100%;
		top:0;
		display:flex;
	}
	.numb,.numbtxt{
		width:auto;
		float:none;
		top:0;
	}
	.numb{
		padding-right:10px;
	}
	.boxprice{
		font-size:26px;
	}
	.box1,.box2{
		padding:20px 0;
		width:50%;
		margin-top:0;
	}
	#kontakt .clear{
		clear:none;
	}
	#clearrwd{
		clear:both !important;
	}
	.footer{
		padding:40px 0;
	}
	.footer .container{
		display: flex;
		flex-wrap: wrap;
	}
	.w25b:nth-child(1){
		width: 100%;
		float: none;
		padding: 0;
		text-align: center;
		margin-bottom: 30px;
	}
	.w25b:nth-child(2){
	    width: 50%;
		float:left;
	}
	.w25b:nth-child(3){
		width: 50%;
		float:left;
	}
	.w25b:nth-child(4){
		    padding-right: 0;
			width: 100%;
			float: none;
	}
	.footer .right_item{
		float: left;
		width: 50%;
		margin: 0;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.w25b{
		padding-right:0;
	}
	.modal-content{
		width:90%;
	}
	.modal-body{
		padding:40px 20px;
		flex-wrap:wrap;
	}
	.flexbox{
		flex:1 1 100%;
	}
	.logomodal{
		margin-top:40px !important;
	}
	.logomodal img{
		max-width:100%;
	}
	.modal-body .dane{
		display:none;
	}
	.modal{
		padding-top:50px;
	}
	.rf{
		margin-left:auto;
	}
		#menurw{
	display: inline;
    float: right;
    cursor: pointer;
	}
	.rwd{
	}
	.rwd img{
	position: absolute;
    top:30px;
    right: 5%;
	}
	.rwdlist{
	width:100%;
	position: absolute;
    z-index: 1;
    background: #fff;
    color: #000;
    left:0px;
    top: 87px;
	}
	.rwdlist a{
	display: block;
    background: #fff;
    color: #01213b;
    padding: 17px;
    font-size: 15px;
    font-weight: bold;
	}
	.rwdlist img{
    position: relative;
    top:7px;
	right:3px;
	}
	.listarwd{
		text-align:center;
		border-bottom:1px solid #cfaa45;
	}
	.aktopen .content{
		width:90%;
	}
	.txtcenn1 br{
		display:none;
	}
		
}
@media screen and (min-width: 1024px) and (max-width: 1299px){
	.container{
		width:90%;
	}
	.modal-flex{
		flex-wrap:wrap;
	}
	.modal-body .dane{
		justify-content:center;
	}
	.modal-flex .row:nth-child(1){
		margin-right:0;
		flex:1 1 100%;
	}
	.modal-flex .row:nth-child(2){
		flex:1 1 100%;
		margin-left:0;
	}
	.menu_strony a{
		margin-left:15px;
	}
	.wr,.wr2{
		padding:60px 5%;
	}
	p.dlaczego_opis{
		font-size:20px;
	}
	.w25{
		font-size:23px;
	}
	h2{
		font-size:34px;
	}
	.button{
		font-size:18px;
	}
	.dlaczegomy .button{
		font-size:14px;
	}
	.cennik,.oprogramowanie{
		padding:60px 5%;
	}
	.oprogramowanie .row:nth-child(1){
		flex:1;
	}
	.oprogramowanie .row:nth-child(2){
		flex:1;
	}
	.mob_none{
		display:none;
	}
	.txtcenn,.cennik h3,.oprogramowanie .row:nth-child(1){
		font-size:20px;
	}
	.cennik .row:nth-child(2){
		flex:0 0 auto;
		padding-left:40px;
	}
	.txtcenn1{
		font-size:20px;
		padding:60px 5%;
	}
	.txtcenn br{
		display:none;
	}
	a.send_message{
		font-size:20px;
		padding:15px 60px;
		display:table;
		margin:0 auto;
	}
	.numbtxt{
		font-size:20px;
		top:30px;
	}
	.numb{
		margin-right:10px;
	}
	.aktualnosci{
		padding:60px 0;
	}
	.aktualnosci h2{
		margin-bottom:60px;
	}
	.aktualnosci a.button{
		margin-top:60px;
	}
	.aktualnosc .tytul, .aktopen .tytul{
		padding-right:0;
		font-size:26px;
	}
	.aktopen .opis{
		font-size:20px;
	}
}
@media screen and (min-width: 1300px) and (max-width: 1399px){
	.wr,.wr2{
		padding:70px 5%;
	}
	.cennik,.oprogramowanie{
		padding:90px 5%;
	}
	.aktualnosc .tytul, .aktopen .tytul{
		font-size:28px;
	}
	p.dlaczego_opis,.oprogramowanie .row:nth-child(1){
		font-size:20px;
	}
	.txtcenn,.cennik h3{
		font-size:20px;
	}
	.txtcenn1{
		font-size:20px;
	}
	a.send_message{
		font-size:20px;
	}
	.numbtxt{
		font-size:20px;
	}
	.aktopen .opis{
		font-size:20px;
	}
	.mob_none{
		display:none;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1599px){
	.wr2{
		padding:70px 100px;
	}
	.cennik,.oprogramowanie{
		    padding: 90px 50px 90px 100px;
	}
	.mob_none{
		display:none;
	}
}