@import url('overlay.css');
@font-face {
  font-family: 'VWHeadlineSbPL';
  src: url("../fonts/Vwheadpl.ttf"); }
  @font-face {
  font-family: 'VWHeadlineSbPLIE';
  src: url("../fonts/Vwheadpl.eot"); }
/* @font-face {
  font-family: 'VWHeadSbTabPL';
  src: url("../fonts/Vwheadpl.ttf"); }
@font-face {
  font-family: 'VWHeadBlkTabPL';
  src: url("../fonts/Vwheadpl.ttf"); }
@font-face {
  font-family: 'VWHeadlinePL';
  src: url("../fonts/Vwheadpl.ttf"); }
@font-face {
  font-family: 'VWHeadlineLtPL';
  src: url("../fonts/Vwheadpl.ttf"); } */
.whiteBg {
  background: white; }
input:focus, textarea:focus{	outline: none;}
body {
  /*font-family: 'VWHeadlineSbPL', 'VWHeadlineSbPLIE', sans-serif !important;*/
  font-family: 'Lato', sans-serif !important;
  width: 100%;
  margin: 0 auto;
  font-size: 100%;
  color: #4c4c4c;
  padding: 0;
  background: #F5F5F5; }

html, body {
  /*overflow-x: hidden;*/
  min-width: 320px; }

html body.ukryk{
  overflow:hidden;
}

a {
  text-decoration: none;
  font-size: 13px;
  color: inherit; }

p {
  font-size: 14px;
  line-height: 20px;
  color: #333; }

.absoluteLink {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute; }

.side {
  width: 605px;
  float: left;
  margin-riight: 30px; }

.nonBreaking {
  white-space: nowrap;
  float: left; }

label {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 18px; }

h2 {
  max-width: 605px;
  color: #000000;
  font-size: 22px;
  padding: 40px 0 20px 0;
  float: ledt;
  clear: both; }

h2.small {
  color: #888888;
  font-size: 16px;
  text-transform: uppercase; }

#general h2 {
  text-transform: uppercase; }

section#home {
  position: relative;
  z-index: 500;
  background: white; }

section {
  width: 100%;
  height: auto;
  clear: both;
  display: block;
  margin: 0 auto; }
  section#general, section#box_section {
    position: relative; }

/** helpers class **/
.clear:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.content {
  width: 1140px;
  margin: 0 auto;
  padding: 0 15px !important;
  display: block;
  max-width: 100%; }

.logo {
  background: url("../images/logo.png") no-repeat center center;
  display: inline-block;
  width: 143px;
  float: left;
  height: 80px; }

.top_nav {
  width: 100%;
  height: 50px;
  background: #273243;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.2); }

.top_nav a {
  color: #ffffff;
  text-transform: uppercase;
  transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
  -ms-transition: 0.3s ease 0s;
  -o-transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -khtml-transition: 0.3s ease 0s; }

.top_nav ul li, .mark li {
  height: 50px;
  vertical-align: middle;
  display: inline-block; }

.top_nav ul li a {
  float: left;
  padding: 0 20px;
  line-height: 50px; }

.top_nav .content > ul > li > a:hover {
  background: #136fb0;
  transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
  -ms-transition: 0.3s ease 0s;
  -o-transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -khtml-transition: 0.3s ease 0s; }

.mark {
  display: inline-block;
/*   margin-left: 132px; */
  position: absolute;
  right:0;
  border-left: 1px #dddddd solid; }

.mark li, .other_icons li {
  height: 80px;
  text-align: center;
  border-right: 1px #dddddd solid;
  position: relative;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -khtml-transition: all 0.1s ease;
  bottom: 0px; }

.mark li:hover {
  bottom: 4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease; }

.mark li a img {
  width: 70px;
  height: 80px;
  border: 0;
  text-align: center; }

.other_icons {
  float: right;
  height: 60px;
  display: inline-block; }

.other_icons li {
  float: left;
  color: #4c4c4c; }

.other_icons input[type="text"], .searchForm input[type="text"] {
  float: left;
  height: 30px;
  position: relative;
  width: 226px;
  margin: 0 30px;
  border: 0;
  border-bottom: 1px solid #dddddd;
  position: relative;
  top: 10px;
  color: #4c4c4c;
  padding: 0 10px;
  font-size: 13px;
  background: url("../images/icons/search.png") no-repeat center right;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }

.other_icons input[type="text"]:focus, .searchForm input[type="text"]:focus {
  border-bottom: 1px solid #273243;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }

#slides {
  overflow: hidden;
  width: 100%;
  /*height: 582px;*/
  height: 500px;
  position: relative;
  margin: 0 auto;
  padding: 0; }
  #slides li {
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    width: 100% !important;
    height: 492px !important;
    position: absolute;
    top: 0;
    padding: 90px 0 0 0;
    display: inline-block;
    line-height: 55px !important;
    font-size: 72px;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.36); }
    #slides li:nth-child(2n) .content.motion {
      visibility: hidden;
      position: relative;
      top: -200px;
      left: -300px; }
      #slides li:nth-child(2n) .content.motion .boldic_claim {
        position: relative;
        bottom: -1000px; }
        #slides li:nth-child(2n) .content.motion .boldic_claim .claim_button {
          position: relative;
          display: none;
          bottom: -1000px; }
    #slides li:nth-child(2n).current .content.motion {
      visibility: visible;
      position: relative;
      transition: all 1s ease 0.5s, visibility 0s linear 0s;
      top: 0;
      left: 0; }
      #slides li:nth-child(2n).current .content.motion .boldic_claim {
        position: relative;
        transition: 1s ease 0.5s;
        bottom: 0; }
        #slides li:nth-child(2n).current .content.motion .boldic_claim .claim_button {
          display: inline;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          transition: 1s ease 0.5s; }
    #slides li:nth-child(2n+1) .content.motion {
      visibility: hidden;
      position: relative;
      top: -200px;
      right: -700px; }
      #slides li:nth-child(2n+1) .content.motion .boldic_claim {
        position: relative;
        bottom: -1000px; }
        #slides li:nth-child(2n+1) .content.motion .boldic_claim .claim_button {
          position: relative;
          display: none;
          bottom: -1000px; }
    #slides li:nth-child(2n+1).current .content.motion {
      visibility: visible;
      position: relative;
      transition: all 1s ease 0.5s, visibility 0s linear 0s;
      top: 0;
      right: 0; }
      #slides li:nth-child(2n+1).current .content.motion .boldic_claim {
        position: relative;
        transition: 1s ease 0.5s;
        bottom: 0; }
        #slides li:nth-child(2n+1).current .content.motion .boldic_claim .claim_button {
          display: inline;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          transition: 1s ease 0.5s; }
  @media screen and (max-width: 1169px) and (min-width: 750px) {
    #slides {
      height: 410px; }
      #slides li {
        height: 350px !important;
        padding-top: 60px; }
      #slides .content {
        padding: 0 75px !important; } }
  @media screen and (max-width: 749px) {
    #slides {
      height: 327px; }
      #slides li {
        height: 292px !important;
        padding-top: 35px; } }

.boldic_claim {
  padding-top: 20px;
  font-size: 50px;}

#slides li a {
  color: #fff;
  background: #b50027;
  padding: 15px 50px 15px 20px;
  text-transform: uppercase;
  background: #b50027;
  clear: both;
  position: relative;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -khtml-transition: all 0.3s ease 0s; }
  #slides li a::after {
    background: url("../images/icons/arrow2.png");
    position: absolute;
    width: 7px;
    height: 14px;
    top: 15px;
    right: 15px;
    display: block;
    content: ''; }

#slides li a:hover {
  background-color: #273243;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }

.slide1 {
  background: url("../images/slide1.jpg");
  width: 100%;
  max-width: 1920px; }

.slide2 {
  background: url("../images/slide2.jpg");
  width: 100%;
  max-width: 1920px; }

.slide3 {
  background: url("../images/slide3.jpg");
  width: 100%;
  max-width: 1920px; }

#box_section {
  min-height: 80px; }
  @media screen and (max-width: 1169px) and (min-width: 750px) {
    #box_section {
      min-height: 380px; } }

.boxes {
  position: absolute;
  top: -120px;
  width: 1140px;
  max-width: 100%; }
  @media screen and (max-width: 1169px) and (min-width: 750px) {
    .boxes {
      top: -32px; } }

.boxes li {
  overflow: hidden;
  width: 360px;
  height: 200px;
  float: left;
  display: inline-block;
  background: white;
  padding: 0;
  z-index: 501;
  position: relative;
  margin-right: 30px;
  box-shadow: 0px 2px 2px 0px rgba(204, 204, 204, 0.7);
  transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -khtml-transition: all ease 1s; }

.boxes li:hover {
  background-size: 110% 110% !important;
  transition: all ease 1s;
  -webkit-transition: all ease 1s;
  -ms-transition: all ease 1s;
  -o-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -khtml-transition: all ease 1s; }

.boxes li div {
  width: 360px;
  height: 200px;
  display: inline-block;
  position: relative;
  overflow: hidden; }

.boxes li div a {
  position: absolute;
  top: 0;
  left: -100px !important;
  display: inline-block;
  width: 460px;
  height: 200px;
  transition: all ease 0.6s;
  -webkit-transition: all ease 0.6s;
  -ms-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -khtml-transition: all ease 0.6s; }

.boxes li:hover div a {
  left: 0px !important;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }

.boxes li.box1 {
  background: #fff url("../images/box1.jpg") no-repeat center center;
  background-size: 100% 100%; }

.boxes li.box1 div a {
  background: transparent url("../images/box1_hover.png") no-repeat left top; }

.boxes li.box2 {
  background: #fff url("../images/box2.jpg") no-repeat center center;
  background-size: 100% 100%; }

.boxes li.box2 div a {
  background: transparent url("../images/box2_hover.png") no-repeat left top; }

.boxes li.box3 {
  /*background: #fff url('../images/box3.jpg') no-repeat center center;*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  margin: 0 !important; }

.boxes li.box4 {
  display: none;
  box-shadow: none; }

.gray {
  background: #f5f5f5; }

.banner_custom {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: 30px;
  width: 555px;
  height: 100px;
  float: left;
  /*background: url('../images/banners/banner_blue_left.jpg') no-repeat center center;*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -khtml-transition: all 0.5s ease;
  text-shadow: 1px 1px 2px rgba(34, 34, 34, 0.7); }
  .banner_custom .absoluteLink {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block; }
  .banner_custom h3 {
    margin-top: 40px;
    margin-left: 40px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    float: left;
    width: auto; }
  .banner_custom i.fa {
    font-size: 35px;
    float: right;
    color: white;
    margin: 32px 40px 0 0; }
  .banner_custom:hover {
    background-size: 110% 110%;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -khtml-transition: all 0.8s ease; }

.banners_slider {
  margin-top: 50px;
  width: 555px;
  height: 100px;
  float: left;
  display: inline-block;
  background: #136fb0; }

.banners_slider li {
  width: 555px;
  height: 100px;
  position: absolute;
  background: #fff; }

.banners_slider li h3, .banners_slider li span {
  color: #2274ac;
  font-size: 16px;
  margin: 10px 0;
  text-transform: uppercase; }

.banners_slider li img {
  margin-right: 30px;
  float: left; }

.banners_slider li span {
  color: #1e1e1e !important; }

#slider_pager {
  height: 10px;
  position: absolute;
  left: 50%;
  margin-left: 550px;
  top: 66px;
  z-index: 2900; }

#slider_pager a, #slider_pager a:visited {
  background: url("../images/bullet_slider.png") no-repeat scroll 0 0;
  display: block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  z-index: 901;
  margin: 0 2px 20px 0; }

#slider_pager a:hover, #slider_pager a.activeSlide {
  background-position: 0px -8px;
  z-index: 901;
  opacity: 0.3; }

/** news **/
#general .news_columns {
  width: 375px;
  float: left;
  display: inline-block; }

#general .center_col {
  margin: 0 7px; }

#general .news_columns li {
  vertical-align: top;
  display: block;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5); }

#general .news_columns li .img {
  width: 375px;
  height: auto;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease; }
  #general .news_columns li .img .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -khtml-transition: all 0.8s ease; }

#general .news_columns li:hover {
  background-size: 110% 110%;
  transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -khtml-transition: all 0.8s ease; }
  #general .news_columns li:hover .bg {
    transform: scale(1.1);
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -khtml-transition: all 0.8s ease; }

#general .news_columns li .img > img {
  height: auto;
  width: 375px;
  position: relative; }

#general .news_columns li .img .social_date {
  background: url("../images/social_date_fade.png") no-repeat transparent bottom;
  height: 34px;
  width: 375px;
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  transition: 0.6s ease all;
  -webkit-transition: 0.6s ease all;
  -ms-transition: 0.6s ease all;
  -o-transition: 0.6s ease all;
  -moz-transition: 0.6s ease all;
  -khtml-transition: 0.6s ease all;
  z-index: 320;
  padding-top: 72px; }

#general .news_columns li:hover .social_date {
  transition: 0.6s ease all;
  -webkit-transition: 0.6s ease all;
  -ms-transition: 0.6s ease all;
  -o-transition: 0.6s ease all;
  -moz-transition: 0.6s ease all;
  -khtml-transition: 0.6s ease all;
  opacity: 1; }

#general .news_columns li .social_date > a {
  position: absolute;
  bottom: -25px;
  right: 0px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }

#general .news_columns li:hover .social_date > a {
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -khtml-transition: all ease 0.2s;
  bottom: 10px; }

#general .news_columns li .img .social_date span {
  background: url("../images/icons/date.png") no-repeat transparent left 6px;
  color: #ffffff;
  font-size: 12px;
  margin-left: 15px;
  padding-left: 25px;
  line-height: 30px;
  float: left; }

#general .news_columns li .img .social_date img {
  float: right;
  margin-right: 15px; }

#general .description {
  background: #fff;
  padding: 10px 15px;
  width: 345px; }
  #general .description p {
    font-weight: normal; }

#main {
  width: 100%;
  height: auto;
  min-height: 620px; }

#main .mix {
  display: none; }

.columns1 {
  width: 49%;
  height: auto;
  float: left; }

.columns2 {
  width: 49%;
  height: auto;
  float: right; }

.innerDiv {
  width: auto;
  flot: left;
  margin: 10px 0 0 0; }

.controls {
  position: absolute;
  right: 16px;
  top: 0;
  width: 558px;
  height: 89px;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd; }

.controls li:first-child {
  line-height: 89px;
  font-size: 13px;
  text-transform: uppercase;
  color: #000;
  width: 280px;
  text-align: center; }

.controls li {
  width: 91px;
  height: 89px;
  display: inline-block;
  float: left;
  opacity: 0.5;
  overflow: hidden;
  margin: 0;
  background: transparent;
  border-right: 1px solid #dddddd; }

.controls li img {
  text-align: center;
  margin-top: 12px; }

.controls li:hover, .controls li:focus, .controls li.active {
  cursor: pointer;
  opacity: 1;
  background: #ffffff; }

#general .innerDiv .description {
  width: 525px; }

#general .description h3 {
  color: #000000;
  text-transform: uppercase;
  font-size: 16px;
  padding: 10px 0; }

#general .description p {
  color: #000000;
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 20px; }

#general .description .more {
  color: #1470b0;}

#general .left_aside {
  width: 248px;
  height: 100%;
  float: left;
  font-size: 12px;
  positon: relative;
  text-transform: uppercase;
  min-height: 1000px; }

#general .left_aside ul {
  float: left;
  width: 118px;
  height: auto;
  margin-bottom: 10px; }

#general .left_aside ul li {
  margin-bottom: 10px; }

#general .left_aside .aside_line {
  width: 100%;
  margin: 20px 0;
  clear: both;
  border-bottom: 1px solid white;
  border-top: 1px solid #e9e9e9; }

#general .left_aside .button_filters {
  width: 128px;
  padding: 12px 20px;
  color: #fff;
  background: #303743;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  margin-left: 30px; }

#general .left_aside .button_filters:hover {
  background: #b50027; }

#general .show_cars, #general .show_cars_horizotnal {
  width: 892px;
  min-height: 1000px;
  float: right;
  background: #fff;
  padding-bottom: 50px; }

.trigger_sort {
  float: right;
  width: 200px;
  margin-top: 50px; }

.trigger_sort a {
  float: right;
  margin-right: 15px;
  margin-left: -10px; }

#general .show_cars_horizotnal > ul li {
  overflow: hidden;
  position: relative;
  display: block;
  width: 865px;
  padding: 7.5px 0px 7.5px 15px;
  height: 130px;
  clear: both;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s;
  margin-left: 10px; }
  #general .show_cars_horizotnal > ul li .img {
    width: 195px;
    float: left;
    overflow: hidden;
    position: relative; }
    #general .show_cars_horizotnal > ul li .img .auto_rollover {
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
      opacity: 0;
      z-index: 10000;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      background: #1470b0;
      cursor: pointer; }
    #general .show_cars_horizotnal > ul li .img img {
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s; }

#general .show_cars_horizotnal > ul li:hover {
  background: #f5f5f5 !important;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }
  #general .show_cars_horizotnal > ul li:hover .img img {
    transform: scale(1.05); }
  #general .show_cars_horizotnal > ul li:hover .img .auto_rollover {
    opacity: 0.52; }
#general .show_cars_horizotnal ul li h2,
#general .show_cars_horizotnal ul li strong,
#general .show_cars_horizotnal ul li h3 {
  font-size: 18px;
  text-transform: uppercase;
  float: left;
  color: rgb(76, 76, 76);
  margin: 15px; }
#general .show_cars_horizotnal ul li strong,
#general .show_cars_horizotnal ul li h2{
  margin-bottom: 5px;
  font-size: 15px;
}
#general .show_cars_horizotnal ul li h4 {
  /*font-size: 14px;
  color: #b7b7b7;
  float: left;
  margin: 15px;*/
 }

#general .show_cars_horizotnal ul li img {
  float: left; }

#general .show_cars_horizotnal ul li table {
  margin-left: 15px;
  float: left;
  width: 650px;
  height: 30px;
  clear: right; }

#general .show_cars_horizotnal ul li td {
  display: inline-block;
  float: left;
  font-size: 13px;
  color: #adadad;
  clear: none;
  margin-righ: 10px;
  height: auto; }

#general .show_cars_horizotnal ul li td span {
  color: #000; }

#general .show_cars ul li {
  float: left;
  display: inline-flex;
  margin-left: 15px;
  margin-bottom: 20px;
  position: relatve; }

.auto_block {
  position: relative; }
  .auto_block .img {
    position: relative;
    overflow: hidden; }

.auto_block {
  width: 277px;
  height: 233px;}
  .auto_block img {
    display: block; }
.auto_block h2, .auto_block_horizontal h2{
  padding: 0;
  max-width: 100%;
  margin: 15px;
  clear: none;
}
.auto_block h1, .auto_block_horizontal h1, #carDetails h1 ,
.auto_block h2, .auto_block_horizontal h2,
.auto_block h3, .auto_block_horizontal h3, #carDetails h3 {
  font-size: 18px;
  text-transform: uppercase;
  float: left;
  margin-top: 14px;
  position: relative; }
  .auto_block h2::after, .auto_block_horizontal h2::after,
  .auto_block h3::after, .auto_block_horizontal h3::after, #carDetails h3::after {
    width: 20px;
    height: 1px;
    display: inline-block;
    content: '';
    background: #000000;
    position: absolute;
    top: -5px;
    left: 0; }

.auto_block h4 {
  font-size: 14px;
  color: #b7b7b7;
  float: right;
  text-transform: uppercase;
  margin-top: 16px; }

.show_cars ul li .auto_rollover {
  transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
  -ms-transition: 0.3s ease 0s;
  -o-transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -khtml-transition: 0.3s ease 0s;
  opacity: 0;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: #1470b0;
  cursor: pointer; }
.show_cars ul li img {
  transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
  -ms-transition: 0.3s ease 0s;
  -o-transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -khtml-transition: 0.3s ease 0s; }
.show_cars ul li h3 {
  transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
  -ms-transition: 0.3s ease 0s;
  -o-transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -khtml-transition: 0.3s ease 0s; }

.show_cars ul li:hover .auto_rollover {
  opacity: 0.52; }
.show_cars ul li:hover img {
  transform: scale(1.05); }
.show_cars ul li:hover h3 {
  color: #156FAE; }

footer {
  overflow: hidden;
  height: 544px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  background: #273243; }

footer .links, footer .footer_nav {
  background: #1f2836 url("../images/bck_foot.gif") repeat;
  width: 100%;
  height: 93px; }

footer .footer_nav {
  margin-bottom: 16px; }

footer .links {
  border-bottom: 1px solid #4e5560; }

footer .contact_icons {
  //width: 310px;
  float: left; }

footer .contact_icons li, .social_icons li {
  display: inline-block;
  float: left;
  margin-right: 8px; }

footer .contact_icons img {
  width: 90px;
  height: 90px; }

footer .social_icons {
 // padding-left: 30px;
  width: 325px;
  float: left;
 // border-left: 1px solid #4e5560;
  border-right: 1px solid #4e5560; }

footer .newsletter {
  float: right;
  height: 90px;
  color: #fff;
  margin-left: 38px;
  display: inline-block; }

footer .newsletter > span {
  line-height: 20px !important;
  position: relative;
  right: 20px;
  float: right;
  top: 22px;
  font-size: 15px; }

@media screen and (min-width: 1171px){
  footer .newsletter > span {
  top: 39px;
  }
}
@media screen and (min-width: 1171px){
  footer .newsletter > span  > br{
	display: none;
  }
}
footer .newsletter input {
  background: transparent url("../images/icons/arrow2.png") no-repeat 240px;
  width: 250px;
  color: #fff;
  border: 0;
  border-bottom: 1px solid #fff;
  float: right;
  position: relative;
  height: 30px;
  line-height: 32px;
  top: 24px; }

footer .navigation_bottom {
  float: right; }

footer .navigation_bottom li {
  display: inline-block;
  padding: 0 86px 0 0; }

footer .navigation_bottom li:last {
  display: inline-block;
  padding: 0 !important; }

footer .navigation_bottom li a {
  font-size: 13px;
  color: #fff;
  line-height: 90px;
  text-transform: uppercase;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }

footer .navigation_bottom li a:hover {
  color: #146ca7;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }

footer .checkout {
  background: #136FB0;
  display: inline-block;
  height: 40px;
  width: 115px;
  line-height: 42px;
  padding-left: 20px;
  margin-right: 0;
  color: #fff;
  text-align: center;
  /*float: left;*/
  position: relative;
  font-size: 11px;
  top: 24px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  padding-right: 10px;
  -khtml-transition: all ease 0.3s; }
  footer .checkout::after{
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s;
  content: '';
  display: block;
  width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent #136fb0;
position: absolute;
top: 0;
right: -20px;
cursor: default;

  }

footer .checkout:hover {
 /* background-color: #0A4E91;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; */}

  footer .checkout:hover::after {
  /*
border-color: transparent transparent transparent #0A4E91;*/
  }

footer .cars, footer .service, footer .finances, footer .bednarek, footer .change, footer .repair {
  float: left;
  font-size: 12px;
  /*font-family: Arial;*/
  font-family: 'Lato', sans-serif;
  display: inline-block; }

footer .cars h4, footer .service h4, footer .finances h4, footer .bednarek li h4, footer .change li a, footer .repair li a {
  color: #fff !important;
  line-height: 60px; }

footer .cars li a, footer .service li a, footer .finances li a, footer .bednarek li a {
  color: #9d9d9d;
  font-size: 12px;
  /*font-family: arial;*/
  font-family: 'Lato', sans-serif;
  line-height: 28px; }

footer .cars li a:hover, footer .service li a:hover, footer .finances li a:hover, footer .bednarek li a:hover {
  color: #146ca7;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }

footer .cars {
  width: 180px; }

footer .service {
  width: 200px; }

footer .finances {
  width: 205px; }

footer .bednarek {
  width: 200px; }

footer .change {
  width: 135px; }

footer .repair {
  /*margin-top: 20px;*/
  width: 130px; }

footer .copy {
  display: block;
  height: 118px;
  width: 100%;
  border-top: 1px solid #47515f;
  color: #686d76;
  background: #273243;
  clear: both;
  position: relative;
  top: 18px; }

footer .copy span {
  font-size: 16px;
  /*font-family: Arial;*/
  font-family: 'Lato', sans-serif;
  display: table-cell;
  vertical-align: middle; }

footer .copy img {
  opacity: 0.25;
  display: table-cell;
  vertical-align: middle; }

footer .copy ul {
  display: table;
  position: relative;
  margin-top: 35px; }

footer .copy ul li {
  display: table-cell;
  vertical-align: middle;
  padding-right: 34px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }

footer .copy ul img:hover {
  opacity: 1;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s; }

footer .copy ul li.last {
  padding: 0 !important; }

/*footer .right {*/
  /*padding-left: 64px !important; }*/

footer .copy ul {
  overflow: hidden; }
  footer .copy ul li {
    padding-right: 0;
    float: left; }
    footer .copy ul li .liContent > span, footer .copy ul li > span {
      float: left;
      margin-right: 20px; }
footer .copy .social_icons_rwd {
  display: none; }
footer .copy .bmwMini {
  width: 516px; }
  footer .copy .bmwMini span {
  }

  footer .copy .bmwMini img {
    margin-left: 2px;
    margin-right: 2px;
    display: inline !important; }
footer .copy .logoCopy {
  line-height: 37px;
  width: 264px;
  margin-left: 30px; }
  footer .copy .logoCopy span {
    font-size: 13px; }
footer .copy .berx {
  width: 294px;
  line-height: 37px;
  margin-left: 30px; }
  footer .copy .berx span {
    font-size: 13px; }

#top .other_icons.rwd_rwd {
  display: none; }
#top .content {
  position: relative !important;
  height:80px;
}

#top .content h2{
  max-width: auto;
  padding: 0;
}

#top .content h2::after{
  display: none;
}

#top .content h1 span,
#top .content h2 span{
  margin-left: 160px;
  display: inline-block;
  width:500px;
  font-size: 15px;
  margin-top:38px;
}

@media screen and (min-width:750px) and (max-width:899px){
  #top .content h1 span,
  #top .content h2 span{
    font-size: 14px;
    margin-top:18px;
    max-width: 250px;
  }
}


@media screen and (min-width:450px) and (max-width:665px){
  #top .content h1 span,
  #top .content h2 span{
    font-size: 14px;
    margin-top:18px;
    max-width: 250px;
  }
}


@media screen and (max-width:449px){
  #top .content h1 span,
  #top .content h2 span{
    display: none;
  }
}

.top_nav .hidden_nav {
  visibility: hidden;
  width: 100%;
  height: 60px;
  background-color: rgba(19, 111, 176, 1);
  position: absolute;
  z-index: 500;
  left: 0;
  right: 0;
  top: 110px;
  opacity: 0;
  }
  .top_nav .hidden_nav ul {
    padding: 0 15px;
    width: 1140px;
    margin: 0 auto; }
    .top_nav .hidden_nav ul li {
      height: 60px;
      text-align: center;
      display: inline-block;
      transition: all 0.1s ease;
      -webkit-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
      -o-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      -khtml-transition: all 0.1s ease;
      bottom: 0px; }
      .top_nav .hidden_nav ul li a {
        font-size: 12px;
        color: #fff;
        line-height: 60px;
        text-transform: uppercase;
        padding: 0 30px; }
        .top_nav .hidden_nav ul li a:hover {
          text-decoration: underline; }
.top_nav ul.navigation_top li:hover .hidden_nav {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -khtml-transition: opacity 0.3s ease 0s; }

.top_nav_rwd {
  display: none;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.2); }

#top_mobile {
  display: none; }

.searchForm {
  display: none;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 100000;
  background: white;
  height: 60px;
  left: 170px;
  right: 0;
  line-height: 60px;
  height: 60px; }

.rwd_search {
  height: 60px;
  width: 90px;
  text-align: left;
  line-height: 75px;
  background: no-repeat url("../images/icons/search.png") 60px 16px;
  margin-right: 45px;
  font-size: 12px; }
  .rwd_search:focus .searchForm, .rwd_search:hover .searchForm {
    display: block; }
    .rwd_search:focus .searchForm form, .rwd_search:hover .searchForm form {
      float: right; }
    .rwd_search:focus .searchForm input, .rwd_search:hover .searchForm input {
      margin: 14px 45px 0;
      position: static; }

.rwd_search_320 {
  display: none;
  width: 68px;
  margin: 0;
  background-position: 23px 16px; }
  .rwd_search_320 .searchForm {
    left: 0; }
    .rwd_search_320 .searchForm form {
      float: none !important;
      width: 100%;
      display: block; }
    .rwd_search_320 .searchForm input[type=text] {
      margin: 14px 25px 0; }

.mark.rwd {
  display: none; }

.rwd_search {
  display: none; }

.cycle-slideshow3 {
  display: none; }

.social_icons_rwd {
  display: none; }

.carsList .left_aside h2 {
  position: relative; }
  .carsList .left_aside h2::after {
    width: 20px;
    height: 1px;
    display: inline-block;
    content: '';
    background: #7F7F7F;
    position: absolute;
    top: 30px;
    left: 0; }
.carsList .left_aside .sliderLabels {
  font-size: 11px;
  color: #2274AC;
  clear: both;
  margin-top: 10px;
  margin-right: 13px;
  padding-bottom: 20px; }
  .carsList .left_aside .sliderLabels .left {
    float: left; }
  .carsList .left_aside .sliderLabels .right {
    float: right; }
