header, article, section, footer, div, li {vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}

body {vertical-align: top; font-family: 'Open Sans', 'Helvetica', arial, sans-serif; font-size: .9rem; line-height: 120%; color: #000; text-rendering: optimizeLegibility; padding: 0;margin: 0; position: relative; display: block; }

/*
turkus #3d758b;

*/
.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}

	p {margin-bottom: 1rem; font-size: 120%; line-height: 140%;max-width: 900px;}
	.lead {font-size: 150%; font-weight: 800; color: #3d758b;}
.wrapper {width: 90%; margin: 0 auto; padding: 0 0; max-width: 1200px; position: relative;}

section .wrapper, footer .wrapper {padding: 2.5rem 0;}

img {max-width: 100%;}
a {text-decoration: none; color: #3d758b;}
strong {font-weight: 800; color: #3d758b;}
footer strong {color: #fff;}
header, section, article, footer {width: 100%; } /* overflow-x:hidden;*/
section, article, footer {margin-top: 4rem; margin-bottom: -4rem; width: 100%; }  /* overflow-x:hidden;*/
header {background: #fff; position: fixed; z-index: 2; top: 0; left: 0;border-bottom: 1px solid #9c9b9b;}
#logo {display: inline-block; width: 240px;  padding-top: .75rem; padding-bottom: .75rem;}
#logo img {width: 100%;}

nav#main-nav {display: block; float: right; text-align: right;vertical-align: top; }
nav#main-nav ul { border-right: 1px solid #9c9b9b;}
nav#main-nav li {display: inline-block; vertical-align: top;}
nav#main-nav li a { text-align: center; display: block; padding: .75rem 2rem;color: #575756; font-family: 'Open Sans', 'Trebuchet', 'Trebuchet MS', 'Helvetica', arial, sans-serif; font-weight: 800; font-size: 100%; line-height: 130%;border-left: 1px solid #9c9b9b;}
nav#main-nav li a:hover {background: #3d758b; color: #fff;}
nav#mobile-nav {display: none;}
#mobile_nav_button  {padding-top: .5rem; float: right; display: none; cursor: pointer;}
#image {height: 75%; max-height: 532px; background: url(images/bg.jpg) no-repeat 50% 100%; padding-top: 4rem; margin-top: 3rem; overflow-y: hidden;}
#title {color: #fff; font-weight: 800; font-size: 350%; line-height: 100%;max-width: 100%; margin-bottom: 0;text-shadow: 0px 0px 32px gray;}
#title strong {font-weight: 400;}
#tagline {color: #fff; font-size: 150%; line-height: 140%; margin-top: .5rem; max-width: 500px; text-shadow: 0px 0px 32px gray;}
#ca-button {background: #3d758b; color: #fff; padding: .85rem 2rem 1rem 2rem; display: inline-block;}
#ca-button a {color: #fff; font-weight: 800; font-size: 150%;}

#main-nav {position: relative;}

h1, h2, h3 {color: #3d758b; font-weight: 800; font-size: 300%; line-height: 120%;max-width: 100%; margin-bottom: 2rem; }
h1 span {font-weight: 400;}
h2, h3 {font-size: 200%; line-height: 120%;}
.rightimg {position: absolute; right: 0; top:0; height: 100%; width: 50%; object-fit: cover;vertical-align: top;}
.rightimgnocrop {position: absolute; left: 50%; top:2.5rem;  width: 50%;  max-height: 100%; object-fit: contain; padding-bottom: 2.5rem; vertical-align: top;}
.leftcontent p,  .leftcontent h3, .leftcontent h2, .leftcontent h1, .leftcontent ul {width: 45%; margin-right: 55%; }
.graph {margin-bottom: 6em; max-width: 500px; width: 80%;}
.leftimg {position: absolute; left: 0%; top:0; height: 100%;  width: 50%; object-fit: cover; vertical-align: top;}
.rightcontent p,  .rightcontent h3, .rightcontent h2, .rightcontent h1, .rightcontent ul  {width: 45%; margin-left: 55%;}
section.wrapper.aftercrop {padding-top: 0 !important;}
div.half{width: 45%; display: inline-block; margin-right: 5%;}
section ul {margin-bottom: 2em;}

#contactform { color: #fff;}
#contactform .lead {color: #fff;}
#contactform h2 {color: #fff;}
footer .lead {font-weight: 400;}
footer {background: #3d758b; color: #fff;}

section ul.korzysci li {padding-left: 8px; margin-left: -8px; list-style-type: square; font-size: 120%; line-height: 140%;}

.fourinrow {display: inline-block; width: 25%; }

.no_1_4 {padding-right: 56px;}
.no_2_4 {padding-right: 36px; padding-left: 18px;}
.no_3_4 {padding-right: 18px; padding-left: 36px;}
.no_4_4 {padding-left: 56px;}

.zalety li {display: inline-block; width: 45%; margin-right: 5%; vertical-align: top; margin-bottom: 1rem;  font-size: 120%; line-height: 140%;}
.zalety li span{display: inline-block; font-weight: 800; color: #fff; padding-right: 1em;}


.q-and-a {  width: 45%; margin-right: 5%; margin-bottom: 3rem; display: inline-block; background: #f5f5f5;}
.question {background: #3d758b; color: #fff; padding: 1rem; margin-bottom: 1rem;font-size: 150%; line-height: 150%;}
.question span{font-size:100%; display: block;  color: #fff;}
.answer {padding: 0 1rem 0 1rem; color: #50535a; }

.threeinrow {display: inline-block; width: 33.3%; margin-top: 1em; }
.threeinrow h3 {font-size: 150%; line-height: 130%; background: #3d758b; padding: 1rem; font-weight: 800; color: #fff; margin-bottom: 0;}
.threeinrow p {background: #efefef; padding: 1rem; }
.no_1_3 {padding-right: 48px;}
.no_2_3 {padding-right: 24px; padding-left: 24px;}
.no_3_3 {padding-left: 48px;}

.twoinrow {display: inline-block; width: 50%; margin-top: 1em;}
.twoinrow h3 {font-size: 150%; line-height: 130%; background: #3d758b; padding: 1rem; font-weight: 800; color: #fff; margin-bottom: 0; }
.twoinrow p {background: #efefef; padding: 1rem; margin-bottom: 0;}
.no_1_2 {padding-right: 36px;}
.no_2_2 {padding-left: 36px;}
.twoinrow .zalety {background: #9c9b9b; padding: 1rem; margin-top: 0; color: #fff;}

.szkoda li.szkodaleft, .szkoda li.szkodaright {display: inline-block; width: 45%; vertical-align: top; margin: 1rem 0 1rem 0; padding:2em; font-size: 120%; line-height: 140%;  border: 1px solid #3d758b; }
.szkoda li span{display: inline-block; font-weight: 800; color: #fff; padding-right: 1em;}
.szkoda li.szkodaleft {margin-right: 5%;}
.szkoda li.szkodaright {margin-right: 5%; margin-bottom: -1000px;}

.szkoda li.szkodaright ol {margin: 0; padding: 1em; display: block; list-style-type:lower-alpha !important;}
.szkoda li.szkodaright ol li{margin: 0; padding: 0; list-style-type:lower-alpha !important;}

.szkoda span.letter {display: block; font-size: 200%; color: #3d758b; padding-bottom: .25em;}
.szkoda strong {color: #3d758b;  padding-bottom: .25em;}
nav#mobile-nav {position: fixed; top:3rem; left: 0; float: none; z-index: 100; background: #fff; width: 100%; display: none;}


footer h2 {color: #fff;}
footer .lead {color: #fff;}

nav#mobile-nav ul { border-bottom: 1px solid #9c9b9b; width: 100%;}
nav#mobile-nav li {display: block; vertical-align: top; width: 100%; border-top: 1px solid #9c9b9b; }
nav#mobile-nav li a { text-align: left; display: block; padding: .75rem 0;color: #575756; font-family: 'Open Sans', 'Trebuchet', 'Trebuchet MS', 'Helvetica', arial, sans-serif; font-weight: 800; font-size: 150%; line-height: 130%;}
nav#mobile-nav li a:hover {background: #3d758b; color: #fff;}
nav#mobile-nav {display: none;}
input.bad {color: red; border-bottom-color: red;}
.error {color: red; font-weight: 800; padding-top: 2rem; padding-bottom: 2rem; border-bottom: 2px solid #fff; border-top: 2px solid #fff;}

input.input {
	display: block;
	background: transparent;
	border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
border-bottom: 2px solid #fff;
padding-bottom: .5rem;
margin-bottom: 1rem;
width: 100%;
color:    #fff;
    font-size: 125%;
    font-family: 'Open Sans', 'Helvetica', arial, sans-serif;

}
input.input2{
    cursor: pointer;
    display: block;
    background: #3d758b;
border: 0;
border: 2px solid #fff;
padding: 1rem;
margin-bottom: 2rem;
width: 50%;
color: #fff;
font-size: 125%;
font-family: 'Open Sans', 'Helvetica', arial, sans-serif;
}
input.gender {
    display: none;
}
textarea.textarea {
	
	display: block;
background: #487f95;
border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
border-bottom: 2px solid #fff;
padding-bottom: .5rem;
margin-bottom: 2rem;
width: 100%;
color:    #fff;
    font-size: 125%;
    font-family: 'Open Sans', 'Helvetica', arial, sans-serif;

	
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ddd;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ddd;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ddd;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ddd;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #ddd;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #ddd;
}
td.part, th.part {
    text-align: left;
    padding-left: 7px;
}
td, th {
    text-align: center;
    padding: 5px 10px 5px 0px;
        padding-left: 0px;
    border-bottom: 1px solid #3d758b;
	font-size: 120%; line-height: 140%;

}
th {
    font-weight: 900;
    color: #fff;
background:#3d758b;
border-bottom: 0;
}
#used {width: 100%; margin-bottom: 2em;}
footer a {color: #fff;}
.margintop3{padding-top: 3em;}
.gdzie-kupic-link {cursor: pointer;}


#hover-off {
width: 115px; height: 80px;
background: url(images/hover-off.png) no-repeat;
position: fixed;
z-index: 19999;
top: 30%;
right: 0;
display: block;
text-decoration: none;
}
#hover-on {
width: 320px; height: 160px;
background: url(images/hover-on.png) no-repeat;
position: fixed;
z-index: 19999;
top: 30%;
right: 0;
display: none;
text-decoration: none;
}
.pojazdy {width: 15%; margin: 0 5% 5% 0; text-align: center; display: inline-block; font-size: 120%; line-height: 140%; min-width: 100px;}
.pojazdy img {max-width: 100%;}
















@media screen and (max-width: 1500px){

#tagline {font-size: 175%; line-height: 140%;}
body{font-size: 0.8rem;}
#image {height: 75%; max-height: 432px; }

}

@media screen and (max-width: 1300px){
nav#main-nav li a { text-align: center; display: block;padding: .75rem 1rem;color: #575756; }
	#logo { width: 200px; padding-top: 1em; }
#title {font-size: 400%; line-height: 100%;max-width: 100%; }


body{font-size: 0.8rem;}
section .wrapper, footer .wrapper {padding: 1.5rem 0;}
.no_1_3 {padding-right: 24px;}
.no_2_3 {padding-right: 12px; padding-left: 12px;}
.no_3_3 {padding-left: 24px;}
}

@media screen and (max-width: 900px){
body{font-size: 0.7rem;}
#logo { width: 200px; padding-top: 1em; }
.rightimg { width: 30%; }
.rightimgnocrop {width: 100%; max-height: 100%; position: static;}
.leftcontent p, .leftcontent h3, .leftcontent h2, .leftcontent h1, .leftcontent ul {width:65%; }
h1, h2, h3 {font-size: 200%; margin-bottom: 1em;}
.leftimg {width: 30%;}
.rightcontent p, .rightcontent h3, .rightcontent h2, .rightcontent h1, .rightcontent ul  {width: 65%; margin-left: 0;}
nav#main-nav ul {display: none;}
#mobile_nav_button{display: block;}
nav#mobile-nav {display: block;}
section .wrapper, footer .wrapper {padding:1rem 0;}
#image { max-height: 332px; padding-top: 2rem; }
footer {background-position: 50.25% 50%;}


}
@media screen and (max-width: 700px){
	.wrapper {padding-left: 8px !important; padding-right: 8px  !important;}
#title {font-size: 300%;text-shadow: 0px 0px 32px black;}
#title strong {display: none;}
#tagline {font-size: 200%; font-weight: 800; line-height: 120%;text-shadow: 0px 0px 32px white;}
.q-and-a {  width: 100%; margin-right: 0; margin-bottom: 2rem; }
.rightimg, .leftimg { width: 100%;position: static; height: auto; margin-bottom: 2rem;}

.leftcontent p, .leftcontent h3, .leftcontent h2, .leftcontent h1, .leftcontent ul {width:100%; }
h1, h2, h3 {font-size: 200%;}

.rightcontent p, .rightcontent h3, .rightcontent h2, .rightcontent h1, .rightcontent ul  {width: 100%; margin-left: 0;}
.threeinrow {width: 100%; margin-top: 1em; }

.no_1_3 {padding-right: 0px;}
.no_2_3 {padding-right:0px; padding-left: 0px;}
.no_3_3 {padding-left: 0px;}
div.half {width: 100%;}
.twoinrow {width: 100%;}
.no_1_2 {padding-right: 0px;}
.no_2_2 {padding-left: 0px;}
footer {background: #3d758b none no-repeat 50% 0px;  color: #fff;}
footer h2 {color: #fff; margin-bottom: 1rem;}
#contactform, #contact {width: 100%; margin: 0; display: inline-block; padding-left: 0;}
#contactform h2 {margin-top: 2rem;}
#ca-button {padding: .85rem 1rem 1rem 1rem; }
.margintop3{padding-top: 0em;}

.usunac {display: none;}

.szkoda li.szkodaleft, .szkoda li.szkodaright {width: 100%; margin-bottom: 1rem;}
.szkoda li.szkodaleft {margin-right: 0;}
.szkoda li.szkodaright {margin-left: 0;}
}
@media screen and (max-width: 400px){
#logo {width:180px;}

}