html, body {
	padding: 0px;
	margin: 0px;
	color: #101010;
	overflow-x: hidden;
}
html, body, input[type="text"], select, textarea, button, a, div, ul, li, p, span  {
	font-family: sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #f0471b;
}
h2 {
	text-align: center;
}
a:not(.tag) {
	text-decoration: none;
}
a:not(.tag, .active):hover {
	text-decoration: underline;
	font-weight: bold;
	color: #f0471b;
}
ul {
	list-style-position: inside;
	list-style-type: square;
}
.color1 {
}
.color2 {
}
.color3 {
	background: #94a600;
}
.color4 {
}
.color5 {
}
.color5:hover {
	font-weight: bold;
}
.error2 {
	text-align: center;
	color: orange;
}
.relative {
	position: relative;
}
.driver {
	
}
.section {
	margin: 0 auto;
}
.clear { 
	clear: both;
}
.left:not(.auto) {
	float: left;
}
.right:not(.auto) {
	float: right;
}
.auto {	
	margin: 0 auto !important;
}
.block { 
	display: block;
}
.none {
	display: none !important;
}
.table {
	display: table;
}
.table-cell {
	display: table-cell;
    vertical-align: middle;
}
.zero {
	padding: 0px !important;
	margin: 0px !important;
}
.center {
	text-align: center;
}
.fright {
	text-align: right;
}
.fcenter {
	text-align: center;
}
.fleft {
	text-align: left;
}
.justify {
	text-align: justify;
}
.hover:hover { 
	cursor: pointer;
}
.strong {
	font-weight: bold;
}
.nobr { 
	white-space:nowrap;
}
.sectionM {
	width: 100%;
}
#menu_head, #menu_head2 {
	float: left;
}
#menu_in a:not(.active), #menu_in2 a:not(.active) {
	color: white;
}
#menu_in a:hover, #menu_in2 a:hover {
	text-decoration: underline;
}
#menu_in a, #menu_in2 a {
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	background: #849200;
}
#menu_in a.active, #menu_in2 a.active {
	background: #f0471b !important;
}
#social_menu {
	text-align: center;
	color: white;
	color: black;
}
@keyframes social {
    from {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);	
	}
    to {	
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
#social a {
	display: block;
	float: left;
	background-size: 100% auto;
	background-position: center;
}
#social a:hover {
	animation: social 1s forwards;
}	
@keyframes bgcenter_animacja1 {
	from {
		background-size: auto 140%; 
	}
	to {
		background-size: auto 100%; 
	}
}
@keyframes bgcenter_animacja2 {
	from {
		background-size: auto 100%; 
	}
	to {
		background-size: auto 140%; 
	}
}
.bgcenter {   
	background-repeat: no-repeat; 
	background-size: auto 100%; 
	background-position: center;
	animation: bgcenter_animacja1 1s forwards;
}
hr { 
	background-color: #94a600;
	height: 2px; 
	border: 0; 
}
#containter_master {
	margin: 0 auto;
	background: rgba(0,0,0,0.7);
	color: #f8ffb7;
}	
#container1 {
	margin: 0 auto;
}
#container1 h1 {
	color: #f0471b;
	text-align: center;
}
#container1 h2 {
	text-align: center;
	color: #f0471b;
}
#menu_container {
	width: 100%;
}
#menu {
	position: fixed;
	z-index: 9998;
}
#menu_in {
	background-color: #94a600;	
	display: block !important;
	margin: 0 auto;
}
#menu_head img {
	display: none;
}
button, input[type="submit"], input[type="reset"] {
	background: #849200;
	text-align: center;
	color: #ffffff;
	border: 5px solid #94a600;
}
select.kalkulator:hover, select.kalkulator > option:hover {
	cursor: pointer;
}
#kalkulator_etap_2, #kalkulator_etap_3 {
	display: none;
}
.blog_home {
	text-align: justify;
    text-justify: inter-word;
	float: left;
}
.blog_home h3 {
	text-align: center;
}	
#mapa_polski1 {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.blog_home:hover > .bgcenter {
	animation: bgcenter_animacja2 1s forwards;
}	
#send_message {
	float: left;
}
#clear_message {
	float: right;
}
#footer a.tag {
	display: block;
	float: left;
	background: #849200;
	color: #ffffff;
	text-decoration: none;
	animation-name: tagStart;
	animation-duration: 1s;
	animation-fill-mode: forwards
}	
#footer a.tag:hover {
	animation-name: tagHover;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}	