.carsList .left_aside .ui-slider {
  margin-right: 13px;
  height: 4px;
  cursor: pointer;
  border-radius: 1px;
  border: none;
  background: #d2d2d2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d2d2d2 0%, #dedede 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(100%, #dedede));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d2d2d2 0%, #dedede 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d2d2d2 0%, #dedede 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d2d2d2 0%, #dedede 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d2d2d2 0%, #dedede 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#dedede',GradientType=0 );
  /* IE6-9 */ }
  .carsList .left_aside .ui-slider .ui-slider-range {
    background: #2274AC; }
  .carsList .left_aside .ui-slider .ui-slider-handle {
    width: 22px;
    height: 20px;
    background: red;
    cursor: pointer;
    top: -8px;
    background: url("../images/icons/sliderHandles.png"); }
    .carsList .left_aside .ui-slider .ui-slider-handle:nth-child(3) {
      background-position: -22px 0; }

.carFilterTrigger {
  display: none; }

#carDetails {
  width: 877px !important;
  padding-left: 15px; }
  #carDetails .topLine {
    margin-top: 30px;
    margin-bottom: 20px;
    overflow: hidden; }
    #carDetails .topLine h1,
    #carDetails .topLine h3 {
      color: #000000;
      text-transform: uppercase;
      float: left; }
    #carDetails .topLine .price {
      margin-top: 14px;
      float: right;
      color: #888888;
      font-size: 18px; }
      #carDetails .topLine .price span {
        color: #1470B0;
        font-size: 22px; }
  #carDetails .gallery {
    overflow: hidden; }
    #carDetails .gallery img {
      display: block; }
    #carDetails .gallery #bigPhoto {
      width: 100%;
      overflow: hidden; }
      #carDetails .gallery #bigPhoto .img {
        background-size: cover;
        background-position: center center; }
      #carDetails .gallery #bigPhoto img {
        visibility: hidden;
        width: 100%; }
    #carDetails .gallery #thumbsContainer {
      overflow: hidden;
      position: relative;
      margin-top: 5px; }
      #carDetails .gallery #thumbsContainer .viewport {
        height: 80px;
        overflow: hidden;
        position: relative; }
      #carDetails .gallery #thumbsContainer #thumbs {
        position: absolute;
        left: 0;
        top: 0;
        padding: 0; }
        #carDetails .gallery #thumbsContainer #thumbs li {
          margin: 0 6px 0 0;
          position: relative;
          width: 106px;
          height: 80px;
          float: left;
          overflow: hidden; }
          #carDetails .gallery #thumbsContainer #thumbs li:last-child {
            margin-right: 0; }
          #carDetails .gallery #thumbsContainer #thumbs li .bg {
            background-size: cover !important;
            background-position: center center !important;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: block; }
      #carDetails .gallery #thumbsContainer #prevThumbs, #carDetails .gallery #thumbsContainer #nextThumbs {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background: black;
        background: rgba(0, 0, 0, 0.5);
        width: 36px;
        cursor: pointer;
        text-align: center;
        line-height: 80px;
        color: white;
        font-size: 40px; }
      #carDetails .gallery #thumbsContainer #nextThumbs {
        right: 0;
        left: auto; }
  #carDetails .carSettlement {
    position: relative;
    border: 1px solid #E2E2E2;
    overflow: hidden; }
    #carDetails .carSettlement .slogan {
      height: 59px;
      float: left;
      display: table;
      padding-left: 45px; }
      #carDetails .carSettlement .slogan > div {
        display: table-cell;
        vertical-align: middle; }
    #carDetails .carSettlement .button {
      width: 149px;
      text-align: center;
      line-height: 59px;
      border-left: 1px solid #E2E2E2;
      float: right;
      color: #2274AC;
      text-transform: uppercase;
      transition: 0.2s ease-in 0s;
      -webkit-transition: 0.2s ease-in 0s;
      -ms-transition: 0.2s ease-in 0s;
      -o-transition: 0.2s ease-in 0s;
      -moz-transition: 0.2s ease-in 0s;
      -khtml-transition: 0.2s ease-in 0s; }
      #carDetails .carSettlement .button i.fa {
        color: #D6D6D6;
        display: inline-block;
        float: right;
        font-size: 32px;
        margin: 12px 21px 0 0;
        transition: 0.2s ease-in 0s;
        -webkit-transition: 0.2s ease-in 0s;
        -ms-transition: 0.2s ease-in 0s;
        -o-transition: 0.2s ease-in 0s;
        -moz-transition: 0.2s ease-in 0s;
        -khtml-transition: 0.2s ease-in 0s; }
    #carDetails .carSettlement:hover .button {
      color: white;
      background: #2274AC; }
      #carDetails .carSettlement:hover .button i.fa {
        color: white; }
  #carDetails .price2 {
    font-size: 22px;
    margin: 25px 0 20px; }
    #carDetails .price2 span {
      font-size: 26px;
      color: #1470B0; }
  #carDetails .imgBtns {
    margin: 25px 0;
    overflow: hidden; }
    #carDetails .imgBtns .imgBtn {
      text-align: right;
      line-height: 99px;
      color: #FFFFFF;
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
      float: left;
      width: 420px;
      height: 99px;
      position: relative;
      overflow: hidden; }
      #carDetails .imgBtns .imgBtn:nth-child(2n) {
        float: right; }
      #carDetails .imgBtns .imgBtn .bg {
        transition: 0.3s ease 0s;
        -webkit-transition: 0.3s ease 0s;
        -ms-transition: 0.3s ease 0s;
        -o-transition: 0.3s ease 0s;
        -moz-transition: 0.3s ease 0s;
        -khtml-transition: 0.3s ease 0s;
        background-position: center center !important;
        background-size: cover !important;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0; }
      #carDetails .imgBtns .imgBtn .text {
        font-size: 18px;
        position: absolute;
        top: 0;
        right: 20px;
        left: 20px;
        bottom: 0; }
        #carDetails .imgBtns .imgBtn .text i.fa {
          font-size: 30px;
          float: right;
          margin-top: 32px;
          margin-left: 20px; }
      #carDetails .imgBtns .imgBtn:hover .bg {
        transform: scale(1.1); }
  #carDetails .details .switcher {
    border-bottom: 1px solid #DDDDDD;
    overflow: hidden; }
    #carDetails .details .switcher > span {
      display: block;
      float: left;
      margin: 0;
      height: 49px;
      padding: 0 30px;
      line-height: 49px;
      text-transform: uppercase;
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
      background: white;
      position: relative;
      cursor: pointer; }
      #carDetails .details .switcher > span span {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
      #carDetails .details .switcher > span .bg {
        transition: 0.3s ease 0s;
        -webkit-transition: 0.3s ease 0s;
        -ms-transition: 0.3s ease 0s;
        -o-transition: 0.3s ease 0s;
        -moz-transition: 0.3s ease 0s;
        -khtml-transition: 0.3s ease 0s;
        position: absolute;
        top: 60px; }
      #carDetails .details .switcher > span.active, #carDetails .details .switcher > span:hover {
        color: #2274AC; }
      #carDetails .details .switcher > span.active .bg {
        background: #f8f8f8;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f8f8f8 0%, #e5e7e9 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e5e7e9));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f8f8f8 0%, #e5e7e9 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f8f8f8 0%, #e5e7e9 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f8f8f8 0%, #e5e7e9 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #f8f8f8 0%, #e5e7e9 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e5e7e9',GradientType=0 );
        /* IE6-9 */
        top: 0; }
  #carDetails .details .sections > div {
    visibility: hidden;
    overflow: hidden;
    height: 0;
    max-width: 0px;
    color: white;
    transition: max-width 1s ease 0s;
    -webkit-transition: max-width 1s ease 0s;
    -ms-transition: max-width 1s ease 0s;
    -o-transition: max-width 1s ease 0s;
    -moz-transition: max-width 1s ease 0s;
    -khtml-transition: max-width 1s ease 0s; }
    #carDetails .details .sections > div.active {
      visibility: visible;
      height: auto;
      max-width: 1000px; }
  #carDetails .details .sections ul {
    margin-top: 25px; }
    #carDetails .details .sections ul li {
      display: block;
      float: none;
      position: relative;
      color: #303743;
      line-height: 29px;
      padding-left: 25px;
      margin-bottom: 0 !important;
      margin-left: 14px;
      border-bottom: 1px solid #EBEBEB;
      margin-right: 14px;
      font-size: 14px; }
      #carDetails .details .sections ul li::after {
        position: absolute;
        display: block;
        content: '';
        width: 12px;
        height: 9px;
        background: url("../images/listStyle.png");
        top: 10px;
        left: 4px; }
  #carDetails .separator {
    width: 100%;
    width: calc(100% + 15px);
    margin-left: calc(15px * -1);
    height: 1px;
    background: #DDDDDD;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    border-bottom: 1px solid #EFEFEF; }
    #carDetails .separator a {
      position: absolute;
      top: -27px;
      height: 51px;
      line-height: 51px;
      border: 1px solid #1470B0;
      color: #2274AC;
      padding-right: 23px;
      background-color: white;
      text-transform: uppercase;
      background-repeat: no-repeat;
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s; }
      #carDetails .separator a:hover {
        background-color: #E5E7E9; }
      #carDetails .separator a.reserveBtn {
        left: 210px;
        padding-left: 57px;
        background-image: url("../images/bellIcon.png");
        background-position: 17px 7px; }
      #carDetails .separator a.emailBtn {
        left: 400px;
        padding-left: 77px;
        background-image: url("../images/sendMailIcon.png");
        background-position: 10px 13px; }
  #carDetails h4 {
    text-transform: uppercase;
    font-size: 16px;
    color: #2274AC;
    background: #f8f8f8;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 0%, #e5e7e9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e5e7e9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #e5e7e9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 0%, #e5e7e9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 0%, #e5e7e9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f8f8f8 0%, #e5e7e9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e5e7e9',GradientType=0 );
    /* IE6-9 */
    border-bottom: 1px solid #DDDDDD;
    margin: 20px 0;
    padding: 20px 30px 15px 30px; }

.contactCards {
  text-align: center; }
  .contactCards .card {
    display: inline-block;
    width: 157px;
    height: 364px;
    background: white;
    overflow: hidden;
    padding: 0 24px;
    border-right: 1px solid #E3E3E3;
    margin-bottom: 20px; }
    .contactCards .card:nth-child(4n), .contactCards .card:last-child {
      border-right: none; }
    .contactCards .card .thumb {
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
      height: 210px;
      overflow: hidden;
      position: relative; }
      .contactCards .card .thumb .bg {
        transition: 0.3s ease 0s;
        -webkit-transition: 0.3s ease 0s;
        -ms-transition: 0.3s ease 0s;
        -o-transition: 0.3s ease 0s;
        -moz-transition: 0.3s ease 0s;
        -khtml-transition: 0.3s ease 0s;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-position: center top;
        background-size: cover; }
    .contactCards .card .data {
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
      overflow: hidden;
      font-size: 14px;
      margin: 40px 0 60px; }
      .contactCards .card .data strong {
        display: block;
        font-size: 20px; }
    .contactCards .card .contact {
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
      color: #2274AC;
      overflow: hidden;
      font-size: 14px; }
      .contactCards .card .contact a {
        font-size: inherit;
        margin: 5px 0;
        display: block; }
      .contactCards .card .contact span {
        font-size: 18px;
        display: block; }
      .contactCards .card .contact img {
        display: block;
        margin: 0 auto; }
    .contactCards .card:hover .thumb, .contactCards .card:focus .thumb, .contactCards .card:active .thumb {
      height: 151px; }
      .contactCards .card:hover .thumb .bg, .contactCards .card:focus .thumb .bg, .contactCards .card:active .thumb .bg {
        transform: scale(1.1); }
    .contactCards .card:hover .data, .contactCards .card:focus .data , .contactCards .card:active .data{
      margin: 5px 0 0 0; }
    .contactCards .card:hover .contact, .contactCards .card:focus .contact , .contactCards .card:active .contact{
      margin-top: 5px; }
      .contactCards .card:hover .contact a, .contactCards .card:focus .contact a , .contactCards .card:active .contact a{
        margin: 5px 0; }

.content > h2, .content .leftLayoutColumn h2 {
  //float: left;
  position: relative;
  width: auto; }
  .content > h2::after, .content .leftLayoutColumn h2::after {
    width: 20px;
    height: 1px;
    display: inline-block;
    content: '';
    background: #000000;
    position: absolute;
    top: 25px;
    left: 0; }

section#general.promocje .showControls {
  display: none; }
section#general.promocje .controls {
  border-bottom: none;
  position: static;
  margin-bottom: 20px;
  float: right;
  border-left: none; }
  section#general.promocje .controls.rwd320 {
    display: none; }
  section#general.promocje .controls li:last-child {
    border-right: none; }
section#general.promocje #main > div > .innerDiv:first-child {
  margin-top: 0; }
section#general.promocje .columns1, section#general.promocje .columns2 {
  margin-bottom: 40px;
  /*         width: 100%;
          float: none;*/ }
section#general.promocje .innerDiv {	width: 100%;
  box-shadow: rgba(153, 153, 153, 0.4) 0 1px 1px 0;
  position: relative; }
  section#general.promocje .innerDiv .description {
    overflow: hidden; }
    section#general.promocje .innerDiv .description .text {
      width: 430px;
      float: right; }
    section#general.promocje .innerDiv .description .symbol {
      float: left;
      width: 90px;
      padding: 20px 0;
      text-align: center; }
      section#general.promocje .innerDiv .description .symbol img {
        max-width: 100%; }
    section#general.promocje .innerDiv .description .more i.fa {
      color: #BBBBBB;
      margin-left: 7px;
      font-size: 18px; }
  section#general.promocje .innerDiv .img {
    overflow: hidden;
    position: relative; }
    section#general.promocje .innerDiv .img .bg {
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-position: center center;
      background-size: cover; }
    section#general.promocje .innerDiv .img img {
      max-width: 100%; }
  section#general.promocje .innerDiv:hover .bg {
    transform: scale(1.05); }

.serwisBoxes {
  overflow: hidden; }
  .serwisBoxes .box {
    width: 370px;
    height: 120px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 15px; }
    .serwisBoxes .box:last-child {
      margin-right: 0; }
    .serwisBoxes .box .bg {
      background-position: center center;
      background-size: cover;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .serwisBoxes .box .overlay {
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
      color: white;
      font-size: 14px;
      padding-left: 118px;
      padding-top: 40px;
      z-index: 1000;
      width: 120px;
      left: -100px;
      position: absolute;
      top: 0;
      bottom: 0;
      display: block !important;
      background-position: 119px 0;
      background-repeat: no-repeat; }
      .serwisBoxes .box .overlay strong {
        font-size: 18px; }
      .serwisBoxes .box .overlay::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 14px 0 14px 14px;
        content: '';
        display: block;
        position: absolute;
        right: -14px;
        top: 46px; }
    .serwisBoxes .box strong {
      display: block; }
    .serwisBoxes .box .absoluteLink {
      z-index: 100000; }
    .serwisBoxes .box.skoda .overlay {
      background-color: #4BA82E;
      background-image: url("../images/skodaSerwisSign.png"); }
      .serwisBoxes .box.skoda .overlay::after {
        border-color: transparent transparent transparent #4BA82E; }
    .serwisBoxes .box.volkswagen .overlay {
      background-position: 135px 0;
      width: 155px;
      background-color: #2274AC;
      background-image: url("../images/vwSerwisSign.png"); }
      .serwisBoxes .box.volkswagen .overlay::after {
        border-color: transparent transparent transparent #2274AC; }
    .serwisBoxes .box.seat .overlay {
      background-color: #E52428;
      background-image: url("../images/seatSerwisSign.png"); }
      .serwisBoxes .box.seat .overlay::after {
        border-color: transparent transparent transparent #E52428; }
    .serwisBoxes .box:hover .overlay, .serwisBoxes .box:focus .overlay {
      left: 0; }

#serwisSliderContainer {
  margin: 20px 0;
  position: relative;
  height: 335px;
  overflow: hidden; }
  #serwisSliderContainer #slides {
    height: 335px; }
    #serwisSliderContainer #slides li {
      height: 335px !important;
      padding: 0; }
      #serwisSliderContainer #slides li div.content.motion {
        width: auto !important;
        padding: 20px !important; }
      #serwisSliderContainer #slides li a {
        background-position: 170px center; }
  #serwisSliderContainer #serwisSliderPager {
    position: absolute;
    top: 0;
    right: 25px;
    z-index: 100000;
    bottom: 0;
    top: 50%;
    transform: translateY(-50%); }
    #serwisSliderContainer #serwisSliderPager a {
      display: block;
      width: 14px;
      height: 14px;
      border-radius: 14px;
      background: white;
      margin: 25px 0;
      overflow: hidden;
      opacity: 0.5; }
      #serwisSliderContainer #serwisSliderPager a.activeSlide {
        background: black; }

.serwis .blueBox, .subSamochody .blueBox {
  margin-bottom: 20px;
  padding: 50px 40px 54px;
  color: white;
  overflow: hidden;
  position: relative; }
  .serwis .blueBox .bg, .subSamochody .blueBox .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    transition: 0.3s ease 0s;
    -webkit-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -khtml-transition: 0.3s ease 0s; }
  .serwis .blueBox .text,  .subSamochody .blueBox .text {
    text-align: center;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Lato', sans-serif;
    position: relative;
    z-index: 1000;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 26px; }
  .serwis .blueBox .absoluteLink, .subSamochody .blueBox .absoluteLink{
    z-index: 100000; }
  .serwis .blueBox:hover .bg,  .subSamochody .blueBox:hover .bg {
    transform: scale(1.1); }

