/*
html,body 
{ 
	margin: 0;
	padding: 0;	
	font-family: 'EB Garamond', sans-serif;
	
	max-width: 100%;
	
	height: auto!important;
}

body 
{
	overflow-x: hidden;
	overflow-y: scroll !important;
}



html,body 
{ 

	font-family: 'EB Garamond', sans-serif;
	
	
	
	margin: 0;
	padding: 0;	
	max-width: 100% !important;

	position: absolute;
	height : auto !important;
	width: 100%;
		
		
	
	overflow-x: hidden !important;
	overflow-y: inherit !important;
}
*/






/*
html 
{ 
	font-family: 'EB Garamond', sans-serif;
	
	margin: 0;
	padding: 0;		
	max-width: 100% !important;
	height: auto!important;
	overflow-x: hidden !important;
	
	overflow-y: scroll !important;
}

body 
{
	margin: 0;
	padding: 0;
	
	position: absolute;
	
	max-width: 100% !important;
	height: auto!important;
	overflow-x: hidden !important;

	overflow-y: hidden !important;
}
*/

html,body 
{ 
	margin: 0;
	padding: 0;	
	font-family: 'EB Garamond', sans-serif;
	
	max-width: 100%;
	
	height: auto!important;
}

body 
{
	overflow-x: hidden;
	overflow-y: scroll !important;
}

#small_menus
{
	display: none;
	overflow: hidden;
	height: 200px;
	width: 100%;
	position: absolute;
	background: black;
	background-color: rgba(0,0,0,0.8);
	margin-top: 120px;
	z-index: 9999999999;
}

#miejsce_na_ikonki
{
	margin-top: 20px;
	height: 40px;
	width: 100%;
	display: flex;
	overflow: hidden;
	float: none;
}

#wykontentowanyDiv
{
	display: flex;
	overflow: hidden;
	width: fit-content;
	margin: 0 auto;
  align-items: center;
  justify-content: center;	
}

#miejsce_linki_siatka
{
	height: 140px;	
	display: block;
	overflow: hidden;	
	float: none;
}

#menu_flexCont
{
	display: block;
	height: 100%;
	width: 100%;
}

.cont_to_2link
{
	display: block;
	width: 100%;
	height: 50%;
}

.oneBox_inSmallMenu
{
	display: flex;
	width: 50%;
	height: 100%;
	float: left;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 		
}

.oneBox_inSmallMenu:hover
{
	background-color: rgba(255,255,255,0.2);
}

.floatPomoze
{
	float: right;
}

.link_menu_small
{
	all: unset;
	text-decoration: none;
	display: flex;
	margin: 0 auto;
  align-items: center;
  justify-content: center;
	font-size: 20px;
	cursor: pointer;
	color: white;
}

.link_menu_small:hover
{
	color: #17bec5;
}

/***************************/
/***** ALERT KONTAKT *******/
/***************************/

#alert_bg
{
	position: fixed; 
	z-index: 100; 
	height: 100%;
	width: 100%;
	display: flex;
  align-items: center;
  justify-content: center;	
	background: black;
	background-color: rgba(0,0,0,0.8);
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
	display: none;
}

#alert_bg > #zaczekaj
{
	border: 3px dashed white;
	border-radius: 100px;
	height: 200px;
	width: 200px;
	color: white;
	text-align: center;
	line-height: 200px;
	overflow: hidden;
	display: none;
} 

#alert_bg > #alert_wrap
{
	/*background: white;*/
	
	background: #424242;
	overflow: hidden;
	width: 400px;
	height: auto;
	margin: 0 auto;	
	border-radius: 10px;
	display: none;
	/*
	-webkit-box-shadow: 8px 8px 24px 0px rgba(23, 190, 197, 1);
	-moz-box-shadow: 8px 8px 24px 0px rgba(23, 190, 197, 1);
	box-shadow: 8px 8px 24px 0px rgba(23, 190, 197, 1);
	*/
	
	-webkit-box-shadow: 4px 4px 16px 0px rgba(23, 190, 197, 1);
	-moz-box-shadow: 4px 4px 16px 0px rgba(23, 190, 197, 1);
	box-shadow: 4px 4px 16px 0px rgba(23, 190, 197, 1);	
}

#border_alert
{
	padding: 20px 20px 20px 20px;
}

#tytul_komnikatu
{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: red;
}

#adder_div_kom
{
	margin-top: 10px;
	border-top: 1px solid red;
	border-left: 1px solid red;
	border-right: 1px solid red;	
}

#tresc_komunikatu
{	
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	padding: 20px 10px 30px 10px;
	background: white;
	text-align: center;
}

#border-div
{
	background: white;
	height: 20px;
	width: 100%;
}

#div_onButton
{
	border-left: 1px solid red;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
	margin-bottom: 10px;
}

#button_komunikat
{
	left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
	border-radius: 10px;
	background: white;
	padding: 10px 30px 10px 30px;
	color: red;
	width: fit-content;
	margin: 0 auto;
	cursor: pointer;
	position: absolute;
	margin-top: -18px;
	border: 1px solid red;
}

#button_komunikat:hover
{
	background: lightgrey;
}

/***************************/
/***************************/
/***************************/










/***************************/
/*********** TOP ***********/
/***************************/

#background_top
{
  height: 100%;
	background: url('../img/skup_aut_pkauto.jpg'); 
	background-size: cover;
	
	background-position: center;
}

.width_content
{
	display: block;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}

#top_gradient
{
	width: 100%;
	background-image: linear-gradient(black, transparent);
	height: 136px;
	display: block;
	overflow: hidden;	
}

#top_frame
{
	display: block;
	overflow: hidden;
	margin-top: 38px;
}