#upM {
	position: fixed;
	bottom: 0px;
}
.up {
	position: fixed;
	background: #849200;
	text-align: center;
	color: #ffffff;
	z-index: 9999;
}
.up:hover {
	color: #f0471b;
}	
.agaleria:hover > * > .galeria-img {
	animation: bgcenter_animacja2 1s forwards;
}
.quickNavi-prev-a:hover, .quickNavi-next-a:hover {
	color: #ed5d09;
	font-weight: bold;
}
.quickNavi-text-this {
	color: #ed5d09;
}
.chocolat-image.col15 {
	position: relative;
}
.chocolat-image > img { 
	display: none;
}
.chocolat-image.col15 div {
	position: relative;
	background: rgba(0,0,0,0.4);
	display: none;
}
.chocolat-image.col15:hover > div {
	display: block;
}
.chocolat-image.col15 div {
	display: none;
}
.blog h3 {
	display: block;
	background: #94a600;
	text-align: center;
	color: #FFFFFF;
}
.blog:hover > p, .blog:hover > a {
	background: rgba(0,0,0,0.7);
	display: block;
}
.blog:hover > h3 {
	animation-name: blogHover;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
#special_offer {
	z-index: 9998;
	position: absolute;
}


@media (min-width: 1200px) {
body {
	background-image: url('../img/page.jpeg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% auto;
	font-size: 14px;
}	
h2 {
	font-size: 30px;
}	
a:not(.tag) {
	color: white;
}
#containter_master {
	width: 1024px;
}	
#container1 {
	padding-top: 60px;
	width: 1024px;
	margin-bottom: 20px;
}
#container1 img {
	width: 150px;
	padding: 12px;
	float: left;
}
#container1 > div {
	width: 850px;
}	
#container1 h1 {
	font-size: 40px;
	padding: 5px 15px 0px 15px;
}
#container1 h2 {
	font-size: 20px;
	padding: 0px 10px 0px 10px;
}
.driver {
	width: 1024px;
	margin: 0 auto;
}
#container2 {
	width: 1024px;
	margin: 0 auto;
	position: relative; 
}
#container3 {
	width: 188px;
	padding: 5px 10px 5px 15px;
	float: right;
	border-left: 2px solid #94a600;
}
#container4 {
	width: 794px;
	padding: 5px;
	float: left;
}
#container5 {
	width: 1024px;
	margin: 0 auto;
	padding-top: 100px;
}
.e404 {
	height:300px;
}
.e404 h2 {
	margin-left: 10%;
	width: 80%;
	display: block;
	padding: 20px;
	background: rgba(0,0,0,0.7);
}
#container5 .out-col3 {
	width: 492px;
	padding: 10px;
}	
#container5 .after-col3 {
	width: 492px;
	padding: 10px;
}	
#pozostale-artykuly {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}	
.driver, .section {
	width: 794px;
}	
.sectionM {
	height: 0px;
}
#menu_in {
	width: 1024px;
	border-radius: 0px 0px 10px 10px;
	height: 60px;
	width: 1024px;
}
#menu_in a {
	height: 25px;
	font-size: 18px;
	width: 115px;
	margin: 10px 10px 5px 10px;
	padding: 5px;
	float: left;
}
#slider {
	width: 700px;
	height: 390px;
}
#menu_in a:nth-child(1), #menu_in a:nth-child(2), #menu_in a:nth-child(4) {
	width: 165px;
}	
select.kalkulator, #kalkulator_reset {
	width: 186px;
	height: 30px;
	margin-bottom: 5px;
}	
.traktor_img{
	display: block;
	width: 180px;
	margin: 0 auto;
}
#mapa_polski {
	width: 180px;
}
.icon {
	width: 15px;
	height: 15px;
	padding-right: 5px;
}
#social_menu {
	width: 200px;
}	
#social a {
	width: 40px;
	height: 40px;
	padding: 3px;
	margin-left: 5px;
}
#lista1 .als-item {
	margin: 0px;
	min-height: 120px;
	min-width: 118px;
}
#homepage_img {
	width: 410px;
	float: left;
	margin: 0px 10px 10px 10px;
}
.blog_home {
	width: 244px;
	padding: 10px;
}
.blog_home .bgcenter {
	display: block;
	width: 244px;
	height: 244px;
	margin: 0 auto;
	margin-bottom: 10px;
}