.zamien_samochod .blueBox {
  margin-bottom: 20px;
  color: white;
  overflow: hidden;
  position: relative;
  height: 280px; }
  .zamien_samochod .blueBox .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    transition: 0.3s ease 0s;
    -webkit-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -khtml-transition: 0.3s ease 0s; }
  .zamien_samochod .blueBox .text {
    margin: 35px 25px 0;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Lato', sans-serif;
    position: relative;
    z-index: 1000;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 26px;
    text-align: left; }
    .zamien_samochod .blueBox .text h3 {
      font-size: 36px;
      margin-bottom: 10px; }
    .zamien_samochod .blueBox .text h4 {
      font-sie: 24px;
      color: #CDD5DE; }
  .zamien_samochod .blueBox .absoluteLink {
    z-index: 100000; }
  .zamien_samochod .blueBox:hover .bg {
    transform: scale(1.1); }

.cnpContactCards {
  text-align: center;
  padding-bottom: 40px; }

  .cnpContactCards .card {
    color: #000000;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Lato', sans-serif;
    overflow: hidden;
    display: inline-block;
    border-bottom: 1px solid #DBDBDB;
    width: 360px;
    padding: 35px 0px; }
    .cnpContactCards .card .icon {
      margin-top: 10px;
      float: left;
      text-align: center;
      width: 90px; }
      .cnpContactCards .card .icon img {
        max-width: 100%; }
    .cnpContactCards .card h4 {
      color: #707070;
      font-size: 18px;
      text-align: left;
      margin-bottom: 12px; }
    .cnpContactCards .card .data {
      width: 260px;
      float: right;
      font-size: 14px; }
      .cnpContactCards .card .data .description {
        width: auto !important;
        padding: 0 !important;
        text-align: left;
        margin-bottom: 10px; }
      .cnpContactCards .card .data .contact {
        color: #1470B0; }
        .cnpContactCards .card .data .contact > div {
          height: 45px;
          line-height: 45px;
          overflow: hidden;
          font-size: 14px; }
          .cnpContactCards .card .data .contact > div:first-child {
            border-bottom: 1px solid #D9DDE0;
            font-size: 16px; }
          .cnpContactCards .card .data .contact > div div {
            float: right;
			height: 45px;
            width: 205px;
         /* overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; */
		   line-height: normal;
		   display: flex;
		   align-items: center;
			//justify-content: center;word-wrap: break-word;
            text-align: left;
            padding: 0 10px; }
          .cnpContactCards .card .data .contact > div .cIcon {
            float: left;
            height: 45px;
            width: 34px;
            border-right: 1px solid #d9dde0;
            background: #F4F5F6;
            background-position: center center;
            padding: 0;
            background-repeat: no-repeat; }
            .cnpContactCards .card .data .contact > div .cIcon.mail {
              background-image: url("../images/icons/emailBlue.png"); }
            .cnpContactCards .card .data .contact > div .cIcon.phone {
              background-image: url("../images/icons/phoneBlue.png"); }
    .cnpContactCards .card:last-child, .cnpContactCards .card:nth-last-child(2), .cnpContactCards .card:nth-last-child(3) {
      //border-bottom: 0;
	  }
    .cnpContactCards .card.green h4 {
      color: #3B9D2E; }
    .cnpContactCards .card.blue h4 {
      color: #1470B0; }
    .cnpContactCards .card.red h4 {
      color: #ED151F; }

.contactContactCards {
  text-align: center; }
  .contactContactCards .card {
    color: #303743;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Lato', sans-serif;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #E3E3E3;
    width: 365px;
    padding: 5px 0 5px 5px;
    margin: 10px 4px; }
    .contactContactCards .card .icon {
      float: left;
      text-align: center;
      width: 155px;
      height: 150px;
      overflow: hidden; }
      .contactContactCards .card .icon img {
        max-width: 100%;
        transition: 0.3s ease 0s;
        -webkit-transition: 0.3s ease 0s;
        -ms-transition: 0.3s ease 0s;
        -o-transition: 0.3s ease 0s;
        -moz-transition: 0.3s ease 0s;
        -khtml-transition: 0.3s ease 0s; }
    .contactContactCards .card h4 {
      font-size: 16px;
      text-align: left;
      margin-bottom: 5px; }
    .contactContactCards .card .data {
      width: 200px;
      float: right;
      font-size: 14px; }
      .contactContactCards .card .data .description {
        width: auto !important;
        padding: 0 !important;
        text-align: left;
        margin-bottom: 10px; }
      .contactContactCards .card .data .contact {
        color: #1470B0; }
        .contactContactCards .card .data .contact > div {
          height: 45px;
          line-height: 45px;
          overflow: hidden;
		   border-bottom: 1px solid #D9DDE0;
          font-size: 16px; }
			.contactContactCards .card .data .contact > div:last-child {
			 border-bottom: none;
			 font-size: 14px;
			 }
          .contactContactCards .card .data .contact > div div {
            float: right;
            width: 145px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;
            /*padding: 0 10px; */
          }
          .contactContactCards .card .data .contact > div .cIcon {
            float: left;
            height: 45px;
            width: 34px;
            border-right: 1px solid #d9dde0;
            background: #F4F5F6;
            background-position: center center;
            padding: 0;
            background-repeat: no-repeat; }
            .contactContactCards .card .data .contact > div .cIcon.mail {
              background-image: url("../images/icons/emailBlue.png"); }
              .contactContactCards .card .data .contact > div .cIcon.mail + div {
                line-height: 15px;
                padding-top: 8px; }
            .contactContactCards .card .data .contact > div .cIcon.phone {
              background-image: url("../images/icons/phoneBlue.png"); }
    .contactContactCards .card:hover .icon img {
      transform: scale(1.05); }

form .input input {
  width: 100%;
  display: block;
  border: none;
  padding: 0;
  height: 37px; }
form .textarea textarea {
  width: 100%;
  display: block;
  border: none;
  padding: 0;
  height: 57px;
  margin: 15px 0; }
form .select, form .input, form .textarea {
  border: 1px solid #E2E2E3;
  border-top: 2px solid #E2E2E3;
  background: #FFFFFF;
  padding-left: 15px;
  font-family: inherit;
  padding-right: 55px;
  font-size: 10px;
  position: relative;
  margin-bottom: 10px;
  display: block;
  color: #000000;
  font-size: 14px;
  position: relative; }
  form .select::after, form .input::after, form .textarea::after {
    position: absolute;
    top: 4px;
    height: 30px;
    z-index: 1000;
    right: 0;
    border-left: 1px solid #EDEDED;
    width: 40px;
    content: '';
    display: block;
    background-image: url("../images/formIcons.png"); }
  form .select.mail::after, form .input.mail::after, form .textarea.mail::after {
    background-position: -15px -21px; }

  form .select.car::after, form .input.car::after, form .textarea.car::after {
    background-position: -14px -382px; }

  form .select.name::after, form .input.name::after, form .textarea.name::after {
    background-position: -95px -75px; }
  form .select.phone::after, form .input.phone::after, form .textarea.phone::after {
    background-position: -16px -75px; }
  form .select.company::after, form .input.company::after, form .textarea.company::after {
    background-position: -95px -20px; }
  form .select input, form .select textarea, form .input input, form .input textarea, form .textarea input, form .textarea textarea {
    border: none;
    display: block;
    background: none;
    font-size: inherit;
    color: inherit;
    font-family: inherit; }
form .select, form .input {
  height: 37px;
  line-height: 37px; }
form .textarea {
  //width: 382px;
  }
  form .textarea::after {
    background-position: -15px -190px;
    height: 64px;
    top: 11px; }
  form .textarea textarea {
    resize: none; }
form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
  color: white;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding:0;}
form .select {
  cursor: pointer;
  /*text-transform: uppercase;*/
   }
  form .select .options {
    z-index: 100000000;
    position: absolute;
    top: 37px;
    left: -1px;
    right: -1px;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    overflow-y: scroll;
    background: white;
    transition: 0.3s ease 0s;
    -webkit-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -khtml-transition: 0.3s ease 0s; }
    form .select .options .option {
      cursor: pointer;
      margin: 0 15px;
      padding: 0 10px;
      border-bottom: 1px solid #eee; }
      form .select .options .option:hover, form .select .options .option:focus {
        background: #eee; }
  form .select::after {
    background-position: -95px -153px; }
  form .select:hover, form .select:focus{
    height: auto;
    z-index: 10000; }
    /*form .select:not(.noHover):hover .options, form .select:not(.noHover):focus .options {
      visibility: visible;
      box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
      max-height: 500px; }
    form .select:not(.noHover):hover::after, form .select:not(.noHover):focus::after {
      background-position: -16px -146px; }*/

      form .select.clicked .options {
        visibility: visible;
        box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
        max-height: 500px; }
      form .select.clicked::after {
        background-position: -16px -146px; }

.formSection {
  padding: 30px 10px;
  background: #2377B3 url("../images/formBg.png") top right no-repeat;
  box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.3); }
  .formSection .left {
    width: 656px;
    float: left; }
    .formSection .left .input {
      width: 250px;
      display: block; }
      .formSection .left .input:first-child {
        float: left; }
      .formSection .left .input:last-child {
        float: right; }
  .formSection input[type=submit] {
    width: 112px;
    height: 40px;
    background: #303743;
    color: white;
    font-size: 16px;
    border: none;
    font-family: inherit;
    display: block;
    line-height: 40px;
    text-align: center;
    cursor: pointer; }
    .formSection input[type=submit]:hover {
      background: #202733; }
  .formSection .right {
    width: 454px;
    float: right; }

.mapSection {
  clear: bothh;
  overflow: hidden;
  margin-bottom: 30px; }
  .mapSection .img {
    width: 380px;
    float: right;
    overflow: hidden;
    height: 333px; }
    .mapSection .img img {
      width: 100%; }
  .mapSection iframe {
    width: 760px;
    height: 333px;
    float: left; }

.contactsSection {
  clear: both; }
  .contactsSection .titleBar {
    text-transform: uppercase;
    height: 50px;
    background: #3684bb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3684bb 0%, #2276b2 50%, #2273ac 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3684bb), color-stop(50%, #2276b2), color-stop(100%, #2273ac));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3684bb 0%, #2276b2 50%, #2273ac 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3684bb 0%, #2276b2 50%, #2273ac 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3684bb 0%, #2276b2 50%, #2273ac 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3684bb 0%, #2276b2 50%, #2273ac 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3684bb', endColorstr='#2273ac',GradientType=0 );
    /* IE6-9 */
    line-height: 50px;
    color: white;
    position: relative;
    padding: 0 20px;
    cursor: pointer;
    font-size: 16px; }
    .contactsSection .titleBar span {
      text-transform: none;
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0;
      font-size: 12px;
      background: #1e557e;
      /* Old browsers */
      background: -moz-linear-gradient(top, #1e557e 1%, #134e78 50%, #134d75 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #1e557e), color-stop(50%, #134e78), color-stop(100%, #134d75));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #1e557e 1%, #134e78 50%, #134d75 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #1e557e 1%, #134e78 50%, #134d75 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #1e557e 1%, #134e78 50%, #134d75 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #1e557e 1%, #134e78 50%, #134d75 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e557e', endColorstr='#134d75',GradientType=0 );
      /* IE6-9 */
      width: 72px;
      text-align: center;
      border-right: 1px solid #81939F; }
  .contactsSection .contactContactCards {
    margin: 10px 0;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: 0.3s ease 0s;
    -webkit-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -khtml-transition: 0.3s ease 0s; }
  .contactsSection.active .titleBar span {
    background: #5e9dc9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #5e9dc9 0%, #4d91c0 50%, #4f8fbd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e9dc9), color-stop(50%, #4d91c0), color-stop(100%, #4f8fbd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5e9dc9 0%, #4d91c0 50%, #4f8fbd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5e9dc9 0%, #4d91c0 50%, #4f8fbd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5e9dc9 0%, #4d91c0 50%, #4f8fbd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #5e9dc9 0%, #4d91c0 50%, #4f8fbd 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e9dc9', endColorstr='#4f8fbd',GradientType=0 );
    /* IE6-9 */ }
  .contactsSection.active .contactContactCards {
    visibility: visible;
    opacity: 1;
    max-height: 3000px; }

.firstContactRow {
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px solid #E3E3E3; }
  .firstContactRow > div {
    /*font-family: Arial, sans-serif;*/
    font-family: 'Lato', sans-serif;
    width: 214px;
    text-align: center;
    float: left;
    color: #1470B0;
    font-size: 14px; }
    .firstContactRow > div a {
      font-size: 14px;
      font-family: inherit; }
    .firstContactRow > div strong {
      font-size: 18px; }
    .firstContactRow > div:nth-child(1) {
      width: 80px;
      margin-right: 20px; }
    .firstContactRow > div:nth-child(2) {
      text-align: left;
      width: 180px;
      color: #000000; }
      .firstContactRow > div:nth-child(2) strong {
        font-size: 18px;
        margin-bottom: 5px;
        display: block; }
    .firstContactRow > div .icon {
      height: 25px;
      line-height: 25px;
      margin-bottom: 5px; }

.contactColumns {
  overflow: hidden; }
  .contactColumns > div {
    float: left;
    border-right: 1px solid #E3E3E3;
    font-size: 14px;
    padding: 0 25px 20px;
    width: 187px;
    color: #1470B0;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Lato', sans-serif;
   }
    .contactColumns > div:first-child {
      padding-left: 0; }
    .contactColumns > div:last-child {
      padding-right: 0;
      border-right: none; }
    .contactColumns > div .title {
      font-weight: bold;
      color: #000000;
      text-transform: uppercase;
      position: relative;
      height: 50px;
      margin-bottom: 25px; }
      .contactColumns > div .title div {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0; }

br.rwd750 {
  display: none; }

form.nonRwd {
  display: block; }

form.rwd {
  display: none; }

.leftLayoutColumn {
  margin-bottom: 40px;
  width: 604px;
  float: left; }
  .leftLayoutColumn .pseudoTable {
    display: none;
    overflow: hidden; }
    .leftLayoutColumn .pseudoTable div {
      height: 38px;
      line-height: 38px;
      text-align: center; }
      .leftLayoutColumn .pseudoTable div.header {
        box-shadow: 0 4px 4px 0 rgba(166, 166, 166, 0.7);
        background: #1470B0;
        color: white; }
  .leftLayoutColumn > h3 {
    height: 40px;
    position: relative;
    margin-bottom: 25px; }
    .leftLayoutColumn > h3 span {
      display: block;
      width: 225px;
      height: 38px;
      background: #B50027;
      text-transform: uppercase;
      color: white;
      line-height: 40px;
      text-align: center;
      border-bottom: 2px solid #88001F; }
    .leftLayoutColumn > h3::after {
      background: rgba(170, 170, 170, 0.4);
      height: 2px;
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
  .leftLayoutColumn p {
    /*font-family: Arial, sans-serif;*/
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    margin: 20px 0;
    text-align: justify; }
  .leftLayoutColumn h4 {
    font-size: 30px;
    color: #1470B0;
    margin: 5px 0 10px; }
  .leftLayoutColumn table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    backround: #E1E1E1; }
    .leftLayoutColumn table tr td {
      height: 38px;
      vertical-align: middle;
      text-align: center; }
    .leftLayoutColumn table thead {
      position: relative;
      z-index: 1000;
      box-shadow: 0 4px 4px 0 rgba(166, 166, 166, 0.7); }
      .leftLayoutColumn table thead td {
        background: #1470B0;
        color: white; }
    .leftLayoutColumn table tbody tr:nth-child(2n+1) td {
      background: #FFFFFF; }
    .leftLayoutColumn table tbody tr:nth-child(2n) td {
      background: #E8E8E8; }


	  .rightLayoutColumn {
  margin-bottom: 40px;
  width: 604px;
  float: left; }
  .rightLayoutColumn .pseudoTable {
    display: none;
    overflow: hidden; }
    .rightLayoutColumn .pseudoTable div {
      height: 38px;
      line-height: 38px;
      text-align: center; }
      .rightLayoutColumn .pseudoTable div.header {
        box-shadow: 0 4px 4px 0 rgba(166, 166, 166, 0.7);
        background: #1470B0;
        color: white; }
  .rightLayoutColumn > h3 {
    height: 40px;
    position: relative;
    margin-bottom: 25px; }
    .rightLayoutColumn > h3 span {
      display: block;
      width: 225px;
      height: 38px;
      background: #B50027;
      text-transform: uppercase;
      color: white;
      line-height: 40px;
      text-align: center;
      border-bottom: 2px solid #88001F; }
    .rightLayoutColumn > h3::after {
      background: rgba(170, 170, 170, 0.4);
      height: 2px;
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
  .rightLayoutColumn p {
    /*font-family: Arial, sans-serif;*/
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    margin: 20px 0;
    text-align: justify; }
  .rightLayoutColumn h4 {
    font-size: 30px;
    color: #1470B0;
    margin: 5px 0 10px; }
  .rightLayoutColumn table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    backround: #E1E1E1; }
    .rightLayoutColumn table tr td {
      height: 38px;
      vertical-align: middle;
      text-align: center; }
    .rightLayoutColumn table thead {
      position: relative;
      z-index: 1000;
      box-shadow: 0 4px 4px 0 rgba(166, 166, 166, 0.7); }
      .rightLayoutColumn table thead td {
        background: #1470B0;
        color: white; }
    .rightLayoutColumn table tbody tr:nth-child(2n+1) td {
      background: #FFFFFF; }
    .rightLayoutColumn table tbody tr:nth-child(2n) td {
      background: #E8E8E8; }

.rightLayoutColumn {
  margin-bottom: 40px;
  float: right;
  width: 499px;
margin-top: 82px; }
@media screen and (max-width: 1170px){
	.rightLayoutColumn {
		margin-top: 0;
	}
}
.rightLayoutColumn img, .leftLayoutColumn img{
	max-width: 100%;
	height: auto;
}


.checkBoxRow {
  margin-bottom: 5px; }

form.rwd, form.nonRwd {
  box-shadow: 0 3px 5px 1px rgba(136, 136, 136, 0.6);
  background: #1470B0;
  padding: 20px 20px 0 20px;
  margin-bottom: 40px; }
  form.rwd .checkBoxRow, form.nonRwd .checkBoxRow {
    clear: both; }
  form.rwd h1, form.nonRwd h1,
  form.rwd h2, form.nonRwd h2 ,
  form.rwd h3, form.nonRwd h3 ,
  form.rwd h6, form.nonRwd h6,
  form.rwd h4, form.nonRwd h4,
  form.rwd h5, form.nonRwd h5  {
    font-size: 20px;
    /*font-family: Arial, sans-serif;*/
    font-family: 'Lato', sans-serif;
	padding:0 !important;
    margin: 10px 0 20px; }
  form.rwd.nonRwd, form.nonRwd.nonRwd {
    margin-top: 40px; }
  form.rwd .select, form.rwd .input, form.nonRwd .select, form.nonRwd .input {
    margin-bottom: 15px; }
  form.rwd .input, form.nonRwd .input {
    /*        &:nth-child(2n){
                float: right;
            }
            &:nth-child(2n+1){
                clear: both;
            }*/ }
  form.rwd .input.datepicker, form.nonRwd .input.datepicker {
    border: none;
    background: none;
    padding-right: 65px;
    padding-left: 0; }
    form.rwd .input.datepicker::after, form.nonRwd .input.datepicker::after {
      background-position: -95px -202px;
      border: none;
      height: auto;
      top: 0;
      bottom: 0;
      width: 40px; }
    form.rwd .input.datepicker input, form.nonRwd .input.datepicker input {
      padding-left: 15px;
      background: #ffffff none repeat scroll 0 0;
      border-color: #e2e2e3;
      border-style: solid;
      border-width: 2px 1px 1px; }
  form.rwd input[type=submit], form.nonRwd input[type=submit] {
    width: 150px;
    border: none;
    padding-left: 55px;
    margin: 0 auto;
    display: block;
    height: 40px;
    background: url("../images/formIcons.png") 0px -267px #B50027;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    position: relative;
    top: 20px; }
    .checkBoxRow  label {
      color: white;
      text-transform: none; }
.checkBoxRow input[type=checkbox] + label {
  color: white;
  text-transform: none; }
  .checkBoxRow input[type=checkbox] + label span {
    display: none; }
.checkBoxRow [type="checkbox"]:checked + label {
  color: white !important; }

.columnImages {
  margin: 0 auto;
  width: 499px;
  max-width: 100%;
  overflow: hidden; }
  .columnImages > div {
    width: 50%;
    float: left; }
    .columnImages > div:nth-child(2n+1) > div {
      margin-right: 5px; }
    .columnImages > div:nth-child(2n) > div {
      margin-left: 5px; }
    .columnImages > div img {
      width: 100%;
      margin-bottom: 10px; }

.fourStepsPosition {
  height: 40px; }
  .fourStepsPosition .fourSteps {
    background: #414D62;
    background: -moz-linear-gradient(top, rgba(48, 55, 67, 0.7) 0%, rgba(67, 79, 101, 0.7) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(48, 55, 67, 0.7)), color-stop(100%, rgba(67, 79, 101, 0.7)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(48, 55, 67, 0.7) 0%, rgba(67, 79, 101, 0.7) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(48, 55, 67, 0.7) 0%, rgba(67, 79, 101, 0.7) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(48, 55, 67, 0.7) 0%, rgba(67, 79, 101, 0.7) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(48, 55, 67, 0.7) 0%, rgba(67, 79, 101, 0.7) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6303743', endColorstr='#e6434f65',GradientType=0 );
    /* IE6-9 */
    position: relative;
    height: 123px;
    margin-top: -143px;
    color: white; }
    .fourStepsPosition .fourSteps .step {
      margin-right: 35px;
      width: 258.75px;
      float: left;
      position: relative;
      font-weight: bold;
      height: 100%; }
      .fourStepsPosition .fourSteps .step p {
        margin: 30px auto 0;
        width: 220px;
        /*font-family: Arial, sans-serif;*/
        font-family: 'Lato', sans-serif;
        color: white;
        font-size: 15px;
        line-height: 15px; }
      .fourStepsPosition .fourSteps .step:nth-child(1)::after, .fourStepsPosition .fourSteps .step:nth-child(2)::after, .fourStepsPosition .fourSteps .step:nth-child(3)::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: -35px;
        width: 35px;
        display: block;
        height: 123px;
        content: '';
        background: url("../images/zamien_samochod/fourStepsArrowRight.png"); }
      .fourStepsPosition .fourSteps .step:last-child {
        margin-right: 0; }
      .fourStepsPosition .fourSteps .step .number {
        background: #e31a45;
        /* Old browsers */
        background: -moz-linear-gradient(top, #e31a45 0%, #b60128 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e31a45), color-stop(100%, #b60128));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e31a45 0%, #b60128 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e31a45 0%, #b60128 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e31a45 0%, #b60128 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #e31a45 0%, #b60128 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e31a45', endColorstr='#b60128',GradientType=0 );
        /* IE6-9 */
        text-align: center;
        line-height: 42px;
        font-weight: bold;
        width: 42px;
        height: 42px;
        border-radius: 42px;
        border: 8px solid white;
        position: absolute;
        bottom: -29px;
        left: 0;
        right: 0;
        margin: 0 auto; }

input[type=submit] {
  cursor: pointer; }

.samochodyBoxes {
  margin-bottom: 30px;
  overflow: hidden; }
  .samochodyBoxes .box {
    width: 555px;
    height: 300px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 30px;
    margin-top: 30px; }
    .samochodyBoxes .box:nth-child(2n) {
      margin-right: 0; }
    .samochodyBoxes .box .bg {
      background-position: center center;
      background-size: cover;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s; }
    .samochodyBoxes .box .overlay {
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
      color: white;
      font-size: 14px;
      padding-left: 20px;
      padding-top: 38px;
      z-index: 1000;
      width: 180px;
      height: 82px;
      left: 10px;
      position: absolute;
      display: block !important;
      bottom: 10px;
      background-position: 119px 0;
      background-repeat: no-repeat; }
      .samochodyBoxes .box .overlay strong {
        font-size: 18px;
        position: relative;
        margin-top: 5px;
      }
        .samochodyBoxes .box .overlay strong::after {
          content: '';
          display: block;
          left: 0;
          top: -30px;
          position: absolute;
          background: white;
          height: 1px;
          width: 20px; }
      .samochodyBoxes .box .overlay::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 14px 0 14px 14px;
        content: '';
        display: block;
        position: absolute;
        right: -14px;
        top: 46px; }
    .samochodyBoxes .box strong {
      display: block; }
    .samochodyBoxes .box .absoluteLink {
      z-index: 100000; }
    .samochodyBoxes .box .icon {
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
      background-color: white;
      background-color: rgba(255, 255, 255, 0.9);
      background-image: url("../images/samochody/icons2.png");
      width: 108px;
      height: 108px;
      position: absolute;
      top: 10px;
      right: 10px; }
    .samochodyBoxes .box.skoda .icon {
      background-position: -108px -108px; }
    .samochodyBoxes .box.used .icon {
      background-image: url("../img/bdk_su.png");
    }
    .samochodyBoxes .box.skoda .overlay {
      background-color: #4BA82E; }
      .samochodyBoxes .box.skoda .overlay::after {
        border-color: transparent transparent transparent #4BA82E; }
    .samochodyBoxes .box.volkswagen .icon {
      background-position: 0 -108px; }
    .samochodyBoxes .box.volkswagen .overlay {
      background-color: #2274AC; }
      .samochodyBoxes .box.volkswagen .overlay::after {
        border-color: transparent transparent transparent #2274AC; }
    .samochodyBoxes .box.used .overlay {
      background-color: #db5901; }
      .samochodyBoxes .box.used .overlay::after {
        border-color: transparent transparent transparent #db5901; }
    .samochodyBoxes .box.seat .icon {
      background-position: -108px 0; }
    .samochodyBoxes .box.seat .overlay {
      background-color: #E52428; }
      .samochodyBoxes .box.seat .overlay::after {
        border-color: transparent transparent transparent #E52428; }
    .samochodyBoxes .box.volkswagenUsed .icon {
      background-position: 0 0; }
    .samochodyBoxes .box.volkswagenUsed .overlay {
      background-color: #003C65; }
      .samochodyBoxes .box.volkswagenUsed .overlay::after {
        border-color: transparent transparent transparent #003C65; }
    .samochodyBoxes .box:hover .overlay, .samochodyBoxes .box:focus .overlay {
      padding-left: 90px; }
    .samochodyBoxes .box:hover .bg, .samochodyBoxes .box:focus .bg {
      transform: scale(1.02);
      /*                -webkit-filter: blur(1px);                                -moz-filter: blur(1px);                                -o-filter: blur(1px);                                -ms-filter: blur(1px);                                filter: blur(1px);*/ }
    .samochodyBoxes .box:hover .icon, .samochodyBoxes .box:focus .icon {
      background-color: white; }

#wycenSwitcher {
  overflow: hidden;
  width: 100%;
  clear: both;
  margin-top: 62px;
  height: 70px;
  border-bottom: 1px solid #C02E4D; }
  #wycenSwitcher > div[data-switchersection] {
    height: 70px;
    width: 380px;
    float: left;
    cursor: pointer;
    line-height: 75px;
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: normal;
    background-image: url("../images/zamien_samochod/switcherButton.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right 100px;
    transition: 0.3s ease 0s;
    -webkit-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -khtml-transition: 0.3s ease 0s; }
    @media screen and (max-width: 1170px) {
      #wycenSwitcher > div[data-switchersection] {
        width: 33.33%; } }
    #wycenSwitcher > div[data-switchersection]:nth-child(1), #wycenSwitcher > div[data-switchersection]:nth-child(3) {
      background-color: #1470B0; }
    #wycenSwitcher > div[data-switchersection]:nth-child(2) {
      background-color: #5A9BC8; }
    #wycenSwitcher > div[data-switchersection].active, #wycenSwitcher > div[data-switchersection]:hover {
      background-position: right top; }
  @media screen and (max-width: 1170px) {
    #wycenSwitcher {
      margin-top: 30px; } }
  @media screen and (max-width: 959px) {
    #wycenSwitcher {
      height: auto;
      text-align: center;
      border: none; }
      #wycenSwitcher > div[data-switchersection] {
        width: 290px;
        display: inline-block;
        float: none;
        margin: 4px 2px; } }
  @media screen and (max-width: 619px) {
    #wycenSwitcher > div[data-switchersection] {
      width: 100%;
      margin: 0; } }

#wycenSwitcherSections {
  margin: 0 0 50px; }
  @media screen and (max-width: 619px) {
    #wycenSwitcherSections {
      margin: 20px 0 30px; } }
  #wycenSwitcherSections > div[data-switchersection] {
    display: none;
    opacity: 0; }
    #wycenSwitcherSections > div[data-switchersection]:first-child {
      display: block;
      opacity: 1; }
    #wycenSwitcherSections > div[data-switchersection] .checkBoxRow {
      margin: 10px; }
      #wycenSwitcherSections > div[data-switchersection] .checkBoxRow label {
        color: #9C9B9B !important;
        font-size: 12px;
        /*font-family: Arial, sans-serif; */
        font-family: 'Lato', sans-serif;
      }
    #wycenSwitcherSections > div[data-switchersection][data-switchersection='wycen'] .imgForm {
      margin-bottom: 50px; }
    #wycenSwitcherSections > div[data-switchersection] .inputTile {
      float: left;
      width: 33.33%;
      margin-bottom: 15px;
      line-height: 36px; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile.double {
        width: 66.66%; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile.quarter {
        width: 25%; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile.tripleQuarter {
        width: 75%; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile.doubleQuarter {
        width: 50%; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile.fullWidth {
        width: 100%; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile > div {
        margin: 0 10px; }
        #wycenSwitcherSections > div[data-switchersection] .inputTile > div .input {
          border: 2px 1px 1px 1px solid #E4E4E4;
          background: #FFFFFF;
          padding: 0 15px;
          height: 36px;
          transition: 0.3s ease 0s;
          -webkit-transition: 0.3s ease 0s;
          -ms-transition: 0.3s ease 0s;
          -o-transition: 0.3s ease 0s;
          -moz-transition: 0.3s ease 0s;
          -khtml-transition: 0.3s ease 0s; }
          #wycenSwitcherSections > div[data-switchersection] .inputTile > div .input.active {
            border-color: #8FC9F1; }
          #wycenSwitcherSections > div[data-switchersection] .inputTile > div .input input[type=text] {
            font-size: 14px;
            width: 100%;
            padding: 0;
            margin: 0;
            border: 0;
            height: 36px; }
          #wycenSwitcherSections > div[data-switchersection] .inputTile > div .input::after {
            content: none; }
          #wycenSwitcherSections > div[data-switchersection] .inputTile > div .input.disabled {
            background: #e9e9e9;
            border-color: #ddd; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile.datepicker {
        position: relative; }
        #wycenSwitcherSections > div[data-switchersection] .inputTile.datepicker::after {
          position: absolute;
          top: 26px;
          right: 26px;
          background: url("../images/calendarIconBlue.png");
          width: 25px;
          height: 25px;
          content: '';
          display: block; }
        #wycenSwitcherSections > div[data-switchersection] .inputTile.datepicker > div {
          padding-right: 60px; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile label:first-child {
        height: 17px;
        display: block;
        line-height: normal;
        font-size: 11px;
        margin-bottom: 3px;
        color: #868686; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile input[type=radio] {
        margin-right: 5px; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile input[type=checkbox] + label, #wycenSwitcherSections > div[data-switchersection] .inputTile input[type=radio] + label {
        margin-right: 15px; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile input[type=checkbox]:checked + label, #wycenSwitcherSections > div[data-switchersection] .inputTile input[type=radio]:checked + label {
        color: #1470B0; }
      #wycenSwitcherSections > div[data-switchersection] .inputTile .fileUploadButton {
        border: 1px solid #DFDFDF;
        background: #efefef;
        /* Old browsers */
        background: -moz-linear-gradient(top, #efefef 0%, #e2e2e2 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #e2e2e2));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #efefef 0%, #e2e2e2 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #efefef 0%, #e2e2e2 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #efefef 0%, #e2e2e2 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #efefef 0%, #e2e2e2 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e2e2e2',GradientType=0 );
        /* IE6-9 */
        cursor: pointer;
        width: 170px;
        color: #1470B0;
        margin-top: 20px;
        line-height: 36px;
        font-size: 14px;
        height: 36px;
        text-align: center; }
        #wycenSwitcherSections > div[data-switchersection] .inputTile .fileUploadButton:hover, #wycenSwitcherSections > div[data-switchersection] .inputTile .fileUploadButton:focus {
          background: #e2e2e2;
          /* Old browsers */
          background: -moz-linear-gradient(top, #e2e2e2 0%, #efefef 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #efefef));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #e2e2e2 0%, #efefef 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #e2e2e2 0%, #efefef 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #e2e2e2 0%, #efefef 100%);
          /* IE10+ */
          background: linear-gradient(to bottom, #e2e2e2 0%, #efefef 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#efefef',GradientType=0 );
          /* IE6-9 */ }
    #wycenSwitcherSections > div[data-switchersection] #newCarForm, #wycenSwitcherSections > div[data-switchersection] #usedCarForm {
      display: none; }
    #wycenSwitcherSections > div[data-switchersection] .lightForm {
      color: #000000;
      background: #F9F9F9;
      padding-left: 10px;
      padding-right: 10px; }
      #wycenSwitcherSections > div[data-switchersection] .lightForm .leftForm {
        float: left;
        width: 620px; }
      #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm {
        float: right;
        width: 486px;
        height: 278px;
        margin-top: 28px;
        overfloe: hidden; }
        #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector {
          width: 90px;
          float: left; }
          #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector > div {
            cursor: pointer;
            width: 90px;
            height: 90px;
            margin-bottom: 4px;
            box-shadow: 0px 1px 3px #D2D2D2;
            position: relative; }
            #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector > div .bg {
              position: absolute;
              -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
              top: 5px;
              right: 5px;
              left: 5px;
              bottom: 5px;
              transition: 0.3s ease 0s;
              -webkit-transition: 0.3s ease 0s;
              -ms-transition: 0.3s ease 0s;
              -o-transition: 0.3s ease 0s;
              -moz-transition: 0.3s ease 0s;
              -khtml-transition: 0.3s ease 0s;
              background-repeat: no-repeat;
              background-position: center center; }
            #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector > div:hover .bg, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector > div.active .bg {
              transform: scale(1.05);
              -webkit-filter: none;
              filter: none; }
            #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector > div:last-child {
              margin-bottom: 0; }
        #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda {
          float: right;
          position: relative;
          display: none;
          width: 390px;
          height: 278px;
          background: white;
          box-shadow: 0px 1px 3px #D2D2D2; }
          #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen li, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat li, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda li {
            width: 390px;
            height: 278px; }
            #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen li .bg, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat li .bg, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda li .bg {
              background-size: cover;
              background-position: center center;
              top: 0;
              right: 0;
              left: 0;
              bottom: 0;
              position: absolute;
              transition: 0.3s ease 0s;
              -webkit-transition: 0.3s ease 0s;
              -ms-transition: 0.3s ease 0s;
              -o-transition: 0.3s ease 0s;
              -moz-transition: 0.3s ease 0s;
              -khtml-transition: 0.3s ease 0s; }
            #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen li h5, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat li h5, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda li h5 {
              font-size: 18px;
              color: #2E3339;
              text-align: center;
              position: absolute;
              top: 25px;
              left: 0;
              right: 0; }
          #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen .prev, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen .next, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat .prev, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat .next, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda .prev, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda .next {
            position: absolute;
            width: 19px;
            height: 34px;
            top: 104px;
            cursor: pointer;
            z-index: 1000;
            background-image: url("../images/carsSlider/arrows.png"); }
          #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen .prev, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat .prev, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda .prev {
            left: 10px;
            background-position: 0px 0px; }
            #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen .prev:hover, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat .prev:hover, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda .prev:hover {
              background-position: 0px -34px; }
          #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen .next, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat .next, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda .next {
            right: 10px;
            background-position: -19px 0px; }
            #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen .next:hover, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat .next:hover, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda .next:hover {
              background-position: -19px -34px; }
        #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda {
          display: block; }
    #wycenSwitcherSections > div[data-switchersection] .imgForm {
      color: #000000;
      box-shadow: 0 3px 3px #CECECE inset;
      background-color: #E3E3E3;
      background-image: url("../images/imgFormBg.jpg");
      background-size: cover;
      background-position: top right;
      padding-left: 10px;
      padding-right: 10px; }
    #wycenSwitcherSections > div[data-switchersection] .darkForm {
      background: #EEEEEE;
      box-shadow: 0 3px 3px #E5E5E5 inset;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 20px; }
      #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox {
        width: 50%;
        margin-bottom: 20px;
        float: left; }
        @media screen and (max-width: 919px) {
          #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox {
            width: 100%;
            margin-bottom: 0;
            float: none; } }
        #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox > div {
          position: relative;
          padding-left: 50px;
          padding-right: 170px; }
          #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox > div h4 {
            margin-left: 0;
            margin-bottom: 20px; }
        #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .min {
          float: left; }
        #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .max {
          float: right; }
        #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .min, #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .max {
          color: #1470B0;
          font-size: 12px;
          margin-top: 10px; }
        #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .ui-slider {
          cursor: pointer;
          height: 8px;
          border-radius: 4px;
          background: #CBCBCB;
          box-shadow: #9D9D9D 1px 1px 1px inset;
          border: none; }
          #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .ui-slider .ui-slider-range {
            background: #1470B0;
            border-radius: 4px 0 0 4px;
            box-shadow: #0F5788 1px 1px 1px inset; }
          #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .ui-slider .ui-slider-handle {
            outline: none !important;
            height: 20px;
            width: 20px;
            border-bottom: 1px solid #919191;
            background: #d9d9d9;
            /* Old browsers */
            background: -moz-linear-gradient(top, #d9d9d9 0%, #b5b5b5 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(100%, #b5b5b5));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #d9d9d9 0%, #b5b5b5 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #d9d9d9 0%, #b5b5b5 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #d9d9d9 0%, #b5b5b5 100%);
            /* IE10+ */
            background: linear-gradient(to bottom, #d9d9d9 0%, #b5b5b5 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#b5b5b5',GradientType=0 );
            /* IE6-9 */
            border-radius: 20px;
            cursor: pointer;
            top: -0.45em; }
            #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .ui-slider .ui-slider-handle::after {
              display: block;
              content: '';
              position: absolute;
              height: 10px;
              width: 10px;
              background: #EEECEC;
              box-shadow: 0px 2px 1px #B5B3B3 inset;
              border-radius: 10px;
              top: 5px;
              left: 5px; }
      #wycenSwitcherSections > div[data-switchersection] .darkForm #miesiecznaRataAmount, #wycenSwitcherSections > div[data-switchersection] .darkForm #wkladWlasnyAmount, #wycenSwitcherSections > div[data-switchersection] .darkForm #cenaDoAmount {
        width: 110px;
        height: 40px;
        position: absolute;
        top: 22px;
        font-size: 14px;
        text-align: center;
        white-space: nowrap;
        line-height: 40px;
        color: white;
        right: 50px;
        border: none;
        background: #313946;
        font-size: 15px; }
        #wycenSwitcherSections > div[data-switchersection] .darkForm #miesiecznaRataAmount::after, #wycenSwitcherSections > div[data-switchersection] .darkForm #wkladWlasnyAmount::after, #wycenSwitcherSections > div[data-switchersection] .darkForm #cenaDoAmount::after {
          position: absolute;
          display: block;
          top: 14px;
          left: -6px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 6px 6px 0;
          border-color: transparent #313946 transparent transparent;
          content: ''; }
    #wycenSwitcherSections > div[data-switchersection] small {
      font-size: 12px;
      color: #136da9;
      /*font-family: Arial, sans-serif; */
      font-family: 'Lato', sans-serif;
    }
    @media screen and (max-width: 519px) {
      #wycenSwitcherSections > div[data-switchersection] .yourOfferSliderBox {
        margin-bottom: 120px !important; }
        #wycenSwitcherSections > div[data-switchersection] .yourOfferSliderBox > div {
          padding: 0 30px !important; }
        #wycenSwitcherSections > div[data-switchersection] .yourOfferSliderBox:last-child {
          margin-bottom: 20px !important; }
      #wycenSwitcherSections > div[data-switchersection] #miesiecznaRataAmount, #wycenSwitcherSections > div[data-switchersection] #wkladWlasnyAmount, #wycenSwitcherSections > div[data-switchersection] #cenaDoAmount {
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        top: 85px  !important; }
        #wycenSwitcherSections > div[data-switchersection] #miesiecznaRataAmount::after, #wycenSwitcherSections > div[data-switchersection] #wkladWlasnyAmount::after, #wycenSwitcherSections > div[data-switchersection] #cenaDoAmount::after {
          width: 0  !important;
          height: 0  !important;
          border-style: solid  !important;
          border-width: 0 6px 6px 6px  !important;
          border-color: transparent transparent #313946 transparent  !important;
          left: 0  !important;
          right: 0  !important;
          margin: 0 auto  !important;
          top: -6px  !important; }
      #wycenSwitcherSections > div[data-switchersection] small {
        margin-top: 65px;
        display: block; } }
    #wycenSwitcherSections > div[data-switchersection] h4, #wycenSwitcherSections > div[data-switchersection] h6 {
      margin: 5px 10px 5px;
      color: #1470B0; }
      #wycenSwitcherSections > div[data-switchersection] h4:last-child, #wycenSwitcherSections > div[data-switchersection] h6:last-child {
        margin-bottom: 30px; }
    #wycenSwitcherSections > div[data-switchersection] h4 {
      font-size: 18px;
      margin-top: 30px; }
    #wycenSwitcherSections > div[data-switchersection] h6 {
      font-size: 14px; }
    #wycenSwitcherSections > div[data-switchersection] .wartoscSamochodu {
      width: 140px;
      height: 50px;
      position: relative;
      background: #B50027;
      line-height: 50px;
      text-align: center;
      margin: 0 auto;
      color: white;
      font-size: 22px;
      font-weight: bold; }
      #wycenSwitcherSections > div[data-switchersection] .wartoscSamochodu::after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10.5px 0 10.5px;
        border-color: #b50027 transparent transparent transparent;
        content: '';
        display: block;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: -10px; }
      #wycenSwitcherSections > div[data-switchersection] .wartoscSamochodu .before {
        right: 140px;
        padding: 0 10px;
        font-size: 18px;
        color: #1470B0;
        position: absolute;
        top: 0;
        display: inline-block;
        line-height: 50px;
        height: 50px;
        width: 200px;
        text-align: right; }
      @media screen and (max-width: 609px) {
        #wycenSwitcherSections > div[data-switchersection] .wartoscSamochodu {
          margin-top: 50px; }
          #wycenSwitcherSections > div[data-switchersection] .wartoscSamochodu .before {
            left: -40px;
            right: auto;
            top: -50px;
            text-align: center; } }
    #wycenSwitcherSections > div[data-switchersection] button {
      width: 235px;
      padding-left: 80px;
      height: 51px;
      text-align: left;
      color: #FFFFFF;
      font-weight: bold;
      font-family: inherit;
      display: block;
      font-size: 16px;
      border: 1px solid #1470B0;
      background: #2782c1;
      /* Old browsers */
      background: -moz-linear-gradient(top, #2782c1 0%, #1d79b8 50%, #1470b0 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2782c1), color-stop(50%, #1d79b8), color-stop(100%, #1470b0));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #2782c1 0%, #1d79b8 50%, #1470b0 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #2782c1 0%, #1d79b8 50%, #1470b0 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #2782c1 0%, #1d79b8 50%, #1470b0 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #2782c1 0%, #1d79b8 50%, #1470b0 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2782c1', endColorstr='#1470b0',GradientType=0 );
      /* IE6-9 */
      margin: 0 auto;
      position: relative;
      top: 27px;
      cursor: pointer; }
      #wycenSwitcherSections > div[data-switchersection] button::after {
        position: absolute;
        top: 15px;
        width: 42px;
        height: 18px;
        background: url("../images/formIcons.png") -14px -279px;
        display: block;
        content: '';
        left: 15px; }
      #wycenSwitcherSections > div[data-switchersection] button:hover {
        background: #1470b0;
        /* Old browsers */
        background: -moz-linear-gradient(top, #1470b0 0%, #1d79b8 50%, #2782c1 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1470b0), color-stop(50%, #1d79b8), color-stop(100%, #2782c1));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1470b0 0%, #1d79b8 50%, #2782c1 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #1470b0 0%, #1d79b8 50%, #2782c1 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #1470b0 0%, #1d79b8 50%, #2782c1 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #1470b0 0%, #1d79b8 50%, #2782c1 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1470b0', endColorstr='#2782c1',GradientType=0 );
        /* IE6-9 */ }