#logo
{
	float: left;
	overflow: hidden;
	margin-left: 0px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

#logo_img
{
	float: left;
	height: 60px;
	pointer-events: none;
}

#logo_txt
{
	float: left;
	margin-left: 10px;
	color: white;
	font-size: 17px;
	line-height: 20px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
  transition: all 0.25s ease 0s;	
	text-align: center;
}

#logo_txt1
{
	text-shadow: 0 1px 0 black;
	/*font-family: 'Almendra', sans-serif;*/
}

#logo_txt2
{
	text-shadow: 0 1px 0 black;
	color: #17bec5;
	/*font-family: 'Almendra', sans-serif;*/
}

#logo_txt3
{
	font-weight: bold;
	font-size: 25px;
	text-shadow: 0 1px 0 black;
	font-family: 'Amatic SC', sans-serif;
	margin-top: 4px;
}

#logo_txt3 span
{
	color: #17bec5;
	font-size: 30px;
}

#menu
{
	display: block;
	overflow: hidden;
	float: right;
	height: 60px;
}

#menu_small
{
	display: none;
}

#menu_link
{
	display: block;
	float: left;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

.link_menu
{
	all: unset;
	display: block;
	float: left;
	margin-right: 40px;
	color: white;
	font-size: 16px;
	line-height: 60px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
  transition: all 0.25s ease 0s;
	cursor: pointer;
	text-decoration: none;
}

.link_menu:hover
{
	color: #17bec5;
}

#menu_icon
{
	display: block;
	overflow: hidden;
	float: right;
	height: 24px;
	margin-top: 18px;
}

.icon_properties
{
	width: 24px;
	height: 24px;
	float: left;
	cursor: pointer;
}

#whatsapp
{
	background: url('../img/whatsapp_24px.png');
}

#whatsapp:hover
{
	background: url('../img/whatsapp_24px.png') 0 24px;
}	

#facebook
{
	background: url('../img/facebook_24px.png');
	margin-left: 20px;
	margin-right: 20px;
}

#facebook:hover
{
	background: url('../img/facebook_24px.png') 0 24px;
}

#instagram
{
	background: url('../img/instagram_24px.png');
}

#instagram:hover
{
	background: url('../img/instagram_24px.png') 0 24px;
}	

#content_top_baner
{
	overflow: hidden;
	display: grid;
	height: calc(100vh - 136px);	
}

#helper_block
{
	display: block;
	overflow: hidden;
}

h1
{
	outline: 0;
	font-style: inherit;
	vertical-align: baseline;
	font-weight: bold;
	display: block;
	padding: 0;
	margin: 150px 0px 0px 0px;
	margin-top: 20vh;
	text-align: center;
	font-size: 100px;
	line-height: 100px;
	color: white;	
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 		
	text-decoration: none;	
	font-family: 'Duru Sans', sans-serif;
	text-shadow: 0px 2px 1px black;
}

#under_h1
{
	display: block;
	overflow: hidden;
	margin-top: 18px;
	font-size: 20px;
	color: white;
	text-align: center;
	letter-spacing: 10px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
	font-family: 'Duru Sans', sans-serif;
	text-shadow: 0px 1px 1px black;
}

#button_form
{
	all: unset;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
	padding: 24px 70px 24px 70px;
	background: linear-gradient(90deg, #12CDD4 16.23%, rgba(18, 205, 212, 0) 100%);
	color: white;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 		
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);	
	font-weight: bold;
	border-left: 1px solid white;
	margin-top: 50px;
	position: relative;
  left: 50%; 
  transform: translateX(-50%);	
}

#button_form:hover
{
	background: linear-gradient(170deg, rgba(18, 205, 212, 0) 16.23%, #12CDD4 100%);
	cursor: pointer;
}

#two_button_frame
{
	background: transparent;
	display: block;
	overflow: hidden;
	width: 732px;
	height: 100px;
	position: absolute;
	bottom: 0;
}

.button_bottom
{
	all: unset;
	text-decoration: none;
	overflow: hidden;
	line-height: 100px;
	text-align: center;
	font-size: 16px;
	color: white;
	float: left;
	height: 100%;
	width: 49%;	
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
  transition: all 0.25s ease 0s;		
}

#left_button_top
{}

#strap
{
	background: white;
	width: 1px;
	height: 100%;
	float: left;
}

#right_button_top
{}

#two_button_frame .button_bottom:hover
{
	display: inline-block;
	background: linear-gradient(90deg, #12CDD4 16.23%, rgba(18, 205, 212, 0) 100%);
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 		
	text-decoration: none;
	cursor: pointer;
}


#separator
{
	overflow: hidden;
	height: 400px;
	background: #f9f9f9;
	display: flex;
	justify-content: center;
	align-items: center;	
}

/**************************/
/***** table statystic ****/
/**************************/

#table_statystic
{
	display: block;
	overflow: hidden;
}

.wrap_col
{
	display: block;
	overflow: hidden;
	width: 25%;
	float: left;
}

.col_number
{
	text-align: center;
	margin-bottom: 20px;
	font-size: 66px;
	font-family: 'Cinzel', sans-serif;
	font-family: 'EB Garamond', sans-serif;	
}

.col_line
{
	background: lightgrey;
	height: 1px;
	width: 100%;
}

.col_txt
{
	text-align: center;
	margin-top: 30px;
	font-size: 18px;
}


/***************************/
/********* MIDDLE **********/
/***************************/

#middle
{
	display: block;
	overflow: hidden;
	background: #232323;
}

#article
{
	margin-top: 10px;
	margin-bottom: 10px;
}

h2
{
	color: #17bec5;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	font-weight: bold;
	display: block;
	padding: 0;
	font-size: 16px;
	text-align: center;
	margin-top: 65px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
  transition: all 0.25s ease 0s;		
}

#title_article
{
	color: white;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	margin-top: 24px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
  transition: all 0.25s ease 0s;		
}

#txt_artile
{
	color: #666565;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	width: 960px;
	margin: 0 auto;
	margin-top: 40px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

#adder_div
{
	display: block;
	overflow: hidden;
	height: 150px;
	box-sizing: border-box;
	margin-top: 20px;
}

.four_step
{
	display: block;
	position: absolute;
	width: 291px;
	height: 240px;
	background: white;
	float: left;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

#step1
{}

#step2
{
	margin-left: 303px;
}

#step3
{
	margin-left: 606px;
}

#step4
{
	margin-left: 909px;
}

.step_strap
{
	display: block;
	overflow: hidden;
	background: #17bec5;
	height: 9px;
}

#img_contact
{
	background: url('../img/telefon_64px.png') 0 64px;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	margin-top: 20px;
}

#img_contract
{
	background: url('../img/umowa_64px.png') 0 64px;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	margin-top: 20px;
}

#img_quotation
{
	background: url('../img/wycena_64px.png') 0 64px;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	margin-top: 20px;
}

#img_inspection
{
	background: url('../img/ogledziny_64px.png') 0 64px;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	margin-top: 20px;
}

.title_step
{
	color: #232323;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

.txt_step
{
	padding: 0 20px 0 20px;
	color: #232323;
	font-size: 17px;
	margin-top: 10px;
	line-height: 28px;
}

/***************************/
/********* MIDDLE2 *********/
/***************************/

#middle2
{
	background: #f4f4f4;
	overflow: hidden;
}

#middle2_frame
{
	display: block;
	overflow: hidden;
	margin-top: 120px;
	height: 544px;
}

#photo_company
{
	overflow: hidden;
	display: block;
	float: left;
	background: url('../img/pkauto.png') no-repeat;
	width: 595px;
	height: 100%;
	margin-left: 10px;
}

#txt_company
{
	width: 550px;
	float: right;
	margin-right: 10px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

#whywe
{
	font-size: 20px;
	line-height: 20px;
	color: #17bec5;
	font-weight: bold;
}

h3
{
	margin: 0;
	color: #232323;
	font-size: 30px;
	letter-spacing: 2px;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 35px;
}

#mini_txt_company
{
	color: #232323;
	font-size: 18px;
	line-height: 34px;
	letter-spacing: 1px;
}

#button_form2
{
	all: unset;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
	padding: 24px 70px 24px 70px;
	background: linear-gradient(90deg, #12CDD4 16.23%, rgba(18, 205, 212, 0) 100%);
	color: white;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 		
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);	
	font-weight: bold;
	border-left: 1px solid white;
	margin-top: 51px;
	position: relative;
  left: 50%; 
  transform: translateX(-50%);	
}

#button_form2:hover
{
	background: linear-gradient(170deg, rgba(18, 205, 212, 0) 16.23%, #12CDD4 100%);
	cursor: pointer;
}

#banner2
{
	background: url('../img/skup_samochodow_pkauto.jpg'); 
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  overflow: hidden;
  min-height: 460px;
  max-height: 460px;
  margin-top: 40px;	
}

#test
{
	margin: 0 auto;
	overflow: hidden;
	display: block;
	width: 700px;
	margin-top: 56px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 			
}

#banner2_txt_frame
{
	float: none;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	font-size: 40px;
	max-width: fit-content;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);	
	font-weight: bold;
}

#banner2_txt1
{
	float: left;
	color: #12CDD4;
	text-shadow: 2px 2px 2px black;
}

#banner2_txt2
{
	float: left;
	color: white;
	margin-left: 10px;
	text-shadow: 2px 2px 2px black;
}

#banner2_txt2_frame
{
	display: block;
	overflow: hidden;
	color: white;
	margin: 0 auto;
	margin-top: 40px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;		
	text-align: center;
}

#button_callme
{
	all: unset;
	display: block;
	text-decoration: none;
	background: #12CDD4;
	color: white;
	padding: 20px 70px 20px 70px;
	max-width: fit-content;
	margin: 0 auto;
	margin-top: 50px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
	text-shadow: 0px 0px 1px black;
	border: 1px solid white;
}

#button_callme:hover
{
	cursor: pointer;
	text-decoration: none;
	background: #7bd8dd;
}

#phone_numer
{
	all: unset;
	display: block;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 62px;
	margin-top: 50px;
	text-align: center;
	text-decoration: underline;
	text-shadow: 2px 2px 2px black;	
	font-family: 'EB Garamond', sans-serif;	
}

#phone_numer span
{
	color: #17bec5;
	font-size: 70px;
}
/***************************/
/********* MIDDLE3 *********/
/***************************/
#middle3
{
	display: block;
	overflow: hidden;
	background: #f4f4f4;
}

#middle3_frame
{
	margin: 0 auto;
	margin-top: 60px;
	width: 98%;
	margin-bottom: 60px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

#ask_middle3
{
	font-size: 20px;
	line-height: 20px;
	color: #17bec5;
	font-weight: bold;
	text-align: center;
}

h4
{
	margin: 0;
	color: #232323;
	font-size: 40px;
	letter-spacing: 2px;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 35px;
	text-align: center;
}

#mini_txt_price
{
	color: #232323;
	font-size: 18px;
	line-height: 34px;
	letter-spacing: 1px;
	margin-top: 36px;
	margin-bottom: 20px;
}

/***************************/
/********* MIDDLE4 *********/
/***************************/

#middle4
{
	background: white;
}

#middle4_frame
{
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 40px;
}

#photo_middle4
{
	background: url('../img/sprzedaz_auta_pkauto1.jpg') no-repeat;
	width: 629px;
	height: 707px;
	float: left;
	overflow: hidden;
	display: block;
	border-bottom: 1px solid black;
}

#right_box_middle4
{
	display: block;
	overflow: hidden;
	float: right;
	width: 521px;
	height: 707px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

#title_middle4
{
	font-size: 40px;
	color: #232323;
}

#title_middle4 span
{	
	color: #12CDD4;
}

#txt_middle4
{
	margin-top: 30px;
	font-size: 18px;
	color: #232323;
	line-height: 28px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

#banner3
{
	display: block;
	overflow: hidden;
	background: url('../img/autoskup_pkauto.jpg'); 
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	border-top: 2px solid #12CDD4;
	margin-top: 60px;
}

#gradient_banner3
{
	background: linear-gradient(#12CDD4, rgba(18, 205, 212, 0) 100%);
	height: 100px;
}

h5
{
	padding: 0;
	margin: 0;
	color: white;
	text-shadow: 2px 2px 2px black;
	font-size: 60px;
	text-align: center;
	margin-top: 40px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

#nr_pkauto
{
	text-decoration: none;
	color: white;
	text-shadow: 2px 2px 2px black;
	font-size: 66px;
	text-align: center;
	margin-top: 40px;
}

#nr_pkauto span
{
	color: #17bec5;
}


/***************************/
/********* banner4 *********/
/***************************/

#banner4
{
	margin-top: 140px;
	display: block;
	overflow: hidden;
	background: url('../img/wroclaw_rynek2.jpg'); 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;	
	height: 400px;
}

#helper_yo
{
	display: flex;
	overflow: hidden;
}

#wroc_frame
{
	overflow: hidden;
	overflow-x: hidden;
	height: 400px;
	display: flex;           
	flex-direction: column;  
  justify-content: center; 	
}

#wroclaw
{
	display: block;
	overflow: hidden;
	font-size: 40px;
	width: fit-content;	
	text-align: center;
	margin-left: 60px;
	font-weight: bold;
	line-height: 60px;
	color: #232323;
	text-shadow: 0px 1px 0px grey;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;	
	background: radial-gradient(circle, #ffffff 0%, transparent 60%);	
	font-family: 'Cinzel', sans-serif;
	z-index: 999999999;
}

#pkautocolor
{
	color: #17bec5;
	text-shadow: 2px 2px 2px black;
	font-size: 50px;
}

#wroclaw span.blue
{
	color: #4285f4;
}

#wroclaw span.red
{
	color: #ea4335;
}

#wroclaw span.yellow
{
	color: #fbbc05;
}

#wroclaw span.green
{
	color: #34a853;
}


#wroclaw span.google
{
	font-size: 50px;
	text-shadow: 5px 5px 2px black;
}

#mapawroclaw
{
	display: block;
	background: url('../img/skup-aut-pkauto.png') no-repeat; 
	width: 933px;
	min-height: 100%;
	max-height: 100%;
	background-size: 100%;
	position: absolute;
	margin-top: -200px;
	margin-left: 540px;
}

/***************************/
/********* OPINION *********/
/***************************/

#middle_opinion
{
	margin-top: 100px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

#opinion_frame
{
	display: block;
	overflow: hidden;
}

#tag_opinie
{
	font-size: 66px;
	opacity: .14;
	font-weight: 700;
	text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #343434;	

	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 		
}

#title_opinie
{
	font-family: 'Cinzel', sans-serif;
	position: absolute;
	font-size: 36px;
	margin-top: -40px;
	line-height: 46px;
}

#opinion_wrap
{
	width: 100%;
	margin-top: 100px;
	display: flex;
}

.opinion_box
{
	display: inline-block;
	border: 1px solid #dadbdd;
	width: 32%;
	height: 200px;
	overflow: hidden;
}

.content_opinion
{
	display: block;
	overflow: hidden;
	padding: 20px 20px 20px 20px;
}

.top_opinion_box
{
	height: 30px;
	display: block;
	overflow: hidden;
}

.cudzyslow
{
	color: #17bec5;
	font-size: 50px;
	float: left;
	line-height: 47px;
}

.user_opinion
{
	float: left;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #2e2e2e;
}

.text_opinion
{
	color: #2e2e2e;
	margin-top: 0px;
	font-size: 18px;
	line-height: 24px;
	height: 90px;
	border-bottom: 1px solid #dadbdd;
}

.down_opinion
{
	margin-top: 18px;
}

.name_user_opinion
{
	font-size: 16px;
	color: #2e2e2e;
	float: left;
}

.stars
{
	float: right;
	height: 20px;
}

.star 
{
  position: relative;
  
  display: inline-block;
  width: 0;
  height: 0;
  
  margin-left: .9em;
  margin-right: .9em;
  margin-bottom: 1.2em;
  
  border-right:  .3em solid transparent;
  border-bottom: .7em  solid #eccd39;
  border-left:   .3em solid transparent;

  /* Controlls the size of the stars. */
  font-size: 10px;
  
  &:before, &:after {
    content: '';
    
    display: block;
    width: 0;
    height: 0;
    
    position: absolute;
    top: .6em;
    left: -1em;
  
    border-right:  1em solid transparent;
    border-bottom: .7em  solid #eccd39;
    border-left:   1em solid transparent;
  
    transform: rotate(-35deg);
  }
  
  &:after {  
    transform: rotate(35deg);
  }
}

.center_opinion
{
	margin: 0 auto;
}

.last_opinion
{
	float: right;
	margin-right: 0px;
}

/***************************/
/********* MIDDLE5 *********/
/***************************/
#middle5
{
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}

#middle5_frame
{
	display: block;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 60px;
}

h6
{
	display: block;
	font-size: 42px;
	text-align: center;
	margin-bottom: 40px;
}

h6 span
{
	color: #17bec5;
	font-weight: bold;
}

.dlaczego
{
	display: block;
	overflow: hidden;
	border-bottom: 1px solid grey;
	float: none;
}

.just_title
{
	display: block;
	overflow: hidden;
	float: none;
}

.dlaczego_small
{
	font-size: 24px;
	line-height: 76px;
	height: 76px;
	float: left;
	cursor: pointer;
}

.plusik
{
	color: #17bec5;
	float: right;
	margin-right: 10px;
	cursor: pointer;
	margin-top: 27px;
	width: 24px;
	height: 24px;
}

.rowiniecie
{
	display: block;
	overflow: hidden;
	float: none;
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 26px;
}

.rowiniecie span
{
	all: unset;
	color: black;
	text-decoration: none;
}

#legalna_firma
{
	background: url('../img/legalna_firma_pkauto.png');
}

#darmowa_wycena
{
	background: url('../img/free.png');
}

#best_price
{
	background: url('../img/money.png');
}

#odbior_odklienta
{
	background: url('../img/delivery.png');
}

#uczciwosc_profesjonalizm
{
	background: url('../img/expert.png');
}

#szybka_transakcja
{
	background: url('../img/fasttransact.png');
}

/***************************/
/********* SLIDER **********/
/***************************/
#slider_main
{
	display: block;
	overflow: hidden;
	margin-top: 60px;
}

#title_slider
{
	display: block;
	overflow: hidden;
	font-size: 50px;
	text-align: center;
	margin: 0 auto;
}

#title_slider br
{
	display: none;
}

#title_slider span
{
	color: #17bec5;
	text-shadow: 1px 1px 0px black;
	font-size: 60px;
}

/* Slider */ 
#slider_container
{
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	margin-top: 60px;
}

.slide
{
	height: 100px;
	width: 100px;
	display: block;
	overflow: hidden;
}

.slick-slide 
{
  margin: 0px 40px;
} 
.slick-slide img 
{
	height: 100px;
  width: auto;
	max-width: 200px;
	margin: 0 auto;
}





/******************************/
/***********KONTAKT***********/
/*****************************/
#container_kontakt
{
	
}

#cont_kontakt_wrap
{
	margin-top: 60px;
	display: block;
	overflow: hidden;
}

#form_kontakt
{
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 100px;
}

#up_fotm_kont
{
	display: flex;
	width: 100%;
}

.input_kotaktForm
{
	border: 1px solid #17bec5;
	height: 40px;
	line-height: 40px;
	color: grey;
	display: inline-block;
	overflow: hidden;
	width: calc(32% - 40px);
	padding: 0 20px 0 20px;
}

#input_kotaktForm1
{
	float: left;
}

#input_kotaktForm2
{
	margin: 0 auto;
}

#input_kotaktForm3
{
	float: right;
}

#textAreaKontakt
{
	border: 1px solid #17bec5;
	width: calc(100% - 22px);
	height: 160px;
	
	padding: 10px 10px 10px 10px;
	
	margin-top: 20px;
	
	overflow: auto;
	outline: none;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  resize: none;	
}

#zgoda_wrap
{
	display: block;
	overflow: hidden;
	margin-top: 20px;
}

#zgoda_leftCol
{
	overflow: hidden;
	display: flex;
	float: left;
	width: 30px;
	height: 20px;
	outline: none;
}

#checkZgoda
{
	overflow: hidden;
	display: block;
	border: 1px solid red;
	margin: 0 auto;
}

#zgoda_rightCol
{
	overflow: hidden;
	display: block;
	float: right;
	width: calc(100% - 30px);
}

#txtZgoda
{
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 	
}

#buttonSendForm
{
	height: 50px;
	color: white;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	background: white;
	width: 400px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	cursor: pointer;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 20px;
	text-shadow: 1px 1px 6px rgba(66, 68, 90, 1);
	background-color: rgba(23, 190, 197, 1);
	background-image: linear-gradient(90deg, rgba(23, 190, 197, 1) 0%, rgba(255, 255, 255, 1) 100%);
	border-radius: 10px;
}

#buttonSendForm:hover
{
	-webkit-box-shadow: 0px 0px 16px 0px rgba(66, 68, 90, 1);
	-moz-box-shadow: 0px 0px 16px 0px rgba(66, 68, 90, 1);
	box-shadow: 0px 0px 16px 0px rgba(66, 68, 90, 1);
}











/***************************/
/********* WYCENA **********/
/***************************/
#form_wycena_wrap
{
	display: block;
	overflow: hidden;
	width: 840px;
	height: auto;
	
	margin: 0 auto;
	margin-top: 100px;
}

#form_wycena_wrap p
{
	font-size: 18px;
	text-align: center;
	line-height: 24px;
	margin-bottom: 60px;
}

#bg_formularz
{
	display: block;
	overflow: hidden;
	
	background: url('../mark_img/pkauto_logo1.png') no-repeat;
	
	background-size: 1200px 550px;
	
	height: 550px;
	width: 100%;
	
	background-position: center;
  background-repeat: no-repeat;
	
	width: 820px;
	margin: 0 auto;
}

#bg_off_opacity
{
	display: block;
	background-color: rgba(255,255,255,0.9);
}



.form_daneOsoby
{
	width: 820px;
	margin: 0 auto;
}

#dodaj_zdjecia_wrap
{
	display: flex;
	justify-content: center;
}

#title_photo
{
	font-size: 18px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.pojemnik_na_zdjecie
{
	display: inline-block;
	width: 150px;
	height: 150px;
	background: orange;
	margin: 10px;
	border: 1px solid #17bec5;
	border-radius: 4px;
	background: url('../img/car_pkauto.png') no-repeat;
	background-size: 100px 42px;
	background-position: center;
	cursor: pointer;
	overflow: hidden;
}

.pojemnik_na_zdjecie img
{
	outline: none;
  margin: 0;
  padding: 0;
  border: 0;	
	height: 100%;
	width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;	
	/*content: attr(alt);*/
	color: transparent;	
}

.burito
{
	display: inline-block;
}

.hiddenInputFile, .nextFile
{
	display: none;
}

.on3div
{
	display: flex;
	overflow: hidden;
}

.nexton3div
{
	margin-top: 20px;
}

.wrapInptSelct
{
	display: inline-block;
}

.first_wrapInptSelect
{

}

.middle_wrapInptSelect
{
	margin: 0 auto;
}

.last_wrapInptSelect
{
	float: right;
}

select:enabled {
  background-color: rgba(255, 255, 255, 0.95);
}

select:disabled {
  background-color: rgba(115,111,111, 0.5);
}

#textareaOpis:disabled
{
	background-color: rgba(115,111,111, 0.5); 
}

.dodatkowe_opakowanie
{
	display: block;
	overflow: hidden;
}

.dolna_linia
{
	height: 40px;
	border-bottom: 1px solid #17bec5;
}

.opisPola
{
	display: block;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	margin-right: 10px;
	width: fit-content;
	background-color: rgba(255, 255, 255, 0.95);
	padding: 0px 10px 0px 10px;
	border-top: 1px solid #17bec5;
	border-left: 1px solid #17bec5;
	border-right: 1px solid #17bec5;
	

	
	border-top-right-radius: 4px;
	border-top-left-radius: 0px;
	float: left;
}

.selectDesign
{
	width: 200px;
	height: 40px;
	border-top: none;
	border-left: 1px solid #17bec5;
	border-bottom: 1px solid #17bec5;
	border-right: 1px solid #17bec5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  box-sizing: border-box; 
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	
	/*color: #17bec5;*/
	color: black;
	font-weight: normal;	
}

.dodajPaddingiSelekta
{
	padding: 0px 10px 0px 10px;
}

.wrapInptSelct input[type="text"]:enabled
{
	background: transparent;
	background-color: rgba(255, 255, 255, 0.95); 
}

.wrapInptSelct input[type="text"]:disabled
{
	background-color: rgba(115,111,111, 0.5);
}

#textareaOpis:enabled
{
	background-color: rgba(255, 255, 255, 0.95); 
}


#selectMarki
{

}

#selectModele
{

}

.opisDiv
{
	display: block;
	overflow: hidden;
}

#textareaOpis
{

	width: calc(100% - 22px);
	height: 160px;
	
	padding: 10px 10px 10px 10px;
	
	overflow: auto;
	outline: none;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  resize: none;	
	background: transparent;
	
	margin: 0;
	border-top: 0px;
	border-left: 1px solid #17bec5;
	border-bottom: 1px solid #17bec5;
	border-right: 1px solid #17bec5;
	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;	
}






/***************************/
/********* FOOTER **********/
/***************************/
#footer
{
	margin-top: 60px;
	background: #232323;
	height: auto;
	display: block;
	overflow: hidden;
	
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}

#footer_frame
{
	display: flex;
	height: 600px;
	width: 100%;
	align-items: center;
	justify-content: center;
}

#footer_wrap
{
	width: 100%;
	height: 250px;
	display: block;
	overflow: hidden;
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/*BOX-1*/
#foot_box1
{
	display: block;
	overflow: hidden;
	width: 370px;
	float: left;
	margin-right: 100px;
}

#tit_box1
{
	width: 100%;
	display: block;
	overflow: hidden;
}

#test_logo
{
	float: left;
}

#test_logo_txt
{
	font-family: 'Amatic SC', sans-serif;
	font-size: 30px;
	line-height: 70px;
	color: white;
	float: left;
	display: block;
	margin-left: 20px;
	font-weight: bold;
}

#test_logo_txt span
{
	color: #17bec5;
	font-size: 36px;
	line-height: 70px;
}

#txt_box1
{
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	color: white;
	font-size: 18px;
	line-height: 24px;
}

#ringforme
{
	font-size: 12px;
	margin-top: 30px;
	color: white;
}

#myNumberPhone
{
	color: white;
	font-weight: bold;
	margin-top: 8px;
	font-size: 30px;
}

#myNumberPhone span
{
	color: #17bec5;
}

#wrap_to3box
{
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
	flex: 1;
	height: 100vw;
	display: flex;
}

/*BOX-2*/
#foot_box2
{
	display: block;
	overflow: hidden;
	float: left;
	/*background: lightgrey;*/
	width: 30%;
	height: 100vw;		
}

#adres_pkauto
{
	margin-top: 40px;
}

.adres_pkauto
{
	all: unset;
	text-decoration: none;
	text-decoration: none !important;
	color: white;
}

#adres_pkauto span
{
	all: unset;
	text-decoration: none;
	text-decoration: none !important;
	display: block;
	color: white;
	font-size: 18px;
	line-height: 26px;
}


/*BOX-3*/
#foot_box3
{
	display: inline-block;
	overflow: hidden;
	float: none;
	width: 28%;
	height: 100vw;	
	/*background: lightgrey;*/
	margin: 0 auto;
}

.list-dowbox
{
	display: block;
	overflow: hidden;
	margin-top: 40px;
}

.myTabele
{
	height: 30px;
}

.sqarPlace
{
	width: 20px;
	float: left;
	height: 100%;
	display: flex;
  justify-content: center;
  align-items: center;	
}

.shapeList
{
	background: #17bec5;
	width: 5px;
	height: 5px;
	margin: 0 auto;
}

.txtList
{
	float: left;
	line-height: 30px;
	font-size: 16px;
	color: white;
}


/*BOX-4*/
#foot_box4
{
	display: block;
	overflow: hidden;
	float: right;
	width: 40%;
	height: 100vw;
	/*background: lightgrey;*/
}


.tit_regular_box
{
	color: white;
	font-weight: bold;
	font-size: 20px;
}




























/************** ********** *************/
/************** ********** *************/
/************** ********** *************/
/************** ********** *************/
/************** RESPONSIVE *************/
/************** ********** *************/
/************** ********** *************/
/************** ********** *************/
/************** ********** *************/
@media all and (min-width: 1200px) and (max-width:1800px)
{
	#mapawroclaw
	{ 
		width: 733px;
		min-height: 100%;
		max-height: 100%;
		background-size: 100%;
		margin-top: -100px;
		margin-left: 540px;
	}
}

@media all and (min-width: 1000px) and (max-width:1199px)
{
	#small_menus
	{
		display: none;
	}	

	.width_content
	{
		width: 1000px;
	}
	
	#logo
	{
		margin-left: 10px;
	}		
	
	.link_menu
	{
		margin-right: 30px;
	}	
	
	h1
	{
		margin-top: 15vh;
	}
	.col_number
	{
		font-size: 56px;
	}

	.col_txt
	{
		font-size: 16px;
	}	
	
	.four_step
	{
		display: block;
		position: absolute;
		width: 243px;
		height: 260px;
		background: white;
		float: left;
	}

	#step2
	{
		margin-left: 252px;
	}

	#step3
	{
		margin-left: 505px;
	}

	#step4
	{
		margin-left: 757px;
	}	
	
	.txt_step
	{
		text-align: center;
	}
	
	#middle2_frame
	{
		margin-top: 140px;
		height: 452px;
	}
	
	#photo_company
	{
		display: block;
		float: left;
		width: 495px;
		height: 100%;
		background-size: 100%;
		margin-left: 10px;
	}

	#txt_company
	{
		width: 465px;
		float: right;
		margin-right: 10px;
	}	
	
	#whywe
	{
		font-size: 18px;
		line-height: 20px;
	}

	h3
	{
		font-size: 32px;
		letter-spacing: 2px;
		margin-top: 11px;
		padding: 0;
		line-height: auto;
	}

	#mini_txt_company
	{
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 1px;
		margin-top: 10px;
	}	
	
	#button_form2
	{
		margin-top: 22px;
	}
	
	#photo_middle4
	{
		width: 533px;
		height: 599px;
		background-size: 100%;
	}

	#right_box_middle4
	{
		display: block;
		overflow: hidden;
		float: right;
		width: 380px;
		height: 599px;
	}

	#title_middle4
	{
		font-size: 30px;
	}

	#title_middle4 span
	{	
		color: #12CDD4;
	}

	#txt_middle4
	{
		font-size: 16px;
		line-height: 26px; 	
	}	
	
	#banner4
	{
		margin-top: 240px;
	}
	
	#mapawroclaw
	{ 
		width: 933px;
		min-height: 100%;
		max-height: 100%;
		background-size: 100%;
		margin-top: -200px;
		margin-left: 50px;
	}	
	
	#wroclaw
	{
		z-index: 999;
	}
	
	.opinion_box
	{
		height: 220px;
	}
	
	.text_opinion
	{
		height: 110px;
	}
	
	#title_slider	
	{
		width: 98%;
		font-size: 40px;
	}
	
	#title_slider span
	{
		color: #17bec5;
		text-shadow: 1px 1px 0px black;
		font-size: 60px;
	}

	#footer_frame
	{
		width: 98%;
		margin: 0 auto;
	}

	/*BOX-1*/
	#foot_box1
	{
		width: 300px;
		margin-right: 50px;
		height: auto;
	}

	#footer_wrap
	{
		height: 280px;
	}
}

@media all and (min-width: 840px) and (max-width:999px)
{
	#small_menus
	{
		display: none;
	}	

	.width_content
	{
		width: 840px;
	}
	
	#logo
	{
		margin-left: 10px;
	}	
	
	.link_menu
	{
		margin-right: 20px;
	}	
	
	h1
	{
		margin-top: 15vh;
		font-size: 90px;
		line-height: 90px;
	}
	
	#two_col
	{
		display: block;
		overflow: hidden;
	}

	#two_col2
	{
		display: block;
		overflow: hidden;
		margin-top: 40px;
	}

	.wrap_col
	{
		width: 50%;
	}

	.col_number
	{
		font-size: 56px;
	}

	.col_line
	{
		width: 90%;
		margin: 0 auto;
	}

	.col_txt
	{
		margin-top: 20px;
		font-size: 14px;
	}	
	
	#two_button_frame
	{
		width: 600px;
	}
	
	.button_bottom
	{
		font-size: 14px;
	}
	
	#txt_artile
	{
		width: 810px;
	}		
	
	.four_step
	{
		display: block;
		position: absolute;
		width: 415px;
		height: 260px;
		background: white;
		float: left;
	}

	#step2
	{
		margin-left: 425px;
	}

	#step3
	{
		margin-left: 0px;
		margin-top: 270px;
	}

	#step4
	{
		margin-left: 425px;
		margin-top: 270px;
	}	
	
	.txt_step
	{
		text-align: center;
	}
	
	#middle2_frame
	{
		display: block;
		overflow: hidden;
		height: auto;
		margin-top: 410px;
	}
	
	#photo_company
	{
		margin: 0;
		display: block;
		float: none;
		width: auto;
		background: url('../img/pkauto.png') 0 590px;
		height: 470px;
		background-size: 100%;
	}
	
	#txt_company
	{
		margin: 0;
		display: block;
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	
	#whywe
	{
		font-size: 18px;
		line-height: 20px;
		text-align: center;
	}

	h3,h4
	{
		font-size: 32px;
		letter-spacing: 2px;
		margin-top: 11px;
		padding: 0;
		line-height: auto;
		text-align: center;
	}
	
	#mini_txt_company
	{
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 1px;
		margin-top: 10px;
		text-align: center;
	}		
	
	#mini_txt_price
	{
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 1px;
		margin-top: 10px;
		text-align: center;		
	}
	
	#photo_middle4
	{
		width: 533px;
		height: 599px;
		background-size: 100%;
		margin: 0 auto;
		display: block;
		overflow: hidden;
		float: none;
	}

	#right_box_middle4
	{
		display: block;
		overflow: hidden;
		float: none;
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;	
		text-align: center;
		height: auto;
		margin-bottom: 30px;
	}

	#title_middle4
	{
		font-size: 30px;
	}

	#txt_middle4
	{
		font-size: 18px;
		line-height: 26px; 	
	}		
	
	h5
	{
		font-size: 56px;
		margin-top: 30px;
	}

	#nr_pkauto
	{
		font-size: 56px;
		margin-top: 40px;
	}
	
	#banner4
	{
		margin-top: 140px;
	}
	
	#mapawroclaw
	{ 
	
		width: 833px;
		min-height: 100%;
		max-height: 100%;
		background-size: 100%;
		margin-top: -120px;
		margin-left: 0px;
	}	
	
	#wroclaw
	{
		width: 300px;
		z-index: 999;
		margin-left: 150px;
		font-size: 30px;
	}	
	
	#wroclaw br
	{
		display: none;
	}
	
	.opinion_box
	{
		width: 48%;
		float: left;
	}
	
	.center_opinion
	{
		float: right;
	}
	
	.last_opinion
	{
		display: none;
	}
	
	#title_slider
	{
		font-size: 30px;
		line-height: 46px;
	}
	
	#title_slider span
	{
		font-size: 40px;
	}
	
	#slider_container
	{
		margin-top: 50px;
	}	
	
	#footer
	{
		height: auto;
	}	
		
	#footer_frame
	{
		height: auto;
		padding: 40px 0 40px 0;
	}	
		
	#footer_wrap
	{
		display: block;
		overflow: hidden;
		height: auto;
	}	

	#foot_box1
	{
		display: block;
		float: none;
		margin: 0 auto;
		width: 76%;
	}
		
	#wrap_to3box
	{
		display: flex;
		float: none;
		width: 100%;
		margin-top: 60px;
		height: auto;
	}	
	
	#tit_box1
	{
		margin: 0 auto;
		width: fit-content;
	}
	
	#ringforme, #myNumberPhone
	{
		text-align: center;
	}
	
	#txt_box1
	{
		text-align: center;
	}
		
	#foot_box4, #foot_box3, #foot_box2
	{
		height: auto;
	}	
		
	#foot_box2
	{
		float: none;
		width: fit-content;
		block-size: fit-content;
		display: inline-block;
	}	

	#foot_box3
	{
		float: none;
		width: fit-content;
		block-size: fit-content;
		margin: 0 auto;
		display: inline-block;
	}	
		
	#foot_box4
	{
		float: none;
		width: fit-content;
		block-size: fit-content;
		float: right;
		display: inline-block;
	}	
}

@media all and (max-width:839px)
{
	.width_content
	{
		width: 100%;
	}
	
	#menu_link
	{
		display: none;
	}
	
	#logo
	{
		margin-left: 10px;
	}
	
	#menu_small
	{
		display: block;
		background: url('../img/menu_24px.png');
		width: 24px;
		height: 24px;
		float: right;
		margin-top: 18px;
		margin-right: 40px;
	}
	
	#menu_small:hover
	{
		background: url('../img/menu_24px.png') 0 24px;
		cursor: pointer;
	}
	
	#menu_icon
	{
		margin-right: 40px;
	}
	
	h1
	{
		font-size: 70px;
		line-height: 70px;
	}
	
	#under_h1
	{
		font-size: 16px;
	}
	
	#separator
	{
		overflow: hidden;
		height: auto;
		background: #f9f9f9;
		display: block;
	}

	#table_statystic
	{
		display: block;
		overflow: hidden;
		margin-top: 20px;	
		margin-bottom: 60px;
	}

	#two_col
	{
		display: block;
		overflow: hidden;
	}

	#two_col2
	{
		display: block;
		overflow: hidden;
	}

	.wrap_col
	{
		display: block;
		overflow: hidden;
		width: 100%;
		float: none;
		margin-top: 50px;
	}

	.col_number
	{
		text-align: center;
		margin-bottom: 10px;
		font-size: 56px;
	}

	.col_line
	{
		background: lightgrey;
		height: 1px;
		width: 90%;
		margin: 0 auto;
	}

	.col_txt
	{
		text-align: center;
		margin-top: 10px;
		font-size: 14px;
	}	
	
	#two_button_frame
	{
		width: 100%;
	}	
	
	.button_bottom
	{
		font-size: 14px;
	}	
	
	#txt_artile
	{
		width: 96%;
	}			
	
	.four_step
	{
		display: block;
		position: absolute;
		width: 47%;
		height: 260px;
		background: white;
		float: left;
	}

	#step1
	{
		margin-left: 2%;
	}	
	
	#step2
	{
		margin-left: 51%;
	}

	#step3
	{
		margin-left: 2%;
		margin-top: 270px;
	}

	#step4
	{
		margin-left: 51%;
		margin-top: 270px;
	}	
	
	.txt_step
	{
		text-align: center;
	}
	
	#middle2_frame
	{
		display: block;
		overflow: hidden;
		height: auto;
		margin-top: 410px;
	}	
	
	#photo_company
	{
		margin: 0;
		display: block;
		float: none;
		width: auto;
		background: url('../img/pkauto.png') no-repeat;
		height: 470px;
		background-size: 100%;
	}
	
	#txt_company
	{
		margin: 0;
		display: block;
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	
	#whywe
	{
		font-size: 18px;
		line-height: 20px;
		text-align: center;
	}

	#test
	{
		width: 500px;
		margin-top: 56px;		
	}

	#banner2_txt_frame
	{
		font-size: 30px;
	}

	#banner2_txt2_frame
	{
		margin-top: 40px;
		font-size: 14px;
		line-height: 20px;
	}

	#button_callme
	{
		margin-top: 50px;
	}

	#phone_numer
	{
		font-size: 52px;
		margin-top: 50px;
	}		
	
	h3, h4
	{
		font-size: 32px;
		letter-spacing: 2px;
		margin-top: 11px;
		padding: 0;
		line-height: auto;
		text-align: center;
	}

	#mini_txt_company
	{
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 1px;
		margin-top: 10px;
		text-align: center;
	}		
	
	#mini_txt_price
	{
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 1px;
		margin-top: 10px;
		text-align: center;
	}	
	
	#photo_middle4
	{
		width: 420px;
		height: 472px;
		background-size: 100%;
		margin: 0 auto;
		display: block;
		overflow: hidden;
		float: none;
	}

	#right_box_middle4
	{
		display: block;
		overflow: hidden;
		float: none;
		width: 98%;
		margin: 0 auto;
		margin-top: 20px;	
		text-align: center;
		height: auto;
		margin-bottom: 20px;
	}

	#title_middle4
	{
		font-size: 30px;
	}

	#txt_middle4
	{
		font-size: 18px;
		line-height: 26px; 	
	}
	
	h5
	{
		font-size: 50px;
		margin-top: 30px;
	}

	#nr_pkauto
	{
		font-size: 56px;
		margin-top: 40px;
	}	
	
	#banner4
	{
		margin-top: 100px;
	}
	
	#mapawroclaw
	{ 
		width: 633px;
		min-height: 100%;
		max-height: 100%;
		background-size: 100%;
		margin-top: -30px;
		margin-left: 100px;
	}	
	
	#wroclaw
	{
		width: 300px;
		z-index: 999;
		margin-left: 50px;
		font-size: 30px;
	}	
	
	#wroclaw br
	{
		display: none;
	}	
	
	#tag_opinie
	{
		margin-left: 2%;
	}

	#title_opinie
	{
		margin-left: 2%;
	}
	
	#opinion_wrap
	{
		display: block;
		overflow: hidden;
	}
	
	.opinion_box
	{
		width: 96%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	
	.center_opinion
	{
		width: 96%;
		float: none;
		margin: 0 auto;
		display: block;
		margin-top: 20px;
	}
	
	.last_opinion
	{
		width: 96%;
		float: none;
		margin: 0 auto;
		display: block;
		margin-top: 20px;
	}	
	
	#middle5_frame
	{
		width: 98%;
	}
	
	h6
	{
		font-size: 26px;
	}
	
	.dlaczego
	{
		border-bottom: 1px solid lightgrey;
		margin-bottom: 20px;
	}
	
	.dlaczego_small
	{
		float: none;
		font-size: 20px;
		text-align: center;
		height: auto;
		line-height: 30px;
	}
	
	.rowiniecie
	{
		font-size: 18px;
		text-align: center;
	}	
	
	.plusik
	{
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
		float: none;
	}
	
	#last_dlaczego
	{
		margin-bottom: 0px;
	}
	
	#title_slider
	{
		width: 80%;
		font-size: 30px;
		line-height: 46px;
	}
	
	#title_slider br
	{
		display: block;
	}
	
	#slider_container
	{
		margin-top: 50px;
	}
	
	#footer
	{
		height: auto;
	}	
		
	#footer_frame
	{
		height: auto;
		padding: 40px 0 40px 0;
	}	
		
	#footer_wrap
	{
		display: block;
		overflow: hidden;
		height: auto;
		width: 98%;
	}	

	#foot_box1
	{
		display: block;
		float: none;
		margin: 0 auto;
		width: 86%;
		text-align: center;
	}
	
	#wrap_to3box
	{
		display: flex;
		float: none;
		width: 100%;
		margin-top: 80px;
		height: auto;
	}	
	
	#tit_box1
	{
		margin: 0 auto;
		width: fit-content;
	}
	
	#ringforme, #myNumberPhone
	{
		text-align: center;
	}		
		
	#foot_box4, #foot_box3, #foot_box2
	{
		height: auto;
	}	
		
	#foot_box2
	{
		float: none;
		width: fit-content;
		block-size: fit-content;
		display: inline-block;
	}	

	#foot_box3
	{
		float: none;
		width: fit-content;
		block-size: fit-content;
		margin: 0 auto;
		display: inline-block;
	}	
		
	#foot_box4
	{
		float: none;
		width: fit-content;
		block-size: fit-content;
		float: right;
		display: inline-block;
	}	
	
	#container_kontakt
	{
	}		
	
	#cont_kontakt_wrap
	{
		width: 96%;
		margin: 0 auto;
	}
	
	#tag_opinie
	{	
		margin-top: 50px;
	}
	
	#form_kontakt
	{
		margin-top: 70px;
	}
	
	#up_fotm_kont
	{
		display: block;
	}
	
	.input_kotaktForm, #input_kotaktForm1, #input_kotaktForm2, #input_kotaktForm3
	{
		display: block;
		overflow: hidden;
		float: none;
		width: calc(100% - 42px);
		padding: 0 20px 0 20px;		
		margin-top: 10px;
	}
	
	#input_kotaktForm1
	{
		margin-top: 0px;
	}
	
	#textAreaKontakt
	{
		margin-top: 10px;
	}
	
	#buttonSendForm	
	{
		width: 200px;
	}
	
	#form_wycena_wrap
	{
		width: 96%;
	}	
		
	#bg_formularz
	{
		width: 100%;
	}	
	
	.form_daneOsoby
	{
		width: 100%;
	}
	
	#dodaj_zdjecia_wrap
	{
		display: block;
	}

	.hm
	{
		width: 100%;
		display: block;
		display: flex;
		justify-content: center;
	}	
	
	.pojemnik_na_zdjecie
	{
		width: 200px;
		height: 200px;
		margin: 18px;
	}	
}

@media all and (max-width: 700px)
{

	#alert_bg > #alert_wrap
	{
		width: 280px;
	}

	.pojemnik_na_zdjecie
	{
		width: 176px;
		height: 176px;
		margin: 12px;
	}		
	
	#banner4
	{
		margin-top: 100px;
	}
	
	#mapawroclaw
	{ 
		width: 633px;
		min-height: 100%;
		max-height: 100%;
		background-size: 100%;
		margin-top: -30px;
		margin-left: 0px;
	}	
	
	#wroclaw
	{
		width: 300px;
		z-index: 999;
		margin-left: 0px;
		font-size: 24px;
	}	
	
	#wroclaw br
	{
		display: none;
	}	
	
	#opinion_wrap
	{
		margin-top: 60px;
	}
	
	#tag_opinie
	{
		font-size: 56px;
	}
	
	#title_opinie
	{
		font-size: 30px;
		margin-top: -28px;
		line-height: 30px;
	}
	
	#title_slider
	{
		width: 98%;
		font-size: 30px;
		line-height: 46px;
	}	
	
	#title_slider br
	{
		display: none;
	}
	
	#form_wycena_wrap
	{
		width: 96%;
	}	
		
	#bg_formularz
	{
		width: 100%;
		height: auto;
	}
	
	.on3div
	{
		display: block;
	}
	
	.nexton3div
	{
		margin: 0;
	}
	
	.wrapInptSelct
	{
		display: block;
		margin-top: 20px;
	}
	
	.dodatkowe_opakowanie
	{
	}
	
	.selectDesign
	{
		width: 100%;
	}
	
	.last_wrapInptSelect
	{
		float: none;
	}
	
	.opisDiv
	{
		margin-top: 20px;
	}
}
	
@media all and (max-width: 600px)
{
	#menu_small
	{
		margin-right: 20px;
	}

	#menu_icon
	{
		display: none;
	}
	
	h1
	{
		font-size: 40px;
		line-height: 48px;
		margin-top: 20px;
	}
	
	#button_form
	{
		font-size: 12px;
		margin-top: 16px;
		padding: 15px 10px 15px 10px;
		display: none;
	}
	
	#under_h1
	{
		font-size: 12px;
		line-height: 16px;
	}
	
	.four_step
	{
		display: block;
		position: absolute;
		width: 96%;
		height: 260px;
		background: white;
		float: left;
	}

	#step1
	{
		margin-left: 2%;
	}	
	
	#step2
	{
		margin-top: 270px;
		margin-left: 2%;
	}

	#step3
	{
		margin-top: 540px;
		margin-left: 2%;
	}

	#step4
	{
		margin-top: 810px;
		margin-left: 2%;
	}		
	
	#middle2_frame
	{
		display: block;
		overflow: hidden;
		height: auto;	
		margin-top: 950px;
	}		
	
	#photo_company
	{
		margin: 0;
		display: block;
		float: none;
		width: auto;
		background: url('../img/pkauto.png') no-repeat;
		height: 400px;
		background-size: 100% 400px;
	}	
	
	#test
	{
		width: 98%;
		margin-top: 56px;		
	}	
	
	h5
	{
		text-shadow: 2px 2px 2px black;
		font-size: 34px;
		margin-top: 0px;
		margin-top: 20px;
		line-height: 40px;
	}

	#nr_pkauto
	{
		font-size: 56px;
	}		
	
	#banner4
	{
		margin-top: 50px;
	}
	
	#mapawroclaw
	{ 
		width: 600px;
		min-height: 100%;
		max-height: 100%;
		background-size: 100%;
		margin-top: -10px;
		margin-left: -140px;
	}	
	
	#wroclaw
	{
		width: 250px;
		z-index: 999;
		margin-left: 10px;
		font-size: 20px;
	}	
	
	#wroclaw br
	{
		display: none;
	}	
	
	.rowiniecie
	{
		font-size: 16px;
	}	
	
	/***************/
	#opinion_wrap
	{
		margin-top: 60px;
	}
	
	#tag_opinie
	{
		font-size: 46px;
	}
	
	#title_opinie
	{
		font-size: 20px;
		margin-top: -28px;
		line-height: 30px;
	}
	
	#title_slider
	{
		width: 98%;
		font-size: 30px;
		line-height: 46px;
	}	
	
	#title_slider br
	{
		display: none;
	}
	/*********/
	
	#wrap_to3box
	{
		display: block;
		float: none;
		width: 100%;
		margin-top: 0px;
		height: auto;
	}	
		
	#foot_box4, #foot_box3, #foot_box2
	{
		height: auto;
		float: none;
		display: block;
		width: fit-content;
		margin: 0 auto;		
		margin-top: 50px;
		width: fit-content;
	}	
	
	.tit_regular_box, .adres_pkauto
	{
		text-align: center;
	}
	
	#adres_pkauto, .list-dowbox
	{
		margin-top: 14px;
	}
}