#footer .out-col2 {
	width: 300px;
	padding: 10px;
}
#footer .out-col2:nth-child(1) {
	width: 342px;
	padding: 10px;
}
.col3 {
	width: 512px;
}
.out-col3 {
	width: 492px;
	padding: 10px;
}
.col6 {
	width: 1024px;
}
#lokalizacja {
	margin-left: 10px;
	width: 789px;
	height: 650px;
}
#lokalizacja img {
	width: 100px;
}
.table-cell.out-col15 {
	width: 178px;
	padding: 5px;
	float: left;
}	
#kontakt_data {
	width: 377px;
	padding: 10px;
}	
#kontakt_data .table {
	width: 357px;
	height: 60px;
}
#kontakt_data .table-cell {
	width: 178px;
}
#kontakt-form {
	width: 377px;
	padding: 10px;
}
input[type="text"].contact, textarea.contact {
	height: 25px;
	padding: 3px;
	margin-bottom: 10px;
	width: 357px;
	font-size: 14px;
}
#kontakt-form textarea.contact {
	height: 100px;
}
.contact.error {
	border: 2px solid red;
}	
#kontakt-form .error2 {
	padding: 5px 5px 10px 5px;
	height: 20px;
	width: 357px;
}	
.realperson-challenge {
	padding: 3px 0px 35px 0px;
	color: #FFFFFF;
	height: 19px;
	
}
#send_message, #clear_message {
	height: 50px;
	width: 188px;
	margin:0px;
	padding: 0px;
}	
#kontakt .full {
	float: left;
	width: 789px;
	padding: 40px 10px 10px 10px;
}
#footer {
	width: 1024px;
	margin: 0 auto;
	margin-top: 20px;
	border-top: 2px solid #94a600;
}
@keyframes tagStart {
    from {
		text-decoration: underline;
		padding: 5px 20px 5px 20px;
		font-weight: bold;
	}
    to {
		text-decoration: none;
		padding: 5px;
		font-weight: normal;
	}
}
@keyframes tagHover {
    from {
		text-decoration: none;
		padding: 5px;
		font-weight: normal;
	}
    to {
		font-weight: bold;	
		text-decoration: underline;
		padding: 5px 20px 5px 20px;
	}
}
#footer a.tag {
	margin: 2px;
	padding: 5px;
	border: 5px solid #94a600;
}	
.up {
	bottom: 5px;
	right: 5px;
	width: 40px;
	padding-top: 5px;
	height: 35px;
	border: 5px solid #94a600;
	font-size: 20px;
	border-radius: 20px 0px 0px 0px;
}
.dlaczego_my_image {
	display: block;
	float: left; 
	width: 300px;
	margin: 20px 20px 20px 0px;
}
#galeria a {
	text-decoration: none;
	width: 794px;
}	
#galeria h3, #galeria p {
	display: block;
	width: 584px;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	float: right;
}	
#galeria p {
	padding-top: 0px;
	margin-top: 0px;
}	
.galeria-img {
	margin-top: 0px;
	width: 170px;
	height: 170px;
	margin: 10px;
	float: left;
	border-radius: 0px 0px 20px 0px;
}	
.quickNavi-master {
	background: #94a600;
}
.quickNavi-text {
	background: #849200;
	color: white;
	font-weight: bold;
	width: 15px;
	height: 15px;
	padding: 5px;
	border-radius: 5px;
}
.ikona {
	position: absolute;
	top: 50%;
	margin-top: 48px;
	left: 50%;
	margin-left: -24px;
}
.quickNavi-master {
	font-size: 14px;
	width: 794px;
}
#container3 .col6 {
	width: 794px;
}	
.chocolat-image.col15 {
	display: block;
	width: 182.5px !important;
	height: 182.5px !important;
	margin: 8px;
}
.blog {
	width: 377px;
	height: 377px;
	margin: 10px;
	float: left;
}

.blog p, .blog a {
	padding: 20px;
	margin: 0px;
	display: none;
}
.blog h3 {
	width: 377px;
	font-size: 20px;
	margin-top: 290px;
	padding-top: 33px;
	height: 54px;
	margin-bottom: 0px;
}
@keyframes blogHover {
    from {
		margin-top: 280px;
	}
    to {
		margin-top: 0px;
	}
}
#special_offer {
	top: 500px;
	left: 400px;
}
#tunning_wynik {
	background: rgba(0,0,0,1);
	text-align: center;
	border: 3px solid red;
}
#kalkulator_marki {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
}