input[type=radio] + label {
  cursor: pointer;
  transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
  -ms-transition: 0.3s ease 0s;
  -o-transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -khtml-transition: 0.3s ease 0s;
  position: relative;
  padding-left: 30px; }
  input[type=radio] + label::before {
    left: 0;
    top: -2px;
    transition: 0.3s ease 0s;
    -webkit-transition: 0.3s ease 0s;
    -ms-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    -moz-transition: 0.3s ease 0s;
    -khtml-transition: 0.3s ease 0s;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    margin-right: 10px;
    bottom: 1px;
    background-color: #FFFFFF;
    border-radius: 18px;
    line-height: 18px;
    border: 1px solid #D3D3D3 !important; }

input[type=radio] + label:after {
  position: absolute;
  left: 5px;
  top: 3px;
  width: 10px;
  border-radius: 10px;
  display: block;
  content: '';
  height: 10px;
  background: #58aeea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #58aeea 0%, #3b8bc3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58aeea), color-stop(100%, #3b8bc3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #58aeea 0%, #3b8bc3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #58aeea 0%, #3b8bc3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #58aeea 0%, #3b8bc3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #58aeea 0%, #3b8bc3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58aeea', endColorstr='#3b8bc3',GradientType=0 );
  /* IE6-9 */
  opacity: 0;
  transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
  -ms-transition: 0.3s ease 0s;
  -o-transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -khtml-transition: 0.3s ease 0s; }

.bigSelects {
  height: 120px;
  line-height: 100px;
  text-align: center;
  color: #0F588B !important; }
  .bigSelects label {
    font-size: 20px;
    text-transform: none !important;
    padding-left: 40px !important; }
  .bigSelects > span {
    padding: 0 20px;
    display: inline-block; }
  .bigSelects input[type=radio] + label::before {
    height: 28px;
    width: 28px;
    border: 2px solid #D2D1D1 !important; }
  .bigSelects input[type=radio] + label::after {
    height: 20px;
    border-radius: 20px;
    top: 4px;
    left: 6px;
    width: 20px; }

input[type=radio]:checked + label:after {
  opacity: 1; }

input[type=radio] {
  display: none; }

.zamien_samochod {
  background: white; }
  .zamien_samochod .bottomBoxes {
    margin-bottom: 30px;
    overflow: hidden; }
    .zamien_samochod .bottomBoxes .blueBox {
      width: 567px;
      height: 108px;
      float: left;
      margin-right: 6px;
      margin-bottom: 6px; }
      .zamien_samochod .bottomBoxes .blueBox:nth-child(2n) {
        margin-right: 0; }
      .zamien_samochod .bottomBoxes .blueBox:hover .bg {
        transform: scale(1.03); }

#overlayForm {
  position: fixed;
  min-width: 320px;
  z-index: 10000000;
  overflow-y: scroll;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: black;
  background: rgba(0, 0, 0, 0.9); }
  #overlayForm form {
    position: relative;
    background: #F5F5F5;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.7);
    max-width: 610px;
    padding-left: 35px;
    padding-right: 70px;
    margin: 200px auto;
    padding-bottom: 30px;
    overflow: hidden; }
    @media screen and (max-width: 740px) {
      #overlayForm form {
        margin-left: 10px;
        margin-right: 10px; } }
    #overlayForm form #closeOverlayForm {
      position: absolute;
      top: 16px;
      right: 15px;
      background: url("../images/closeCross.png");
      width: 19px;
      height: 19px;
      cursor: pointer; }
    #overlayForm form h3 {
      margin-top: 30px;
      margin-bottom: 35px;
      color: #2274AC;
      font-size: 22px; }
    #overlayForm form button {
      font-family: inherit;
      display: block;
      height: 51px;
      line-height: 51px;
      border: 1px solid #1470B0;
      color: #2274AC;
      padding-right: 23px;
      background-color: white;
      text-transform: uppercase;
      background-repeat: no-repeat;
      margin: 20px auto 0;
      font-size: 14px;
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s; }
      #overlayForm form button:hover {
        background-color: #E5E7E9; }
      #overlayForm form button.emailBtn {
        padding-left: 77px;
        background-image: url("../images/sendMailIcon.png");
        background-position: 10px 13px; }
    #overlayForm form .checkBoxRow {
      margin-top: 10px; }
      #overlayForm form .checkBoxRow label {
        color: #9C9C9C !important; }
      #overlayForm form .checkBoxRow input[type=checkbos]:checked + label {
        color: #9C9C9C !important; }
    #overlayForm form .inputs label {
      color: #000000;
      text-transform: none;
      line-height: 50px;
      font-size: 14px; }
    #overlayForm form .inputs .input {
      font-size: 14px;
      border-radius: 2px;
      height: 50px;
      display: block;
      border: 1px solid #D6D6D6;
      line-height: 50px;
      float: right;
      padding: 0 22px;
      width: 460px; }
      #overlayForm form .inputs .input::after {
        content: none;
        display: none; }
      #overlayForm form .inputs .input input {
        color: #000000;
        height: 50px; }
    @media screen and (max-width: 749px) {
      #overlayForm form .inputs label, #overlayForm form .inputs .input {
        float: none;
        width: auto;
        display: block; } }
    @media screen and (max-width: 419px) {
      #overlayForm form {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px; }
        #overlayForm form button {
          font-size: 12px; } }