@media (max-width: 1199px) and (min-width: 980px)  {
body {
	background-image: url('../img/page.jpeg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% auto;
	font-size: 12px;
}	
h2 {
	font-size: 24px;
}
a:not(.tag) {
	color: white;
}	
#containter_master {
	width: 840px;
}
#container1 {
	padding-top: 50px;
	width: 840px;
	margin-bottom: 17px;
}
#container1 img {
	width: 125px;
	padding: 10px;
	float: left;
}
#container1 > div {
	width: 695px;
}	
#container1 h1 {
	font-size: 32px;
	padding: 4px 12px 0px 12px;
}
#container1 h2 {
	font-size: 16px;
	padding: 0px 8px 0px 8px;
}
.driver {
	width: 840px;
	margin: 0 auto;
}
#container2 {
	width: 840px;
	margin: 0 auto;
	position: relative; 
}
#container3 {
	width: 152px;
	padding: 4px 8px 4px 12px;
	float: right;
	border-left: 2px solid #94a600;
}
#container4 {
	width: 658px;
	padding: 4px;
	float: left;
}
#container5 {
	width: 840px;
	margin: 0 auto;
	padding-top: 82px;
}
.e404 {
	height:240px;
}
.e404 h2 {
	margin-left: 10%;
	width: 80%;
	display: block;
	padding: 16px;
	background: rgba(0,0,0,0.7);
}
#container5 .out-col3 {
	width: 404px;
	padding: 10px;
}	
#container5 .after-col3 {
	width: 404px;
	padding: 10px;
}	
#pozostale-artykuly {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}	
.driver, .section {
	width: 658px;
}	
.sectionM {
	height: 0px;
}
#menu_in {
	width: 840px;
	border-radius: 0px 0px 8px 8px;
	height: 50px;
}
#menu_in a {
	height: 21px;
	font-size: 15px;
	width: 94px;
	margin: 8px 8px 4px 8px;
	padding: 4px;
	float: left;
}
#menu_in a:nth-child(1), #menu_in a:nth-child(2), #menu_in a:nth-child(4) {
	width: 135px;
}
#slider {
	width: 700px;
	height: 390px;
}	
#kalkulator_reset {
	border: 4px solid #94a600;
}
select.kalkulator, #kalkulator_reset {
	width: 152px;
	height: 24px;
	margin-bottom: 4px;
}	
.traktor_img{
	display: block;
	width: 148px;
	margin: 0 auto;
}
#mapa_polski {
	width: 148px;
}
.icon {
	width: 13px;
	height: 13px;
	padding-right: 2px;
}
#social_menu {
	width: 164px;
}	
#social a {
	width: 32px;
	height: 32px;
	padding: 2px;
	margin-left: 4px;
}
#lista1 .als-item {
	margin: 0px;
	min-height: 120px;
	min-width: 118px;
}
#homepage_img {
	width: 336px;
	float: left;
	margin: 0px 8px 8px 8px;
}
.blog_home {
	width: 200px;
	padding: 8px;
}
.blog_home .bgcenter {
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	margin-bottom: 8px;
}

#footer .out-col2 {
	width: 246px;
	padding: 8px;
}
#footer .out-col2:nth-child(1) {
	width: 280px;
	padding: 8px;
}
.col3 {
	width: 420px;
}
.out-col3 {
	width: 403px;
	padding: 8px;
}
.col6 {
	width: 840px;
}
#lokalizacja {
	margin-left: 8px;
	width: 646px;
	height: 533px;
}
#lokalizacja img {
	width: 82px;
}
.table-cell.out-col15 {
	width: 145px;
	padding: 4px;
	float: left;
}	
#kontakt_data {
	width: 309px;
	padding: 8px;
}	
#kontakt_data .table {
	width: 292px;
	height: 49px;
}
#kontakt_data .table-cell {
	width: 145px;
}
#kontakt-form {
	width: 309px;
	padding: 8px;
}
input[type="text"].contact, textarea.contact {
	height: 30px;
	padding: 2px;
	margin-bottom: 8px;
	width: 292px;
	font-size: 13px;
}
#kontakt-form textarea.contact {
	height: 82px;
}
.contact.error {
	border: 2px solid red;
}	
#kontakt-form .error2 {
	padding: 4px 4px 8px 4px;
	height: 16px;
	width: 292px;
}	
.realperson-challenge {
	padding: 2px 0px 29px 0px;
	color: #FFFFFF;
	height: 16px;
	
}
#send_message, #clear_message {
	height: 41px;
	width: 154px;
	margin:0px;
	padding: 0px;
}	
#kontakt .full {
	float: left;
	width: 646px;
	padding: 32px 8px 8px 8px;
}
#footer {
	width: 840px;
	margin: 0 auto;
	margin-top: 16px;
	border-top: 2px solid #94a600;
}

@keyframes tagStart {
    from {
		text-decoration: underline;
		padding: 4px 16px 4px 16px;
		font-weight: bold;
	}
    to {
		text-decoration: none;
		padding: 4px;
		font-weight: normal;
	}
}
@keyframes tagHover {
    from {
		text-decoration: none;
		padding: 4px;
		font-weight: normal;
	}
    to {
		font-weight: bold;	
		text-decoration: underline;
		padding: 4px 16px 4px 16px;
	}
}
#footer a.tag {
	margin: 2px;
	padding: 4px;
	border: 4px solid #94a600;
}	
.up {
	bottom: 4px;
	right: 4px;
	width: 32px;
	padding-top: 4px;
	height: 28px;
	border: 4px solid #94a600;
	font-size: 16px;
	border-radius: 16px 0px 0px 0px;
}
.dlaczego_my_image {
	display: block;
	float: left; 
	width: 246px;
	margin: 16px 16px 16px 0px;
}
#galeria a {
	text-decoration: none;
	width: 650px;
}	
#galeria h3, #galeria p {
	display: block;
	width: 478px;
	padding: 8px;
	margin: 8px 0px 8px 0px;
	float: right;
}	
#galeria p {
	padding-top: 0px;
	margin-top: 0px;
}	
.galeria-img {
	margin-top: 0px;
	width: 139px;
	height: 139px;
	margin: 8px;
	float: left;
	border-radius: 0px 0px 16px 0px;
}	
.quickNavi-master {
	background: #94a600;
}
.quickNavi-text {
	background: #849200;
	color: white;
	font-weight: bold;
	width: 12px;
	height: 12px;
	padding: 4px;
	border-radius: 4px;
}
.ikona {
	position: absolute;
	top: 50%;
	margin-top: 39px;
	left: 50%;
	margin-left: -20px;
}
.quickNavi-master {
	font-size: 11px;
	width: 650px;
}
#container3 .col6 {
	width: 650px;
}	
.chocolat-image.col15 {
	display: block;
	width: 149px !important;
	height: 149px !important;
	margin: 6px;
}
.blog {
	width: 309px;
	height: 309px;
	margin: 8px;
	float: left;
}
.blog p, .blog a {
	padding: 16px;
	margin: 0px;
	display: none;
}
.blog h3 {
	width: 309px;
	font-size: 16px;
	margin-top: 237px;
	padding-top: 27px;
	height: 44px;
	margin-bottom: 0px;
}
@keyframes blogHover {
    from {
		margin-top: 229px;
	}
    to {
		margin-top: 0px;
	}
}
#special_offer {
	top: 500px;
	left: 388px;
	width: 200px;
}
#tunning_wynik {
	background: rgba(0,0,0,1);
	text-align: center;
	border: 2px solid red;
}
#kalkulator_marki {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
}


@media (max-width: 979px) and (min-width: 768px)  {
body {
	font-size: 10px;
	background-image: url('../img/page.jpeg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: auto 100%;
}	
h2 {
	font-size: 20px;
}
a:not(.tag) {
	color: white;
}	
#containter_master {
	width: 666px;
}	
#container1 {
	padding-top: 39px;
	width: 666px;
	margin-bottom: 13px;
}
#container1 img {
	width: 97px;
	padding: 8px;
	float: left;
}
#container1 > div {
	width: 552px;
}	
#container1 h1 {
	font-size: 26px;
	padding: 3px 9px 0px 9px;
}
#container1 h2 {
	font-size: 13px;
	padding: 0px 7px 0px 7px;
}
.driver {
	width: 666px;
	margin: 0 auto;
}
#container2 {
	width: 666px;
	margin: 0 auto;
	position: relative; 
}
#container3 {
	width: 122px;
	padding: 2px 7px 3px 9px;
	float: right;
	border-left: 2px solid #94a600;
}
#container4 {
	width: 516px;
	padding: 3px;
	float: left;
}
#container4 img {
	margin-left:50px;
	max-width: 416px;
}
#container5 {
	width: 666px;
	margin: 0 auto;
	padding-top: 65px;
}
.e404 {
	height:195px;
}
.e404 h2 {
	margin-left: 10%;
	width: 80%;
	display: block;
	padding: 13px;
	background: rgba(0,0,0,0.7);
}
#container5 .out-col3 {
	width: 320px;
	padding: 7px;
}	
#container5 .after-col3 {
	width: 320px;
	padding: 7px;
}	
#pozostale-artykuly {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}	
.driver, .section {
	width: 516px;
}	
.sectionM {
	height: 0px;
}
#menu_in {
	width: 666px;
	border-radius: 0px 0px 7px 7px;
	height: 34px;
}
#menu_in a {
	height: 16px;
	font-size: 12px;
	width: 75px;
	margin: 7px 7px 3px 7px;
	padding: 3px;
	float: left;
}
#menu_in a:nth-child(1), #menu_in a:nth-child(2), #menu_in a:nth-child(4) {
	width: 107px;
}	
#slider {
	width: 550px;
	height: 306px;
}	
#kalkulator_reset {
	border: 3px solid #94a600;
}
select.kalkulator, #kalkulator_reset {
	width: 120px;
	height: 24px;
	margin-bottom: 5px;
}	
.traktor_img{
	display: block;
	width: 180px;
	margin: 0 auto;
}
#mapa_polski {
	width: 117px;
}
.icon {
	width: 10px;
	height: 10px;
	padding-right: 3px;
}
#social_menu {
	width: 130px;
}	
#social a {
	width: 26px;
	height: 26px;
	padding: 2px;
	margin-left: 3px;
}
#lista1 .als-item {
	
}	
#lista1 .als-item img {
	width: 100px;
}	
#homepage_img {
	width: 266px;
	float: left;
	margin: 0px 7px 7px 7px;
}
.blog_home {
	width: 156px;
	padding: 7px;
}
.blog_home .bgcenter {
	display: block;
	width: 156px;
	height: 156px;
	margin: 0 auto;
	margin-bottom: 7px;
}