@media screen and (max-width: 1170px) {
  form.nonRwd {
    display: none; }

  form.rwd {
    display: block; }

  .leftLayoutColumn, .rightLayoutColumn {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 690px;
    padding: 0 20px; }

  .leftLayoutColumn {
    margin-bottom: 20px; }

  br.rwd750 {
    display: inline; }

  .content h2::after {
    left: 15px; }

  .cnpContactCards .card:nth-last-child(3) {
    border-bottom: 1px solid #DBDBDB; }
  .cnpContactCards .card:last-child, .cnpContactCards .card:nth-last-child(2) {
    //border-bottom: 0;
	}

  .content {
    width: auto; }

  h2 {
    padding-left: 15px;
    padding-right: 15px; }

  .boxes li.box4 {
    display: block; }

  #top {
    height: 80px; }
    #top .mark {
      margin-left: 70px; }
    #top .other_icons {
      border-left: 0;
      display: none; }
      #top .other_icons.rwd {
        display: block; }
        #top .other_icons.rwd li {
          position: static; }

  section#home nav {
    height: 50px; }

  .top_nav {
    display: none; }

  .top_nav_rwd .showMenu {
    height: 50px;
    background: #273243;
    color: white;
    line-height: 50px;
    cursor: pointer; }
    .top_nav_rwd .showMenu span, .top_nav_rwd .showMenu i {
      margin-left: 15px;
      vertical-align: middle; }
    .top_nav_rwd .showMenu span {
      font-size: 12px; }
    .top_nav_rwd .showMenu i {
      font-size: 32px; }
  .top_nav_rwd .content {
    background: #273243;
    top: 129px;
    left: 0;
    width: 50%;
    max-height: 0;
    overflow: hidden;
    z-index: 1000000;
    padding: 0 !important;
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
    -o-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -khtml-transition: 0.5s ease 0s;
    position: absolute; }
    .top_nav_rwd .content .hidden_nav {
      overflow: hidden;
      max-height: 0;
      background: #172233;
      transition: 0.5s ease 0s;
      -webkit-transition: 0.5s ease 0s;
      -ms-transition: 0.5s ease 0s;
      -o-transition: 0.5s ease 0s;
      -moz-transition: 0.5s ease 0s;
      -khtml-transition: 0.5s ease 0s; }
    .top_nav_rwd .content .navigation_top {
      color: white;
      text-transform: uppercase; }
      .top_nav_rwd .content .navigation_top a, .top_nav_rwd .content .navigation_top span {
        padding: 0 15px;
        line-height: 40px;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
     .top_nav_rwd .content .navigation_top > li.open .hidden_nav {
        max-height: 600px;
        transition: 0.5s ease 0s;
        -webkit-transition: 0.5s ease 0s;
        -ms-transition: 0.5s ease 0s;
        -o-transition: 0.5s ease 0s;
        -moz-transition: 0.5s ease 0s;
        -khtml-transition: 0.5s ease 0s; }
  .top_nav_rwd.open .content {
    padding-top: 5px !important;
    max-height: 1000px !important;
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
    -o-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -khtml-transition: 0.5s ease 0s; }

  .boxes {
    left: 0;
    right: 0;
    width: 720px;
    margin: 0 auto; }
    .boxes li {
      width: 345px;
      height: 192px;
      margin-bottom: 30px; }
    .boxes .box2, .boxes .box4 {
      margin-right: 0; }
    .boxes .cycle-slideshow3 {
      display: block; }
    .boxes .box4 {
      overflow: hidden;
      margin-left: 30px !important;
      position: relative; }
      .boxes .box4 .cycle-slideshow3 {
        width: 100%;
        margin-top: 30px; }
        .boxes .box4 .cycle-slideshow3 li {
          width: 100%;
          margin: 0; }
        .boxes .box4 .cycle-slideshow3.banners_slider {
          background: white; }
      .boxes .box4 #slider_pager2 {
        height: 20px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        text-align: center; }
        .boxes .box4 #slider_pager2 a, .boxes .box4 #slider_pager2 a:visited {
          left: auto !important;
          position: static !important;
          border-radius: 10px;
          background: #ACACAC;
          display: inline-block;
          width: 8px;
          height: 8px;
          cursor: pointer;
          margin: 0 10px;
          transition: none;
          z-index: 1005; }
        .boxes .box4 #slider_pager2 a:hover, .boxes .box4 #slider_pager2 a.activeSlide {
          background-position: 0px -8px;
          z-index: 901;
          transition: none;
          background: #5A5A5A; }

  #general .cycle-slideshow2 {
    display: none; }

  .top_nav_rwd {
    display: block; }

  .other_icons .rwd_search {
    display: block; }

  #general .banner_custom {
    overflow: hidden;
    margin-left: auto;
    float: none;
    margin-right: auto; }

  .rwdHidden {
    display: none; }

  #slider_pager {
    display: none; }

  footer {
    height: auto; }
    footer .content {
      padding-left: 0 !important;
      padding-right: 0 !Important; }
    footer .social_icons {
      //display: none;
	  border: none;
	  }
    footer .links .newsletter {
     ` border-left: 1px solid #4e5560;
      height: 90px;
      padding-top: 3px;
      margin: 0;
      float: right;
      width: 450px; }
      footer .links .newsletter input {
        width: 215px;
        background-position: right center;
        margin-right: 17px; }
    footer .links .contact_icons {
      float: left;
     // width: 270px;
	  }
      footer .links .contact_icons li {
        margin: 0; }
    footer .footer_nav {
      overflow: hidden; }
      footer .footer_nav .navigation_bottom {
        display: none; }
      footer .footer_nav a {
        position: static;
        display: block;
        margin: 25px auto;
        float: none; }
    footer .footerMenu {
      overflow: hidden;
      padding: 0 15px !important; }
      footer .footerMenu ul:nth-child(1), footer .footerMenu ul:nth-child(2), footer .footerMenu ul:nth-child(3), footer .footerMenu ul:nth-child(4) {
        width: 25%; }
      footer .footerMenu ul:nth-child(5) {
        clear: both; }
      footer .footerMenu ul:nth-child(5), footer .footerMenu ul:nth-child(6) {
        width: auto;
        text-align: left;
        margin-top: 30px !important; }
        footer .footerMenu ul:nth-child(5) li, footer .footerMenu ul:nth-child(6) li {
          display: table;
          margin-right: 35px;
          float: left;
          height: 40px; }
          footer .footerMenu ul:nth-child(5) li a, footer .footerMenu ul:nth-child(6) li a {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            vertical-align: middle;
            line-height: normal !important; }
      footer .footerMenu ul:nth-child(6) li:last-child {
        margin-right: 0; }
    footer .copy {
      height: auto; }
      footer .copy ul {
        margin-top: 0; }
        footer .copy ul .social_icons_rwd {
          display: block; }
        footer .copy ul li, footer .copy ul li.right {
          padding: 0 !important; }
        footer .copy ul li:nth-child(5), footer .copy ul li:nth-child(6) {
          display: none; }

  footer .copy {
    height: 165px;
    overflow: hidden; }
    footer .copy ul {
      display: block; }
    footer .copy .social_icons_rwd a {
      float: left;
      width: 60px; }
    footer .copy .bmwMini {
      width: 270px;
      margin-top: 30px;
      margin-left: 50px;
      text-align: right; }
      footer .copy .bmwMini span {
        text-align: left; }
      footer .copy .bmwMini img {
        display: inline;
        margin-top: 20px; }
      /*footer .copy .bmwMini img.miniIcon {
        margin-right: 45px; } */
    footer .copy .logoCopy {
      display: none; }
    footer .copy .berx {
      margin-top: 19px;
      width: 265px;
      margin-left: 0;
      margin-right: 20px;
      float: right; }

  .news {
    width: auto; }
    .news .news_columns, .news .center_col {
      margin: 0 auto !important;
      float: none !important;
      display: block !important; }
      .news .news_columns li, .news .center_col li {
        margin-left: 0;
        margin-right: 0; }

  #general.carsList {
    background: white; }
    #general.carsList .content {
      width: 750px;
      margin: 0 auto;
      padding: 0 !important; }
    #general.carsList .show_cars, #general.carsList .show_cars_horizotnal {
      width: 500px; }
    #general.carsList .show_cars_horizotnal {
      overflow: hidden; }
      #general.carsList .show_cars_horizotnal ul li {
        width: auto;
		box-sizing: border-box;
		-webkit-x-sizing: border-box;
		-moz-box-sizing: border-box;
		 padding: 10px 0 0 15px;
        overflow: hidden;
        margin: 0 0 20px 0;

        height: auto; }
        #general.carsList .show_cars_horizotnal ul li .img {
          width: 250px; }
          #general.carsList .show_cars_horizotnal ul li .img img {
            width: 100%; }
        #general.carsList .show_cars_horizotnal ul li table {
          clear: both;
          display: block;
          margin: 10px 0 0 0 !important;
          /*width: auto !important;*/
          overflow: hidden;
          height: auto; }
          #general.carsList .show_cars_horizotnal ul li table tbody {
            display: block; }
            #general.carsList .show_cars_horizotnal ul li table tbody tr {
              display: block; }
              #general.carsList .show_cars_horizotnal ul li table tbody tr td {
                line-height: 20px;
                display: block;
                float: left;
                /*width: 50% !important;*/
                /*text-align: left !important; */
              }
@media screen and (min-width: 750px) {
  #general.carsList .show_cars_horizotnal ul li table tbody tr td {

    width: 100% !important;
    text-align: left !important;
  }
}

        #general.carsList .show_cars_horizotnal ul li h4 {
          margin-left: 0; }
    #general.carsList .auto_block {
      width: 227px;
      height: auto; }
      #general.carsList .auto_block img {
        width: 100%; }
    #general.carsList .left_aside {
      width: 235px;
      margin-left: 15px; }
      #general.carsList .left_aside h2 {
        padding-left: 0;
        padding-right: 0; }
      #general.carsList .left_aside ul {
        width: 115px; }

  section#general #carDetails {
    width: 470px !important;
    padding-right: 15px; }

  #carDetails .carSettlement .slogan {
    height: 70px;
    padding-left: 25px;
    width: 290px; }
  #carDetails .carSettlement .button {
    height: 70px;
    line-height: 70px; }
    #carDetails .carSettlement .button i.fa {
      margin-top: 17px; }
  #carDetails .imgBtns .imgBtn {
    float: none !important;
    width: 100%;
    margin-bottom: 25px; }
    #carDetails .imgBtns .imgBtn .text {
      font-size: 18px;
      position: absolute;
      top: 0;
      right: 20px;
      left: 20px;
      bottom: 0; }
      #carDetails .imgBtns .imgBtn .text i.fa {
        font-size: 30px;
        float: right;
        margin-top: 32px;
        margin-left: 20px; }
  #carDetails .separator {
    width: 100%;
    width: calc(100% + 15px);
    margin-left: calc(15px * -1);
    height: 1px;
    background: #DDDDDD;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    border-bottom: 1px solid #EFEFEF; }
    #carDetails .separator a {
      padding-right: 10px; }
      #carDetails .separator a.reserveBtn {
        background-size: 12%;
        background-position: 11px 13px;
        left: 40px;
        padding-left: 37px; }
      #carDetails .separator a.emailBtn {
        left: 220px;
        background-size: 15%;
        padding-left: 50px;
        background-position: 7px 18px; }

  .contactCards .card {
    border-right: 1px solid #E3E3E3; }
    .contactCards .card:nth-child(4n) {
      border-right: 1px solid #E3E3E3; }
    .contactCards .card:nth-child(2n) {
      border-right: none; }

  section#general.promocje .content {
    padding: 0 !important; }
  section#general.promocje h2 {
    margin-left: 15px; }
    section#general.promocje h2::after {
      left: 15px !important; }
  section#general.promocje .controls + .clear {
    border-bottom: 1px solid #DDDDDD; }
  section#general.promocje .columns1, section#general.promocje .columns2 {
    width: 555px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    float: none; }
    section#general.promocje .columns1.columns2, section#general.promocje .columns2.columns2 {
      margin-bottom: 40px; }

  .serwisBoxes {
    text-align: center; }
    .serwisBoxes .box {
      width: 290px;
      float: none;
      margin: 0 7px 14px !important;
      display: inline-block; }

  #serwisSliderContainer {
    margin: 0 0 15px 0; }

  .contactContactCards .card {
    width: 310px;
    padding: 0;
    border: none; }
    .contactContactCards .card .icon {
      width: 130px;
      height: 125px; }
    .contactContactCards .card .data {
      width: 170px; }
      .contactContactCards .card .data .contact > div {
        line-height: 30px;
        height: 30px; }
        .contactContactCards .card .data .contact > div:first-child {
          border: none; }
        .contactContactCards .card .data .contact > div div {
          float: none;
          padding: 0; }
        .contactContactCards .card .data .contact > div .cIcon {
          display: none; }
          .contactContactCards .card .data .contact > div .cIcon.mail + div {
            padding-top: 0; }

  .mapSection .img {
    display: none; }
  .mapSection iframe {
    float: none;
    width: 100%; }

  .kontakt .whiteBg .content {
    padding: 0 !important; }

  .formSection {
    background-image: url("../images/formBg750.png"); }
    .formSection h3, .formSection .left, .formSection .right {
      float: none;
      width: 666px;
      margin-left: auto;
      margin-right: auto;
      clear: both; }
    .formSection .left .input {
      width: 256px; }
    .formSection .textarea {
      width: 594px; }
    .formSection input[type=submit] {
      margin-left: auto;
      margin-right: auto; }

  .firstContactRow {
    width: 750px;
    margin-left: auto;
    margin-right: auto; }
    .firstContactRow > div:nth-child(1) {
      padding-top: 30px;
      height: 170px; }
    .firstContactRow > div:nth-child(2) {
      padding-top: 30px;
      height: 170px; }
    .firstContactRow > div:nth-child(5), .firstContactRow > div:nth-child(6) {
      margin-top: 25px; }

  .contactColumns {
    text-align: center;
    width: 750px;
    margin: 0 auto; }
    .contactColumns > div {
      float: none;
      display: inline-block; }
      .contactColumns > div:nth-child(1) {
        width: 199.33px;
        border-bottom: 1px solid #e3e3e3; }
      .contactColumns > div:nth-child(2) {
        width: 199.33px;
        border-bottom: 1px solid #e3e3e3; }
      .contactColumns > div:nth-child(3) {
        border-right: 0;
        width: 199.33px;
        border-bottom: 1px solid #e3e3e3; }

  .content.motion {
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important; }

  .zamien_samochod {
    padding: 0 15px;
    width: auto; }
    .zamien_samochod h2 {
      padding-left: 0; }
      .zamien_samochod h2::after {
        left: 0; }
    .zamien_samochod .blueBox {
      padding-bottom: 40px;
      height: auto;
      margin-bottom: 0; }
      .zamien_samochod .blueBox .text {
        margin: 15px; }
        .zamien_samochod .blueBox .text h3 {
          font-size: 24px; }
        .zamien_samochod .blueBox .text h4 {
          font-size: 18px; }
    .zamien_samochod .fourStepsPosition {
      height: auto; }
      .zamien_samochod .fourStepsPosition .fourSteps {
        padding-bottom: 35px;
        height: auto;
        margin-top: 0;
        background: #434f65;
        /* Old browsers */
        background: -moz-linear-gradient(top, #434f65 0%, #303743 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #434f65), color-stop(100%, #303743));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #434f65 0%, #303743 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #434f65 0%, #303743 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #434f65 0%, #303743 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #434f65 0%, #303743 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434f65', endColorstr='#303743',GradientType=0 );
        /* IE6-9 */ }
        .zamien_samochod .fourStepsPosition .fourSteps .step {
          width: auto;
          height: auto;
          float: none;
          margin-right: 0; }
          .zamien_samochod .fourStepsPosition .fourSteps .step:nth-child(1), .zamien_samochod .fourStepsPosition .fourSteps .step:nth-child(2), .zamien_samochod .fourStepsPosition .fourSteps .step:nth-child(3) {
            margin-bottom: 120px; }
            .zamien_samochod .fourStepsPosition .fourSteps .step:nth-child(1)::after, .zamien_samochod .fourStepsPosition .fourSteps .step:nth-child(2)::after, .zamien_samochod .fourStepsPosition .fourSteps .step:nth-child(3)::after {
              width: 100%;
              background: url("../images/zamien_samochod/fourStepsArrowBottom.png") center bottom;
              height: 85px;
              margin-left: auto;
              bottom: -75px;
              margin-right: auto;
              left: 0;
              right: 0;
              top: auto; }
          .zamien_samochod .fourStepsPosition .fourSteps .step p {
            margin: 45px auto 0;
            width: 220px;
            overflow: hidden;
            text-align: center; }
          .zamien_samochod .fourStepsPosition .fourSteps .step .number {
            top: -29px;
            bottom: auto; }

  .zamien_samochod .bottomBoxes .blueBox {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0; }
	.samochodyBoxes .box{
					width: 345px;
	}

	}
  @media screen and (max-width: 1170px) and (max-width: 599px) {
    .zamien_samochod .bottomBoxes .blueBox {
      width: 500px;
      height: 95px; } }
  @media screen and (max-width: 1170px) and (max-width: 539px) {
    .zamien_samochod .bottomBoxes .blueBox {
      width: 400px;
      height: 76px; } }
  @media screen and (max-width: 1170px) and (max-width: 429px) {
    .zamien_samochod .bottomBoxes .blueBox {
      width: 290px;
      height: 55px; } }

@media screen and (max-width: 1170px) {
  #wycenSwitcherSections > div[data-switchersection] div.clear.nonRwd {
    display: none; }
  #wycenSwitcherSections > div[data-switchersection] .inputTile {
    width: 50%; }
    #wycenSwitcherSections > div[data-switchersection] .inputTile.double {
      width: 100%; }
    #wycenSwitcherSections > div[data-switchersection] .inputTile.quarter {
      width: 50%; }
    #wycenSwitcherSections > div[data-switchersection] .inputTile.tripleQuarter, #wycenSwitcherSections > div[data-switchersection] .inputTile.doubleQuarter {
      width: 50%; }
  #wycenSwitcherSections > div[data-switchersection] .fileUploadButton {
    margin: 0 auto !important; }
  #wycenSwitcherSections > div[data-switchersection] h4 {
    margin-top: 40px; }
  #wycenSwitcherSections .imgForm {
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    background-size: auto !important; }

  #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .ui-slider {
    margin-bottom: 5px; }
    #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .ui-slider .ui-slider-handle {
      height: 30px;
      border-radius: 30px;
      width: 30px;
      top: -0.7em; }
      #wycenSwitcherSections > div[data-switchersection] .darkForm .yourOfferSliderBox .ui-slider .ui-slider-handle::after {
        width: 20px;
        height: 20px;
        border-radius: 20px; } }
@media screen and (max-width: 420px) {
  .cnpContactCards .card {
    border-bottom: none !important; }

  #general.news .news_columns, #general.news .center_col {
    width: 290px; }
    #general.news .news_columns li, #general.news .center_col li {
      margin-bottom: 20px;
      width: auto;
      display: block; }
      #general.news .news_columns li .img, #general.news .center_col li .img {
        width: auto;
        display: block; }
      #general.news .news_columns li .social_date, #general.news .center_col li .social_date {
        right: 0;
        display: block;
        width: auto; }
      #general.news .news_columns li .description, #general.news .center_col li .description {
        width: auto;
        display: block; } }
@media screen and (max-width: 749px) {
  .top_nav_rwd {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  #slider_pager2 {
    width: auto; }

  .content {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  #slider .content {
    padding-left: 15px !important;
    padding-right: 15px !important; }

  .other_icons .rwd_search {
    display: none; }

  section#home #top {
    height: 60px; }
    section#home #top .other_icons.rwd {
      display: none; }
    section#home #top .mark.non-rwd {
      display: none; }
    section#home #top .logo {
      margin-left: 20px; }
    section#home #top .content {
      padding: 0 !important; }
  section#home nav {
    outline: 1px solid #E1E1E1;
    height: 50px;
      display: flex;
      width: 100%;
      flex-wrap: wrap;
  }
    section#home nav .mark.rwd {
      border: none;
      display: block;
      float: right;
      margin: 0;
      text-align: right;
      height: 50px;
      overflow: hidden;
        flex: 1;
        position: relative;
    }
      section#home nav .mark.rwd a {
        margin: 0 -6px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
      }
  section#home nav .mark.rwd a.last-item{
    margin-left: -18px;
  }


      section#home nav .mark.rwd img {
        height: 40px; }
  section#home .top_nav_rwd {
    width: 68px;
    float: left;
    text-align: center; }
    section#home .top_nav_rwd ul {
      text-align: left; }
    section#home .top_nav_rwd i.fa {
      margin: 0; }
    section#home .top_nav_rwd .showMenu span {
      display: none; }
    section#home .top_nav_rwd .content {
      top: 130px;
      width: 80%; }
      section#home .top_nav_rwd .content span {
        font-size: 14px; }

  .rwd_search_320 {
    display: block;
    float: left; }

  #box_section {
    min-height: 560px; }
    #box_section .boxes li:hover div a {
      left: -40px !important; }
    #box_section .boxes {
      left: 0;
      right: 0;
      width: 290px;
      margin: 0 auto; }
      #box_section .boxes li {
        background-size: cover !important;
        width: 290px;
        margin-bottom: 15px !important;
        height: 165px;
        /*            div{
                        a{
                            width: 290px;
                        }
                    }*/ }
      #box_section .boxes .box2, #box_section .boxes .box4 {
        margin-right: 0; }
      #box_section .boxes .cycle-slideshow2, #box_section .boxes .cycle-slideshow3 {
        display: block; }
      #box_section .boxes .box4 {
        margin-left: 0 !important; }
        #box_section .boxes .box4 .cycle-slideshow2, #box_section .boxes .box4 .cycle-slideshow3 {
          width: 100%;
          margin-top: 0; }
          #box_section .boxes .box4 .cycle-slideshow2.banners_slider, #box_section .boxes .box4 .cycle-slideshow3.banners_slider {
            background: white; }

  #slides li {
    font-size: 35px;
    line-height: 38px !important; }
    #slides li .boldic_claim {
      padding-top: 0;
      font-size: 25px; }
    #slides li a {
      padding: 10px 40px 10px 10px; }

  .banner_custom {
    width: 290px;
    background-size: cover; }
    .banner_custom h3 {
      margin: 20px 0 0 20px; }
    .banner_custom i.fa {
      display: none; }
    .banner_custom:hover {
      background-size: cover; }

  footer .links {

    overflow: hidden; }
	footer .links .content{text-align: center;}
    footer .links .newsletter {
      display: none; }
    footer .links .contact_icons {
     // width: 100%;
	 float: none;
	 display: inline-block;
      text-align: center; }
	   footer .links .social_icons {
	 display: inline-block;
	 float: none;
      text-align: center; }
      footer .links .contact_icons li {
	  margin: 0;
        float: none; }
  footer .footer_nav {
    padding: 15px;
    width: auto;
    height: auto;
    overflow: hidden; }
    footer .footer_nav .navigation_bottom {
      display: block;
      float: none; }
      footer .footer_nav .navigation_bottom li {
        display: block;
        padding: 0; }
        footer .footer_nav .navigation_bottom li a {
          margin: 5px 0;
          line-height: normal; }
    footer .footer_nav span.checkout {
      margin: 15px 0 0; }
  footer .footerMenu {
    width: auto; }
    footer .footerMenu ul:nth-child(1), footer .footerMenu ul:nth-child(2), footer .footerMenu ul:nth-child(3), footer .footerMenu ul:nth-child(4) {
      width: 50%; }
    footer .footerMenu ul:nth-child(5), footer .footerMenu ul:nth-child(6) {
      width: 50%; }
      footer .footerMenu ul:nth-child(5) li, footer .footerMenu ul:nth-child(6) li {
        width: auto;
        float: none; }
  footer .copy.clear {
    height: 456px; }
    footer .copy.clear ul li {
      display: block;
      border-bottom: 1px solid #47515f;
      width: auto;
      float: none;
      margin: 0;
      padding: 20px 25px !important; }
      footer .copy.clear ul li:last-child {
        border-bottom: none; }
      footer .copy.clear ul li.social_icons_rwd {
        text-align: center;
        padding: 0 !important; }
        footer .copy.clear ul li.social_icons_rwd a {
          float: none;
          width: auto; }
          footer .copy.clear ul li.social_icons_rwd a img {
            display: inline; }
      footer .copy.clear ul li.bmwMini .liContent {
        width: 240px;
        margin: 0 auto; }
        footer .copy.clear ul li.bmwMini .liContent span {
          margin-right: 0; }
        footer .copy.clear ul li.bmwMini .liContent img.miniIcon {
          margin-right: 35px; }
      footer .copy.clear ul li.logoCopy .liContent {
        width: 247px;
        margin: 0 auto; }
      footer .copy.clear ul li.berx .liContent {
        width: 260px;
        margin: 0 auto; }

  #general.carsList {
    overflow: hidden; }
    #general.carsList .carFilterTrigger {
      text-align: center;
      display: block;
      cursor: pointer;
      width: 140px;
      height: 40px;
      line-height: 40px;
      background: #2F3742;
      color: white;
      text-transform: uppercase;
      font-size: 12px;
      margin: 30px 0 20px 15px; }
      #general.carsList .carFilterTrigger i.fa {
        font-size: 20px;
        display: block;
        margin-top: 9px; }
        #general.carsList .carFilterTrigger i.fa.fa-angle-right {
          float: right;
          margin-right: 10px; }
        #general.carsList .carFilterTrigger i.fa.fa-angle-left {
          float: left;
          margin-left: 10px; }
    #general.carsList .left_aside {
      visibility: hidden;
      float: none;
      margin: 0 auto;
      width: 0;
      height: auto;
      overflow: hidden;
      height: 0;
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
      min-height: 0; }
      #general.carsList .left_aside.visible {
        width: 300px;
        height: auto;
        transition: 0.3s ease 0s;
        -webkit-transition: 0.3s ease 0s;
        -ms-transition: 0.3s ease 0s;
        -o-transition: 0.3s ease 0s;
        -moz-transition: 0.3s ease 0s;
        -khtml-transition: 0.3s ease 0s;
        visibility: visible; }
      #general.carsList .left_aside ul {
        width: 150px; }
    #general.carsList .button_filters {
      display: block;
      margin: 0 auto; }
    #general.carsList .show_cars {
      margin: 0 auto;
      float: none; }
      #general.carsList .show_cars .trigger_sort {
        margin-top: 0;
        margin-bottom: 20px;
        width: auto;
        float: none;
        text-align: center; }
        #general.carsList .show_cars .trigger_sort a {
          float: none;
          display: inline-block; } }
    @media screen and (max-width: 749px) and (max-width: 500px) {
      #general.carsList .show_cars {
        width: 280px; }
        #general.carsList .show_cars ul li {
          margin: 0 0 20px 0;
          float: none; }
          #general.carsList .show_cars ul li .auto_block {
            width: auto; } }
@media screen and (max-width: 749px) {
    #general.carsList .show_cars_horizotnal {
      margin: 0 auto;
      float: none; } }
    @media screen and (max-width: 749px) and (max-width: 519px) {
      #general.carsList .show_cars_horizotnal {
        width: 300px;
        margin: 0 auto; }
        #general.carsList .show_cars_horizotnal ul li {
          width: auto;
						padding-right: 15px;		  }
          #general.carsList .show_cars_horizotnal ul li .img {
            float: none;
            width: 100%; }
          #general.carsList .show_cars_horizotnal ul li h3 {
            float: none;
            margin-left: 0;
            margin-right: 0;
            margin-top: 25px; }
            #general.carsList .show_cars_horizotnal ul li strong,
            #general.carsList .show_cars_horizotnal ul li h2{
              margin-bottom: 2px !important;
            }
          #general.carsList .show_cars_horizotnal ul li table {
            width: 100%;
            margin-top: 0 !important; }
            #general.carsList .show_cars_horizotnal ul li table tbody tr td {
              width: 100% !important; } }

@media screen and (max-width: 749px) {
  section#general #carDetails {
    float: none;
    width: auto !important; }

  #carDetails .carSettlement .slogan {
    padding-left: 10px;
    width: 80%; }
  #carDetails .carSettlement .button {
    width: 40px;
    line-height: 70px;
    font-size: 0;
    position: relative; }
    #carDetails .carSettlement .button i.fa {
      position: absolute;
      top: 17px;
      right: 0;
      left: 0;
      line-height: 100%;
      float: none;
      margin: 0; }
  #carDetails .details .switcher > span {
    padding: 0 10px;
    font-size: 0.8em;
    text-align: center;
    width: calc(50% - 20px); }
  #carDetails .separator {
    width: 100% !important;
    margin-left: 0 !important;
    height: 1px;
    background: #DDDDDD;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    border-bottom: 1px solid #EFEFEF; }
    #carDetails .separator a {
      padding-right: 10px; }
      #carDetails .separator a.reserveBtn {
        left: 20px;
        padding-left: 10px;
        background-image: none !important; }
      #carDetails .separator a.emailBtn {
        left: 150px;
        line-height: 11px;
        padding-left: 10px;
        padding-top: 15px;
        text-align: center;
        height: 36px;
        width: 100px;
        background-image: none !important; }

  .contactCards .card, .contactCards .card:hover, .contactCards .card:focus {
    display: block;
    width: auto;
    height: auto;
    background: white;
    overflow: hidden;
    padding: 0;
    border: none;
    margin-bottom: 25px; }
    .contactCards .card .thumb, .contactCards .card:hover .thumb, .contactCards .card:focus .thumb {
      float: left;
      transition: none;
      -webkit-transition: none;
      -ms-transition: none;
      -o-transition: none;
      -moz-transition: none;
      -khtml-transition: none;
      height: 125px;
      overflow: hidden;
      position: relative;
      width: 45%;
      max-width: 160px; }
      .contactCards .card .thumb .bg, .contactCards .card:hover .thumb .bg, .contactCards .card:focus .thumb .bg {
        transform: none;
        transition: none;
        -webkit-transition: none;
        -ms-transition: none;
        -o-transition: none;
        -moz-transition: none;
        -khtml-transition: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-position: center top;
        background-size: cover; }
    .contactCards .card .data, .contactCards .card:hover .data, .contactCards .card:focus .data {
      width: 50%;
      float: right;
      text-align: left;
      transition: none;
      -webkit-transition: none;
      -ms-transition: none;
      -o-transition: none;
      -moz-transition: none;
      -khtml-transition: none;
      margin: 0; }
    .contactCards .card .contact, .contactCards .card:hover .contact, .contactCards .card:focus .contact {
      text-align: left;
      margin-top: 10px;
      width: 50%;
      float: right;
      transition: none;
      -webkit-transition: none;
      -ms-transition: none;
      -o-transition: none;
      -moz-transition: none;
      -khtml-transition: none; }
      .contactCards .card .contact a, .contactCards .card:hover .contact a, .contactCards .card:focus .contact a {
        font-size: inherit;
        margin: 5px 0;
        display: block; }
      .contactCards .card .contact span, .contactCards .card:hover .contact span, .contactCards .card:focus .contact span {
        font-size: 18px;
        display: block; }
      .contactCards .card .contact img, .contactCards .card:hover .contact img, .contactCards .card:focus .contact img {
        margin: 0 auto;
        display: none; }


  section#general.promocje .showControls {
    display: block;
    text-transform: uppercase;
    margin: 15px;
    background: #303743;
    padding: 10px 35px 10px 25px;
    height: auto;
    line-height: auto;
    color: white;
    position: relative;
    cursor: pointer; }
    section#general.promocje .showControls i.fa {
      position: absolute;
      top: 4px;
      display: block;
      right: 15px;
      font-size: 24px; } }
    @media screen and (max-width: 749px) and (max-width: 372px) {
      section#general.promocje .showControls i.fa {
        top: 12px; } }
@media screen and (max-width: 749px) {
  section#general.promocje .controls {
    display: none; }
    section#general.promocje .controls.rwd320 {
      display: block;
      visibility: hidden;
      max-height: 0;
      overflow: hidden;
      transition: 0.5s ease 0s;
      -webkit-transition: 0.5s ease 0s;
      -ms-transition: 0.5s ease 0s;
      -o-transition: 0.5s ease 0s;
      -moz-transition: 0.5s ease 0s;
      -khtml-transition: 0.5s ease 0s;
      float: none;
      text-align: center;
      width: auto; }
      section#general.promocje .controls.rwd320.visible {
        max-height: 100px;
        visibility: visible; }
      section#general.promocje .controls.rwd320 li {
        display: inline-block;
        float: none;
        overflow: hidden; }
        section#general.promocje .controls.rwd320 li:first-child {
          width: 110px;
          display: none; }
  section#general.promocje .columns1, section#general.promocje .columns2 {
    width: 289px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    float: none; }
    section#general.promocje .columns1.columns2, section#general.promocje .columns2.columns2 {
      margin-bottom: 40px; }
  section#general.promocje .innerDiv {
    width: 289px; }
    section#general.promocje .innerDiv .description {
      width: auto; }
      section#general.promocje .innerDiv .description .symbol {
        display: none; }
      section#general.promocje .innerDiv .description .text {
        float: none;
        width: auto; }

  #general.serwis > .content {
    padding: 0 15px !important; }

  #serwisSliderContainer {
    margin-left: 0;
    margin-right: 0;
    height: auto; }
    #serwisSliderContainer #slides {
      height: 228px; }
      #serwisSliderContainer #slides li {
        height: 228px !important; }
    #serwisSliderContainer #serwisSliderPager {
      position: static;
      text-align: center;
      transform: none; }
      #serwisSliderContainer #serwisSliderPager a {
        display: inline-block;
        background: #BBBEC3;
        opacity: 1;
        margin: 14px; }
        #serwisSliderContainer #serwisSliderPager a.activeSlide {
          background: #4D545E; }

  .serwis .blueBox, .subSamochody .blueBox {
    padding: 20px; }
    .serwis .blueBox .text,  .subSamochody .blueBox .text {
      font-size: 16px;
      text-align: left; }

  .cnpContactCards .card {
    border-bottom: none !important;
    width: 260px;
    margin: 10px;
    padding: 0; }
    .cnpContactCards .card > .icon {
      display: none; }

  .contactContactCards .card {
    width: 290px; }
    .contactContactCards .card .icon {
      width: 130px;
      height: 125px; }
    .contactContactCards .card .data {
      width: 150px; }

  .formSection {
    background-image: url("../images/formBg320.png"); }
    .formSection h3, .formSection .left, .formSection .right {
      float: none;
      width: 290px;
      margin-left: auto;
      margin-right: auto;
      clear: both; }
    .formSection .left .input {
      width: auto;
      float: none !important; }
    .formSection .textarea {
      width: auto; }
    .formSection input[type=submit] {
      margin-left: auto;
      margin-right: auto; }

  .firstContactRow {
    width: 300px;
    margin-left: auto;
    margin-right: auto; }
    .firstContactRow > div:nth-child(1) {
      height: auto;
      padding-top: 0;
      margin-right: 30px;
      margin-bottom: 20px; }
    .firstContactRow > div:nth-child(2) {
      height: auto;
      padding-top: 0;
      margin-bottom: 20px; }
    .firstContactRow > div:nth-child(3) {
      clear: both; }
    .firstContactRow > div:nth-child(3), .firstContactRow > div:nth-child(4), .firstContactRow > div:nth-child(5), .firstContactRow > div:nth-child(6) {
      width: 50%; }

  .contactColumns {
    display: none; }

 /* .leftLayoutColumn table {
    display: none; } */
  .leftLayoutColumn .pseudoTable {
    display: block; }

  form.rwd {
    width: 265px;
    margin-left: auto;
    margin-right: auto; }

  #wycenSwitcherSections > div[data-switchersection] .inputTile {
    width: 100% !important;
    margin-bottom: 0px; }

  .bigSelects {
    height: auto;
    line-height: 60px;
    text-align: left;
    width: 270px;
    margin: 0 auto; }

  .darkForm {
    padding-bottom: 0px; } }
#blueApps {
  text-align: center;
  padding-bottom: 50px;
  overflow: hidden; }

.blueApp {
  display: inline-block;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
  margin-top: 20px; }
  .blueApp .hide {
    display: none !important; }
  .blueApp .show {
    display: block !important; }
  .blueApp .blueAppBox {
    position: relative;
    background: #4393ca;
    /* Old browsers */
    background: -moz-linear-gradient(top, #4393ca 0%, #1570b0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4393ca), color-stop(100%, #1570b0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4393ca 0%, #1570b0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4393ca 0%, #1570b0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4393ca 0%, #1570b0 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4393ca 0%, #1570b0 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4393ca', endColorstr='#1570b0',GradientType=0 );
    /* IE6-9 */
    border: 2px solid black;
    border-color: #9EC8E4 #255D83 #0B3E62 #5095C6;
    height: 184px;
    width: 186px;
    cursor: pointer;
    background-position: center top;
    background-repeat: no-repeat; }
    .blueApp .blueAppBox .icon {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 1; }
    .blueApp .blueAppBox .hoverBg {
      position: absolute;
      bottom: 300px;
      left: -2px;
      right: -2px;
      top: -2px;
      transition: bottom 0.3s ease 0s;
      -webkit-transition: bottom 0.3s ease 0s;
      -ms-transition: bottom 0.3s ease 0s;
      -o-transition: bottom 0.3s ease 0s;
      -moz-transition: bottom 0.3s ease 0s;
      -khtml-transition: bottom 0.3s ease 0s; }
      .blueApp .blueAppBox .hoverBg .icon {
        opacity: 0;
        transition: 0.3s ease 0s;
        -webkit-transition: 0.3s ease 0s;
        -ms-transition: 0.3s ease 0s;
        -o-transition: 0.3s ease 0s;
        -moz-transition: 0.3s ease 0s;
        -khtml-transition: 0.3s ease 0s; }
    .blueApp .blueAppBox .name {
      color: white;
      font-size: 18px;
      text-transform: uppercase;
      text-align: center;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
      margin-top: 110px;
      width: 100%;
      display: block;
      position: relative;
      z-index: 1000; }
    .blueApp .blueAppBox.active .hoverBg, .blueApp .blueAppBox:hover .hoverBg {
      background: #dd375a;
      /* Old browsers */
      background: -moz-linear-gradient(top, #dd375a 0%, #b50027 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd375a), color-stop(100%, #b50027));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #dd375a 0%, #b50027 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #dd375a 0%, #b50027 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #dd375a 0%, #b50027 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #dd375a 0%, #b50027 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd375a', endColorstr='#b50027',GradientType=0 );
      /* IE6-9 */
      bottom: -2px; }
      .blueApp .blueAppBox.active .hoverBg .icon, .blueApp .blueAppBox:hover .hoverBg .icon {
        opacity: 1; }
    .blueApp .blueAppBox.active > .icon, .blueApp .blueAppBox:hover > .icon {
      opacity: 0; }
    .blueApp .blueAppBox.box1 .icon {
      background-size: 100% 100%;
      background-image: url("../images/cnpIcons/btnHolownikGrey.png"); }
    .blueApp .blueAppBox.box1.active .hoverBg .icon, .blueApp .blueAppBox.box1:hover .hoverBg .icon {
      background-image: url("../images/cnpIcons/btnHolownikWhite.png"); }
    .blueApp .blueAppBox.box2 .icon {
      background-size: 100% 100%;
      background-image: url("../images/cnpIcons/btnCnpGrey.png"); }
    .blueApp .blueAppBox.box2.active .hoverBg .icon, .blueApp .blueAppBox.box2:hover .hoverBg .icon {
      background-image: url("../images/cnpIcons/btnCnpWhite.png"); }
    .blueApp .blueAppBox.box4 .icon {
      background-size: 100% 100%;
      background-image: url("../images/cnpIcons/btnWspolpracujemyGrey.png"); }
    .blueApp .blueAppBox.box4.active .hoverBg .icon, .blueApp .blueAppBox.box4:hover .hoverBg .icon {
      background-image: url("../images/cnpIcons/btnWspolpracujemyWhite.png"); }
    .blueApp .blueAppBox.box5 .icon {
      background-size: 100% 100%;
      background-image: url("../images/cnpIcons/btnZastepczyGrey.png"); }
    .blueApp .blueAppBox.box5.active .hoverBg .icon, .blueApp .blueAppBox.box5:hover .hoverBg .icon {
      background-image: url("../images/cnpIcons/btnZastepczyWhite.png"); }
    .blueApp .blueAppBox.box7 .icon {
      background-size: 100% 100%;
      background-image: url("../images/cnpIcons/btnKontaktGrey.png"); }
    .blueApp .blueAppBox.box7.active .hoverBg .icon, .blueApp .blueAppBox.box7:hover .hoverBg .icon {
      background-image: url("../images/cnpIcons/btnKontaktWhite.png"); }
    .blueApp .blueAppBox.box7 .name, .blueApp .blueAppBox.box1 .name {
      margin-top: 118px; }
    .blueApp .blueAppBox.box6, .blueApp .blueAppBox.box3, .blueApp .blueAppBox.box8, .blueApp .blueAppBox.box9 {
      border: none;
      padding: 2px;
      cursor: default;
      background-size: cover !important; }
    .blueApp .blueAppBox.box6 {
      background: url("../images/cnpIcons/img4.jpg"); }
    .blueApp .blueAppBox.box3 {
      background: url("../images/cnpIcons/img2.jpg"); }
    .blueApp .blueAppBox.box8 {
      background: url("../images/cnpIcons/img1.jpg"); }
    .blueApp .blueAppBox.box9 {
      background: url("../images/cnpIcons/img3.jpg"); }
  .blueApp .blueAppBigBox {
    width: 568px;
    height: 564px;
    overflow: hidden; }
  .blueApp .appSource {
    float: left;
    width: 568px;
    height: 564px; }
    @media screen and (min-width: 1170px) {
      .blueApp .appSource {
        overflow: hidden;
        background: url("../images/cnpIcons/sourceBg.png") right bottom no-repeat; } }
    .blueApp .appSource .text {
      background: rgba(255, 255, 255, 0.4);
      padding: 40px 30px 0 30px;
      color: #000000;
      height: 524px; }
      .blueApp .appSource .text h3 {
        text-transform: uppercase;
        position: relative;
        font-size: 18px;
        text-align: left; }
        .blueApp .appSource .text h3::after {
          position: absolute;
          top: -15px;
          left: 0;
          height: 1px;
          width: 20px;
          background: #000000;
          content: '';
          display: block; }
      .blueApp .appSource .text p {
        margin: 15px 0 25px;
        font-size: 13px;
        line-height: 1.3em;
        text-align: justify;
        /*font-family: Arial, sans-serif; */
        font-family: 'Lato', sans-serif;
      }
        @media screen and (min-width: 1170px) {
          .blueApp .appSource .text p {
            max-height: 90px; } }
      .blueApp .appSource .text ul li {
        overflow: hidden;
        border-bottom: 1px solid #DFDFDF;
        line-height: 48px; }
        .blueApp .appSource .text ul li:last-child {
          border-bottom: none; }
        .blueApp .appSource .text ul li .icon {
          float: left;
          height: 48px;
          text-align: center; }
          .blueApp .appSource .text ul li .icon img {
            max-width: 100%;
            display: block;
            margin: 7px auto; }
        .blueApp .appSource .text ul li .textData {
          float: right;
          text-align: left;
          width: 450px;
          margin-top: 15px;
          margin-bottom: 10px;
          text-transform: uppercase;
          line-height: normal;
          font-size: 14px;
          color: #1470B0; }

.blueApp .smBox {
  width: 190px;
  float: left; }

#blueAppSM, #blueAppXS {
  display: none; }

@media screen and (max-width: 1169px) {
  #blueApp {
    display: none; }

  #blueAppSM {
    display: block; }

  .blueApp {
    width: 577px;
    margin: 0 auto; }
    .blueApp .smBox {
      float: none;
      width: 100%; }
      .blueApp .smBox .blueAppBox {
        float: left; }
    .blueApp .appSource {
      overflow: hidden;
      width: 577px;
      height: auto !important; }
      .blueApp .appSource .blueAppBigBox {
        height: auto !important;
        width: auto !important; }
      .blueApp .appSource .text {
        background: rgba(255, 255, 255, 0.4);
        padding: 40px 30px 40px 30px;
        color: #000000;
        height: auto; } }
@media screen and (max-width: 749px) {
  #blueAppSM {
    display: none; }

  #blueAppXS {
    display: block; }

  .blueApp {
    background: #F5F5F5;
    width: 320px; }
    .blueApp .smBox {
      padding: 0 15px; }
    .blueApp .blueAppBox {
      width: 141px;
      height: 139px; }
      .blueApp .blueAppBox .name {
        font-size: 13px;
        margin-top: 85px; }
      .blueApp .blueAppBox.box7 .name, .blueApp .blueAppBox.box1 .name {
        margin-top: 91px; }
    .blueApp .appSource {
      width: 320px; }
      .blueApp .appSource .text {
        background: white;
        padding: 30px 15px; }
        .blueApp .appSource .text ul li .textData {
          width: 210px;
          padding-right: 20px;
          font-size: 13px; } }
@media screen and (max-width: 749px){
	.samochodyBoxes .box{
		width: 300px;
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.subSamochody .blueBox{
		margin-left: 10px;
		margin-right: 10px;
	}
}




@media screen and (max-width: 744px){
	footer .copy .bmwMini{
	text-align: center;
	}
	footer .copy .bmwMini span{
		float: none;
		display: block;
		margin: 0;
		width: auto;
		text-align: left;
	}
	/* footer .copy .bmwMini .bmwIcon, footer .copy .bmwMini .miniIcon{
		margin: 10px 20px 0 !important;
	} */
	footer .copy .bmwMini .miniIcon{
		margin-right: 3px !important;
	}
}


.top_nav .navigation_top li:nth-child(3) .hidden_nav ul, .top_nav .navigation_top li:nth-child(4) .hidden_nav ul, .top_nav .navigation_top li:nth-child(5) .hidden_nav ul{
	text-align: center;
}

.top_nav .navigation_top li:nth-child(6) .hidden_nav ul, .top_nav .navigation_top li:nth-child(7) .hidden_nav ul, .top_nav .navigation_top li:nth-child(8) .hidden_nav ul, .top_nav .navigation_top li:nth-child(9) .hidden_nav ul, .top_nav .navigation_top li:nth-child(10) .hidden_nav ul, .top_nav .navigation_top li:nth-child(11) .hidden_nav ul{
	text-align: right;
}


#rwdFormPlaceholder form.rwd{
	width: auto;
}

form .message{
	position: relative;
	padding: 5px 10px;
	border-radius: 3px;
	display: inline-block;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	color: white !important;
	margin-bottom: 5px;
	top: 0px;
	background: #EC2A2A;
	font-size: 13px;

}
form .message::after{
	display: block;
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 7px 10px;
	border-color: transparent transparent #ec2a2a transparent;
	top: -7px;
	left: 5px;
}
.pageClass.textSection{
  overflow: hidden;
}
#general .textSection{
/*font-family: 'Arial', sans-serif;*/
font-family: 'Lato', sans-serif;
font-size: 12px;
}
#general .textSection h1{
	padding: 0;
	/*font-family: 'Arial', sans-serif;*/
  font-family: 'Lato', sans-serif;
	color: nherit;
	display: block;
    font-size: 2em;
	color: inherit;
    margin-top: 0.67em;
	text-transform: none;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
#general .textSection h2{
	padding: 0;
	/*font-family: 'Arial', sans-serif;*/
  font-family: 'Lato', sans-serif;
	display: block;
    font-size: 1.5em;
  line-height: 1.2em;
	color: inherit;
	text-transform: none;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;

}
#general .textSection h2::after{
	display: none;
}
#general .textSection h3{
	padding: 0;
	/*font-family: 'Arial', sans-serif;*/
  font-family: 'Lato', sans-serif;
	display: block;
    font-size: 1.17em;
	color: inherit;
    margin-top: 1em;
    margin-bottom: 1em;
	text-transform: none;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
#general .textSection h4{
	padding: 0;
	/*font-family: 'Arial', sans-serif;*/
  font-family: 'Lato', sans-serif;
	display: block;
	font-size: 1em;
    margin-top: 1.33em;
	color: inherit;
	text-transform: none;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
#general .textSection h5{
	padding: 0;
	font-family: 'Arial', sans-serif;
	display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
	text-transform: none;
    font-weight: bold;
	color: inherit;
}
#general .textSection h6{
	padding: 0;
	/*font-family: 'Arial', sans-serif;*/
  font-family: 'Lato', sans-serif;
	display: block;
    font-size: .67em;
	text-transform: none;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
	color: inherit;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

@media screen and (max-width:768px){
  #general .textSection h1{
    line-height: 22px;
  }
}
#general .textSection a{
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}
#general .textSection ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 20px;
}
#general .textSection ol {
   list-style-type: decimal;
   list-style-position: inside;
    padding-left: 40px;
}
#general .textSection ul ul, #general .textSection ol ul {
   list-style-type: circle;
   list-style-position: inside;
   margin-left: 15px;
}
#general .textSection ol ol, #general .textSection ul ol {
   list-style-type: lower-latin;
   list-style-position: inside;
   margin-left: 15px;
}

#uff{
	position: fixed;
	background: black;
	background: rgba(0,0,0,0.8);
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 1000000;
	cursor: pointer;
}
#uff::after{
	position: absolute;
	top: 10px;
	right: 20px;
	/*font-family: Arial, sans-serif;*/
  font-family: 'Lato', sans-serif;
	content: 'x';
	font-weight: normal;
	color: white;
	font-size: 40px;
}
#uff p{
	margin: 10px auto;
	color: white;
	font-size: 22px;
	text-align: center;
}
#uff p:first-child{
margin-top: 200px;
}
.promocje .content > h2{
	float: left;
}
section#general.promocje .controls{
margin-top: 20px;
}
.auto_block.carBox .absoluteLink, .auto_block_horizontal.carBox .absoluteLink{
	z-index: 20000;
}
#carDetails .gallery{
	margin-bottom: 25px;
}
section.carsList::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;
	background: white;
	z-index: -1;
}
.carsList .left_aside .ui-slider{
	margin-right: 25px;
}

#general .show_cars_horizotnal > ul li{
	height: auto;
}
.blueApp .appSource .text p{
	max-height: none;
	display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}


	.mapSection iframe{
		pointer-events: none;
	}


.red .ui-slider .ui-slider-range{
	background: #E52428 !important;
}
.red .sliderLabels{
	color: #E52428 !important;
}

.green .ui-slider .ui-slider-range{
	background: #4BA82E !important;
}
.green .sliderLabels{
	color: #4BA82E !important;
}
.darkBlue .ui-slider .ui-slider-range{
	background: #003C65 !important;
}
.darkBlue .sliderLabels{
	color: #003C65 !important;
}
#general .left_aside .button_filters{
	margin-bottom: 20px;
}
.carsList .left_aside{
	padding-top: 20px;
}
.carsList .left_aside h2{
	padding-top: 20px;
}
.carsList .left_aside h2::after{
top: 10px;
}
#general .left_aside .aside_line{
	margin: 10px 0;
}

@media screen and (max-width: 749px){
	.trigger_sort{
		//margin-top: 0;
	}
	#general.carsList .carFilterTrigger{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 519px){
	.trigger_sort{
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}
#overlayForm .message{
	display: none !important;
}
.invalid .message{
	display: block;
	z-index: 10000;
}
.zoomImg{overflow: hidden; margin-bottom: 10px;}
.zoomImg img{
	margin: 0 !important;
	display: block;
	 transition: 0.3s ease 0s;
  -webkit-transition: 0.3s ease 0s;
  -ms-transition: 0.3s ease 0s;
  -o-transition: 0.3s ease 0s;
  -moz-transition: 0.3s ease 0s;
  -khtml-transition: 0.3s ease 0s;

}
.zoomImg img:hover{

transform: scale(1.1);
}
.footerText{
	text-align: center;
	color: #686D76;
	font-size: 11px;
	padding: 30px 20px 0;
	/*font-family: Arial, Helvetica, sans-serif;*/
  font-family: 'Lato', sans-serif;
}



@media screen and (max-width: 1170px){
	#wycenSwitcherSections > div[data-switchersection] .lightForm .leftForm{
		width: auto;
		float: none;
	}
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm{
		float: none;
		margin: 10px auto 20px;
	}
}

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

	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm{
		height: auto;
		width: auto;
	}
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector{
		float: none;
		width: 300px;
		margin: 10px auto;
		height: 90px;
	}
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector > div{
		float: left;
		margin: 0 5px;
	}
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .carSliders{
	overflow: hidden;
	}
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .carSliders > div{
		float: none !important;
		margin: 10px auto;
	}
}
@media screen and (max-width: 449px){
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .carSliders > div{
		width: auto !important;
	}
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .carSliders > div .slideshow li{
		width: auto;
	}
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .carSliders > div .slideshow .bg{
		background-size: contain !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector{
		width: 240px;
		height: 70px;
		margin-bottom: 5px;
	}
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector > div{
		width: 70px;
		height: 70px;
	}
}


/* IDENTYFIKACJA KOLORYSTYCZNA ZIELONA - SKODA */
.green .top_nav .content > ul > li > a:hover{
	background-color: #479832;
}
.green .formSection{
	background: #479832 !important;
}
.green .top_nav .hidden_nav{
	background-color: rgba(71,152,50,0.85);
}
.green #general .show_cars_horizotnal > ul li .img .auto_rollover{
	background-color: #479832;
}
.green [type="checkbox"]:not(:checked) + label::after, .green [type="checkbox"]:checked + label::after{
	color: #479832;
}
.green .carsList [type="checkbox"]:checked + label{
	color: #479832;
}
.green .show_cars ul li .auto_rollover{
	background-color: #479832;
}
.green label:hover::before{
	border: 1px solid #479832 !important;
}
.green [type="checkbox"]:checked:focus + label::before, .green [type="checkbox"]:focus:not(:checked) + label::before{
	border: 1px dotted #479832;
}
.green .firstContactRow > div, .green .contactColumns > div, .green .contactContactCards .card .data .contact{
	color: #000;
}
.green .contactsSection .titleBar{
	background: #5db143; /* Old browsers */
	background: -moz-linear-gradient(top,  #5db143 0%, #5e934e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5db143), color-stop(100%,#5e934e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5db143 0%,#5e934e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5db143 0%,#5e934e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5db143 0%,#5e934e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5db143 0%,#5e934e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db143', endColorstr='#5e934e',GradientType=0 ); /* IE6-9 */
}
.green .contactsSection .titleBar span{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#558e36+0,327219+100 */
	background: #558e36; /* Old browsers */
	background: -moz-linear-gradient(top,  #558e36 0%, #327219 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#558e36), color-stop(100%,#327219)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #558e36 0%,#327219 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #558e36 0%,#327219 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #558e36 0%,#327219 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #558e36 0%,#327219 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#558e36', endColorstr='#327219',GradientType=0 ); /* IE6-9 */
}
.green .contactsSection.active .titleBar span{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#95bc82+0,67bc6a+100 */
	background: #95bc82; /* Old browsers */
	background: -moz-linear-gradient(top,  #95bc82 0%, #67bc6a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95bc82), color-stop(100%,#67bc6a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #95bc82 0%,#67bc6a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #95bc82 0%,#67bc6a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #95bc82 0%,#67bc6a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #95bc82 0%,#67bc6a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95bc82', endColorstr='#67bc6a',GradientType=0 ); /* IE6-9 */

}
.green .contactContactCards .card .data .contact > div .cIcon.phone{
	background-image: url("../images/icons/phoneGreen.png");
}
.green .contactContactCards .card .data .contact > div .cIcon.mail{
	background-image: url("../images/icons/emailGreen.png");
}

/* IDENTYFIKACJA KOLORYSTYCZNA CZERWONA - SEAT */
.red .top_nav .content > ul > li > a:hover{
	background-color: #C51B24;
}
.red .formSection{
	background: #C51B24 !important;
}
.red .top_nav .hidden_nav{
	background-color: rgba(197, 27, 36,0.85);
}
.red #general .show_cars_horizotnal > ul li .img .auto_rollover{
	background-color: #C51B24;
}
.red [type="checkbox"]:not(:checked) + label::after, .red [type="checkbox"]:checked + label::after{
	color: #C51B24;
}
.red .carsList [type="checkbox"]:checked + label{
	color: #C51B24;
}
.red .show_cars ul li .auto_rollover{
	background-color: #C51B24;
}
.red label:hover::before{
	border: 1px solid #C51B24 !important;
}
.red [type="checkbox"]:checked:focus + label::before, .red [type="checkbox"]:focus:not(:checked) + label::before{
	border: 1px dotted #C51B24;
}
.red .firstContactRow > div, .red .contactColumns > div, .red .contactContactCards .card .data .contact{
	color: #000;
}
.red .contactsSection .titleBar{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b54444+0,c51b24+100 */
background: #b54444; /* Old browsers */
background: -moz-linear-gradient(top,  #b54444 0%, #c51b24 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b54444), color-stop(100%,#c51b24)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b54444 0%,#c51b24 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b54444 0%,#c51b24 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b54444 0%,#c51b24 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b54444 0%,#c51b24 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b54444', endColorstr='#c51b24',GradientType=0 ); /* IE6-9 */

}
.red .contactsSection .titleBar span{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e3737+0,701818+100 */
background: #8e3737; /* Old browsers */
background: -moz-linear-gradient(top,  #8e3737 0%, #701818 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e3737), color-stop(100%,#701818)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8e3737 0%,#701818 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8e3737 0%,#701818 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8e3737 0%,#701818 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8e3737 0%,#701818 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e3737', endColorstr='#701818',GradientType=0 ); /* IE6-9 */

}
.red .contactsSection.active .titleBar span{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b78080+0,ba6666+100 */
background: #b78080; /* Old browsers */
background: -moz-linear-gradient(top,  #b78080 0%, #ba6666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b78080), color-stop(100%,#ba6666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b78080 0%,#ba6666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b78080 0%,#ba6666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b78080 0%,#ba6666 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b78080 0%,#ba6666 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b78080', endColorstr='#ba6666',GradientType=0 ); /* IE6-9 */


}
.red .contactContactCards .card .data .contact > div .cIcon.phone{
	background-image: url("../images/icons/phoneRed.png");
}
.red .contactContactCards .card .data .contact > div .cIcon.mail{
	background-image: url("../images/icons/emailRed.png");
}


/* IDENTYFIKACJA KOLORYSTYCZNA CIEMNONIEBIESKA - SAMOCHODY UŻYWANE */
.darkBlue .top_nav .content > ul > li > a:hover{
	background-color: #003C65;
}
.darkBlue .top_nav .hidden_nav{
	background-color: rgba(0, 60, 101,0.85);
}
.darkBlue #general .show_cars_horizotnal > ul li .img .auto_rollover{
	background-color: #003C65;
}
.darkBlue [type="checkbox"]:not(:checked) + label::after, .darkBlue [type="checkbox"]:checked + label::after{
	color: #003C65;
}
.darkBlue .carsList [type="checkbox"]:checked + label{
	color: #003C65;
}
.darkBlue .show_cars ul li .auto_rollover{
	background-color: #003C65;
}
.darkBlue label:hover::before{
	border: 1px solid #003C65 !important;
}
.darkBlue [type="checkbox"]:checked:focus + label::before, .darkBlue [type="checkbox"]:focus:not(:checked) + label::before{
	border: 1px dotted #003C65;
}
.darkBlue .firstContactRow > div, .darkBlue .contactColumns > div, .darkBlue .contactContactCards .card .data .contact{
	color: #003C65;
}
.darkBlue .formSection{
	background: #003C65 !important;
}
.darkBlue .contactsSection .titleBar{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#234963+0,003c65+100 */
background: #234963; /* Old browsers */
background: -moz-linear-gradient(top,  #234963 0%, #003c65 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#234963), color-stop(100%,#003c65)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #234963 0%,#003c65 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #234963 0%,#003c65 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #234963 0%,#003c65 100%); /* IE10+ */
background: linear-gradient(to bottom,  #234963 0%,#003c65 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#234963', endColorstr='#003c65',GradientType=0 ); /* IE6-9 */

}
.darkBlue .contactsSection .titleBar span{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a3949+0,234963+100 */
background: #1a3949; /* Old browsers */
background: -moz-linear-gradient(top,  #1a3949 0%, #234963 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a3949), color-stop(100%,#234963)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1a3949 0%,#234963 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1a3949 0%,#234963 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1a3949 0%,#234963 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1a3949 0%,#234963 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3949', endColorstr='#234963',GradientType=0 ); /* IE6-9 */

}
.darkBlue .contactsSection.active .titleBar span{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#445763+0,224963+100 */
background: #445763; /* Old browsers */
background: -moz-linear-gradient(top,  #445763 0%, #224963 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#445763), color-stop(100%,#224963)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #445763 0%,#224963 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #445763 0%,#224963 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #445763 0%,#224963 100%); /* IE10+ */
background: linear-gradient(to bottom,  #445763 0%,#224963 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445763', endColorstr='#224963',GradientType=0 ); /* IE6-9 */


}
.darkBlue .contactContactCards .card .data .contact > div .cIcon.phone{
	background-image: url("../images/icons/phoneDarkBlue.png");
}
.darkBlue .contactContactCards .card .data .contact > div .cIcon.mail{
	background-image: url("../images/icons/emailDarkBlue.png");
}
.darkBlue .formSection{
	background-color: #003C65;
}



.auto_block .img{
	height: 186px;
}
@media screen and (max-width: 1170px){
	.auto_block .img{
		height: 151px;
	}
}
@media screen and (max-width: 500px){
	.auto_block .img{
		height: 207px;
	}
}

body.home{
	background: white;
}

.lightbox{
	z-index: 10000000 !important;
}
.lightboxOverlay{
	z-index: 9999999 !important;
}
@media screen and (min-width: 750px){
.contactCards .card{
	height: 334px;
}
}

.top_nav ul.navigation_top li .hidden_nav{
transition: 0s none 0s;
}
.top_nav ul.navigation_top li:hover .hidden_nav{
 z-index: 1000;
}

#Form_ContactForm .message, #Form_bookTheCarForm .message, #Form_offerOnEmail.message, #Form_newsletterForm.message, #Form_valuationForm .message, #Form_valuationPersonalForm .message, #Form_swapForm .message, #Form_yoursOfferForm .message{
	display: none !important;
}
#Form_ContactForm .invalid .message, #Form_bookTheCarForm .invalid .message, #Form_offerOnEmail .invalid .message, #Form_newsletterForm .invalid .message, #Form_valuationForm .invalid .message, #Form_valuationPersonalForm .invalid .message, #Form_swapForm .invalid .message, #Form_yoursOfferForm .invalid .message{
	display: block !important;
}

#Form_swapForm .invalidBox .message{
  display: inline !important;
}

#overlayForm .inputs{
	clear: both;
}
#overlayForm .inputs label{
	float: left;
}

b.shortMsg, b.longMsg, b.shortMsg i{
	/*font-family: Arial, sans-serif;*/
  font-family: 'Lato', sans-serif;
	font-style: none;
	font-weight: normal;
}
 b.longMsg{
	display: none;
	padding-right: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
 }
 b.shortMsg i:hover{
	text-decoration: underline;
 }
form .checkBoxRow label{
	display: block;
}


 .inputTile{
	/*overflow: hidden;*/
 }
  .inputTile:hover,  .inputTile:focus{
	overflow: visible;
 }

/*  #Form_swapForm #CarBrand .select .options{
	display: none !important;
 }
 #Form_swapForm #CarBrand .select::after{
	display: none !important;
 } */
 footer{
	height: auto;
 }
 footer .copy{
	padding-bottom: 35px;
	height: auto;
	position: static;
 }
 @media screen and (max-width: 749px){
	footer .footerMenu ul:nth-child(2n+1){clear: both;}
	footer .copy .berx span{
		margin-right: 18px;
	 }
	footer .copy .bmwMini span{
		text-align: center;
	 }
 }



  #general.carsList label{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	width: 100%;
	padding-right: 10px;
  }

  footer .copy span{font-size: 15px;}

  .content.footerMenu{
	padding-bottom: 20px !important;
	overflow: hidden;
  }

  @media screen and (max-width: 1170px){
	footer .footer_nav span.checkout{display: none;}
	footer .footer_nav .navigation_bottom{
		float: none;
		display: block !important;
		padding: 0 !important;
		text-align: center;
	}
	footer .navigation_bottom li{
		float: none;
		display: block !important;
		padding: 0 !important;
	}
	footer .navigation_bottom li a{
		line-height: normal;
		margin: 0;
	}
	.navigation_bottom{
		padding: 10px 0 !important;
	}
	footer .footer_nav .navigation_bottom{display: block;}

	footer .footer_nav {
    padding: 15px;
    width: auto;
    height: auto;
    overflow: hidden; }
    footer .footer_nav .navigation_bottom {
      display: block;
      float: none; }
      footer .footer_nav .navigation_bottom li {
        display: block;
        padding: 0; }
        footer .footer_nav .navigation_bottom li a {
          margin: 5px 0;
          line-height: normal; }
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
  [type="checkbox"]:checked + label:after{
	left: 5px !important;
  }
  }
  .checkBoxRow{
	clear: both;
  }

  @media screen and (min-width: 1171px){
  #wycenSwitcherSections > div[data-switchersection] .lightForm .leftForm{
	float: right;
  }
  #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm{
	float: left;
  }
  }

  @media screen and (min-width: 1171px){
/* 	#CarBrand .select{
		padding-left: 20px;
	}
	#CarBrand .select::before{
		position: absolute;
		top: -2px;
		left: -1px;
		background: url('../images/markaTriangle.png');
		width: 20px;
		height: 40px;
		display: block;
		content: '';
	} */
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm .sliderSelector{
		float: right;
	}
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda{
		float: left;
	}
  }

  @media screen and (max-width: 520px){
	#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen li, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat li, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda li{
		width: 100% !important;
	}#wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderVolkswagen ul, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSeat ul, #wycenSwitcherSections > div[data-switchersection] .lightForm .sliderForm #sliderSkoda ul{
		width: 100% !important;
	}
  }



 @font-face {
    font-family: 'vwHeadline';
    src: url('../fonts/vwhdline.TTF');
    font-weight: normal;
}
@font-face {
    font-family: 'vwHeadline';
    src: url('../fonts/vwhdlineBlk.TTF');
    font-weight: bold;
}
@font-face {
    font-family: 'vwHeadline';
    src: url('../fonts/vwhdlineSemiBold.TTF');
    font-weight: 600;
}
.textSection, #general .textSection{
	/*font-family: 'vwHeadline', Arial, sans-serif;*/
  font-family: 'Lato', sans-serif;
}


  .textSection img, #general .textSection img{max-width: 100% !important; height: auto !important;}
	  @media screen and (max-width: 1150px){
	  .content > .textSection{
		padding: 0 10px;
	  }
  }


/** szachownica 2 **/

.Checker2Layout{
  margin-top:20px;
  margin-bottom: 20px;
}

.Checker2Layout .col-md-7{
  width:50%;
  float: left;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (max-width:768px){
  .Checker2Layout .col-md-7{
    width:100%;
  }
}


.Checker2Layout .col-md-7 .row{
  margin-left: -10px;
  margin-right: -10px;
  margin-top:-10px;
/*   margin-bottom:-10px; */
}

.Checker2Layout .col-md-7 .row .col-md-5{
  width: 35%;
  float: left;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
/*   padding-bottom: 10px;   */
}

.Checker2Layout .col-md-7 .row.linia1 .col-md-5{
  width: 33.3333%;
}

.Checker2Layout .col-md-7 .row.linia1{
  clear: left;
  overflow:hidden;
  padding-bottom:20px;
}

.Checker2Layout .col-md-7 .row .col-md-10{
  width: 65%;
  float: left;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
/*   padding-bottom: 10px;   */
}

.Checker2Layout .col-md-7 .linia2 {
  margin-left: -10px;
  margin-right: -10px;
}

.Checker2Layout .col-md-7 .linia2 .col-md-5{
  width: 33.3333%;
  float: left;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}


.Checker2Layout .pageBox{
  width:100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
  height: 344px;
  line-height: 17.15px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
}

@media screen and (max-width:768px){
  .Checker2Layout .col-md-7.smalltext,
  .Checker2Layout .pageBox .mask,
  .Checker2Layout .pageClass.textZoomFull,
  .Checker2Layout .pageClass.textZoomFull .mask,
  .Checker2Layout .col-md-7.smalltext1 .pageClass .mask,
  .Checker2Layout .pageBox{
    height:auto !important;
  }
  .Checker2Layout .pageClass.textZoomFull .more,
  .Checker2Layout .pageBox .more{
    display: none;
  }
}

.Checker2Layout .pageBox .mask{
/*   padding: 15px; */
  box-sizing: border-box;
  font-size: 12px;
  height: 264px;
  line-height: 17.15px;
  overflow: hidden;
}

/* obrazki */
.Checker2Layout .col-md-7.img5,
.Checker2Layout .col-md-7.img6,
.Checker2Layout .col-md-7.smalltext{
	overflow:hidden;
	height:182px;
}
@media screen and (max-width:768px){
  .Checker2Layout .col-md-7.img6,
  .Checker2Layout .col-md-7.img5{
    height:180px;
  }
}

.Checker2Layout .col-md-7 .linia1 {
/*   margin-top: -10px; */
/*   margin-bottom: 10px; */
}
.Checker2Layout .col-md-7 .linia2 {
  margin-top: -10px;
  padding-top: 10px;
  top:10px;
  position: relative;
}
.Checker2Layout .col-md-7.img4 .linia2{
  margin-bottom: 1px;
  overflow: hidden;
}
.Checker2Layout .col-md-7 .linia2 .col-md-5 .banner{
  height: 161px;
}
.Checker2Layout .col-md-7 .linia1 .banner{
  height: 162px;
}


@media screen and (max-width:380px) and (orientation: portrait) {
  .Checker2Layout .col-md-7 .linia2 .col-md-5 .banner{
    height: 95px;
  }
  .Checker2Layout .col-md-7 .linia1 .banner{
    height: 190px;
  }

}

/*duzy obrazek */
.Checker2Layout .banner{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
  height: 344px;
  line-height: 17.15px;
  overflow: hidden;
  position: relative;
}


@media screen and (max-width:380px) and (orientation: portrait) {
  .Checker2Layout .col-md-7.img2 .banner{
    height: 200px;
  }
  .Checker2Layout .col-md-7.img3 .banner{
    height: 200px;
  }
}

.Checker2Layout .banner .img{
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  color: #337AB7;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.Checker2Layout .banner .img .mask{
  box-sizing: border-box;
  color: #337AB7;
  display: table;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease 0s;
  background-position: 50% 50%;
  background-size: cover;
}
.Checker2Layout .img6 .banner .img .mask{
  display: block !important;
}

.Checker2Layout .banner .img .mask .bg{
  background-position: 50% 50%;
  background-size: cover;
  bottom: 0px;
  box-sizing: border-box;
  left: 0px;
  line-height: 17.15px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.Checker2Layout .banner .img .mask .title.small,
.Checker2Layout .banner .img .mask .title.big {
  position: relative;
/*   top: 30px;  */
  text-align: center;
/*   width: 550px;
  height: 344px; */
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;

   -webkit-transition: all 300ms ease-in-out 0.2s;
   -moz-transition: all 300ms ease-in-out 0.2s;
   -ms-transition: all 300ms ease-in-out 0.2s;
   transition: all 300ms ease-in-out 0.2s;
}

.Checker2Layout .img6 .banner .img .mask .title.small{
  display: inline;
}

@media screen and (max-width:768px){
	.Checker2Layout .img6 .banner .img .mask .title.small{
	  display: block;
	}
}

.Checker2Layout .banner .img .mask .title.small .button,
.Checker2Layout .banner .img .mask .title.big .button{
  background-color: #273243;
  display: inline-block;
  color:white;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  padding: 10px 25px 10px 35px;
  opacity: 0;
  margin-top: 10px;
    -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 300ms ease-in-out 0.2s;
   -moz-transition: all 300ms ease-in-out 0.2s;
   -ms-transition: all 300ms ease-in-out 0.2s;
   transition: all 300ms ease-in-out 0.2s;
}

.Checker2Layout .banner .img .mask .title.small .button {
  padding: 7px 15px 7px 25px;
  font-size: 14px
}

.Checker2Layout .banner .img .mask .title.small .button span:after,
.Checker2Layout .banner .img .mask .title.big .button span:after
{
  content: '\00BB';
  margin-left: 10px;
  position: relative;
  top:-1.9px;

}

.Checker2Layout .banner .img .mask .title.small{
  height: 182px;
}
.Checker2Layout .banner .img .mask .title.small p,
.Checker2Layout .banner .img .mask .title.big p{
  box-sizing: border-box;
  color: #FFF;
  font-size: 25px;
  left: 1px;
  line-height: 28px;
  position: relative;
  text-shadow: rgba(0, 0, 0, 0.8) 2px 1px 0px;
  opacity: 0;


    -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 300ms ease-in-out 0.2s;
   -moz-transition: all 300ms ease-in-out 0.2s;
   -ms-transition: all 300ms ease-in-out 0.2s;
   transition: all 300ms ease-in-out 0.2s;
}
.Checker2Layout .banner .img .mask .title.small p.title,
.Checker2Layout .banner .img .mask .title.big p.title{
  font-size: 35px;
  margin-bottom: 5px;
   -webkit-transition: all 100ms ease-in-out 0.2s;
   -moz-transition: all 100ms ease-in-out 0.2s;
   -ms-transition: all 100ms ease-in-out 0.2s;
   transition: all 100ms ease-in-out 0.2s;
}

.Checker2Layout .banner:hover .img .mask .title.big {

}
.Checker2Layout .banner:hover .img .mask .title.small p,
.Checker2Layout .banner:hover .img .mask .title.big p{
  opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 200ms;
   -moz-transition-delay: 200ms;
   -ms-transition-delay: 200ms;
   transition-delay: 200ms;
}


.Checker2Layout .banner:hover .img .mask .title.small .button,
.Checker2Layout .banner:hover .img .mask .title.big .button{
  opacity:1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 200ms;
   -moz-transition-delay: 200ms;
   -ms-transition-delay: 200ms;
   transition-delay: 200ms;
}

.Checker2Layout .banner:hover .img .mask{
  transform: scale(1.03);
}
.Checker2Layout .img6 .banner:hover .img .mask,
.Checker2Layout .img .banner:hover .img .mask{
  transform: scale(1);
}
.Checker2Layout .banner a:hover *{
  text-decoration: none;
}


/* full text */
.Checker2Layout .col-md-15{
  width:100%;
  clear: left;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.Checker2Layout .col-33{
  width:33.333%;
  float: left;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (max-width:768px){
  .Checker2Layout .col-33{
    width:100%;
  }
}


.Checker2Layout .col-md-15 .pageClass{
  background-color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
/*   line-height: 17.15px; */
/*   margin-bottom: 40px;  */
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 30px;
}

/* waskie */
.Checker2Layout .col-md-7.smalltext2 .pageClass,
.Checker2Layout .col-md-7.smalltext1 .pageClass,
.Checker2Layout .col-md-7.smalltext .pageClass{
  height: 161px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
  line-height: 17.15px;
  overflow: hidden;
  padding: 20px;
  width:100%;
}

.Checker2Layout .col-md-7.smalltext2 .pageClass .mask,
.Checker2Layout .col-md-7.smalltext1 .pageClass .mask,
.Checker2Layout .col-md-7.smalltext .pageClass .mask{
  box-sizing: border-box;
  font-size: 12px;
  height: 164px;
  line-height: 17.15px;
  overflow: hidden;
}

.Checker2Layout .col-md-7.img5 .linia2 {
  top:0;
  padding: 0;
}

.Checker2Layout .col-md-7.img5 .linia2 .col-md-5{
  padding-bottom: 0;
}

/* .Checker2Layout .col-md-7.img6{
	padding-bottom:0;
	height: 150px;
} */

.Checker2Layout .col-md-7.img6 .row.linia1 {
    clear: left;
    overflow: inherit;
    padding-bottom: 0;
    height: 170px;
}

.Checker2Layout .pageClass *{
  /*font-family: "Arial",sans-serif !important;*/
  font-family: 'Lato', sans-serif;
}
.Checker2Layout .col-md-7.smalltext2 .linia1 .banner {
    height: 163px;
}
.Checker2Layout .col-md-7.smalltext1 .linia2 .col-md-5 .banner {
    height: 163px;
}

@media screen and (max-width:380px) and (orientation: portrait) {
  .Checker2Layout .col-md-7.smalltext2 .linia1 .banner,
  .Checker2Layout .col-md-7.smalltext1 .linia2 .col-md-5 .banner{
    height:95px;
  }
}


.Checker2Layout .textZoomFull .more{
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  font-size: 10px;
  line-height: 14.2833px;
  position: absolute;
  right: 45px;
  text-align:right;
  /*text-shadow: #000 1px 1px 1px;*/
  text-transform: uppercase;
  top: 320px;
  z-index: 9;
}
/* overlay */
.ZamienNaNowyLayout #overlayBox,
.Checker2Layout #overlayBox {
    position: fixed;
    min-width: 320px;
    z-index: 10000000;
    overflow-y: scroll;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
}

.ZamienNaNowyLayout #overlayBox .contentBox,
.Checker2Layout #overlayBox .contentBox{
    position: relative;
    background: #F5F5F5 none repeat scroll 0% 0%;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.7);
    max-width: 610px;
    padding-left: 35px;
    padding-right: 70px;
    margin: 20px auto;
    padding-bottom: 30px;
    overflow: hidden;
}
.ZamienNaNowyLayout #overlayBox .contentBox.loading,
.Checker2Layout #overlayBox .contentBox.loading{
  background-image: url('../img/hourglass.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.ZamienNaNowyLayout #overlayBox .contentBox{
  background: transparent;
  box-shadow: none;
}
.ZamienNaNowyLayout #overlayBox .contentBox.loading{
  background-image: url('../img/hourglass2.svg');
  height: 150px;
}

@media screen and (max-width:768px){
  .ZamienNaNowyLayout #overlayBox .contentBox,
  .Checker2Layout #overlayBox .contentBox{
    padding-left: 0;
    padding-right: 30px;

  }
}

.ZamienNaNowyLayout #overlayBox .contentCloseBox,
.Checker2Layout #overlayBox .contentCloseBox{
    position: relative;
    max-width: 610px;
    padding-left: 135px;
    padding-right: 70px;
    margin: 20px auto;
    height: 40px;
    overflow: hidden;
    margin-top: 200px;
}

@media screen and (max-width: 767px){
  .ZamienNaNowyLayout #overlayBox .contentCloseBox,
  .Checker2Layout #overlayBox .contentCloseBox{
    margin-top: 0;
  }
}

.Checker2Layout #overlayBox .contentCloseBox.withoutMargin{
	margin-top:50px;
}

.Checker2Layout #overlayBox .closeOverlay {
    position: absolute;
    top: 16px;
    right: 15px;
    background: transparent url("../images/closeCross.png") repeat scroll 0% 0%;
    width: 19px;
    height: 19px;
    cursor: pointer;
}

.Checker2Layout #overlayBox .contentBox .textSection{
  padding-top: 40px;
}

.Checker2Layout .textSection h2{
  max-width: 100% !important;
}


.Checker2Layout .textWarper{
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	display: table;
}
.Checker2Layout .textWarper .textCell{
	display: table-cell;
	vertical-align: middle;
}

/* zamarkowany */

a.btn-bednarek{
  display: inline-block;
  padding: 5px;
  background-color: blue;
  color:white !important;
}





.popupFrame{
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-left: 15px;
}


/** styl bla buttonow graficznych */
.imgButton{
	color: #FFF;
	font-size: 40px;
	background: #1666B5 none repeat scroll 0% 0%;
	line-height: 45px;
	padding: 5px;
	display: inline-block;
	width: 75%;

   -webkit-transition-delay: 200ms;
   -moz-transition-delay: 200ms;
   -ms-transition-delay: 200ms;
   transition-delay: 200ms;
}

@media screen and (max-width:768px){
  .imgButton{
    font-size: 16px !important;
    line-height: 18px !important;;
    position: absolute;
    top:10px;
    left:10px;
    padding: 7px;
  }
}

.imgButton.top{
    position: absolute;
    top:10px;
    left:10px;
}
.imgButton.topRight{
    position: absolute;
    top:10px;
    right:10px;
}
.imgButton.bottom{
    position: absolute;
    bottom:10px;
    left:10px;
    top:auto;
}
.imgButton.bottomRight{
    position: absolute;
    bottom:10px;
    right:10px;
    top:auto;
}
.Checker2Layout .banner .img .mask:hover .imgButton{
  opacity: 0;
}



/** nowe boksy */

.Checker2Layout .newboxes{
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	color: #333;
	font-size: 12px;
	height: 356px;
	line-height: 17.15px;
	overflow: hidden;
	position: relative;
    margin-bottom: 20px;
	background: white;
}
.Checker2Layout .newboxes * {
  /*font-family: "Arial",sans-serif !important;*/
  font-family: 'Lato', sans-serif;
}
.Checker2Layout .newboxes .imgContent{
    height: 180px;
    overflow: hidden;
}

@media screen and (max-width:768px){
  .Checker2Layout .newboxes {
   height: auto;
  }
	.Checker2Layout .newboxes .imgContent{
		height: auto;
	}

  .Checker2Layout .newboxes .textContent a.moreButton {
      position: initial !important;;
      margin-top: 20px !important;
      display: inline-block !important;
      color: #FFF;
      padding: 8px 25px !important;
      float: right;
      margin-bottom: 20px;
  }
}


.Checker2Layout .newboxes .imgContent img{
    max-width: 100%;
      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
}
.Checker2Layout .newboxes .imgContent img:hover
{
  transform: scale(1.1);
}


.Checker2Layout .newboxes .textContent{
    padding: 20px 20px;
}

.Checker2Layout .newboxes .textContent h2{
    padding: 0;
    margin-bottom: 20px;
    font-size: 15px;
    text-transform: initial !important;
	max-width: 100%;
    font-weight: 600;
}

.Checker2Layout .newboxes .textContent p {
	line-height: 15px;
    font-size:13px;
}

.Checker2Layout .newboxes .textContent a.moreButton{
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: white;
    background-color: #0076c9;

    padding: 4px 20px;
}
.Checker2Layout .newboxes.skoda .textContent a.moreButton{
   background-color: rgb(76,168,46);
}
.Checker2Layout .newboxes.seat .textContent a.moreButton{
   background-color: #B50027;
}
.Checker2Layout .newboxes .textContent a.moreButton:hover{
  background-color: #273243 ;
}

.Checker2Layout .box3{
    width: 33.333333%;
    float: left;
    box-sizing: border-box;
}

.Checker2Layout .boxes3 .box3:nth-child(1){
    padding-right:13.33333px;
}
.Checker2Layout .boxes3 .box3:nth-child(2){
    padding-left:6.66666px;
    padding-right:6.66666px;
}
.Checker2Layout .boxes3 .box3:nth-child(3){
    padding-left:13.33333px;
}


.Checker2Layout .box2{
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.Checker2Layout .boxes2 .box2:nth-child(1){
    padding-right:10px;
}
.Checker2Layout .boxes2 .box2:nth-child(2){
    padding-left:10px;
}


.Checker2Layout .box1{
    width: 100%;
    clear: left;
}


@media screen and (max-width:768px){
    .Checker2Layout .box3{
        width: 100%;
        clear: left;
        box-sizing: initial;
    }

    .Checker2Layout .boxes3 .box3{
        padding:0 !important;
    }


    .Checker2Layout .box2{
        width: 100%;
        clear: left;
        box-sizing: initial;
    }

    .Checker2Layout .boxes2 .box2{
        padding:0 !important;
    }


}



.Checker2Layout .bigLongImgBox{
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: #333;
    font-size: 12px;
    height: 215px;
    line-height: 17.15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    background: #FFF none repeat scroll 0% 0%;
}

.Checker2Layout .bigLongImgBox .imgContent{
    width: 33.3333%;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
}


.Checker2Layout .bigLongImgBox .imgContent img{
    max-width: 100%;

      transition: 0.3s ease 0s;
      -webkit-transition: 0.3s ease 0s;
      -ms-transition: 0.3s ease 0s;
      -o-transition: 0.3s ease 0s;
      -moz-transition: 0.3s ease 0s;
      -khtml-transition: 0.3s ease 0s;
}
.Checker2Layout .bigLongImgBox .imgContent img:hover
{
  transform: scale(1.1);
}


.Checker2Layout .bigLongImgBox .textContent{
    width: 66.6666%;
    float: left;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    height: 215px;
}

.Checker2Layout .bigLongImgBox .textContent {
    padding: 20px;
}
.Checker2Layout .bigLongImgBox * {
    /*font-family: "Arial",sans-serif !important;*/
    font-family: 'Lato', sans-serif;
}

.Checker2Layout .bigLongImgBox .textContent h2 {
    padding: 0px;
    margin-bottom: 20px;
    font-size: 15px;
    text-transform: initial !important;
    max-width: 100%;
    font-weight: 600;
}

.Checker2Layout .bigLongImgBox .textContent p {
    line-height: 15px;
}

.Checker2Layout .bigLongImgBox .textContent a.moreButton {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #FFF;
    background-color: #0076C9;
    padding: 4px 20px;
}


.Checker2Layout .bigLongImgBox.skoda .textContent a.moreButton {
    background-color: #4CA82E;
}
.Checker2Layout .bigLongImgBox.seat .textContent a.moreButton{
   background-color: #B50027;
}
.Checker2Layout .bigLongImgBox .textContent a.moreButton:hover{
  background-color: #273243 ;
}


body .bigLongImg:nth-child(odd) .imgContent{
    float: right;
}


@media screen and (max-width:768px){
  .Checker2Layout .bigLongImgBox{
      height: auto;
  }

  .Checker2Layout .bigLongImgBox .imgContent{
      width: 100%;
      clear: left;
  }

  .Checker2Layout .bigLongImgBox .textContent{
      width: 100%;
      clear: left;
      height: auto;
  }

  .Checker2Layout .bigLongImgBox .textContent a.moreButton {
      position: initial !important;;
      margin-top: 20px !important;
      display: inline-block !important;
      color: #FFF;
      padding: 8px 25px !important;
      float: right;
      margin-bottom: 10px;
  }

}


.carListHeader {
    font-size: 1.55em;
    text-transform: uppercase;
    font-weight: 400;
}

.carListHeader img{
    display: inline-block;
    vertical-align: middle;
}
.carListHeader span{
    display: inline-block;
    vertical-align: middle;
}
.trigger_sort {
    margin-top: 0;
}

@media screen and (max-width:767px){
  .carListHeader {
    text-align: center;
  }
	.carListHeader span{
		display:block;
    margin-bottom: 40px;
    font-size: 0.9em;
	}
	.carListHeader img{
    margin: 0 !important;
  }
}



.Checker2Layout .galleryBox{
  width:100%;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
  height: 344px;
  margin-bottom: 0px;
  margin-top: 0px;
  overflow: hidden;
}

.Checker2Layout .galleryBox .row a{
  overflow: hidden;
  display: block;
}
.Checker2Layout .galleryBox .row a img{
  max-width: 100%;

   -webkit-transition: all 300ms ease-in-out 0.2s;
   -moz-transition: all 300ms ease-in-out 0.2s;
   -ms-transition: all 300ms ease-in-out 0.2s;
   transition: all 300ms ease-in-out 0.2s;
}
.Checker2Layout .galleryBox .row a:hover img{
	transform: scale(1.1);
}

.Checker2Layout .galleryBox .smallImg{
  width: 25%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.Checker2Layout .galleryBox .bigImg{
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  box-sizing: border-box;
}


.Checker2Layout .mainTitle{
    text-transform: uppercase;
    color: #000;
    font-size: 22px;
    clear: both;
    padding: 20px 0px 5px;
}
.Checker2Layout .mainTitle:after  {
    width: 20px;
    height: 1px;
    display: inline-block;
    content: "";
    background: #000 none repeat scroll 0% 0%;
    position: absolute;
    top: 16px;
    left: 10px;
}

.Checker2Layout div.popupText{
	display:none;
}




.carBoxHome{
    overflow: hidden;
    height: 200px;

	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.carBoxHome a{

}

.carBoxHome a .captionBg{
    overflow: hidden;
    height: 120px;
    width:100%;
}

.carBoxHome a .captionBg .bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    transition: all 0.6s ease-in;
}

.carBoxHome a:hover .captionBg .bg{
    transform: scale(1.09);
    transition: all 0.4s ease;
}

.carBoxHome a .caption{
    height: 80px;
    background-color: #273244;
    transition: all 0.4s ease-in;
    background-image: url('../img/autobox.png');
    background-repeat: no-repeat;
    background-position: right;
}


.carBoxHome.skoda a .caption{
    background-color: #4aa82e;
}
.carBoxHome.seat a .caption{
    background-color: #e52427;
}
.carBoxHome.vw a .caption{
    background-color: #2374ac;
}


.carBoxHome a:hover .caption{
    transform: translateY(-30px);
    height: 110px;
    overflow: hidden;
}

.carBoxHome a .caption img{
    display: inline-block;
}
.carBoxHome a .caption .wraper{
    margin-left: 20px;
    position:relative;
    top:-18px;
}

.carBoxHome a .caption h2{
    color:white;
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
    font-family: Arial;
    /*font-family: "VWHeadlineSbPL","VWHeadlineSbPLIE",sans-serif !important;*/
    font-family: 'Lato', sans-serif;
    font-weight: 200;

}

@media screen and (max-width:768px){
	.carBoxHome a .caption h2{
		font-size: 14px;
	}
}
@media screen and (min-width:769px) and (max-width:1199px){
	.carBoxHome a .caption h2{
		font-size: 14px;
    letter-spacing: -0.5px;
	}
}
@media screen and (min-width:769px) and (max-width:918px){
	.carBoxHome a .caption h2{
		font-size: 12px;
    letter-spacing: -0.5px;
    padding-left: 0;
    padding-right: 0;
	}
  .carBoxHome a .caption{
      background-image: none;
  }
}
.carBoxHome a .caption h2 span{
  display: block;
  font-weight: 800;
}
.bigLongImgBox h2{
    border-bottom:1px solid #ddd;
    padding-bottom:5px !important;
}

.autobox{
	z-index:99;
}



#bigPhoto a {
  position: relative;
  display: block;
}
#bigPhoto a .zoom{
  transform: scale(1.2);
  transition: all 0.2s ease-in;
  background-color: rgba(0,0,0,0.5);
  background-image: url('../img/zoom_icon_white.png');
  background-position: center right;
  background-repeat: no-repeat;
  color:white;
  width: 100%;
  height: 100%;
  position: absolute;
  visibility: hidden;
  opacity:0;
}
#bigPhoto a:hover .zoom{
  transform: scale(1);
  visibility: visible;
  background-position: center;
  opacity:1;

}
#general .show_cars_horizotnal ul li td span b{
    font-size:15px;
}



.opisAuta{
    color: #303743;
    line-height: 19px;
    padding-left: 25px;
    margin-bottom: 30px !important;
    margin-left: 14px;
    margin-right: 14px;
    font-size: 14px;
}
#carDetails .opisAuta li {
    display: block;
    float: none;
    position: relative;
    color: #303743;
    line-height: 29px;
    padding-left: 25px;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #EBEBEB;
    margin-right: 14px;
    font-size: 14px;
}

#carDetails .opisAuta li::after {

    position: absolute;
    display: block;
    content: '';
    width: 12px;
    height: 9px;
    background: url("../images/listStyle.png");
    top: 10px;
    left: 4px;

}

#thxMsg{
  min-height: 50px;
  padding-top: 40px
}

.kontakt .formSection p{
  color:white !important;
}

.maskFrm.hide{
  display:none;
}


.maskFrm{
  position: absolute;
  background-color: rgba(255,255,255,1);
  width: 100%;
  height: 105%;
  z-index: 10000;
  background-image: url('../img/hourglass.svg');
  background-repeat: no-repeat;
  background-position: center;
  top: -2px;
  left: 0;
}

@media screen and (max-width:609px) {
  .contactContactCards .rwd,
  .kontakt .rwd{
    display: block;
  }
  .contactContactCards .norwd,
  .kontakt .norwd{
    display: none;
  }
}
@media screen and (min-width:610px) {
  .contactContactCards .norwd,
  .kontakt .norwd{
    display: block;
  }
  .contactContactCards .rwd,
  .kontakt .rwd{
    display: none;
  }
}

@media screen and (max-width:768px){
  .show_cars_horizotnal ul li table tbody tr td {
      width: 100% !important;
    line-height: 15px !important;
  }


  .boldic_claim {
    transform:translateY(-70px) !important;

  }

}

a.underlinee:hover{
  text-decoration: underline;
}


#swapFormLoader{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  background-position: center;
  background-repeat: no-repeat;
  left:0;
  top: 0;
  z-index: 900000000;
  background-image: url('../img/hourglass2.svg')
}
#messageSend.hide,
#swapFormLoader.hide{
  display: none;
}


#messageSend{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  left:0;
  top: 0;
  z-index: 900000000;
}

#messageSend .textWraper{
  color:white;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}

#messageSend .textWraper *{
  color:white !important;
}


#carDetails .details .sections.usedCarLi ul li {
    display: block;
    float: left;
    position: relative;
    color: #303743;
    line-height: 29px;
    padding-left: 25px;
    margin-bottom: 0 !important;
    margin-left: 14px;
    border-bottom: 0px solid #EBEBEB;
    margin-right: 14px;
    font-size: 14px;
    width: 25%;
}

#carDetails .details .sections.usedCarLi .daneTechniczneList ul{
    width: 48%;
    vertical-align: top;
    display: inline-block;
}
#carDetails .details .sections.usedCarLi .daneTechniczneList ul li {
    width: 100%;
}


@media screen and (max-width:1169px){
  #carDetails .details .sections.usedCarLi ul li {
     width: 100%;
  }
}


#carDetails .details .sections.usedCarLi ul li::after {
  position: absolute;
  display: block;
  content: '';
  width: 21px;
  height: 20px;
  background: url("../img/checkblue.png");
  top: 5px;
  left: -1px;
}

.notificationOverlay{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999999999;
  background-color: rgba(0,0,0,0.8);
  height: 100%;
}
.notificationOverlay.hide{
  display:none;
}

.notificationOverlay .notificationPoup{
  /*border:2px solid white;*/
  width: 1119px;
  margin: 0 auto;
  min-height: 300px;
  /*background-color: rgba(0,0,115,0.8);*/
  position: relative;
  /*top: 20%;*/
  top: 5%;
  /*margin-top: -10%;*/
  height: 500px;
  /*background-image: url('/img/info_popup.png');*/
  /*background-image: url('/wiosenne-pakiety-serwisowe.jpg');*/
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width:768px) and (max-width:1024px){
  .notificationOverlay .notificationPoup{
    width:650px;
  }
}
@media screen and (max-width:767px){
  .notificationOverlay .notificationPoup{
    width:90%;
    top: 10%;
  }
}


.notificationOverlay .notificationPoup .notificationWarp{
  padding: 30px;
  color:white;
  font-size: 20px;
  text-align: center;
  position: relative;
  -webkit-transform: translateY(-15%);
  transform: translateY(-15%);
  top: 30%;
  line-height: 50px;
}

.notificationOverlay .notificationPoup .notificationWarp * {
  color:white;
  font-size: 20px;
  text-align: center;
}
.notificationOverlay .notificationPoup .notificationWarp p {
  color:white;
  font-size: 15px;
  text-align: center;
}
.notificationOverlay .notificationPoup .notificationWarp img{
  max-width:100%;
  height:auto;
}

.notificationOverlay .notificationAction{
  position: relative;
  font-size: 14px;
  text-align: right;
  color:white;
  font-size: 14px;
  z-index: 1000;
  text-align: center;
}

.notificationOverlay .notificationAction > div{
  /*cursor: pointer;*/
  position: relative;
  top: 10px;
  /*right: 60px;*/
  z-index: 100000;
}
.notificationOverlay .notificationAction > div span{
  position: absolute;
  top: -1px;
  /*right: -35px;*/
  margin-left: 15px;
  background: url("../images/closeCross.png");
  width: 19px;
  height: 19px;
  cursor: pointer;
}

.notificationOverlay .notificationAction .close{
  cursor: pointer;display: inline;
}
.Checker2Layout .col-33{
  z-index: 100;
}

.notificationSlaider{
  position: fixed;
  z-index: 99999999999999;
}

.notificationSlaider .slider-next, .notificationSlaider .slider-prev{
  display: inline-block;
}
.notificationSlaider .directions{
  margin-top: 8px;
}


.youtubeImg{
  width: 100%;
  height: 344px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.youtubeImg.clicked{
  display: none;
}

#seatFrm #Form_Form {
  background-image: url('../images/seat_ateca.jpg');
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 490px;
  /*height: 490px;*/
  padding-top:  44px;
  padding-left:55px;
}

#box484 #seatFrm #Form_Form,
#box462 #seatFrm #Form_Form {
  background-image: url('../images/vw_tiguan.jpg');
  background-color: white;
}

@media screen and (max-width:767px){
  #seatFrm #Form_Form{
    padding-top:  14px;
    padding-left:15px;
  }
}

#seatFrm  #Form_Form  h2{
  text-transform: inherit;
  font-size: 46px;
  font-weight: normal;
}

#seatFrm #Form_Form  h3{
  text-transform: inherit;
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 40px;
}


@media screen and (max-width:767px){
  #seatFrm  #Form_Form  h2{
    font-size: 26px;
  }
  #seatFrm  #Form_Form  h3{
    font-size: 20px;
    margin-bottom: 20px;
  }
}

#seatFrm #Form_Form input[type="email"],
#seatFrm #Form_Form input[type="text"]{
  width:300px;
  margin-bottom: 10px;
  padding: 5px 10px;
}

#seatFrm #Form_Form .textarea {
    border-width: 0;
    background: transparent;
    padding:0;
    margin: 0;
    font-size: 11px;
    position: relative;
    margin-bottom: 20px;
    display: block;
    /*font-family: Arial;/*/
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

#seatFrm #Form_Form .textarea:after{
  display: none;
}
#box580 #seatFrm #Form_Form{
  padding-bottom: 20px;
}
#box580 #seatFrm #Form_Form button{
  left: 45%;
}

#box580 #seatFrm .checkbox label.right {
    text-shadow: 1px 1px 18px black;
}

/*#seatFrm .field{
  position: relative;
}

#seatFrm .message {
  position: absolute;
}*/

#seatFrm #Form_Form textarea{
  width: 301px;
  background-color: white !important;
  margin-bottom: 10px;
  padding: 6px 12px !important;
  /*font-family: 'VWHeadlineSbPL', 'VWHeadlineSbPLIE', sans-serif !important;*/
  font-size: 100%;
  /*color: #4c4c4c;*/
  /*font-family: Arial;*/
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 11px;
}


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

  #seatFrm #Form_Form input[type="email"],
  #seatFrm #Form_Form input[type="text"]{
    width:245px;

  }
  #seatFrm #Form_Form textarea{
    width:246px;
  }
}

#seatFrm #Form_Form button{
  background-color: #d92139;
  color: white;
  border-width: 0;
  padding: 12px 30px;
  font-size: 15px;
  margin-top: 10px;
  position: relative;
  left: 218px;

}



#seatFrm #Form_Form .nadol{
  position: absolute;
  bottom: 50px;
  font-size: 10px;
  /*font-family: Arial;*/
  color:white;
  padding-right: 40px;
}
#seatFrm select.dropdown{
  width: 324px;
  margin-bottom: 10px;
  padding: 6px 9px;
  border-radius: 0px;
  border: 0px solid;
  color: rgb(120, 113, 113);

      background-color: white;
      /* height: 30px; */
      /*-webkit-appearance: none;*/
      /*-webkit-border-radius: 0px;*/
}
#seatFrm .checkbox{
  margin-bottom: 10px;
}
#seatFrm .checkbox label.right {
  color: white;
  font-size: 10px;
  line-height: 11px;
  text-transform: initial;
  padding-left: 32px;
  display: block;
  padding-right: 100px;
}

@media screen and (max-width:767px){
  #seatFrm .checkbox label.right{
    padding-right: 20px;
  }
  #seatFrm select.dropdown{
    width: 269px;
  }

  #seatFrm #Form_Form button{
    left: 162px;
  }

  #seatFrm #Form_Form .nadol{
    padding-right: 10px;
    bottom: 20px;
  }
}

#bigPhoto{
  position: relative;
}
#bigPhoto .img .actions{
  position: absolute;
  left:15px;
  top:15px;
}
#bigPhoto .img .actions.down{
  top: auto;
  bottom: 25px;
}

#bigPhoto .img .actions img{
  width:auto !important;
  display: inline-block;
  vertical-align: middle;
  visibility: visible !important;
  margin-right: 5px;
}

.show_cars .actionsRwd .actions span,
#bigPhoto .img .actions span{
  color: white;
  text-transform: uppercase;
  padding: 9px 15px;
  position: relative;
  top: 1px;
}

.show_cars .actionsRwd .action,
#bigPhoto .img .actions .option{
  display: inline-block;
  cursor: pointer;
}
#bigPhoto .img .actions .option.orange span{
  background-color: #F05523;
}

.show_cars .actionsRwd .option.white,
#bigPhoto .img .actions .option.white span{
  background-color: white;
  color: #1470b0;
  border: 1px solid #1470b0;
  font-size: 13px;
  padding: 16px 20px;
}
#bigPhoto .img .actions .option.white{
  margin-right: 5px;
}

.show_cars .actionsRwd .option.white span img,
#bigPhoto .img .actions .option.white span img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

#bigPhoto .img .actions .option.blue span{
  background-color: #0065B2;
  margin-right: 15px;
}


#bigPhoto .img .actions .option.white.blue span{
  background-color: #303743 !important;
  color: white !important;
  border-color: #303743;
  margin-right: 0;
}
.show_cars .actionsRwd .option a,
#bigPhoto .img .actions .option a{
  display: inline;
  cursor: pointer;
}

@media screen and (min-width:1171px){
  .show_cars .actionsRwd{
    display: none;
  }
}

@media screen and (max-width:1170px){
  #bigPhoto .img .actions .option span{
    display: none;
  }
  #bigPhoto .img .actions{
    display: none;
  }
  .show_cars .actionsRwd{
    overflow: hidden;
  }
  .show_cars .actionsRwd .option{
    display: inline-block;
    width: 49%;
    height: 38px;
    position: relative;
    padding: 0 !important;
    cursor: pointer;
  }
  .show_cars .actionsRwd .option.white.blue{
    width: 100%;
    margin-bottom: 5px;
  }
  .show_cars .actionsRwd .option.white.blue a{
    display: block;
  }
  .show_cars .actionsRwd .option span{
    display: block;
    padding: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
  }

  .show_cars .actionsRwd .option.white.blue{
    background-color: #303743 !important;
    color: white !important;
    border-color: #303743;
    margin-right: 0;
  }
  .reserveBtn{
    margin-right: 1%;
  }
}


@media screen and (max-width:380px){
  .show_cars .actionsRwd .option.white span img {
    margin-right: 5px;
  }
  .show_cars .actionsRwd .option{
    width: 48%;
  }
  .askcarBtn{
    float: right;
  }
}
#general h2.cartitle,
#general h3.cartitle
{
  font-weight: 700;
  margin-top: 0 !important;
}
#general h2.cartitle::after,
#general h3.cartitle::after{
  display: none;
}

@media screen and (min-width:1171px)
{
  #general h2.cartitle,
  #general h3.cartitle
  {
    width: calc(100% - 230px);
  }
}

#general .show_cars_horizotnal ul li td span b{
  font-size: 20px;
  font-weight: 900;
}

.pracownicy .contactsSection.active{
  background-color: white;
}

.boxHeader {
  margin-bottom: 10px;
  clear:both;
  overflow: hidden;
}
@media screen and (min-width: 768px){
.boxHeader .icon{
   height: 25px;
   line-height: 25px;
   margin-bottom: 5px;
}
}
.boxHeader .norwd{
display: block;
}
.boxHeader a{
  font-size: 14px;
  font-family: inherit;
}

@media screen and (max-width:609px) {
  .boxHeader .rwd{
    display: block;
  }
  .boxHeader .norwd{
    display: none;
  }
}
@media screen and (min-width:610px) {
  .boxHeader .norwd{
    display: block;
  }
  .boxHeader .rwd{
    display: none;
  }
}

.boxHeader .boxleft{
/*   float: left; */
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.boxHeader .boxright{
/*   float: right; */

  display: inline-block;
  vertical-align: bottom;
  width: 50%;
  text-align: right;
}


@media screen and (min-width:768px) and (max-width: 1024px){
  .boxHeader .boxleft{
    width: 35%;
  }
  .boxHeader .boxright{
    width: 65%;
    vertical-align: middle;
  }
}

.boxHeader .titlediv{
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 32%
}

@media screen and (max-width: 767px){
  .boxHeader .boxleft{
    vertical-align: top;
  }
  .boxHeader .titlediv{
    display: block;
    width: 100%;
    margin-bottom: 25px;
  }
}
.boxSlider {
  background-image: url('../img/sliderbg.png');
  background-repeat: no-repeat;
  max-width: 1920px;
  height: 520px;
  background-position: center;
  position: relative;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
}
.sliderBoxContainer{
  width: 1440px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.sliderBoxContainer .item
{
  background-repeat: no-repeat;;
  height: 500px;
  position: relative;
  cursor: pointer;
}

.sliderBoxContainer .item .title{
  font-size: 40px;
  font-family: "Lato";
  color: rgb(0, 0, 0);
  font-weight: bold;
  padding: 0;
  margin: 0;
  /*margin-bottom: 15px;*/
}


.sliderBoxContainer .item .subtitle{
    font-size: 31px;
    font-family: "Lato";
    color: rgb(0, 0, 0);
    font-weight: normal;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
.sliderBoxContainer .item .btn {
  background-color: rgb(191, 33, 33);
  position: absolute;
  height: 50px;
  font-weight: 600;
  display: block;
  max-width: 300px;
  position: relative;
  overflow: hidden;
}
.sliderBoxContainer .item .btn span{
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: white;
  font-size: 18px;
  padding-left: 45px;
  padding-right: 45px;
  white-space: nowrap;
}
.sliderBoxContainer .item .desc{
  position: absolute;
  top: 50px;
  left: 115px;
}

.sliderBoxContainer .item .btn i {
  top: 50%;
  right: 20px;
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.sliderBoxContainer .bx-pager {
  position: absolute;
  bottom: -5px;
  right: 50px;
  z-index: 1000;
}
.sliderBoxContainer .bx-pager button,
.sliderBoxContainer .bx-pager .bx-pager-link {
  font-size: 0;
  padding: 5px;
  border: 7px solid white;
  border-radius: 100%;
  cursor: pointer;
  background-color: #273143;
}
.sliderBoxContainer .bx-pager button.active,
.sliderBoxContainer .bx-pager .bx-pager-link.active{
  background-color: white;
}
.sliderBoxContainer .bx-pager button,
.sliderBoxContainer .bx-pager .bx-pager-item{
  display: inline-block;
  margin-left: 10px;
  box-shadow: 1px 1px 15px black;
}


.bx-prev,.bx-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.bx-prev{
  left: -80px;
}
.bx-next{
  right: -80px;
}
@media screen and (min-width: 1025px) {
  .sliderBoxContainer .item .title{
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    opacity: 1;
    /*margin-bottom: 15px;*/
  }

  .sliderBoxContainer .item.active .title
  {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
  }

  .sliderBoxContainer .item .subtitle{
      transform: translateX(200px);
      -webkit-transform: translateX(200px);
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      opacity: 1;
  }
  .sliderBoxContainer .item.active .subtitle
  {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
  }

    .sliderBoxContainer .item .btn{
        transform: translateY(200px);
        -webkit-transform: translateY(200px);
        transition: all 0.7s;
        -webkit-transition: all 0.7s;
        opacity: 1;
    }
    .sliderBoxContainer .item.active .btn
    {
      transform: translateY(0);
      -webkit-transform: translateY(0);
      opacity: 1;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1440px){
  .sliderBoxContainer{
    width: 100%;
  }
}

@media screen and (max-width:1024px){
  /*.sliderBoxContainer .bx-pager{
    left: 50%;
    bottom: -50px;
    right: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .sliderBoxContainer .bx-pager .bx-pager-link{
    border-color: #333;
  }
  .sliderBoxContainer .bx-pager .bx-pager-link.active{
    background-color: #333;
  }
  .boxSlider {
    max-width: 100%;
    background-image: none;
  }
  .sliderBoxContainer{
    width: 100%;
  }*/
  .sliderBoxContainer .item
  {
    background-size: cover;
  }
}

@media screen and (max-width:1440px){
  .sliderBoxContainer .item {
    background-image: none !important;
  }

  .sliderBoxContainer .descmobile{
    display: block;
    width: 100%;
    background-color: rgb(191, 33, 33);
    padding: 15px 10px;
    padding-right: 0;
    color: white;
    position: relative;
    height: auto;
    padding-bottom: 1px;
    /*height: 50px;*/
  }

  .sliderBoxContainer .descmobile .wraper{
    /*position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);*/
  }

  .sliderBoxContainer .descmobile .arrow{
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .sliderBoxContainer .item .img{
    display: block;
    width: 100%;
    height: auto;
  }

  .sliderBoxContainer .item .descmobile .title{
    font-size: 20px;
    color: white;
  }
  .sliderBoxContainer .item .descmobile .subtitle{
    font-size: 20px;
    color: white;
  }
  .sliderBoxContainer .item .desc{
    display: none;
  }
  .sliderBoxContainer .item .btn span{
    font-size: 15px;
    font-weight: 400;
  }
  .boxSlider {
    max-width: 100%;
    /*height: 348px;*/
    height: auto;
    background-image: none;
  }
  .sliderBoxContainer{
    width: 100%;
    height: auto;
  }
  .sliderBoxContainer .item
  {
    height: 200px;
    background-size: cover;
  }

  /*.boxSlider {
    height: 248px;
  }*/
  .sliderBoxContainer{
    /*height: 200px;*/
    height: auto;
  }
  .sliderBoxContainer .item
  {
    /*height: 200px;*/
    height: auto;
  }
}

@media screen and (max-width: 767px){
  .sliderBoxContainer .bx-pager {
    display: none;
  }
}

.wybory {
  width: 50%;
  margin: 30px auto 0px;
}
@media screen and (min-width: 750px) and (max-width: 1170px){
  .wybory {
    width: 80%;
  }
}
.wybory .topic{
  font-weight: bold;
}
.wybory .wybor .title {
    font-size: 12px;
    margin: 9px 0 0px 0px;
    clear: both;
    font-weight: 900;
}
.wybory .wybor{
  clear:both;
}
.wybory .wybor #wybor_1_36,
.wybory .wybor #wybor_1_48,
.wybory .wybor #wybor_2_0,
.wybory .wybor #wybor_2_30 {
    cursor: pointer;
    position: relative;
    float: left;
    width: 50%;
    height: 85px;
    background: #252525;
    color: #FFF;
    font-size: 22px;
    line-height: 0.6;
    text-align: center;
}

.wybory .wybor #wybor_1_36,
.wybory .wybor #wybor_1_48,
.wybory .wybor #wybor_2_0,
.wybory .wybor #wybor_2_30 {
    cursor: pointer;
    color: #FFF;
    font-size: 22px;
    line-height: 0.6;
    text-align: center;
}
.wybory .wybor #wybor_1_36 p,
.wybory .wybor #wybor_1_48 p,
.wybory .wybor #wybor_2_0 p,
.wybory .wybor #wybor_2_30 p {
  color: white;
  font-size: 30px;
  padding-top: 15px;
  line-height: 30px;
}

.wybory .wybor #wybor_2_0 p,
.wybory .wybor #wybor_2_30 p {
  font-size: 40px;
  line-height: 60px;
}

.wybory .wybor #wybor_1_36 span,
.wybory .wybor #wybor_1_48 span,
.wybory .wybor #wybor_2_0 span,
.wybory .wybor #wybor_2_30 span {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 100%;
    font-weight: 900;
    color: #FFF;
}
.wybory .wybor #wybor_1_36.on,
.wybory .wybor #wybor_1_48.on,
.wybory .wybor #wybor_2_0.on,
.wybory .wybor #wybor_2_30.on {
    background-color: #EF3037;
}

.abonament {
  color: black;
  font-size: 29px;
  clear: both;
  text-align: center;
  padding-top: 50px;
  clear: both;
}
.abonament b{
  color: red;
}
.abonament .cenabg {
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #EF3037;
    float: left;
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.abonament .cenabg b {
    font-size: 30px;
    margin-left: 10px;
    text-transform: none;
}

.abonament .ratbg {
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #4d5a69;
    float: left;
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
}


.abonament .ratbg b {
    font-size: 30px;
    margin-left: 10px;
    text-transform: none;
}
.txt-rrso {
    color: #666;
    font-size: 10px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
}

.txt-rrso .hide{
  display: none;
}

@media screen and (max-width: 749px){
  .finansowanie {
    margin-left: -10px;
  }
  .wybory {
    width: 100%;
  }
  .wybory .wybor #wybor_1_36 p,
  .wybory .wybor #wybor_1_48 p{
    font-size: 20px;
    line-height: 35px;
  }
  wybory .wybor #wybor_1_36 span, .wybory .wybor #wybor_1_48 span{
    top: 65%;
  }
  .abonament {
    font-size: 20px;
  }
}


#carList .rateBox{
  background-color: #273243;
  color: white;
  padding: 11px 15px;
}
@media screen and (min-width: 1171px){
  #carList .rateBox{
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 81px;
  }
}

#carList td.ceny span{
  margin-left: 10px;
}
#carList h1.carListHeader span {
  margin-left: 20px;
  margin-bottom: 20px;
}
.Checker2Layout .col-sm-15.img img{
  display: none;
}

@media screen and (min-width: 50px) and (max-width: 1170px){
  #carList h1.carListHeader img {
    max-width: 100%;
  }
  #carList h1.carListHeader span{
    font-size: 26px;
  }
  #carList .rateBox {
      margin-top: 15px;
      margin-left: -12px;
  }
  #carList .ceny,
  #carList .desc{
    margin-left: 12px;
  }
}
@media screen and (max-width: 767px){
  #carList h1.carListHeader img {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  #carList h1.carListHeader span{
    /*margin-top: 20px;*/
  }

  .Checker2Layout .banner .img .mask{
    background-image: none !important;
  }
  .Checker2Layout .col-sm-15.img img{
    display: block;
    width: 100%;
  }
  .Checker2Layout .col-sm-15.img .img{
    display: none;
  }
  .Checker2Layout .col-sm-15.img .banner{
    height: auto;
  }
}

.newLook h2{
  margin-top: 0;
  margin-bottom: 5px;
}
.newLook h2:after{
  display: none;
}
.newLook .prices .item{
  font-size: 16px;
  color: #273243;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 1170px){
  .newLook .prices .item{
    font-size: 15px;
  }
}

@media screen and (min-width: 750px) and (max-width: 1170px){
  .newLook .prices{
    margin-left: -12px;
  }
}

.newLook .prices .item span{
  display: inline-block;
  width: 100px;
}
.newLook .prices .item.promo .value{
  color: #d51515 !important;
  font-size: 18px;
  font-weight: bold;
  display: inline;
}
.newLook .prices .item.promo i{
  color: #d51515;
  font-size: 14px;
}
.newLook .prices .item.wyprz .value{
  color: #d51515 !important;
  font-size: 18px;
  font-weight: bold;
  display: inline;
}
.newLook .prices .item.wyprz i{
  color: #d51515;
  font-size: 14px;
}
.newLook .prices .item.normal .value{
  color: #bdbdbd !important;
  font-size: 18px;
  font-weight: bold;
  display: inline;
  text-decoration: line-through;
}
.newLook .prices .item.normal i{
  color: #bdbdbd;
  font-size: 14px;
  text-decoration: line-through;
}
.newLook .prices .item.rate .value{
  color: #273243 !important;
  font-size: 18px;
  font-weight: bold;
  display: inline;
}
.newLook .prices .item.rate i{
  color: #273243;
  font-size: 14px;
}
.newLook .szczegolybutton{
  color: white;
  font-size: 14px;
  background-color: #273243;
  display: inline-block;
  padding: 12px 40px;
}
.newLook .hoverimg .hover{
  display: none;
}
.newLook .hoverimg:hover .hover{
  display: block;
}
.newLook .ssnmobile,
.newLook .hoverimg:hover .active{
  display: none;
}

@media screen and (max-width: 1170px){
  .newLook .szczegolybutton,
  .newLook .hoverimg{
    display: none;
  }
  .newLook h2.cartitle{
    margin-top: 14px;
  }
  .newLook .prices{
    text-align: left;
    margin-top: 15px;
  }
  .newLook .ssnmobile{
    display: block;
    position: absolute;
    right: 0;
    margin-top: -70px;
  }
  #general h3.cartitle,
  #general h2.cartitle{
    margin-left: 0 !important;
    margin-bottom: 14px;

    padding-top: 10px;
    padding-bottom: 15px;
  }
  .show_cars_horizotnal ul li table tbody tr td{
    margin-left: -12px;
  }
  .show_cars_horizotnal ul li strong,
  .show_cars_horizotnal ul li h2{
    margin-bottom: -8px !important;
    margin-left: 0 !important;
    width: 100%;
  }
}

.swapBtn{
  background-color: #303743 !important;
  color: white;
}
.swapBtn:hover{
  color: white !important;
}

.swapBtn img{
  position: absolute;
  right: -12px;
  top: 11px;
  z-index: 100;
}

.sortLabel{
  font-size: 14px;
  display: inline-block;
  margin-left: 30px;
  color: #273243;
}
.sortActions{
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
  padding-bottom: 10px;
  margin-top: 10px;
  text-align: right;
  margin-left: 25px;
  margin-right: 25px;
}
@media screen and (max-width: 1169px){
  .sortActions{
    margin-left: 15px;
    margin-right: 15px;
  }
}
.sortButtons{
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}
.sortButtons .sprite:first-child{
  margin-bottom: 5px;
}


.sprite {
    background-image: url('../img/updown.png');
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}

.sprite-down {
    width: 13px;
    height: 6px;
    background-position: 0 0;
}

.sprite-down.active {
    width: 13px;
    height: 6px;
    background-position: -13px 0;
}

.sprite-up {
    width: 13px;
    height: 6px;
    background-position: -26px 0;
}

.sprite-up.active {
    width: 13px;
    height: 6px;
    background-position: -39px 0;
}

.auto_block_horizontal h2{
  font-size: 16px;
}

#box590 #PrzetwarzanieDanychCheckbox373{
  margin-top: 10px;
}

#Form_ContactForm  .select:hover, #Form_ContactForm .select:focus{
  height: 37px !important;
}

.carListDescription{
  margin-left: 25px;
  margin-right: 25px;
  padding-bottom: 20px;
}

@media screen and (min-width: 1171px){
  .carListDescription{
    margin-top: -30px;
  }

}

.carListBanner{
  text-align: center;
}

.carListBanner{
  max-width: 100%;
}

.das_welt_auto{
  background-color: white;
  width: 227px;
  text-align: center;
  padding-bottom: 40px;
  margin-top: 20px;
}

.das_welt_auto h2{
  font-weight: bold;
  text-transform: none !important;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 20px;
}

.das_welt_auto h2::after{
  display: none !important;
}

.das_welt_auto .section_circle{
  padding-bottom: 30px;
}

.das_welt_auto .section_circle p{
  text-transform: none !important;
}


@media screen and (max-width: 749px){
  .das_welt_auto{
    display: none;
  }

  .das-welt-auto-box table ,
  .das-welt-auto-box tr {
    width: 100% !important;
    position: relative;
  }

  .das-welt-auto-box .ceny{
    text-align: right !important;
    position: absolute;
    right: 0;
    float: none !important;
  }

  .newLook .prices {
    text-align: right;
  }
}

h2.h2_das_welt_autoXS::after,
h2.h2_das_welt_auto::after{
  display: none !important;
}
h2.h2_das_welt_auto{
  float: none;
  margin-right: 0;
  color: #ef722f;
  font-size: 14px;
}

h2.h2_das_welt_autoXS{
  color: #ef722f;
  font-size: 14px;
  margin-left: 0px;
}

@media screen and (min-width: 750px){
  h2.h2_das_welt_autoXS{
    display: none;
  }
}

@media screen and (max-width: 749px){
  h2.h2_das_welt_auto{
    display: none;
  }
  h2.h2_das_welt_auto.newLook{
    display: block;
    margin-right: 15px;
  }
}

@media screen and (min-width: 750px) and (max-width: 1170px){
  .das-welt-auto-box .ceny{
    text-align: right !important;
    position: absolute;
    left: 250px;
    float: none !important;
  }
  h2.h2_das_welt_auto.newLook{
    margin-left: 0;
  }
}

h2.h2_das_welt_auto.newLook{
  margin-top: 15px;
}

.specialOffer2.lastminute{
    right: -44px;
    top: 48px;
    width: 206px;
}





.last_minute_btn{
  width: 350px;
  position: fixed;
  left: -45px;
  top: 20px;
  z-index: 1111500;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.last_minute_btn.turnoff{
  left: -352px;
}


.last_minute_btn a{
  background-color: #245ba6;
  display: block;
  color: white;
  border: 1px solid white;
  border-radius: 40px;
  height: 65px;
}

.last_minute_btn a .last_minute_header{
  font-size: 22px;
  font-family: Lato;
  margin-left: 70px;
  margin-top: 10px;
}

.last_minute_btn a .last_minute_p{
  font-size: 18px;
  margin-left: 142px;
  margin-top: 5px;
  font-family: lato;
}

.last_minute_btn a .last_minute_p img{
  margin-left: 12px;
  position: relative;
  top: 2px;
}

.last_minute_btn .last_minute_close{
  color: #5f5d5c;
  font-size: 18px;
  font-family: lato;
  margin-left: 136px;
  margin-top: 10px;
  cursor: pointer;
  display: inline-block;
}

.last_minute_btn .last_minute_close img{
  margin-left: 8px;
}



/* popup youlead */
/* div#container

{
   width: 1366px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
#content-layer-thx{
  display: none;
}
#Image-layer
{
   background-color: transparent;
   background-image: url(https://bednarek.com.pl/youlead-img/phone-handa.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: cover;
}
#MainLayer
{
   background-color: #FBFBFB;
   background-image: none;
}
#content-layer
{
   background-color: #132B3E;
   background-image: none;
}
#Headline-layer
{
   background-color: transparent;
   background-image: none;
}
#wb_headline
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_headline div
{
   text-align: center;
}
#subhead-layer
{
   background-color: transparent;
   background-image: none;
}
#wb_subheadline
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_subheadline div
{
   text-align: center;
}
#phone
{
   border: 0px #CCCCCC solid;
   background-color: #FFFFFF;
   background-image: none;
   color :#000000;
   font-family: "Lato Black";
   font-family: 'Lato', sans-serif;
   font-weight: normal;
   font-size: 13px;
   padding: 4px 4px 4px 4px;
   text-align: center;
   vertical-align: middle;
}
#wyslij
{
   border: 0px #2E6DA4 solid;
   background-color: #347F38;
   background-image: none;
   color: #FFFFFF;
   font-family: "Lato Black";
   font-family: 'Lato', sans-serif;
   font-weight: normal;
   font-size: 13px;
}
#fields-layer
{
   background-color: transparent;
   background-image: none;
}
#info-call-layer
{
   background-color: transparent;
   background-image: none;
}
#wb_Info-text
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Info-text div
{
   text-align: center;
   white-space: nowrap;
}
#wb_agree, #wb_agree *, #wb_agree *::before, #wb_agree *::after
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#wb_agree input[type='checkbox']
{
   position: absolute;
   padding: 0;
   margin: 0;
   opacity: 0;
   z-index: 1;
   width: 13px;
   height: 13px;
   left: 0;
   top: 0;
}
#wb_agree label
{
   display: inline-block;
   vertical-align: middle;
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 0;
   padding: 0;
}
#wb_agree label::before
{
   content: "";
   display: inline-block;
   position: absolute;
   width: 13px;
   height: 13px;
   left: 0;
   top: 0;
   background-color: #FFFFFF;
   border: 1px #CCCCCC solid;
   border-radius: 4px;
}
#wb_agree label::after
{
   display: inline-block;
   position: absolute;
   width: 13px;
   height: 13px;
   left: 0;
   top: 0;
   padding: 0;
   text-align: center;
   line-height: 13px;
}
#wb_agree input[type='checkbox']:checked + label::after
{
   content: " ";
   background: url('data:image/svg+xml,%3Csvg%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20style%3D%22fill%3A%23FFFFFF%22%20transform%3D%22scale%280.0073%29%22%3E%0D%0A%3Cpath%20transform%3D%22rotate%28180%29%20scale%28-1%2C1%29%20translate%280%2C-1536%29%22%20d%3D%22M1671%20970q0%20-40%20-28%20-68l-724%20-724l-136%20-136q-28%20-28%20-68%20-28t-68%2028l-136%20136l-362%20362q-28%2028%20-28%2068t28%2068l136%20136q28%2028%2068%2028t68%20-28l294%20-295l656%20657q28%2028%2068%2028t68%20-28l136%20-136q28%20-28%2028%20-68z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
   background-size: 80% 80%
}
#wb_agree input[type='checkbox']:checked + label::before
{
   background-color: #3370B7;
   background-image: none;
   border-color: #3370B7;
}
#wb_agree input[type='checkbox']:focus + label::before
{
   outline: thin dotted;
}
#wb_klauzula
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
   text-transform: none !important;
}
#wb_klauzula div
{
   text-align: left;
}
#wb_read-more
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_read-more div
{
   text-align: right;
}
#Layer3
{
   background-color: transparent;
   background-image: none;
}
#Shape1
{
   border-width: 0;
}
#wb_uid1,
#wb_uid1a
{
   color: #FFFFFF;
   font-family: Lato Black;
   font-family: 'Lato', sans-serif;
   font-size: 13px;
}
#wb_uid1a{
  position: absolute;
  top: 70px;
  left: 300px;
}
#Shape1
{
   width: 18px;
   height: 18px;
}
#wb_uid2
{
   color: #347F38;
   font-family: Arial;
   font-size: 11px;
   cursor: pointer;
}
#wb_uid3a{
  display: none;
}
#wb_uid3
{
   color: #F5F5F5;
   font-family: Arial;
   font-size: 11px;
}
#wb_uid4
{
   color: #FFFFFF;
   font-family: Lato Light;
   font-family: 'Lato', sans-serif;
   font-size: 15px;
   line-height: 14px;
}
#wb_agree
{
   position: absolute;
   left: 20px;
   top: 44px;
   width: 13px;
   height: 13px;
   z-index: 6;
}
#content-layer
{
   position: absolute;
   text-align: left;
   left: 0px;
   top: 0px;
   width: 600px;
   height: 420px;
   z-index: 15;
}
#wb_Info-text
{
   position: absolute;
   left: 20px;
   top: 20px;
   width: 310px;
   height: 28px;
   text-align: center;
   z-index: 7;
}
#agree
{
   position: absolute;
   left: 0;
   top: 0;
}
#Layer3
{
   position: absolute;
   text-align: left;
   left: 245px;
   top: 251px;
   width: 350px;
   height: 114px;
   z-index: 11;
}
#Image-layer
{
   position: absolute;
   text-align: left;
   left: 0px;
   top: 0px;
   width: 240px;
   height: 420px;
   z-index: 14;
}
#subhead-layer
{
   position: absolute;
   text-align: left;
   left: 245px;
   top: 66px;
   width: 25.6223%;
   height: 42px;
   z-index: 9;
}
#phone
{
   position: absolute;
   left: 20px;
   top: 10px;
   width: 302px;
   height: 27px;
   line-height: 27px;
   z-index: 3;
}
#MainLayer
{
   position: absolute;
   text-align: left;
   left: 383px;
   top: 170px;
   width: 600px;
   height: 420px;
   z-index: 39;
}
#wb_headline
{
   position: absolute;
   left: 20px;
   top: 8px;
   width: 310px;
   height: 25px;
   text-align: center;
   z-index: 0;
}
#wb_klauzula
{
   position: absolute;
   left: 44px;
   top: 44px;
   width: 286px;
   height: 14px;
   z-index: 5;
}
#wb_read-more
{
   position: absolute;
   left: 44px;
   top: 69px;
   width: 274px;
   height: 14px;
   text-align: right;
   z-index: 4;
}
#wyslij
{
   position: absolute;
   left: 20px;
   top: 50px;
   width: 310px;
   height: 35px;
   z-index: 2;
}
#Headline-layer
{
   position: absolute;
   text-align: left;
   left: 245px;
   top: 25px;
   width: 350px;
   height: 41px;
   z-index: 8;
}
#info-call-layer
{
   position: absolute;
   text-align: left;
   left: 245px;
   top: 108px;
   width: 350px;
   height: 54px;
   z-index: 13;
}
#fields-layer
{
   position: absolute;
   text-align: left;
   left: 245px;
   top: 162px;
   width: 350px;
   height: 89px;
   z-index: 10;
}
#wb_Shape1
{
   position: absolute;
   left: 572px;
   top: 9px;
   width: 18px;
   height: 18px;
   z-index: 12;
   cursor: pointer;
}
#wb_subheadline
{
   position: absolute;
   left: 20px;
   top: 11px;
   width: 310px;
   height: 16px;
   text-align: center;
   z-index: 1;
}
#wb_uid0
{
   color: #60ACF1;
   font-family: Lato Black;
   font-family: 'Lato', sans-serif;
   font-size: 21px;
}
@media only screen and (min-width: 800px) and (max-width: 1365px)
{
  div#container
  {
     width: 800px;
  }
  body
  {
     background-color: #FFFFFF;
     background-image: none;
  }
  #Image-layer
  {
     left: 0px;
     top: 0px;
     width: 240px;
     height: 420px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: url(https://bednarek.com.pl/youlead-img/phone-handa.jpg);
     background-repeat: no-repeat;
     background-position: left top !important;
     background-attachment: scroll;
     background-size: cover;
  }
  #MainLayer
  {
     left: 100px;
     top: 79px;
     width: 600px;
     height: 420px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #FBFBFB;
     background-image: none;
  }
  #content-layer
  {
     left: 0px;
     top: 0px;
     width: 600px;
     height: 420px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #132B3E;
     background-image: none;
  }
  #Headline-layer
  {
     left: 245px;
     top: 25px;
     width: 350px;
     height: 41px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_headline
  {
     left: 20px;
     top: 8px;
     width: 310px;
     height: 25px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_headline
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #subhead-layer
  {
     left: 245px;
     top: 66px;
     height: 42px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #subhead-layer
  {
     width: 43.75%;
  }
  #wb_subheadline
  {
     left: 20px;
     top: 11px;
     width: 310px;
     height: 16px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_subheadline
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #phone
  {
     left: 20px;
     top: 10px;
     width: 302px;
     height: 27px;
     visibility: visible;
     display: inline;
     color: #000000;
     font-size: 13px;
     font-family: "Lato Black";
     font-family: 'Lato', sans-serif;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #FFFFFF;
     background-image: none;
  }
  #wyslij
  {
     left: 20px;
     top: 50px;
     width: 310px;
     height: 35px;
     visibility: visible;
     display: inline;
     color: #FFFFFF;
     font-size: 13px;
     font-family: "Lato Black";
     font-family: 'Lato', sans-serif;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #347F38;
     background-image: none;
  }
  #fields-layer
  {
     left: 245px;
     top: 162px;
     width: 350px;
     height: 89px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #info-call-layer
  {
     left: 245px;
     top: 108px;
     width: 350px;
     height: 54px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Info-text
  {
     left: 20px;
     top: 20px;
     width: 310px;
     height: 28px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Info-text
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #wb_agree
  {
     left: 20px;
     top: 44px;
     width: 13px;
     height: 13px;
     visibility: visible;
     display: inline;
  }
  #wb_agree input[type='checkbox']
  {
     width: 13px;
     height: 13px;
  }
  #wb_agree label::before
  {
     width: 13px;
     height: 13px;
     border-color: #CCCCCC;
  }
  #wb_agree label::after
  {
     width: 13px;
     height: 13px;
     line-height: 13px;
  }
  #wb_agree input[type='checkbox']:checked + label::after
  {
     color: #FFFFFF;
  }
  #wb_agree input[type='checkbox']:checked + label::before
  {
     background-color: #3370B7;
     background-image: none;
     border-color: #3370B7;
  }
  #wb_klauzula
  {
     left: 44px;
     top: 44px;
     width: 286px;
     height: 14px;
     visibility: visible;
     display: inline;
     font-size: 8px !important;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
     line-height: 12px !important;
  }
  #wb_klauzula
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #wb_read-more
  {
     left: 44px;
     top: 69px;
     width: 274px;
     height: 14px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_read-more
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #Layer3
  {
     left: 245px;
     top: 251px;
     width: 350px;
     height: 114px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Shape1
  {
     left: 572px;
     top: 9px;
     visibility: visible;
     display: inline;
  }
}
@media only screen and (min-width: 768px) and (max-width: 799px)
{
  div#container
  {
     width: 768px;
  }
  body
  {
     background-color: #FFFFFF;
     background-image: none;
  }
  #Image-layer
  {
     left: 0px;
     top: 0px;
     width: 240px;
     height: 420px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: url(https://bednarek.com.pl/youlead-img/phone-handa.jpg);
     background-repeat: no-repeat;
     background-position: left top !important;
     background-attachment: scroll;
     background-size: cover;
  }
  #MainLayer
  {
     left: 84px;
     top: 61px;
     width: 600px;
     height: 420px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #FBFBFB;
     background-image: none;
  }
  #content-layer
  {
     left: 0px;
     top: 0px;
     width: 600px;
     height: 420px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #132B3E;
     background-image: none;
  }
  #Headline-layer
  {
     left: 245px;
     top: 25px;
     width: 350px;
     height: 41px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_headline
  {
     left: 20px;
     top: 8px;
     width: 310px;
     height: 25px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_headline
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #subhead-layer
  {
     left: 245px;
     top: 66px;
     height: 42px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #subhead-layer
  {
     width: 45.5729%;
  }
  #wb_subheadline
  {
     left: 20px;
     top: 11px;
     width: 310px;
     height: 16px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_subheadline
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #phone
  {
     left: 20px;
     top: 10px;
     width: 302px;
     height: 27px;
     visibility: visible;
     display: inline;
     color: #000000;
     font-size: 13px;
     font-family: "Lato Black";
     font-family: 'Lato', sans-serif;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #FFFFFF;
     background-image: none;
  }
  #wyslij
  {
     left: 20px;
     top: 50px;
     width: 310px;
     height: 35px;
     visibility: visible;
     display: inline;
     color: #FFFFFF;
     font-size: 13px;
     font-family: "Lato Black";
     font-family: 'Lato', sans-serif;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #347F38;
     background-image: none;
  }
  #fields-layer
  {
     left: 245px;
     top: 162px;
     width: 350px;
     height: 89px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #info-call-layer
  {
     left: 245px;
     top: 108px;
     width: 350px;
     height: 54px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Info-text
  {
     left: 20px;
     top: 20px;
     width: 310px;
     height: 28px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Info-text
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #wb_agree
  {
     left: 20px;
     top: 44px;
     width: 13px;
     height: 13px;
     visibility: visible;
     display: inline;
  }
  #wb_agree input[type='checkbox']
  {
     width: 13px;
     height: 13px;
  }
  #wb_agree label::before
  {
     width: 13px;
     height: 13px;
     border-color: #CCCCCC;
  }
  #wb_agree label::after
  {
     width: 13px;
     height: 13px;
     line-height: 13px;
  }
  #wb_agree input[type='checkbox']:checked + label::after
  {
     color: #FFFFFF;
  }
  #wb_agree input[type='checkbox']:checked + label::before
  {
     background-color: #3370B7;
     background-image: none;
     border-color: #3370B7;
  }
  #wb_klauzula
  {
     left: 44px;
     top: 44px;
     width: 286px;
     height: 14px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
     line-height: 12px !important;
  }
  #wb_klauzula
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #wb_read-more
  {
     left: 44px;
     top: 69px;
     width: 274px;
     height: 14px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_read-more
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #Layer3
  {
     left: 245px;
     top: 251px;
     width: 350px;
     height: 114px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Shape1
  {
     left: 572px;
     top: 9px;
     visibility: visible;
     display: inline;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
  #wb_uid1a{
    left: 50px;
  }
  div#container
  {
     width: 480px;
  }
  body
  {
     background-color: #FFFFFF;
     background-image: none;
  }
  #Image-layer
  {
     left: 120px;
     top: 0px;
     width: 240px;
     height: 420px;
     visibility: hidden;
     display: none;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: url(https://bednarek.com.pl/youlead-img/phone-handa.jpg);
     background-repeat: no-repeat;
     background-position: left top !important;
     background-attachment: scroll;
     background-size: cover;
  }
  #MainLayer
  {
     left: 60px;
     top: 120px;
     width: 360px;
     height: 420px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #FBFBFB;
     background-image: none;
  }
  #content-layer
  {
     left: 0px;
     top: 0px;
     width: 360px;
     height: 420px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #132B3E;
     background-image: none;
  }
  #Headline-layer
  {
     left: 5px;
     top: 25px;
     width: 350px;
     height: 41px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_headline
  {
     left: 20px;
     top: 8px;
     width: 310px;
     height: 25px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_headline
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #subhead-layer
  {
     left: 5px;
     top: 66px;
     height: 42px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #subhead-layer
  {
     width: 72.9167%;
  }
  #wb_subheadline
  {
     left: 20px;
     top: 11px;
     width: 310px;
     height: 16px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_subheadline
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #phone
  {
     left: 20px;
     top: 10px;
     width: 302px;
     height: 27px;
     visibility: visible;
     display: inline;
     color: #000000;
     font-size: 13px;
     font-family: "Lato Black";
     font-family: 'Lato', sans-serif;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #FFFFFF;
     background-image: none;
  }
  #wyslij
  {
     left: 20px;
     top: 50px;
     width: 310px;
     height: 35px;
     visibility: visible;
     display: inline;
     color: #FFFFFF;
     font-size: 13px;
     font-family: "Lato Black";
     font-family: 'Lato', sans-serif;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #347F38;
     background-image: none;
  }
  #fields-layer
  {
     left: 5px;
     top: 162px;
     width: 350px;
     height: 89px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #info-call-layer
  {
     left: 5px;
     top: 108px;
     width: 350px;
     height: 54px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Info-text
  {
     left: 20px;
     top: 20px;
     width: 310px;
     height: 28px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Info-text
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #wb_agree
  {
     left: 20px;
     top: 44px;
     width: 13px;
     height: 13px;
     visibility: visible;
     display: inline;
  }
  #wb_agree input[type='checkbox']
  {
     width: 13px;
     height: 13px;
  }
  #wb_agree label::before
  {
     width: 13px;
     height: 13px;
     border-color: #CCCCCC;
  }
  #wb_agree label::after
  {
     width: 13px;
     height: 13px;
     line-height: 13px;
  }
  #wb_agree input[type='checkbox']:checked + label::after
  {
     color: #FFFFFF;
  }
  #wb_agree input[type='checkbox']:checked + label::before
  {
     background-color: #3370B7;
     background-image: none;
     border-color: #3370B7;
  }
  #wb_klauzula
  {
     left: 44px;
     top: 44px;
     width: 286px;
     height: 14px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
     line-height: 12px !important;
  }
  #wb_klauzula
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #wb_read-more
  {
     left: 44px;
     top: 69px;
     width: 274px;
     height: 14px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_read-more
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #Layer3
  {
     left: 5px;
     top: 251px;
     width: 350px;
     height: 114px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Shape1
  {
     left: 332px;
     top: 9px;
     visibility: visible;
     display: inline;
  }
}
@media only screen and (max-width: 479px)
{
  #wb_uid1a{
    left: 50px;
  }
  div#container
  {
     width: 320px;
  }
  body
  {
     background-color: #FFFFFF;
     background-image: none;
  }
  #Image-layer
  {
     left: 0px;
     top: 0px;
     width: 240px;
     height: 420px;
     visibility: hidden;
     display: none;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: url(https://bednarek.com.pl/youlead-img/phone-handa.jpg);
     background-repeat: no-repeat;
     background-position: left top !important;
     background-attachment: scroll;
     background-size: cover;
  }
  #MainLayer
  {
     left: 0px;
     top: 149px;
     width: 320px;
     height: 420px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #FBFBFB;
     background-image: none;
  }
  #content-layer
  {
     left: 0px;
     top: 0px;
     width: 320px;
     height: 420px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #132B3E;
     background-image: none;
  }
  #Headline-layer
  {
     left: 0px;
     top: 25px;
     width: 320px;
     height: 41px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_headline
  {
     left: 28px;
     top: 8px;
     width: 264px;
     height: 25px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_headline
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #subhead-layer
  {
     left: 0px;
     top: 75px;
     height: 42px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #subhead-layer
  {
     width: 100%;
  }
  #wb_subheadline
  {
     left: 16px;
     top: 5px;
     width: 289px;
     height: 32px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_subheadline
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #phone
  {
     left: 28px;
     top: 7px;
     width: 262px;
     height: 27px;
     visibility: visible;
     display: inline;
     color: #000000;
     font-size: 13px;
     font-family: "Lato Black";
     font-family: 'Lato', sans-serif;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #FFFFFF;
     background-image: none;
  }
  #wyslij
  {
     left: 28px;
     top: 47px;
     width: 270px;
     height: 35px;
     visibility: visible;
     display: inline;
     color: #FFFFFF;
     font-size: 13px;
     font-family: "Lato Black";
     font-family: 'Lato', sans-serif;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: #347F38;
     background-image: none;
  }
  #fields-layer
  {
     left: 0px;
     top: 201px;
     width: 320px;
     height: 89px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #info-call-layer
  {
     left: 1px;
     top: 130px;
     width: 318px;
     height: 54px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Info-text
  {
     left: 27px;
     top: 6px;
     width: 270px;
     height: 42px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Info-text
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #wb_agree
  {
     left: 20px;
     top: 44px;
     width: 13px;
     height: 13px;
     visibility: visible;
     display: inline;
  }
  #wb_agree input[type='checkbox']
  {
     width: 13px;
     height: 13px;
  }
  #wb_agree label::before
  {
     width: 13px;
     height: 13px;
     border-color: #CCCCCC;
  }
  #wb_agree label::after
  {
     width: 13px;
     height: 13px;
     line-height: 13px;
  }
  #wb_agree input[type='checkbox']:checked + label::after
  {
     color: #FFFFFF;
  }
  #wb_agree input[type='checkbox']:checked + label::before
  {
     background-color: #3370B7;
     background-image: none;
     border-color: #3370B7;
  }
  #wb_klauzula
  {
     left: 44px;
     top: 44px;
     width: 254px;
     height: 28px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
     line-height: 12px !important;
  }
  #wb_klauzula
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #wb_read-more
  {
     left: 44px;
     top: 69px;
     width: 249px;
     height: 14px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_read-more
  {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
  }
  #Layer3
  {
     left: 0px;
     top: 290px;
     width: 320px;
     height: 114px;
     visibility: visible;
     display: inline;
     font-size: 8px;
     font-family: Arial;
     font-weight: normal;
     font-style: normal;
     text-decoration: none;
     background-color: transparent;
     background-image: none;
  }
  #wb_Shape1
  {
     left: 291px;
     top: 7px;
     visibility: visible;
     display: inline;
  }
} */



img.wide-img{
  max-width: 100%;
  height: auto;
}


/** new menu */
@media screen and (min-width: 1171px){
  .vertical-menu .top_nav .hidden_nav ul li{
    display: block;
    white-space: nowrap;
    height: 45px;
  }

  .vertical-menu .top_nav .hidden_nav ul li:hover,
  .vertical-menu .top_nav .hidden_nav ul li:focus{
    background-color: #283243d9;
  }

  .vertical-menu .top_nav .hidden_nav ul li a{
    text-decoration: none;
    line-height: 45px;
  }

  .vertical-menu .top_nav .hidden_nav ul{
    padding: 0;
    width: auto;
  }


  .vertical-menu .top_nav .hidden_nav{
    height: auto;
    top: 50px;
    min-width: 250px;
    left: -10px;
    right: auto;
  }

  .vertical-menu .top_nav .navigation_top > li{
    position: relative;
  }

  .vertical-menu .top_nav .navigation_top > li:hover{
    background: #136fb0;
  }
}


.actionRow{
  margin-top: 20px;
  text-align: center;
}

.actionRow input[type="submit"]{
  display: inline-block;
}
.checkBoxRow .longMsg b{
  font-weight: 900;
}







.showMoreRule{
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
}


.down-rule-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000001;
  background-color: rgba(0,0,0,0.8);
  display: none;
}

@media screen and (min-width: 768px){
  .down-rule-overlay .description{
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 500px;
    padding: 35px;
  }
}
@media screen and (max-width: 767px){
  .down-rule-overlay .description
  {
    background-color: white;
    width: auto;
    padding: 35px;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 140px;
  }
  .down-rule-overlay .description button{
    margin-bottom: 60px;
  }
}
.down-rule-overlay .description{
  font-size: 12px;
}
.down-rule-overlay .description ol
{
  list-style-type:decimal;
}
.down-rule-overlay .description ol>li
{
  margin-left: 20px;
  margin-bottom: 10px;
}

.down-rule-overlay .description ul
{
  list-style-type:circle;
}

.down-rule-overlay .description ul>li
{
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.show-down-rule .down-rule-overlay{
  display: block;
}

.donwrulletext p{
  display: inline-block;
}

.down-rule-overlay .text-center{
  text-align: right;
}
.down-rule-overlay .description button{
  width: 112px;
      height: 40px;
      background: #303743;
      color: white;
      font-size: 16px;
      border: none;
      font-family: inherit;
      display: inline-block;
      margin-top: 20px;
      text-align: center;
      cursor: pointer;
}


/* rodo table */
table.rodotable{
  width: 100%;
}
table.rodotable tr{
  padding: 13px 0;
  border-bottom: 1px solid #4c5356;
  border-bottom: 1px solid #b2b4b5;
}
table.rodotable td{
  padding: 15px 5px;
  font-size: 14px;
  color: #333;
}
table.rodotable .pdficon{
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 11px !important;
}
table.rodotable .pdficon::before{
  content: '';
  display: inline-block;
  width: 34px;
  height: 46px;
  background-image: url('../img/pdficon.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  background-size: cover;
  width: 24px;
  height: 32px;
}
.textSection img, #general .textSection table.rodotable img,
table.rodotable img{
  height: 40px !important;
  width: auto !important;
  vertical-align: middle;
}
@media screen and (min-width: 768px){
  table.rodotable span,
  table.rodotable img.miniicon{
    display: none;
  }
}
@media screen and (max-width: 767px){
  table.rodotable tr{
    display: flex;
    flex-wrap: wrap;
  }
  table.rodotable tbody td{
    width: 100%;
  }
  table.rodotable thead tr{
    display: none;
  }
  table.rodotable img.miniicon{
    margin-left: 15px;
    margin-right: 5px;
  }
}
.mark li.dealer-img a img{
  width: auto;
  height: auto;
}
@media screen and (max-width: 749px) and (orientation: landscape) {
  section#home nav .mark.rwd a {
    margin: 0 0; }
}
@media screen and (max-width: 359px) {
  section#home .top_nav_rwd {
    width: 36px;
  }
}

@media screen and (max-width: 957px) and (min-width: 900px){
  #top .content h1 span{
    font-size: 13px;
  }
}

@media screen and (max-width: 899px) and (min-width: 750px){
  #top .content h1 span{
    position: absolute;
    top: 80px;
    color: white;
    right: 78px;
    white-space: nowrap;
  }
}

.iframe.policy{
  color:white;
  font-size:12px;
  padding-left: 15px;
  line-height: 20px;
  display: none;
}
.iframe.policy.show{
  display: block;
}

.iframe.policy ol{
  list-style-type: decimal;
}

/**
tor lodz
 */

.tor-lodz-form{
  margin-bottom: 50px;
}
.tor-lodz-form p {
  font-size: 16px;
}
.tor-lodz-form .field{
  margin-top: 10px;
  margin-bottom: 10px;
}
.tor-lodz-form .field input{
  padding: 4px 5px;
  border: 1px solid black;
  width: 140px;
  font-size: 16px;
}
.tor-lodz-form .field input.holder-error{
  border-color: red;
}
.tor-lodz-form .field .error-message{
  color: red;
  font-size: 12px;
  margin-top: 5px;
}

.tor-lodz-form button{
  width: 112px;
  height: 40px;
  background: #d4d4d4;
  color: black;
  font-size: 16px;
  border: none;
  font-family: inherit;
  display: block;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 15px;
}




@media screen and (max-width: 767px){
  #box991 .img,
  #box992 .img,
  #box993 .img,
  #box994 .img,
  #box995 .img,
  #box996 .img
  {
    display: block !important;
    background-color: white;
  }
  #box991 p,
  #box992 p,
  #box993 p,
  #box994 p,
  #box995 p,
  #box996 p
  {
    text-shadow: none !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    color: black;
    padding: 10px;
    line-height: 20px;
  }
  #box991 .button ,
  #box992 .button ,
  #box993 .button ,
  #box994 .button ,
  #box995 .button ,
  #box996 .button
  {
    text-shadow: none !important;
    opacity: 1 !important;
    transform: scale(1) !important;
  }
  #box991 .title ,
  #box992 .title ,
  #box993 .title ,
  #box994 .title ,
  #box995 .title ,
  #box996 .title
  {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 900px) and (max-width: 1100px){
  #top .content h1 span{
    position: absolute;
    top: 60px;
    color: white;
    right: -145px;
    white-space: nowrap;
  }
}

@media screen and (max-width: 374px){
  section#home nav .mark.rwd a:first-child{
    /*display: none;*/
  }
}
.page-container{
  max-width: 100vw;
  overflow: hidden;
}

#slider_home_pager{
  position: absolute;
  bottom: 27px;
  z-index: 50;
  display: flex;
  max-width: 1440px;
  left: 50%;
  transform: translateX(-50%);
  justify-content: flex-start;
  width: 100%;
  padding-left: 70px;
}

#slider_home_pager a{
  display: flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  background-color: #2b4163;
  color: #d7d8da;
  font-size: 20px;
  font-weight: bold;
  margin-right: 7px;
}


#slider_home_pager a.activeSlide{
  background-color: #4a4e55;
}

@media screen and (min-width: 1200px) {
  .dealer-of-year {
    position: absolute;
    top: 26px;
    left: 540px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1199px) {
  .dealer-of-year {
    position: absolute;
    top: 24px;
    right: 430px;
  }
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
  .dealer-of-year {
    position: absolute;
    top: 24px;
    right: 430px;
  }
}
@media screen and (min-width: 750px) and (max-width: 799px) {
  .dealer-of-year {
    position: absolute;
    top: 25px;
    right: 430px;
  }
  .dealer-of-year img{
    width: 140px;
  }
}

@media screen and (min-width: 450px) and (max-width: 749px)  {
  .dealer-of-year {
    position: absolute;
    top: 89px;
    right: 270px;
  }
  .dealer-of-year img{
    width: 140px;
  }
}

@media screen and (max-width: 449px)  {
  .dealer-of-year {
    position: absolute;
    top: 22px;
    right: 10px;
  }
  .dealer-of-year img{
    width: 140px;
  }
}
@media screen and (max-width: 767px){
  .mark li a img{
    width: 55px;
  }
}
.no-padding{
  padding: 0 !important;
}


@media screen and (max-width: 767px){
  .Checker2Layout .col-sm-15.img .banner h2{
    width: calc(100% - 35px) !important;
    font-size: 11px !important;
  }
  .Checker2Layout .col-sm-15.img .img{
    display: block;
  }
}