#footer .out-col2 {
	width: 195px;
	padding: 7px;
}
#footer .out-col2:nth-child(1) {
	width: 222px;
	padding: 7px;
}
.col3 {
	width: 322px;
}
.out-col3 {
	width: 319px;
	padding: 7px;
}
.col6 {
	width: 666px;
}
#lokalizacja {
	margin-left: 7px;
	width: 512px;
	height: 422px;
}
#lokalizacja img {
	width: 65px;
}
.table-cell.out-col15 {
	width: 115px;
	padding: 3px;
	float: left;
}	
#kontakt_data {
	width: 245px;
	padding: 5px;
}	
#kontakt_data .table {
	width: 232px;
	height: 39px;
}
#kontakt_data .table-cell {
	width: 115px;
}
#kontakt-form {
	width: 245px;
	padding: 5px;
}
input[type="text"].contact, textarea.contact {
	height: 16px;
	padding: 2px;
	margin-bottom: 7px;
	width: 230px;
	font-size: 9px;
}
#kontakt-form textarea.contact {
	height: 65px;
}
.contact.error {
	border: 2px solid red;
}	
#kontakt-form .error2 {
	padding: 3px 3px 7px 3px;
	height: 13px;
	width: 230px;
}	
.realperson-challenge {
	padding: 2px 0px 43px 0px;
	color: #FFFFFF;
	height: 12px;
	
}
#send_message, #clear_message {
	height: 32px;
	width: 122px;
	margin:0px;
	padding: 0px;
}	
#kontakt .full {
	float: left;
	width: 512px;
	padding: 26px 7px 7px 7px;
}
#footer {
	width: 666px;
	margin: 0 auto;
	margin-top: 13px;
	border-top: 2px solid #94a600;
}
@keyframes tagStart {
    from {
		text-decoration: underline;
		padding: 3px 13px 3px 13px;
		font-weight: bold;
	}
    to {
		text-decoration: none;
		padding: 3px;
		font-weight: normal;
	}
}
@keyframes tagHover {
    from {
		text-decoration: none;
		padding: 3px;
		font-weight: normal;
	}
    to {
		font-weight: bold;	
		text-decoration: underline;
		padding: 3px 13px 3px 13px;
	}
}
#footer a.tag {
	margin: 2px;
	padding: 3px;
	border: 3px solid #94a600;
}	
.up {
	bottom: 3px;
	right: 3px;
	width: 26px;
	padding-top: 3px;
	height: 23px;
	border: 3px solid #94a600;
	font-size: 13px;
	border-radius: 13px 0px 0px 0px;
}
.dlaczego_my_image {
	display: block;
	float: left; 
	width: 195px;
	margin: 13px 13px 13px 0px;
}
#galeria a {
	text-decoration: none;
	width: 516px;
}	
#galeria h3, #galeria p {
	display: block;
	width: 379px;
	padding: 7px;
	margin: 7px 0px 7px 0px;
	float: right;
}	
#galeria p {
	padding-top: 0px;
	margin-top: 0px;
}	
.galeria-img {
	margin-top: 0px;
	width: 110px;
	height: 110px;
	margin: 7px;
	float: left;
	border-radius: 0px 0px 13px 0px;
}	
.quickNavi-master {
	background: #94a600;
}
.quickNavi-text {
	background: #849200;
	color: white;
	font-weight: bold;
	width: 10px;
	height: 10px;
	padding: 3px;
	border-radius: 3px;
}
.ikona {
	position: absolute;
	top: 50%;
	margin-top: 31px;
	left: 50%;
	margin-left: -16px;
}
.quickNavi-master {
	font-size: 9px;
	width: 516px;
}
#container3 .col6 {
	width: 516px;
}	
.chocolat-image.col15 {
	display: block;
	width: 118px !important;
	height: 118px !important;
	margin: 5px;
}
.blog {
	width: 244px;
	height: 244px;
	margin: 7px;
	float: left;
}

.blog p, .blog a {
	padding: 13px;
	margin: 0px;
	display: none;
}
.blog h3 {
	width: 244px;
	font-size: 13px;
	margin-top: 188px;
	padding-top: 22px;
	height: 35px;
	margin-bottom: 0px;
}
@keyframes blogHover {
    from {
		margin-top: 182px;
	}
    to {
		margin-top: 0px;
	}
}
#kalkulator img:not(#special_offer) {
	width: 300px;
}	
#special_offer {
	width: 150px;
	top: 370px;
	left: 250px;
}
#tunning_wynik {
	background: rgba(0,0,0,1);
	text-align: center;
	border: 2px solid red;
}
#kalkulator_marki {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
}


@media (max-width: 767px)  {
body, input, textarea {
	font-size: 12px;
}
h2 {
	font-size: 20px;
}	
#container1 {
	padding-top: 39px;
	width: 300px;
	margin-bottom: 13px;
}

#container1 img {
	padding-top: 30px;
	width: 150px;
	margin-left: 75px;
}
#container1 > div {
	width: 300px;
}	
#container1 h1 {
	font-size: 26px;
	padding: 3px 9px 0px 9px;
}
#container1 h2 {
	font-size: 13px;
	padding: 0px 7px 0px 7px;
}
.driver {
	width: 300px;
	margin: 0 auto;
}
#container2 {
	width: 300px;
	margin: 0 auto;
	position: relative; 
}
#container3 {
	width: 294px;
	padding: 3px 7px 3px 9px;
	float: right;
}
#container4 {
	width: 294px;
	padding: 3px;
	float: left;
}
#container4 img {
	width: 280px;
}
#container5 {
	width: 290px;
	margin: 0 auto;
	padding: 5px;
	padding-top: 65px;
}
.e404 {
	height:195px;
}
.e404 h2 {
	margin-left: 10%;
	width: 80%;
	display: block;
	padding: 13px;
	background: rgba(0,0,0,0.7);
}
#container5 .out-col3 {
	width: 286px;
	padding: 2px;
}	
#container5 .after-col3 {
	width: 286px;
	padding: 7px;
}	
	
.driver, .section {
	width: 300px;
}	
.sectionM {
	height: 0px;
}
#menu {
	display: none;
}
#menu2 {
	position: fixed;
	z-index: 9998;
}	
#menu_head2 {
	width: 300px;
	margin: 0 auto;
	height: 44px;
	background: #849200;
	border-bottom: 2px solid #94a600;
	clear: both;
}
#menu_head2 img {
width: 34px;
padding: 5px;
margin-left: 90px;
}
#menu_head2 span {
position: relative;
top: -10px;
font-size: 24px;
color: #FFFFFF;
}	
#menu_in2 {
	margin: 0 auto;
	clear: both;
	display: none;
}
#menu_in2 a {
	height: 30px;
	font-size: 14px;
	width: 294px;
	padding: 14px 3px 3px 3px;
	color: #FFFFFF;
}
	
#slider {
	width: 200px;
	height: 150px;
}
#slider img {
	margin-left: 0px;
}

#kalkulator_reset {
	border: 3px solid #94a600;
}
h3 {
	text-align: center;
}
select.kalkulator, #kalkulator_reset {
	width: 200px;
	height: 24px;
	margin: 5px 50px;
}	
.traktor_img{
	display: block;
	width: 180px;
	margin: 0 auto;
}

.icon {
	width: 10px;
	height: 10px;
	padding-right: 3px;
}
#social_menu {
	text-align: center;
	width: 300px;
}
#social {
	width: 144px;
	margin-left: 78px;
}
#social a {
	width: 50px;
	height: 50px;
	padding: 2px;
	margin: 5px;
}

#lista1 {
	display: none;
}	

#homepage_img {
	width: 266px;
	float: left;
	margin: 0px 7px 7px 7px;
}
.blog_home {
	width: 156px;
	padding: 7px;
}
.blog_home .bgcenter {
	display: block;
	width: 156px;
	height: 156px;
	margin: 0 auto;
	margin-bottom: 7px;
}

#footer .out-col2 {
	width: 286px;
	padding: 7px;
}
.col3 {
	width: 300px;
}
.out-col3 {
	width: 286x;
	padding: 7px;
}
.col6 {
	width: 300px;
}
.out-col6 {
	width: 290px;
	margin: 0 auto;
}
#lokalizacja {
	width: 300px;
	height: 200px;
}
#lokalizacja img {
	width: 65px;
}
.table-cell.out-col15 {
	width: 115px;
	padding: 3px;
	float: left;
}	
#kontakt_data {
	width: 290px;
	padding: 5px;
}	
#kontakt_data .table {
	text-align: center;
	width: 290px;
	height: 39px;
	margin-bottom: 20px;
}
#kontakt_data .table-cell {
	width: 280px;
}
#kontakt-form {
	width: 290px;
	padding: 5px;
}
input[type="text"].contact, textarea.contact {
	height: 24px;
	padding: 2px;
	margin-bottom: 7px;
	width: 276px;
}
#kontakt-form textarea.contact {
	height: 65px;
}
.contact.error {
	border: 2px solid red;
}	
#kontakt-form .error2 {
	padding: 3px 3px 7px 3px;
	height: 13px;
	width: 284px;
}	
.realperson-challenge {
	padding: 2px 0px 43px 0px;
	color: #FFFFFF;
	height: 12px;
	
}
#send_message, #clear_message {
	height: 32px;
	width: 290px;
	margin-bottom: 10px;
	float: left;
}	
#kontakt .full {
	float: left;
	width: 286px;
	padding: 26px 7px 7px 7px;
}
#footer {
	width: 300px;
	margin: 0 auto;
	margin-top: 13px;
	border-top: 2px solid #94a600;
	text-align: center;
}
#footer .out-col2 {
	text-align: center !important;
}
@keyframes tagStart {
    from {
		text-decoration: underline;
		padding: 3px 13px 3px 13px;
		font-weight: bold;
	}
    to {
		text-decoration: none;
		padding: 3px;
		font-weight: normal;
	}
}
@keyframes tagHover {
    from {
		text-decoration: none;
		padding: 3px;
		font-weight: normal;
	}
    to {
		font-weight: bold;	
		text-decoration: underline;
		padding: 3px 13px 3px 13px;
	}
}
#footer a.tag {
	margin: 2px;
	padding: 3px;
	border: 3px solid #94a600;
}	
.up {
	bottom: 3px;
	right: 3px;
	width: 26px;
	padding-top: 3px;
	height: 23px;
	border: 3px solid #94a600;
	font-size: 13px;
	border-radius: 13px 0px 0px 0px;
}
.dlaczego_my_image {
	display: block;
	float: left; 
	width: 195px;
	margin: 13px 13px 13px 0px;
}
#galeria a {
	text-decoration: none;
	width: 300px;
}	
#galeria h3, #galeria p {
	display: block;
	width: 286px;
	padding: 7px;
	margin: 7px 0px 7px 0px;
	float: right;
}	
#galeria p {
	padding-top: 0px;
	margin-top: 0px;
}	
.galeria-img {
	margin-top: 0px;
	width: 200px;
	height: 200px;
	margin: 7px 50px 7px;
	float: left;
	border-radius: 0px 0px 13px 0px;
}	
.quickNavi-master {
	background: #94a600;
}
.quickNavi-text {
	background: #849200;
	color: white;
	font-weight: bold;
	width: 10px;
	height: 10px;
	padding: 3px;
	border-radius: 3px;
}
.ikona {
	position: absolute;
	top: 50%;
	margin-top: 31px;
	left: 50%;
	margin-left: -16px;
}
.quickNavi-master {
	font-size: 9px;
	width: 300px;
}
#container3 .col6 {
	width: 300px;
}	
.chocolat-image.col15 {
	display: block;
	width: 138px !important;
	height: 138px !important;
	margin: 5px;
}
.blog {
	width: 280px;
	height: 245px;
	margin: 7px;
	float: left;
}

.blog p, .blog a {
	padding: 13px;
	margin: 0px;
	display: none;
}
.blog h3 {
	width: 280px;
	font-size: 13px;
	margin-top: 188px;
	padding-top: 22px;
	height: 35px;
	margin-bottom: 0px;
}
@keyframes blogHover {
    from {
		margin-top: 182px;
	}
    to {
		margin-top: 0px;
	}
}
#kalkulator img:not(#special_offer) {
	width: 300px;
}	
#special_offer {
	display: none;
}
#tunning_wynik {
	background: rgba(0,0,0,1);
	text-align: center;
	border: 2px solid red;
	width:290px;
}
#kalkulator_marki {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
#message_sent {
	display: block;
	width: 50px !important;
	margin: 0 auto;
}
#containter_master {
	width: 300px;
	color: #000000;
	background: none;
}	
a:not(.tag, #menu_in2 > a) {
	color: #000000 !important;
}
#kalkulator_marki a, .link2 {
	color: blue !important;
}	
#tunning_wynik, .blog {
	color: #FFFFFF;
}
#tunning_wynik a {
	color: #FFFFFF !important;
}
.traktory {
	margin-left: 0px;
	padding-left: 0px;
}	
.traktory li {
	padding-bottom: 10px;
}
}

#container5 > p, #container5 > h3 {
	padding: 5px 10px 5px 10px !important;
	margin-bottom: 5px !important;
}