/**
 * Base
 */
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,500,700&subset=latin-ext');*/
@font-face {
  font-family: 'Montserrat';
  font-weight: 300;
  src: url(fonts/Montserrat-Light.ttf);
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 300;
  font-style: italic;
  src: url(fonts/Montserrat-LightItalic.ttf);
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  src: url(fonts/Montserrat-Bold.ttf);
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 500;
  src: url(fonts/Montserrat-Medium.ttf);
}

*{font-family:'Montserrat', Arial, Helvetica, sans-serif;}
div, span, p, textarea, input, select, li, td, strong, em {color:#1c1c1c;}
a{color:#8c8c8c; outline:none; text-decoration:none;}
a:hover{color:#000; text-decoration:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;}
a:active{color:#666;}
h1,h2,h3,h4,h5{color:#1c1c1c;; font-weight:bold; padding:0;}
h1{font-size:28px; line-height:32px; margin:14px 0;}
h2 {
  font-size: 28px;
  line-height: 30px;
  margin: 12px 0;
}
h3{font-size:22px; line-height:26px; margin:10px 0;}
h4{font-size:18px; line-height:22px; margin:8px 0;}
h5{font-size:16px; line-height:20px; margin:6px 0;}
img{border:0;}
/* img:hover {opacity:0.85; filter:alpha(opacity=85); transition:0.8s; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s;} */
th{text-align:left;}
ul {
  margin: 0;
  padding: 0;
}
ol{
    padding: 5px 15px;
}
ul li {
  color: #464646;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 300;
  list-style: outside none none;
  margin: 3px;
  min-height: 20px;
  padding-left: 19px;
  position: relative;
}
ol li {
  color: #464646;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
}

ul li:before{
    content: "";
     background: none;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 15px;
    padding-right: 0.5em;
    position: absolute;
    /* top: 10px; */
    left: 0;
    width: 11px;
    height: 15px;
}

#subcontent li:before {
       background: rgba(0, 0, 0, 0) url("images/li.png") no-repeat scroll center center;
    }


#top_menu li a {

          margin-left: -0.15em;
    padding: 0 5px;
    position: relative;
    text-decoration: none;
    transition: color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
    z-index: 0;
}
#top_menu  li a::after {
    background: #0A733E none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    margin-left: -0.15em;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right center 0;
    transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    width: 100%;
    z-index: -1;
}
#top_menu  li.active a::after, html:not(.mobile-platform) #top_menu  li a:hover::after {
    transform: none;
    transform-origin: left center 0;
}
#top_menu  li.active a, html:not(.mobile-platform) #top_menu li a:hover {

    transition-delay: 0s;
}



table caption{font-weight:bold; text-transform:uppercase;}

/**
 * Shorters
 */
.b{font-weight:bold;}
.i{font-style:italic;}
.strike{text-decoration:line-through;}
.small{font-size:smaller;}
.big{font-size:bigger;}
.clear{clear:both;}
.block{display:block;}
.inline{display:inline;}
.hide{display:none !important;}
.hide2{display:none !important;}
.round{border-radius:5px;}
.no_bg{background:none !important;}
.no_border{border:0 !important;}
.hide_menu{display:none !important;}
.no_wrap{white-space:nowrap;}
.no_margin{margin:0 !important;}
.no_margin_right{margin-right:0 !important;}
.red{color:#ff0000;}
.red_bg{background:red !important;}
.center{text-align:center !important;}
.middle{vertical-align:middle !important;}
.to_left{text-align:left !important;}
.to_right{text-align:right !important;}
.justify{text-align:justify !important;}
.middle{margin:auto;}
.left{float:left !important;}
.right{float:right !important;}
.block_left{float:left; margin:0 10px 10px 0; width:25%;}
.block_right{float:right; margin:0 0 10px 10px; width:25%;}
.short{width:50px !important;}
.half{width:50%;}
.semi{width:49%;}
.tri{width:33%;}
.six{width:66%;}
.long{width:99%;}
.date{width:100px;}
.margin{margin:20px;}
.vmargin{margin:20px 0;}
.hmargin{margin:0 20px;}
.margin_left{margin-left:20px;}
.margin_right{margin-right:20px;}
.margin_top{margin-top:20px;}
.margin_bottom{margin-bottom:20px;}
.pading{padding:10px;}
.padding{padding:20px;}
.paddding{padding:30px;}
.vpadding{padding:20px 0;}
.hpadding{padding:0 20px;}
.padding_left{padding-left:20px;}
.padding_right{padding-right:20px;}
.padding_top{padding-top:20px;}
.padding_bottom{padding-bottom:20px;}
.break{padding:5px 0;}
.strike{text-decoration:line-through;}
.more{color:#350c0f; display:block; text-align:right;}
.back{color:#350c0f; display:block; text-align:right; font-size: 15px;    font-weight: 300;}
.line{clear:both; width:100%; height:1px; margin:20px 0; background:#ccc;}
.relative{position:relative;}
.absolute{position:absolute;}
.mask{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.table{display:table; table-layout:fixed;}
.table-row{display:table-row;}
.cell{display:table-cell;}
.clearfix:before,.clearfix:after{content:''; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1; /* For IE 6/7 (trigger hasLayout) */}
/**
 * Forms
 */
input, textarea {
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px 10px;
}
input:focus,textarea:focus{border:1px solid #900;}
input[type="button"], input[type="submit"], .button {
    background: #ca252c none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    padding: 10px 15px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);

}

#news_list .more {
    background: rgba(0, 0, 0, 0) url("images/arrow-btn.png") no-repeat scroll center center;
    bottom: 6px;
    box-shadow: none;
    display: block;
    height: 20px;
    position: absolute;
    right: 41px;
    text-align: right;
    width: 69px;
}

#news_list .more:hover {color: #002F6F!important;}

#news_list .more:hover {
  color: #002F6F!important;
  right: 20px;
  transition: all 0.5s ease 0s;

}




input[type='button']:hover, input[type='submit']:hover, .button:hover {
    color: #fff !important;
    background: #f00;
    border: none;
}
input[type='button']:active, input[type='submit']:active, .button:active {
/*    position: relative;
    top: 1px;
    left: 0;*/
}
input[type='submit']:first-letter, input[type='button']:first-letter, .button:first-letter, .button:hover:first-letter {
    text-transform: uppercase;
}
input[disabled='disabled'], input[disabled='disabled']:hover, textarea[disabled='disabled'], option[disabled='disabled'] {
    color: #333;
    background: #eee;
    cursor: pointer;
}
input[type='checkbox'], input[type='radio'], .checkbox, .radio {
    cursor: pointer;
}
.input, .textarea, .select {
    width: 250px;
}
.form .error, .form .red {
    display: block;
}
#controls, .controls {
    padding: 20px 0;
    text-align: center;
}
.required span {
    cursor: help;
}
form .even {
    background: #f3f3f3;
}
#form_contact2 .input, #form_contact2 .textarea, #form_contact2 .select {
    width: 96%;
    padding: 2%;
    margin: 0 0 5px;
}
#form_contact2 .token_input {
    width: 125px;
    margin: 0 0 0 15px;
}

/**
 * Messages
 */
#messageBox {
    margin: 0 0 10px 0;
    padding: 5px 10px;
    background: #F7E4A5;
    border: 1px solid #DC3800;
}
#messageBox * {
    color: #000;
}
#messageBox .error, .error {
    color: #f00;
}
#messageBox .notice {
    color: #00f;
}
#messageBox .warning {
    color: #666;
}

#subcontent .header {
  background: rgba(0, 0, 0, 0) url("images/sub_menu.jpg") no-repeat scroll center bottom;
  margin-top: -54px;
  min-height: 222px;
}

#sub_container .menu-alt {
  background: rgba(14,9,6,.4);
  height: 50px;
  position: relative;
  width: 100%;
  z-index: 999;
}

.cont-sub {padding-left: 62px;  max-width: 50%;     padding-top: 20px;}
#sub_container .cont-sub h2 {
  color: #007035;
  font-weight: 300;
  padding-bottom: 15px;
}

#subcontent p {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.9;
  padding-bottom: 30px;
}

#subcontent {
  z-index: 9;
}

.sek2 h2 {text-align: center; font-size: 20px;}
.sek2 #sek1 {padding-left: 10%;}
.sek2 .dwadziescia {width: 22%;}
.sek2 h3 {text-align: center;font-size: 14px;color: #fa1418 !important; text-transform: uppercase;}

.case .dwadziescia {
    width: 22%;
}



/**
 * Layout
 */
html, body {
    font-size: 10px;
}
body {
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
}
#subcontent img {
    max-width: 100%;
    height: auto;
}
#main_container {
    text-align: center;
}
#sub_container {
    background: rgba(0, 0, 0, 0) url("images/dots_bar.png") repeat-x scroll left top 102px;
}
#sub_container h1 {
  font-size: 41px;
  padding-left: 58px;
  padding-top: 100px;
  text-align: left;
  margin: 0;
  color: #fbfbfb;
  text-shadow: 0 0 35px rgba(0, 0, 0, 0.4);
}


img.center {
  height: auto;
  width: 100%;
}

#sub_container h2 {
    font-weight: 300;
    color: #292b2a;
}
#logo_container {
    padding-top: 5px;
}
#main_logo {
    display: block;
    float: left;
    padding-left: 39px;
}
.center_container {
    position: relative;
    width: 995px;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    background: #fff;
}

.news_item_wrapper .intro_news:nth-child(1) {animation-delay: .3s;}
.news_item_wrapper .intro_news:nth-child(2) {animation-delay: .6s;}
.news_item_wrapper .intro_news:nth-child(3) {animation-delay: .9s;}

#adresy {background: #fff; border-bottom:5px solid #27ab68;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
margin-top: -100px;
    z-index: 10;
 }

.adres h3 {text-align: left;font-weight: 300;}
.adres span {font-weight: 700;}
.adres p {text-align: left;color:#3b3b3b; font-weight: 300;font-size: 16px;}
.adres a {color:#3b3b3b; font-weight: 300;}

.adres {background: #fcfcfc; padding: 30px; }

.adres#adr1 {background: #fff;}

.mapa {
    animation-delay: 1s;
    border-radius: 1000px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    /*filter: grayscale(100%) brightness(114%) contrast(87%);*/
    height: 940px;
    margin: 173px auto 0;
    overflow: hidden;
    width: 940px;
    z-index: 9;
}

#logo_z {
  background: rgba(0, 0, 0, 0) url("images/logo_z.png") no-repeat scroll left 38px top;
  min-height: 152px;
}

.case #logo_z {
  background: rgba(0, 0, 0, 0) url("images/logo_c.png") no-repeat scroll left 38px top;}


#logo_z h2 {
  float: right;
  font-size: 25px;
  line-height: 1.5;
  min-height: 159px;
  width: calc(100% - 396px);
}

.sek1 {
  background: rgba(0, 0, 0, 0) url("images/bg_z.jpg") no-repeat scroll left top -90px;
  min-height: 939px;
  padding: 0 20px;
  position: relative;
}

.iko-z {padding-top: 110px;text-align: center;font-size: 18px;font-weight: 700;margin-top: 30px;}
.case .iko-z {padding-top: 150px;}
.iko-z#i1 {background: rgba(0, 0, 0, 0) url("images/iko_z1.png") no-repeat scroll top center / auto 60%;}
.iko-z#i2 {background: rgba(0, 0, 0, 0) url("images/iko_z2.png") no-repeat scroll top center / auto 60%;}
.iko-z#i3 {background: rgba(0, 0, 0, 0) url("images/iko_z3.png") no-repeat scroll top center / auto 60%;}
.case .iko-z#i1 {background: rgba(0, 0, 0, 0) url("images/iko_c1.png") no-repeat scroll top center / auto 70%;}
.case .iko-z#i2 {background: rgba(0, 0, 0, 0) url("images/iko_c2.png") no-repeat scroll top center / auto 70%;}
.case .iko-z#i3 {background: rgba(0, 0, 0, 0) url("images/iko_c3.png") no-repeat scroll top center / auto 70%;}

.nr {padding-top: 90px;
height: 220px;
  position: relative; text-align: center;font-size: 18px;font-weight: 700;margin-top: 30px;width: 20%; float: left;}

.case .nr {width: 25%;padding-top: 270px;}

#zetor.case .nr h3 {font-size: 24px;text-transform: uppercase;}

.case #sek7 { background: rgba(0, 0, 0, 0) url("images/bg_c1.jpg") no-repeat scroll left top;}

#n1 {background: rgba(0, 0, 0, 0) url("images/n1.png") no-repeat scroll top center;}
#n2 {background: rgba(0, 0, 0, 0) url("images/n2.png") no-repeat scroll top center;animation-delay: .3s}
#n3 {background: rgba(0, 0, 0, 0) url("images/n3.png") no-repeat scroll top center;animation-delay: .6s}
#n4 {background: rgba(0, 0, 0, 0) url("images/n4.png") no-repeat scroll top center;animation-delay: .9s}
#n5 {background: rgba(0, 0, 0, 0) url("images/n5.png") no-repeat scroll top center;animation-delay: 1.2s}

#c1 {background: rgba(0, 0, 0, 0) url("images/c1.png") no-repeat scroll top center;}
#c2 {background: rgba(0, 0, 0, 0) url("images/c2.png") no-repeat scroll top center;animation-delay: .3s}
#c3 {background: rgba(0, 0, 0, 0) url("images/c3.png") no-repeat scroll top center;animation-delay: .6s}
#c4 {background: rgba(0, 0, 0, 0) url("images/c4.png") no-repeat scroll top center;animation-delay: .9s}

#zetor .nr h3 {
  color: #292b2a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  padding: 0 9%;
}

.nr::after {
  background: #fff none repeat scroll 0 0;
  border: 6px solid #3fa42e;
  border-radius: 20px;
  bottom: 0;
  content: "";
  display: block;
  height: 28px;
  left: 48%;
  position: absolute;
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  width: 28px;
  z-index: 1;
}
.case .nr::after {display: none;}
#sek7 {
  padding: 60px 0;
  position: relative;
}
.hori-lina {
  background: #ebf6ea none repeat scroll 0 0;
  bottom: 71px;
  display: block;
  height: 4px;
  left: 10%;
  position: absolute;
  width: 81%;
  z-index: -1;
}

.traktor {
  background: rgba(0, 0, 0, 0) url("images/traktor.png") no-repeat scroll left top;
  height: 661px;
  position: absolute;
  right: 0;
  top: 100px;
  width: 60%;
}

.case .traktor {
  background: rgba(0, 0, 0, 0) url("images/traktor_c.png") no-repeat scroll left top;
  height: 800px;
}


.iko {width: 11%; float: left; height: 86px;}
#i1 {background: rgba(0, 0, 0, 0) url("images/logo1.png") no-repeat scroll center center / 100% auto;}
#i2 {background: rgba(0, 0, 0, 0) url("images/logo2.png") no-repeat scroll center center / 100% auto;}
#i3 {background: rgba(0, 0, 0, 0) url("images/logo3.png") no-repeat scroll center center / 100% auto;}
#i4 {background: rgba(0, 0, 0, 0) url("images/logo4.png") no-repeat scroll center center / 100% auto;}
#i5 {background: rgba(0, 0, 0, 0) url("images/logo5.png") no-repeat scroll center center / 100% auto;}
#i6 {background: rgba(0, 0, 0, 0) url("images/logo6.png") no-repeat scroll center center / 100% auto;}
#i7 {background: rgba(0, 0, 0, 0) url("images/logo7.png") no-repeat scroll center center / 100% auto;}
#i8 {background: rgba(0, 0, 0, 0) url("images/logo8.png") no-repeat scroll center center / 100% auto;}
#i9 {background: rgba(0, 0, 0, 0) url("images/logo9.png") no-repeat scroll center center / 100% auto;}

#foot {background: rgba(0, 0, 0, 0) url("images/bg_foot.jpg") no-repeat scroll center top; min-height: 742px;    position: relative; }


#sek4 {
    background: rgba(0, 0, 0, 0) url("images/gradient.png") repeat-x scroll center top 250px;
    min-height: 820px;
}
#sek5 {background: rgba(0, 0, 0, 0) url("images/bg_map.png") repeat-x scroll center top ; min-height: 1437px;}

.page-wynajem #sek4 {
    background: rgba(0, 0, 0, 0) url("images/gradient.png") repeat-x scroll center top 250px;
    min-height: 650px;
}
.page-wynajem #sek5 {background: rgba(0, 0, 0, 0) url("images/bg_map.png") repeat-x scroll center top ; min-height: 1337px;}

.page-serwis #sek4 {
    background: rgba(0, 0, 0, 0) url("images/gradient.png") repeat-x scroll center top 250px;
    min-height: 650px;
}
.page-serwis #sek5 {background: rgba(0, 0, 0, 0) url("images/bg_map.png") repeat-x scroll center top ; min-height: 1337px;}


#sub_container h2.serwiss {
  color: #292b2a;
  font-weight: 300;
  line-height: 1.4;
  margin: 0 auto;
  max-width: 1180px;
  padding-bottom: 40px;
  width: 80%;
}

.promo img {max-width: 100%;height: auto;
box-shadow: 0 0 45px rgba(0, 0, 0, 0.1);}

#sek2 h2, #sek4 h2, #sek5 h2, #sek6 h2 {
    color: #000;
text-align: center;
font-weight: 300;
font-size: 34px;
margin: -10px 0 60px;
text-transform: uppercase;
}

#sek5 h2 {margin-top: -20px;}

#sek2 .button {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.ico-wrap {   float: right;}
.ico-foot {
    padding-left: 50px;
    height: 32px;
    display: inline-block;
    margin-right: 60px;
    padding-top: 10px;
}
.ico-foot#forum {background: rgba(0, 0, 0, 0) url("images/forum.png") no-repeat scroll left center; }
.ico-foot#fb {background: rgba(0, 0, 0, 0) url("images/fb.png") no-repeat scroll left center; }

#footer .top_menu a {text-transform: none;font-weight: 300;}

.new_password {
    border: medium none !important;
    font-weight: 300 !important;
    padding-left: 20px !important;
}

#footer .search-wrap {display: none;}

#sek1, #sek11 {background: rgba(0, 0, 0, 0) url("images/bg1.png") repeat-x scroll top 150px center;
margin-top: 50px;}

#sek11 {padding-left: 10%;}
.page-case .case .sek2 #sek1 {padding-left: 10%;}

.olx {background: #ebebeb; width: 100%; height: 50px; color: #000;transition: all 0.5s ease 0s;display: block;padding-right: 22px;}
.olx div {
    background: rgba(0, 0, 0, 0) url("images/olx.png") no-repeat scroll right top 0 / auto 90%;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    margin-top: 6px;
    padding-right: 31px;
    padding-top: 7px;
    width: 360px;
}

.olx:hover {background: #481373; color: #fff;}
.olx:hover div {color: #fff;}



.dwadziescia {
    color: #212322;
    display: block;
    float: left;
    font-size: 14px;
    padding-top: 0;
    width: 20%;
}
.dwadziescia div {
  background: rgba(0, 0, 0, 0) url("images/box1.jpg") no-repeat scroll center center / 100% auto;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  height: 18vw;
  margin: 0 auto 20px;
  max-width: 90%;
  transition: all 0.5s ease 0s;
}

.dwadziescia div:hover {box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);}

#dwa2 div {background: rgba(0, 0, 0, 0) url("images/box2.jpg") no-repeat scroll center center / 100% auto; }
#dwa3 div {background: rgba(0, 0, 0, 0) url("images/box3.jpg") no-repeat scroll center center / 100% auto; }
#dwa4 div {background: rgba(0, 0, 0, 0) url("images/box4.jpg") no-repeat scroll center center / 100% auto; }
#dwa5 div {background: rgba(0, 0, 0, 0) url("images/box5.jpg") no-repeat scroll center center / 100% auto; }

.sek2 #dwa2 div {background: rgba(0, 0, 0, 0) url("images/box_z1.jpg") no-repeat scroll center center / 100% auto; }
.sek2 #dwa3 div {background: rgba(0, 0, 0, 0) url("images/box_z2.jpg") no-repeat scroll center center / 100% auto; }
.sek2 #dwa4 div {background: rgba(0, 0, 0, 0) url("images/box_z3.jpg") no-repeat scroll center center / 100% auto; }
.sek2 #dwa5 div {background: rgba(0, 0, 0, 0) url("images/box_z4.jpg") no-repeat scroll center center / 100% auto; }
.case .sek2 #dwa1 div {background: rgba(0, 0, 0, 0) url("images/box_c1.jpg") no-repeat scroll center center / 100% auto; }
.case .sek2 #dwa2 div {background: rgba(0, 0, 0, 0) url("images/box_c2.jpg") no-repeat scroll center center / 100% auto; }
.case .sek2 #dwa3 div {background: rgba(0, 0, 0, 0) url("images/box_c3.jpg") no-repeat scroll center center / 100% auto; }
.case .sek2 #dwa4 div {background: rgba(0, 0, 0, 0) url("images/box_c4.jpg") no-repeat scroll center center / 100% auto; }
.case .sek2 #dwa5 div {background: rgba(0, 0, 0, 0) url("images/box_c5.jpg") no-repeat scroll center center / 100% auto; }
.case .sek2 #dwa6 div {background: rgba(0, 0, 0, 0) url("images/box_c6.jpg") no-repeat scroll center center / 100% auto; }
.case .sek2 #dwa7 div {background: rgba(0, 0, 0, 0) url("images/box_c7.jpg") no-repeat scroll center center / 100% auto; }
.case .sek2 #dwa8 div {background: rgba(0, 0, 0, 0) url("images/box_c8.jpg") no-repeat scroll center center / 100% auto; }
.case .sek2 #dwa9 div {background: rgba(0, 0, 0, 0) url("images/box_c9.jpg") no-repeat scroll center center / 100% auto; }

.style_number1 .cont-sub {
    max-width: 100%;}

.case .sek2 #sek1 {padding-left: 0;}

.case #t7 p {
    top: 80px;
}

.case #t8 p {
  left: 70px;
  top: 91px;
}


.case #t2 p {
  right: unset;
  top: 100px;
}
.case #t4 p {
    right: unset;
    top: 142px;
}

.page-czesci #t1 {background: rgba(0, 0, 0, 0) url("images/szczecin.png") no-repeat scroll center center / 90% auto; }
.page-czesci #t2 {background: rgba(0, 0, 0, 0) url("images/pyrzyce.png") no-repeat scroll center center / 100% auto;
animation-delay: .3s}
.page-czesci #t3 {background: rgba(0, 0, 0, 0) url("images/stargard.png") no-repeat scroll center center / 90% auto;
animation-delay: 0s}
.page-czesci #t4 {background: rgba(0, 0, 0, 0) url("images/chojna.png") no-repeat scroll center center / 100% auto;
animation-delay: .3s }

.page-czesci h3{position: relative;}
.page-czesci h3::before {content: ""; width: 67px; height: 67px; position: absolute; left: -90px;top: 0;}
#iko_tel::before {background: rgba(0, 0, 0, 0) url("images/iko_tel.png") no-repeat scroll center center;}
#iko_person::before {background: rgba(0, 0, 0, 0) url("images/iko_person.png") no-repeat scroll center center;}

#t1 {background: rgba(0, 0, 0, 0) url("images/z_major.png") no-repeat scroll center center / 90% auto; }
#t2 {background: rgba(0, 0, 0, 0) url("images/z_proxima.png") no-repeat scroll center center / 100% auto;
animation-delay: .3s}
#t3 {background: rgba(0, 0, 0, 0) url("images/z_forterra.jpg") no-repeat scroll center center / 90% auto;
animation-delay: 0s}
#t4 {background: rgba(0, 0, 0, 0) url("images/z_crystal.jpg") no-repeat scroll center center / 100% auto;
animation-delay: .3s }

.case #t1 {background: rgba(0, 0, 0, 0) url("images/c_1.png") no-repeat scroll center center / 90% auto;}
.case #t2 {background: rgba(0, 0, 0, 0) url("images/c_2.png") no-repeat scroll center center / 90% auto;}
.case #t3 {background: rgba(0, 0, 0, 0) url("images/c_3.png") no-repeat scroll center center / 68% auto;}
.case #t4 {background: rgba(0, 0, 0, 0) url("images/c_4.png") no-repeat scroll center center / 90% auto;}
.case #t5 {background: rgba(0, 0, 0, 0) url("images/c_5.jpg") no-repeat scroll center center / 90% auto;}
.case #t6 {background: rgba(0, 0, 0, 0) url("images/c_6.jpg") no-repeat scroll center center / 90% auto;}
.case #t7 {background: rgba(0, 0, 0, 0) url("images/c_7.png") no-repeat scroll center center / 90% auto;}
.case #t8 {background: rgba(0, 0, 0, 0) url("images/c_8.jpg") no-repeat scroll center center / 90% auto;}

#dwa2  {animation-delay:.3s }
#dwa3  {animation-delay: .6s}
#dwa4  {animation-delay: .9s }
#dwa5 {animation-delay: 1.2s}
#dwa6  {animation-delay:0s; width: 22%; }
#dwa7  {animation-delay: .3s; width: 22%;}
#dwa8  {animation-delay: .6s; width: 22%; }
#dwa9 {animation-delay: .9s; width: 22%;}

.promo {
    border-left: 10px solid #27ab68;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    float: left;
    font-size: 1.7vw;
    font-weight: 300;
    height: auto;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
    width: 49%;
    position: relative;
}
.news_item_wrapper .promo {    margin-top: 30px;}
#pro2.promo {
    margin-left: 2%;
}
.promo img {    float: right;}
.promo .title_wrap {
  position: static;
}
.promo .title_wrap span {
  display: block;
  font-size: 21px;
  max-height: 320px;
  overflow: hidden;
  overflow-wrap: break-word;
  padding-left: 11px;
  padding-top: 20px;
  text-transform: none;
  width: 100%;
}

.katalog-czesci {background: #f8f8f8;min-height: 168px;
  margin-top: 50px;
  padding-top: 60px;
margin-bottom: 70px;}

#zetor .sek .katalog-czesci h2 {
  background: rgba(0, 0, 0, 0) url("images/katalog.png") no-repeat scroll left top;
  color: #e40614;
  font-size: 40px;
  margin-left: 59px;
  min-height: 76px;
  padding-left: 100px;
}

#zetor .sek .katalog-czesci > h2 span {
font-size: 20px; font-weight: 300;
color: #666;
}

.katalog-czesci h2, .katalog-czesci h3 {max-width: 50%;}

.katalogi {
  display: flex;
  justify-content: space-around;
  position: absolute;
  right: 0;
  top: 34px;
  width: 48%;
}
.katalogi a {display: block; height: 100px; width: 248px;
transition: all 0.5s ease 0s;
}


.katalogi a:hover {box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);}

.katalogi #case-kat {
   background: rgba(0, 0, 0, 0) url("images/kat-case.png") no-repeat scroll center center;
}
.katalogi #nh-kat {
   background: rgba(0, 0, 0, 0) url("images/kat-nh.png") no-repeat scroll center center;
}
.pdf_btn_wrapper .wiec {left: 42px;}
.wiec {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #27ab68;
  border-radius: 100px;
  bottom: 20px;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.1);
  display: block;
  font-size: 19px;
  left: 0px;
  max-width: 161px;
  padding: 10px 50px 10px 30px;
  position: absolute;
  transition: all 0.5s ease 0s;
}
.wiec::after {
  background: rgba(0, 0, 0, 0) url("images/arrow-btn.png") no-repeat scroll right center;
  content: "";
  height: 20px;
  position: absolute;
  right: -15px;
  top: 13px;
  transition: all 0.5s ease 0s;
  width: 49px;
}
.wiec:hover {background: #27ab68 none repeat scroll 0 0;color: #fff;}

.wiec:hover::after {right: -40px; }

#sek3 {background: rgba(0, 0, 0, 0) url("images/bg2.jpg") no-repeat scroll top right;
margin-top: 80px;
padding: 160px 40px 80px;
height:  689px;
}

#zetor #sek3 {
  background: #ebebeb url("images/promo_z.jpg") no-repeat fixed center center / 100% auto;
  height: 100vh;
}

#zetor.case #sek3 {
  background: #ebebeb url("images/promo_c.jpg") no-repeat fixed center center / 100% auto;
}

.page-czesci #zetor #sek3 {
  background: #ebebeb url("images/loga-czesci.jpg") no-repeat fixed top center / 100% auto;
  height: 100vh;
}

.page-czesci #zetor #sek3a {
  background: #ebebeb url("images/loga-akcesoria.jpg") no-repeat fixed top center / 100% auto;
  height: 100vh;
}

.page-wynajem #zetor #sek3 {
  background: #ebebeb url("images/wynajem_powierzchni_szczecin_2.jpg") no-repeat fixed top center / 100% auto;
  height: 100vh;
}

.page-wynajem #zetor #sek3a {
  background: #ebebeb url("images/wynajem_powierzchni_szczecin.jpg") no-repeat fixed top center / 100% auto;
  height: 100vh;
}

.page-serwis #zetor #sek3 {
  background: #ebebeb url("images/img_serwis_szczecin.jpg") no-repeat fixed top center / 100% auto;
  height: 100vh;
}

.page-serwis #zetor #sek3a {
  background: #ebebeb url("images/img_serwis_szczecin_2.jpg") no-repeat fixed top center / 100% auto;
  height: 100vh;
}

#zetor .sek h2 {
  color: #262727;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 1.1;
  text-align: left;
  text-transform: none;
}
#zetor .sek h2 span {color: #e40614;}

#zetor #sek4 {
  background: #fff none repeat scroll 0 0;
  padding-top: 100px;
}

.page-wynajem #zetor #sek4 {
  background: #fff none repeat scroll 0 0;
  padding-top: 100px;
}

#zetor #sek5 {background: #fff; min-height: unset;}



#sek4 .txt {padding-left: 60px;}
#sek5 .txt {padding-top: 60px;}

#zetor .wiec {font-weight: 300; text-transform: uppercase;margin-bottom: 30px;}
#zetor .wiec::after{right: -25px;}
#zetor .wiec:hover::after{right: -40px;}

#zetor #sek5 .wiec, #zetor #sek8 .wiec {
  font-weight: 300;
  margin-left: 7vw;
  text-transform: uppercase;
  top: 3vw;
}


#subcontent a.trak_link {
  color: #0e0e0e;
  display: block;
  font-size: 37px;
  font-weight: 700;
  height: 582px;
  margin-top: 64px;
  position: relative;
}

#subcontent .trak_link p {position: absolute;animation-delay: .6s;
text-transform: uppercase;
font-size: 37px;
  font-weight: 700;
  color: #0e0e0e;
}

#t1 p {
  top: 140px;
}
#t2 p {right: 0px; top:140px;}
#t3 p {top:80px;}
#t4 p {right: 20px;top: 80px;}

.scroll {
  background: rgba(0, 0, 0, 0) url("images/down.png") no-repeat scroll center top;
  border: 2px solid #e40613;
  border-radius: 100px;
  bottom: -307px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  display: block;
  height: 71px;
  left: 218px;
  opacity: 0.8;
  position: absolute;
  transition: all 0.5s ease 0s;
  width: 71px;
}
.case .scroll {bottom: -267px;}


.scroll:hover {border: 2px solid #fff;
  opacity: 1;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);}

.sek img {
  height: auto;
  max-height: 80%;
  max-width: 1050px;
  width: 110%;
}
.case #sek4 img {margin-left: -8.7%; }

#zetor #sek6 {
  background: rgba(0, 0, 0, 0) url("images/zobacz.jpg") no-repeat scroll center top;
  cursor: pointer;
  margin-top: 100px;
  min-height: 605px;
  position: relative;
}

#close-div {
  cursor: pointer;
  height: 100vh;
  left: 0;
  margin-left: calc(-50vw + 50%);
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1;
}

.case#zetor #sek6 {background: rgba(0, 0, 0, 0) url("images/zobacz_c.jpg") no-repeat scroll top center;}

.modal video {
    display: inline-block;
    position: relative;
    vertical-align: baseline;
    z-index: 999999;
}


.modal.video-modal {
  background: rgba(0, 0, 0, 0.94) url("images/close.png") no-repeat scroll right 40px top 20px;
  height: 100vh;
  left: 0;
  margin-left: calc(-50vw + 50%);
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 9999999;
}

#sek6 div {
  display: block;
/*  height: 605px;
  position: absolute;
  width: 100%;*/
}

#sek7 h2 {
  font-size: 30px;
  font-weight: 300;
  padding-bottom: 50px;
  padding-top: 60px;
  text-align: center;
  text-transform: uppercase;
}

#sek9 {background: rgba(0, 0, 0, 0) url("images/bg_z2.jpg") no-repeat scroll top center;
padding-top: 350px;
}

.case #sek9 {background: rgba(0, 0, 0, 0) url("images/bg_c2.jpg") no-repeat scroll top center;}


.page-czesci #sek9 {background: rgba(0, 0, 0, 0) url("images/bg_czesci.jpg") no-repeat scroll top center;
padding-top: 350px;
}


 #sek9 h2 {
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 80px;
  margin-top: -40px;
  padding-right: 50px;
  text-align: right;
}
.case #sek9 h2 {
  margin-bottom: 0;
  margin-top: -260px;
  padding-right: 50px;
  text-align: center;
}


#sek9 h2 span {color: #ec1219;font-weight: 700; }
#gal #midle img {
  width: 101.5%;
  max-width: unset;
}
#gal {margin:120px 0;}
#gal img {
  max-width: 100%;
  width: 100%;
  filter: saturate(50%);
  transition: all 0.5s ease 0s;
}
#gal img:hover {filter: saturate(100%);}


#gal div  {overflow: hidden;}

.sek .wiec {position: relative;display: inline;max-width: unset;
bottom: unset;
}
.sek p {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 20px;
  max-width: 90%;
}

#sek3 h2, #sek3 h3 {
  color: #fff;
  font-size: 3vw;
  font-weight: 800;
  line-height: 1.2;
  max-width: 39%;
  text-align: left;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#sek3 h3 {font-weight: 300; font-size: 1.5vw;animation-delay: .5s;}

#sek2 p {
    font-size: 17px;
    font-weight: 300;
    line-height: 2;
    padding-top: 20px;
    text-align: left;
    padding-left: 20px;
    padding-right: 30px;
}

.butony {
    margin-top: 31px;
    text-align: left;
}

#login input:not(.button) {-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: currentcolor currentcolor #ccc;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding: 5px 10px;}

#content {
    padding: 10px;
}
#col_1 {
    float: left;
    width: 200px;
    padding: 10px;
}
#col_2 {
    float: right;
    width: 775px;
    padding: 10px;
}
#text {
    padding: 10px;
}

.breadcrumb {
    height: 30px;
    line-height: 30px;
}
.breadcrumb a, .breadcrumb span {
    font-size: 12px;
    line-height: 12px;
}

.show_map {
    cursor: pointer;
}
.hide_map {
    display: none;
    cursor: pointer;
}

.centainer {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
}
.pagination {
    position: relative;
    left: 50%;
    float: left;
    margin: 20px auto;
}
.pagination .item {
    display: block;
    float: left;
    position: relative;
    right: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
}
.pagination .active {
    color: #fff;
    background: #DC3800;
    border-radius: 10px;
}

#ssi {
    float: right;
    margin: 0;
}
#ssi > a{
    text-align: right;
    display: block;
}
#logo_bot > a {
    text-align: left;
    display: block;
}
#logo_bot > a#olx_f {
    text-align: right;
}

#ssi span, #ssi strong {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin-right: 5px;
}
#ssi img {
    padding: 0 0 0 5px;
    margin-top: -3px;
}

#foot {
  background: #4d4240 url("images/bg_foot.jpg") no-repeat scroll center top;
  min-height: 742px;
  position: relative;
}

#footer {
  padding: 2px 50px;
  position: absolute;
  top: 390px;
  width: 100%;
}
#footer_links span {
    color: white;
    font-weight: 300;
    font-size: 14px;
}
#footer .bottom_menu_wrapper{
    margin-bottom: 0px;
}
.hidden-xs.agrologo > img {
  max-width: 100%;
}
ul#bottom_menu {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
ul#bottom_menu li.bottom_menu_item {
    margin: 0;
    text-align: left;
    background: none;
}
ul#bottom_menu > .bottom_menu_item > a {
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    font-size: 1.8rem;
}
ul#bottom_menu > .bottom_menu_item > a:hover {
    color: #DC3800;
}
ul#bottom_menu .sub_menu {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
ul#bottom_menu .sub_menu > .bottom_menu_item {
    padding: 0;
    margin: 0;
}
ul#bottom_menu .sub_menu > .bottom_menu_item > a {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.7;
}
ul#bottom_menu .sub_menu > .bottom_menu_item > a:hover {
    color: #dedede;
}
#footer_extra {
    text-align: left;
}
#footer_text {
    text-align: left;
}
#footer_links {
}

#cookies {
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3px 0;
    width: 100%;
    text-align: center;
    background: #000;
    border-top: 1px solid #666;
    opacity: 0.75;
    filter: alpha(opacity=75);
    color: #fff;
    font-size: 12px;
}
#cookies_ok, #cookies_more{    margin: 5px;}

#frontface {
    clear: both;
    overflow: hidden;
}
#subface {
    clear: both;
}

#main_logo > img {
    max-width: 100%;
}

#news-top {
    background: rgba(0, 0, 0, 0) url("images/dots_bar.png") repeat-x scroll center bottom;
    font-size: 30px;
    padding-bottom: 0;
    position: relative;
    text-align: center;
    z-index: 99;
}

.search-wrap .submit{ background: #fff url("images/find.png") no-repeat scroll center center; transition: all 0.5s ease-in 0s;
box-shadow: 0 0 35px rgba(0, 0, 0, 0); padding: 10px 15px;}
.search-wrap .submit:hover{ background: #fff url("images/find.png") no-repeat scroll center center; box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); }
.search-wrap #phrase {
    border-color: currentcolor currentcolor #e1e1e1 #e1e1e1;
    border-style: none none solid solid;
    border-width: medium medium 1px 1px;
    max-width: 61%;
}

.duzy_news .image_frame > a {
    display: block;
    max-width: 87%;
    overflow: hidden;
}
.image_frame .image {
    height: auto;
    max-width: 100%;
}

#search_form {
    max-width: 19%;
    position: absolute;
    right: 1%;
    top: 92px;
}


#search_form {
    position: absolute;
    right: 10px;
    top: 92px;
}

#top {
    padding-top: 13px;
    position: relative;
    z-index: 999;
    padding-bottom: 15px;
    background: rgba(0, 0, 0, 0) url("images/dot-top.png") repeat-x scroll center center;
}

.top_menu {
    display: flex;
    justify-content: space-between;
    margin: 27px 0 0;
    padding: 0;
    height: 100%;
    position: relative;
}

#menu_offer.top_menu a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px 9px;
    transition: all 0.5s ease 0s;
}

#menu_offer.top_menu a:hover {background: rgba(0,0,0,.8);}

#top_menu {justify-content: space-around;}

#menu_offer.top_menu {
  margin: 0 0 20px;
  padding: 0 41px;
}


.top_menu li {
    float: left;
    text-align: center;
    background: none;
    padding: 0;
    margin: 0 10px;
        text-decoration: none;
    list-style: none;
}
.menu-alt {background: #0a733e; height: 50px; width: 100%;}

.top_menu li:before {
    content: "";
}
.top_menu a {
    color: #232121;
    display: block;
    font-size: 15px;
    font-weight: 300;
    padding: 0;
    text-transform: uppercase;
}
.top_menu a:hover, .top_menu .active {
    color: #002f6f;
    text-decoration: none;
}
.top_menu a:active {
    color: #666;
    text-shadow: 0 0 5px #fff;
}
.dropdown2 .sub > a {
    position: relative;
    padding-right: 20px;
}
.dropdown2 .sub > a::after {
  content: "";
  display: block;
  font-family: FontAwesome;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  right: -10px;
  top: 17px;
}
.dropdown .sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ffffff;
    border-radius: 5px;
    box-shadow: 3px 3px 25px 0px rgba(50, 50, 50, 0.75);
    padding: 0 5px;
    z-index: 2222;
}

.dropdown2 .sub_menu {
  background: #002e6e none repeat scroll 0 0;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-around;
  left: 0;
  margin-left: 0;
  min-height: calc(100vh - 140px);
  min-width: 100%;
  padding: 9px 0 10px 25px;
  position: absolute;
  right: 0;
  top: 47px;
  z-index: 99999;
}

.dropdown2 .sub_el {
    margin: 0;
    padding: 0 5px;
    background: none;
}
.dropdown2 .sub_el a {
    padding: 30px 5px 10px;
    color: #fff;

}
.dropdown2 ul *:hover {
    transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important;
}

.text_frame {
    background: #fff none repeat scroll 0 0;
    padding: 35px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    max-width: 98%;
    margin: 0 auto;
    border: solid 1px #ebebeb;
}

.text_frame p {
    color: #292b2a;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 40px;
}

.title_frame {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 20px;
}

.title_frame:hover {
  color: #007339;
}

#news_list {
    clear: both;
    margin-bottom: 20px;
}
.news_item_wrapper {
    padding-top: 20px;
}
.intro_news {
    margin-bottom: 20px;
    min-height: 0px;
    position: relative;
    text-align: left;
}
.date_frame {
    color: #007339;
    font-size: 18px;
    margin-top: 0px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 40px;
    position: relative;
}
.date_frame::after {
    background: #27ab68 none repeat scroll 0 0;
    content: "";
    height: 40px;
    left: -55px;
    position: absolute;
    top: -8px;
    width: 40px;
}



.gallery_table {
    overflow: hidden;
    border-spacing: 5px;
}
.gallery_table_row {
    clear: both;
}
.gallery_table_cell {
    padding: 5px;
    border: 1px solid #D5CEB4;
    border-radius: 5px;
}
.gallery_image_link {
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
.gallery_image_link img {
    border-radius: 5px;
}

.gallery_grid {
    background: #eee;
}
.gallery_grid_item {
    float: left;
    width: 146px;
}
.gallery_grid_item img {
    width: 100%;
}

.res-gallery{

}
.res-gallery-img{
    width: 25%;
    float: left;
}

.subcontentHeader {
        margin-top: 87px;
    margin-bottom: 79px;
}

.subcontentHeaderNews {
        margin-top: 10px;
    margin-bottom: 79px;
}

.subcontentHeader h1, .subcontentHeaderNews h1 {
color: #464646;
font-family: Montserrat;
font-size: 48px;
font-weight: 300;
text-transform: uppercase;
line-height: 50px;
}

.imageDiv {
    right: -20px;
    top: 120px;
    /*z-index: 999;*/
}

.subcontentContent {
        margin-bottom: 91px;
}
.subcontentContent p {
    color: #464646;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;

}

.descImg {
    margin-top: 113px;
    margin-left: 51px;
    margin-right: 80px;
}

.descImg span {
        color: #131314;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 700;
}

.page-news-_list #left-subcontent {
    width: 100%!important;
}

.page-news-_list #right-subcontent {
    display: none;
}

#middle {
    z-index: 9;
}

a.blank {
    color: rgb(0,46,110);
}



#sub_container h3 {
    font-weight: 300;
    color: #666;
}


#newsOnNewsPage .intro_news {
    margin-bottom: 120px;
}

#newsOnNewsPage .wrap-news-cont:not(.col-md-6) {
    margin-top: 20px;
}

.userInfo span {
        color: white;
    font-size: 18px;
}
.menu-alt .sub a.active_menu{    background: rgba(0,0,0,0.8);}
.menu-alt .sub_menu {
    position: absolute;
    background: rgba(0,0,0,0.9);
    overflow: hidden;
    width: 100%;
    top: 50px;
    box-shadow: none;
    display: flex;
    justify-content: space-around;
    z-index: 9;
    left: 0;
}
.menu-alt .sub_menu.big_submenu{
    height: calc(100vh - 48px);
    background: rgba(0,0,0,0.9);
}
.menu-alt .sub_menu.active_menu {
    left: 0;
}
.menu-alt a:focus{text-decoration: none;}
#map_canvas{    border-radius: 1000px;}

.productCategory {
    background: white;
    height: 375px;
    box-shadow: 0 0 30px rgba(0,0,0,0.13);
    margin: 10px;
    width: 265px;
    float: left;
    text-align: center;
    padding-top: 45px;
    transition: all 0.5s ease 0s;
}
.productCategory:hover{
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.18);
}

.categoryName {
/*    margin-top: 146px;*/
    text-align: left;
    margin-left: 20px;
}

.showMore {
    color: #007035;
    text-transform: uppercase;
    text-align: left;
    margin-left: 20px;
}

#sub_container #sigle_news h1 {
    font-size: 41px;
    text-align: left;
    margin: 0;
    color: #007137;
    text-shadow: none;
    padding: 0 0 20px 0;
    line-height: 1.2;
}
#sub_container #sigle_news .date_frame::after{display: none;}
#sub_container #sigle_news .date_frame{    margin-bottom: 10px;}
#sub_container #sigle_news .content{    margin-top: 20px;}
#menu_offer li{position: static;}
.site_image {
    position: absolute;
    top: 220px;
    left: 55%;
}
.site_image img {
      max-width: 100%;
}
/*MENU DUŻE*/
.big_submenu .menu_bg {
    background: rgb(70, 66, 67) url(images/menu_bg.jpg) no-repeat bottom center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}
.big_submenu .menu_image {
    max-width: 75%;
    position: absolute;
    bottom: 120px;
}
.big_submenu .menu_link {    height: 100%;    width: 100%;}
.big_submenu .menu_image img{width: 100%; -webkit-filter: saturate(0) brightness(0.5);  filter: saturate(0) brightness(0.5); transition: all 0.8s ease-in-out 0s;}
.big_submenu .menu_image.zetor {left: 50px;}
.big_submenu .menu_image.case {right: 50px;}
.big_submenu .menu_logo {width: 346px;    position: absolute;    top: 40px; opacity: 0; transition: all 0.8s ease-in-out 0s;}
.big_submenu .menu_logo.op_fadeIn {opacity: 0.2;}
.big_submenu .menu_logo.zetor {right: 1px;}
.big_submenu .menu_logo.case {left: 1px;}
#menu_offer .big_submenu a:hover {background: none;}
#menu_offer .big_submenu a:hover .menu_logo {opacity: 1;}
#menu_offer .big_submenu a:hover .menu_image img{opacity: 1; -webkit-filter: saturate(1) brightness(1);  filter: saturate(1) brightness(1);}
#sub_container #sigle_news .image_frame img{max-width: 100%;}

#extra_buttons {    overflow: hidden;    background: #f7f7f7;      margin-top: 30px; margin-bottom: 30px;}
#extra_buttons .pdf_btn_wrapper {    height: 340px;     padding-left: 40px;}
#extra_buttons .wiec {bottom: 50px;    max-width: 300px;     color: #000;    font-weight: 300;     padding: 10px 40px;}
#extra_buttons .wiec::after {display: none;}
#extra_buttons .pdf_btn_wrapper h2 {    color: #000;    font-size: 37px;    line-height: 1.2;     margin-top: 30px;}
#extra_buttons .pdf_phone_wrapper {    background: #007035;     padding: 5px 50px;}
#extra_buttons .pdf_phone_wrapper #phone {    font-size: 22px;    color: #fff;    text-transform: uppercase;    font-weight: 300;}
#extra_buttons .pdf_phone_wrapper #phone a {        font-weight: 600;    color: #fff;    font-size: 24px;    padding-left: 5px;}
#extra_buttons #pdf_image {    position: relative;    z-index: 1;    top: 20px;    right: 40px;     transform: scale(1.1);}

#subcontent #sigle_news .news_content .image_frame {
  position: absolute;
width: 40%;
right: 3vw;
}



/* TUUUUU */
@media screen and (max-width: 991px){
    .res-gallery-img{        width: 50%;   }
    .site_image {position: static;}
    #subcontent #sigle_news .news_content .image_frame {
      position: unset;
    width: unset;
    right: unset;
    }
}
@media screen and (max-width: 767px){
    .res-gallery-img{
        width: 100%;
    }
}
.res-gallery-img a{
    display: block;
}
.res-gallery-img img{
    display: block;
    width: 100%;
    height: auto;
}

#catalog, .catalog {
    padding: 0;
    margin: 0;
}

.product {
    float: left;
    padding: 15px;
    margin: 0 5px 5px;
    background: none;
    border: 1px solid #f00;
    opacity: 1;
    filter: alpha(opacity=100);
}
.product:hover {
    color: #f00;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}
.product:hover .name {
    color: #fff;
}
.product:hover .img {
    background: #fff;
}
.product .img {
    float: left;
    display: block;
    margin: 0 5px 5px 0;
}
.product .name {
    margin: 0;
    padding: 0;
}

#product #images {
    float: left;
    margin: 0 10px 10px 0;
}
#product #images img {
    margin: 0;
    padding: 0;
}
#product #features {
    float: right;
    margin: 0 0 10px 10px;
    border: 1px solid #eee;
}
#product .feature {
    padding: 5px;
}
#product .feature:nth-child(2) {
    background: #eee;
}

#product #extra_features {
    clear: both;
}
#product #related {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#product #file_list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#product .product {
    clear: both;
}
#products_map {
    width: 100%;
    height: 400px;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 24px;
    height: 24px;
    text-align: center;
    background: #fff;
    color: #8488A7;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 20px/23px Arial, sans-serif;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    background: #e5283b;
    color: #fff;
}
.jcarousel-pagination {
    display: none;
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}
.jcarousel-pagination a.active {
    background: #e5283b;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
.jcarousel li img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.jcarousel li:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

svg image {
    transition: all .6s ease;
    opacity: 1;
}
svg image:hover {
    opacity: 0;
}


#footer p {text-align: left;color:#8b8b8b; font-size: 14px;font-weight: 300;}

.totop {
    background: rgba(0, 0, 0, 0) url("images/arrow.png") no-repeat scroll center center;
    bottom: 20px;
    display: none;
    height: 50px;
    opacity: 0.5;
    overflow: hidden;
    position: fixed;
    right: 30px;
    width: 50px;
    z-index: 9999;
}
.totop:hover {
  opacity: 1;
}
/* Newsletter */
#footer_newsletter_wrapper {
    background: #eee;
    padding: 20px 0;
    margin-bottom: 20px;
}
#footer_newsletter_form {
    background: transparent;
    text-align: center;
}
#footer_newsletter_form .title {
    font-size: 3.2rem;
    text-align: left;
}
#footer_newsletter_form .value {
    line-height: 2.2rem;
    padding-top: 1px;
}
#footer_newsletter_form .value input {
    padding: 9px 10px;
    width: 300px;
}
#footer_newsletter_form .button {
    border-radius: 0;
    padding: 0 20px;
    line-height: 42px;
    margin-top: 1px;
    box-shadow: none;
}
/* Nagłówki */
h2.label {
    padding: 0 0px 10px;
    color: #333;
    font-size: 22px;
    margin-bottom: 20px;
    display: block;
    border-radius: 0;
    font-weight: 300;
}
/* Formularze */
form .form {
    margin-top: 20px;
    margin-bottom: 20px;
}
form .label {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    display: table-cell;
    text-align: left;
}
form .input,
form .textarea,
form .select {
    width: 99%;
    margin: 5px 0;
}
form input[type='checkbox'],
form input[type='radio'],
form .checkbox,
form .radio {
    float: left;
    margin: 5px;
}
form label {
    font-weight: 400;
}
form #controls,
form .controls {
    padding: 11px 0.65%;
    text-align: right;
}
.top_menu_lnk {
    width: 30px;
    height: 30px;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    top: 10px;
    right: 15px;
    display: none;
}
.top_menu_lnk > span {
  background: #0a733e none repeat scroll 0 0;
  border-radius: 9px;
  display: block;
  height: 5px;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out 0s;
  width: 100%;
}
.top_menu_lnk > span:nth-child(2),
.top_menu_lnk > span:nth-child(3) {
    top: 9px;
}
.top_menu_lnk > span:nth-child(4) {
    top: 18px;
}
.top_menu_lnk.open > span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.top_menu_lnk.open > span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.top_menu_lnk.open > span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.top_menu_lnk.open > span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.bx-wrapper img.center {
    margin: 0 auto;
    width: 100%;
}

#zetor {display: none;}
.page-zetor #zetor {
  display: block;
  padding-top: 40px;
}
.page-czesci #zetor {display: block;}
.page-wynajem #zetor {display: block;}
.page-serwis #zetor {display: block;}

#zetor.case {display: none;}
.page-case #zetor.case {display: block;  padding-top: 40px;}






/* Style Bartka */
.hiddenen { opacity: 0;}
.visible {opacity: 1;}
.no-marg {margin-left: 0 !important;margin-right: 0 !important;}
.no-pad {padding-left: 0 !important;padding-right: 0 !important;}

@media (max-width: 767px) {
#extra_buttons .pdf_btn_wrapper {height: 210px;}
#extra_buttons .wiec {bottom: 20px;}
#extra_buttons .pdf_phone_wrapper #phone { font-size: 15px;}
#extra_buttons .pdf_phone_wrapper #phone a { font-size: 18px;}
#extra_buttons #pdf_image {    top: 0;    transform: none;}

/*.debug{display: none;}*/
.news_item_wrapper .promo {height: auto;     padding-bottom: 7px;}
.news_item_wrapper .promo img {max-width: 50%;    float: left;     margin-bottom: 80px;     max-height: 230px;}
.news_item_wrapper .promo .title_wrap span {padding-bottom: 20px;     padding-right: 20px;     font-size: 18px;}

#logo_bot img {   margin-top: -15px;     max-width: 75%;}
#logo_bot #olx_f img {margin-top: 0px;     width: 70px;}
h2.bottom-text {    font-size: 14px;}
#sub_container .menu-alt {height: 37px;}
.cont-sub {
    padding-left: 18px;
    padding-right: 18px;
    max-width: 100%;
}
#top_menu {   background: #fff none repeat scroll 0 0;
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    display: none;
    float: right;
    margin: 0px 0 20px;
    padding: 10px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 999999;}
.no-pad-xs {padding-left: 0px !important;padding-right: 0px !important;}
#top_menu_lnk {
  display: block;
  left: unset;
  position: absolute;
  right: 20px;
  top: 6px;
  z-index: 9999999;
}


#menu_offer.top_menu a {
  font-size: 15px;
  padding: 10px 20px 10px;
  text-align: left;
}
#main_logo {
  padding-left: 0;
  text-align: left;
}
#main_logo > img {
  max-width: 75%;
}

.top_menu {
    display: block;}

.top_menu_wrapper.open {
  left: 0;
  z-index: 1001;
}
.top_menu li {width: 100%;margin: 0;}
#frontface {display: none;}

.olx div {
  background: rgba(0, 0, 0, 0) url("images/olx.png") no-repeat scroll right 8px top 0 / auto 92%;
  font-size: 12px;
  height: 37px;
  line-height: 2.7;
  margin-top: 7px;
  padding-left: 17px;
  padding-right: 39px;
  padding-top: 1px;
  text-align: left;
  width: 100%;
}
.olx {padding-right: 13px;}
.top_menu_wrapper {
  background: #0a733e none repeat scroll 0 0;
  display: block;
  font-size: 1rem;
  height: auto;
  margin: 0;
  max-height: 100vh;
  min-height: calc(100vh - 75px);
  overflow: hidden;
  padding: 0;
  position: absolute;
  left: -160%;
  top: 75px;
  transition: left 1200ms ease 120ms;
  width: 100%;
  z-index: 1001;
}
.menu-alt {
    background: transparent none repeat scroll 0 0;height: 0;}
#top_menu {width: 100%;}
.top_menu a {font-size: 12px;width: 100%;display: block;}
#menu_offer.top_menu {padding: 0;}
.dwadziescia, .sek2 .dwadziescia {
  margin-bottom: 3px;
  width: 100%;
  animation-delay: 0s;
  position: relative;
}
#dwa2 div {  background: rgba(0, 0, 0, 0) url("images/box2.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
#dwa3 div {  background: rgba(0, 0, 0, 0) url("images/box3.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
#dwa4 div {  background: rgba(0, 0, 0, 0) url("images/box4.jpg") no-repeat scroll left 1px center  / auto 120%;
 animation-delay: 0;padding-left: 30%;}
#dwa5 div {  background: rgba(0, 0, 0, 0) url("images/box5.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}

.sek2 #dwa1 div {  background: #fff url("images/box_z1.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.sek2 #dwa2 div {  background: #fff url("images/box_z2.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.sek2 #dwa3 div {  background: #fff url("images/box_z3.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.sek2 #dwa4 div {  background: #fff url("images/box_z4.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}

.case .sek2 #dwa1 div {  background: #fff url("images/box_c1.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.case .sek2 #dwa2 div {  background: #fff url("images/box_c2.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.case .sek2 #dwa3 div {  background: #fff url("images/box_c3.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.case .sek2 #dwa4 div {  background: #fff url("images/box_c4.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.case .sek2 #dwa5 div {  background: #fff url("images/box_c5.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.case .sek2 #dwa6 div {  background: #fff url("images/box_c6.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.case .sek2 #dwa7 div {  background: #fff url("images/box_c7.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.case .sek2 #dwa8 div {  background: #fff url("images/box_c8.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}
.case .sek2 #dwa9 div {  background: #fff url("images/box_c9.jpg") no-repeat scroll left 1px center  / auto 120%; animation-delay: 0;}

#sek11 {margin-top: 0;}

#dwa2 { animation-delay: 0s;}
#dwa3 { animation-delay: 0s;}
#dwa4 { animation-delay: 0s;}
#dwa5 { animation-delay: 0s;}

.case #dwa6, .case #dwa7, .case #dwa8, .case #dwa9 {width: 100%;}

#zetor.case #sek3 {
    background: #ebebeb url("images/promo_c.jpg") no-repeat scroll center center / 100% auto;
}

.case #sek9 {
  padding-top: 350px;
}
#subcontent .case .trak_link p {top: 0 !important;}

#c1 {
  background: rgba(0, 0, 0, 0) url("images/c1.png") no-repeat scroll center top / 90% auto;
}

#subcontent .case a.trak_link {
  color: #0e0e0e;
  display: block;
  font-size: 37px;
  font-weight: 700;
  height: 402px;
  margin-top: 0;
  position: relative;
}


.case .nr {
  margin-bottom: 70px;
  padding-top: 220px;
  width: 100%;
}

.case .dwadziescia h2 {
  font-size: 20px;
  line-height: 1.4;
  padding-left: 50%;
  position: absolute;
  right: 21px;
  text-align: right;
  top: 5px;
}

.dwadziescia h2 {
  font-size: 27px;
  line-height: 1.4;
  padding-left: 50%;
  position: absolute;
  right: 21px;
  text-align: right;
  top: 19px;
}
#dwa4 h2 {top: 0px;}
.dwadziescia div {
  background: #fff url("images/box1.jpg") no-repeat scroll left 1px center / auto 120%;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  height: 140px;
  margin: 0 auto 20px;
  max-width: 100%;
  transition: all 0.5s ease 0s;
}
#sek3 {
  background: rgba(0, 0, 0, 0) url("images/bg2.jpg") no-repeat scroll right -150px top / 180% auto;
  height: 420px;
  padding: 60px 20px 80px;
}

body {padding-right: 0 !important;}
html {overflow-x: hidden;}



#sek3 h2, #sek3 h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  max-width: 50%;
  text-align: left;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#sek3 h3 {
  font-size: 13px;
  font-weight: 300;
  max-width: 45%;
}
#adresy {
  height: 420px;
  margin-top: -50px;
}
.adres {background: #fbfbfb none repeat scroll 0 0;}
.mapa {margin: 123px auto 0;
  height: 90vw;
  width: 90vw;
}
.iko {
  float: left;
  height: 86px;
  width: 30%;
}
 #sek4 h2 {margin-top: 0px;}
 #sek6 h2 {margin-top: 0px;}
#sek5 h2 {
    margin-bottom: 0;
    margin-top: 20px;
}

#sek6 {
  padding-left: 40px;
}
#sek1 {
  background: rgba(0, 0, 0, 0) url("images/bg1.png") repeat-x scroll center
  top 80px;
  margin-top: 22px;
}
.news_item_wrapper .intro_news {animation-delay: 0s !important;}
.promo {
  font-size: 15px;
  height: auto;
  padding-bottom: 7px;
  padding-top: 7px;
  position: relative;
  width: 100%;
}
#pro2.promo {
  margin-left: 0;
  margin-top: 20px;
}
.promo .title_wrap {    height: auto;}
.promo .title_wrap span {padding-bottom: 20px; width: 100%; padding-right: 20px;     font-size: 18px;}
#sek2 .promo img {    float: left;       max-height: 230px; max-width: 50%; margin-bottom: 80px;}


#sek2 h2 {

  margin: 30px 0 51px;

}


.wiec {
  font-size: 13px;
  padding: 6px 45px 6px 22px;
}
.wiec::after {
  right: -26px;
  top: 5px;
}
#sub_container h1 {
    font-size: 25px;
    padding-left: 18px;
    padding-top: 59px;
    padding-right: 18px;
}

#logo_z {
  background: rgba(0, 0, 0, 0) url("images/logo_z.png") no-repeat scroll left top / 80% auto;
  min-height: 152px;
  padding-right: 0 !important;
  padding-left: 0 !important;}
  .case #logo_z {
  background: rgba(0, 0, 0, 0) url("images/logo_c.png") no-repeat scroll left top / 80% auto;
  min-height: 152px;
  padding-right: 0 !important;
  padding-left: 0 !important;}
#logo_z h2 {
  font-size: 20px;
  padding-top: 35vw;
  width: 100%;
}
.traktor {
  background: rgba(0, 0, 0, 0) url("images/traktor.png") no-repeat scroll left top / 120% auto;
  top: 390px;
  display: none;
}
#sek4 img {
 display: none;
}
.sek1 {min-height: 769px;background: #fff none repeat scroll 0 0;}

#sek5 h2 {margin-bottom: 13px;}
.sek p {font-size: 19px;margin-bottom: 20px;}
#sek4 h2 {margin-top: 20px;}
#sek4 { min-height: 600px;}
#sek4.sek p {
  font-size: 19px;
  margin-bottom: 50px;}
#sek9 {
  padding-top: 140px;
}
.trak_link p {font-size: 27px;}
.trak_link { margin-top: 34px;height: 482px;}
#sek5 .txt {  padding-top: 29px;}
.sek .wiec {display: inline-block; font-size: 15px;}
#sek9 h2 {margin-bottom: 200px;}
#zetor .nr h3 {font-size: 11px;}

 #zetor .sek h2 { font-size: 23px;}

#sek4 .txt, .txt {
    padding-left: 30px;
}

.nr {width: 50%;height: 160px;}
.nr::after {display: none;}
.hori-lina {display: none;}
.nr#n5 {width: 100%;}



#zetor #sek5 .wiec, #zetor #sek8 .wiec {
  font-weight: 300;
  margin-left: 0;
  text-transform: uppercase;
  top: 0vw;
}
#gal {
    margin: 120px 0 0;
}

#sek1 {background: none;}

.sek2 h3 {
  margin: -12px auto 10px;
  padding-right: 22px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 123px;
}

.sek2 #sek1 {
  padding-left: 0;
}


#zetor #sek3 {
  background: #ebebeb url("images/promo_z.jpg") no-repeat scroll center center / 100% auto;
  height: 45vw;
}
.scroll {
display: none;
}
#sek5, #sek8 {overflow: hidden;}
#sek5 img, #sek8 img {width: 120%;}

 .page-zetor #zetor {padding-top: 30px;}
#subcontent .header {
  background: rgba(0, 0, 0, 0) url("images/sub_menu.jpg") no-repeat scroll center bottom -44px;
  min-height: 131px;
}

#sub_container .menu-alt {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}

#sub_container .top_menu_wrapper {top: 82px;}


#t1 {background: rgba(0, 0, 0, 0) url("images/z_major.png") no-repeat scroll center center / 100% auto;}
#t2 {background: rgba(0, 0, 0, 0) url("images/z_proxima.png") no-repeat scroll center center / 100% auto;}
#t3 {background: rgba(0, 0, 0, 0) url("images/z_forterra.jpg") no-repeat scroll center center / 100% auto;}
#t4 {background: rgba(0, 0, 0, 0) url("images/z_crystal.jpg") no-repeat scroll center center / 100% auto;}


.trak_link p {
  font-size: 27px;
  left: 10px;
  top: 50px !important;
}

#sek9 h2 {
  font-size: 30px;
  line-height: 1.1;
  margin-bottom: 80px;
  margin-top: -40px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
}
#sek9 h2 br {display: none;}
.dropdown_menu .sub_menu.mobile_submenu {display: none !important;}
.dropdown_menu .sub_menu.mobile_submenu.active_menu {display: block !important;}
ul.mobile_submenu.active_menu{display: block !important;}
ul.mobile_submenu li, .columnWrapper{grid-column: none !important;}

#menu_offer.top_menu .sub_el a{padding-left: 40px; text-transform: none;}
#menu_offer.top_menu .subsub_el a{padding-left: 70px; font-weight: 300;}

#logo_bot > a#olx_f {    text-align: left;}
#footer .bottom_menu_wrapper > div {    margin-top: 15px; }
#footer .bottom_menu_wrapper {    margin-bottom: 30px;}
#foot {    background: #ebebeb;    min-height: 532px;     margin-top: 30px;}
ul#bottom_menu .sub_menu > .bottom_menu_item > a, #footer_links span, #ssi span, #ssi strong{    color: #000;}
#footer {    padding: 20px 10px;top: 0;}
#sub_container #sigle_news h1 {font-size: 31px;     padding: 0;}
#sub_container #sigle_news .image_frame img {    max-width: 60%;}
h2.bottom-text {
  font-size: 14px;
  margin-bottom: 100px;
  margin-top: -60px;
}
#zetor #sek4 {padding-bottom: 50px;}
#foot {
  background: #ebebeb none repeat scroll 0 0;
  margin-top: 30px;
  min-height: 762px;
}
.page-serwis #zetor #sek3 {
    background: #ebebeb url("images/img_serwis_szczecin.jpg") no-repeat scroll center top / 100% auto;
    height: 200px;
}
.page-serwis #zetor #sek3a {
    background: #ebebeb url("images/img_serwis_szczecin_2.jpg") no-repeat scroll center top / 100% auto;
    height: 200px;
}
.page-czesci #zetor #sek3 {
  background: #ebebeb url("images/loga-czesci.jpg") no-repeat scroll center top / 100% auto;
}
.page-czesci #zetor #sek3a {
  background: #ebebeb url("images/loga-akcesoria.jpg") no-repeat scroll center top / 100% auto;
}
.page-wynajem #zetor #sek3 {
  background: #ebebeb url("images/wynajem_powierzchni_szczecin_2.jpg") no-repeat scroll center top / 100% auto;
}
.page-wynajem #zetor #sek3a {
  background: #ebebeb url("images/wynajem_powierzchni_szczecin.jpg") no-repeat scroll center top / 100% auto;
}

.katalog-czesci {
  padding-bottom: 60px;
  padding-top: 20px;
}

.katalogi {position: relative; width: 100%;}
.katalog-czesci h2, .katalog-czesci h3 {
    max-width: 100%;margin-bottom: 0!important;}

#zetor .sek .katalog-czesci h2 {
  font-size: 30px;
  padding-left: 100px;
   margin-left: 24px;
}
.katalogi {display: block;}
.katalogi a {width: 100%;}
#zetor .sek .katalog-czesci h2 {
    font-size: 26px;}
}

@media (min-width: 768px) and (max-width: 991px) {

#extra_buttons .pdf_btn_wrapper h2 { font-size: 31px;}
#extra_buttons .wiec {    bottom: 70px;    font-size: 16px;}


.news_item_wrapper .promo {    height: 303px;}
.news_item_wrapper .promo .title_wrap {    height: 313px;}
.news_item_wrapper .promo img {height: 303px;}

#sub_container .menu-alt {height: 37px;}
#sub_container h1 {
    font-size: 37px;
    padding-left: 58px;
    padding-top: 70px;
    padding-bottom: 10px;
    line-height: 1.1;
}
.cont-sub {
    padding-right: 62px;
    max-width: 100%;
}
.menu-alt {height: 35px;}
#menu_offer.top_menu a {
  font-size: 11px;
  padding: 10px 9px 26px;}
#main_logo {padding-left: 17px;}
#top_menu_link {display: none;}
#top_menu {width: 100%;}
.top_menu a {font-size: 12px;}
#menu_offer.top_menu {padding: 0;}
.dwadziescia { margin-bottom: 30px;}
#sek3 {
  background: rgba(0, 0, 0, 0) url("images/bg2.jpg") no-repeat scroll right top / 100% auto;
  height: 420px;
  padding: 50px 20px 80px;
}
.dwadziescia h2 {
  font-size: 12px;
  line-height: 30px;
  margin: 0;
}
#adresy {
  height: 420px;
  margin-top: -50px;
}
.adres {background: #fbfbfb none repeat scroll 0 0;}
.mapa {margin: 123px auto 0;
  height: 90vw;
  width: 90vw;
}
#sek3 h3 {  font-size: 2vw;}
 #sek4 h2 {margin-top: 0px;}
 #sek6 h2 {margin-top: 70px;}
#sek5 h2 {
    margin-bottom: 0;
    margin-top: 20px;
}
#sek1 {
  background: rgba(0, 0, 0, 0) url("images/bg1.png") repeat-x scroll center
  top 80px;
}
.promo {width: 100%; height: 303px; font-size: 23px;}
#pro2.promo {
  margin-left: 0;
  margin-top: 20px;
}
.promo .title_wrap {    height: 313px;}
.promo img {height: 303px;}

#logo_z {
  background: rgba(0, 0, 0, 0) url("images/logo_z.png") no-repeat scroll left 38px top / 30% auto;
  min-height: 152px;
}
#logo_z h2 {
    font-size: 20px;
    width: 57%;
     min-height: 129px;
}
.traktor {
  background: rgba(0, 0, 0, 0) url("images/traktor.png") no-repeat scroll left top / 120% auto;
  top: 390px;
}
.case .traktor {
  background: rgba(0, 0, 0, 0) url("images/traktor_c.png") no-repeat scroll left top / 120% auto;
  top: 390px;
}
#sek4 img {
  max-width: 100%;
}
.sek1 {min-height: 769px;}
.case .sek1 {
    min-height: 889px;
}
#sek5 h2 {margin-bottom: 13px;}
.sek p {font-size: 19px;margin-bottom: 20px;}
#sek4 h2 {margin-top: 20px;}
#sek4 { min-height: 600px;}
#sek4.sek p {
  font-size: 19px;
  margin-bottom: 50px;}
#sek9 {
  padding-top: 140px;
}
.trak_link p {font-size: 27px;}
.trak_link { margin-top: 34px;height: 482px;}
#sek5 .txt {  padding-top: 29px;}
.sek .wiec {display: inline-block; font-size: 15px;}
#sek9 h2 {margin-bottom: 200px;}
#zetor .nr h3 {font-size: 11px;}


#zetor #sek5 .wiec, #zetor #sek8 .wiec {
  font-weight: 300;
  margin-left: 0;
  text-transform: uppercase;
  top: 0vw;
}
#gal {
    margin: 120px 0 0;
}
.scroll, .case .scroll {
  bottom: -504px;
  left: 119px;
}
#sek5, #sek8 {overflow: hidden;}
#sek5 img, #sek8 img {width: 120%;}

#zetor #sek3 {
    background: #ebebeb url("images/promo_z.jpg") no-repeat scroll center center / 100% auto;}

 .page-zetor #zetor {padding-top: 30px;}
#subcontent .header {
  background: rgba(0, 0, 0, 0) url("images/sub_menu.jpg") no-repeat scroll center bottom -44px;
  min-height: 172px;
}

#t1 {background: rgba(0, 0, 0, 0) url("images/z_major.png") no-repeat scroll center center / auto 100%;}
#t2 {background: rgba(0, 0, 0, 0) url("images/z_proxima.png") no-repeat scroll center center / auto 100%;}
#t3 {background: rgba(0, 0, 0, 0) url("images/z_forterra.jpg") no-repeat scroll center center / auto 100%;}
#t4 {background: rgba(0, 0, 0, 0) url("images/z_crystal.jpg") no-repeat scroll center center / auto 100%;}

.trak_link p {
  font-size: 27px;
  left: 10px;
}
ul#bottom_menu li.bottom_menu_item {margin-top: 10px;}
.menu-alt .sub_menu {top: 35px;}
.big_submenu .menu_logo {width: 242px;}
.big_submenu .menu_logo img {width: 100%;}
.case #logo_z {
  background: rgba(0, 0, 0, 0) url("images/logo_c.png") no-repeat scroll left 38px top / 30% auto;
}
.case .nr {
  margin-bottom: 80px;
  padding-top: 240px;
  width: 50%;
}
.case #sek9 h2 {
  margin-bottom: 0;
  margin-top: -100px;
  padding-right: 50px;
  text-align: center;
}

.case #t1 {background: rgba(0, 0, 0, 0) url("images/c_1.png") no-repeat scroll center center / 80% auto;}
.case #t2 {background: rgba(0, 0, 0, 0) url("images/c_2.png") no-repeat scroll center center / 80% auto;}
.case #t3 {background: rgba(0, 0, 0, 0) url("images/c_3.jpg") no-repeat scroll center center / 60% auto; margin-top: 110px !important;}
.case #t4 {background: rgba(0, 0, 0, 0) url("images/c_4.jpg") no-repeat scroll center center / 80% auto; margin-top: 110px !important;}
.case #t5 {background: rgba(0, 0, 0, 0) url("images/c_5.jpg") no-repeat scroll center center / 80% auto;}
.case #t6 {background: rgba(0, 0, 0, 0) url("images/c_6.jpg") no-repeat scroll center center / 80% auto;}
.case #t7 {background: rgba(0, 0, 0, 0) url("images/c_7.jpg") no-repeat scroll center center / 80% auto;}
.case #t8 {background: rgba(0, 0, 0, 0) url("images/c_8.jpg") no-repeat scroll center center / 80% auto;}

#footer {padding: 2px 0;}

#subcontent a.trak_link {max-width: 96%;}    
#sek5 .txt { padding-left: 110px;}

.katalog-czesci {
  padding-bottom: 60px;
  padding-top: 20px;
}

.katalogi {position: relative; width: 100%;}
.katalog-czesci h2, .katalog-czesci h3 {
    max-width: 100%;margin-bottom: 0!important;}

}

@media (min-width: 992px) and (max-width: 1199px) {

#sek5 .txt {
    padding-left: 110px;
}

.case .iko-z { width: 21% !important;font-size: 13px;}
.case .sek2 {
  margin-top: 330px;
}
.case #sek4 img {
    margin-left: 0%;
}
.case #sek4 .txt {
  padding-bottom: 40px;
  padding-left: 60px;
}

.case .nr {
  margin-bottom: 80px;
  padding-top: 240px;
  width: 50%;
}

#zetor.case #sek8 .wiec {
  top: -2vw;
}
.case #sek9 h2 {
  margin-top: -210px;
}
.case #t1 p {
    top: 40px;
}
.case #t2 p {
    right: 10px;
    top: 40px;
}
.case #t4 p {
    right: 0;
    top: 80px;
}
#extra_buttons .pdf_btn_wrapper h2 {font-size: 26px;}
#extra_buttons .wiec {    bottom: 80px;    padding: 10px 15px;    font-size: 13px;     font-weight: 400;}
#extra_buttons #pdf_image {    top: 70px;    transform: scale(1.4);}
#extra_buttons .pdf_phone_wrapper #phone {    font-size: 15px;}
#extra_buttons .pdf_phone_wrapper #phone a{    font-size: 17px;}
#extra_buttons .pdf_btn_wrapper {    padding-left: 30px;}
#extra_buttons .pdf_phone_wrapper {padding: 5px 30px;}

#subcontent .header {
  background: rgba(0, 0, 0, 0) url("images/sub_menu.jpg") no-repeat scroll center bottom -44px;
  min-height: 172px;
}
#main_logo {
    padding-left: 8px;
}
#top_menu_link {display: none;}
.top_menu a {font-size: 12px;}
#menu_offer.top_menu {padding: 0;}
#menu_offer.top_menu a {font-size: 12px;  padding: 17px 9px;}
.dwadziescia { margin-bottom: 30px;}
#sek3 {
  background: rgba(0, 0, 0, 0) url("images/bg2.jpg") no-repeat scroll right top / 100% auto;
  height: 420px;
  padding: 100px 40px 80px;
}
 #sek6 h2 {margin-top: 30px;}
#sek1 {
  background: rgba(0, 0, 0, 0) url("images/bg1.png") repeat-x scroll center
  top 80px;
}
.promo {  font-size: 23px;}

.page-zetor #zetor {padding-top: 150px;}
.scroll { bottom: -321px;}
#logo_z {
  background: rgba(0, 0, 0, 0) url("images/logo_z.png") no-repeat scroll left 38px top / 30% auto;
  min-height: 152px;
}

#logo_z h2 {
  font-size: 21px;
  width: 51%;
  min-height: 139px;
}
.traktor {
  background: rgba(0, 0, 0, 0) url("images/traktor.png") no-repeat scroll left top / 120% auto;
  top: 290px;
}
#sek4 img {
  max-width: 100%;
}
.sek1 {min-height: 769px;}
#sek5 h2 {margin-bottom: 13px;}
.sek p {font-size: 19px;margin-bottom: 20px;}
#sek4 h2 {margin-top: 20px;}
#sek4 { min-height: 600px;}
#sek4.sek p {
  font-size: 19px;
  margin-bottom: 50px;}
#sek9 {
  padding-top: 250px;
}
.trak_link p {font-size: 27px;}
.trak_link { margin-top: 34px;height: 482px;}
#sek5 .txt {  padding-top: 29px;}
.sek .wiec {display: inline-block; font-size: 15px;}
#sek9 h2 {margin-bottom: 200px;}
#zetor .nr h3 { font-size: 12px;}
#zetor #sek3 {    background: #ebebeb url("images/promo_z.jpg") no-repeat scroll center center / 100% auto;}
.big_submenu .menu_logo {width: 242px;}
.big_submenu .menu_logo img {width: 100%;}
#logo_bot img {max-width: 100%;}

#footer {padding: 2px 0;}
.katalog-czesci { padding-top: 22px;}

 }

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

#extra_buttons .pdf_btn_wrapper h2 {font-size: 27px;}
#extra_buttons .wiec {    bottom: 80px;    padding: 10px 20px;    font-size: 16px;}
#extra_buttons #pdf_image {top: 50px;}
#extra_buttons .pdf_phone_wrapper #phone {    font-size: 20px;}


#top_menu_link {display: none;}
.new_password { padding-left: 10px !important; }
#sek3 {
 background: rgba(0, 0, 0, 0) url("images/bg2.jpg") no-repeat scroll right -60px top / auto 80%;
  padding: 140px 40px 80px;}
#logo_z {
  background: rgba(0, 0, 0, 0) url("images/logo_z.png") no-repeat scroll left 38px top / 40% auto;
  min-height: 152px;
}
#logo_z h2 {
  font-size: 21px;
  width: 51%;
}
.traktor {
  background: rgba(0, 0, 0, 0) url("images/traktor.png") no-repeat scroll left top / 120% auto;
  top: 160px;
}
#sek4 img {
  max-width: 100%;
}
.sek1 {min-height: 769px;}
#sek5 h2 {margin-bottom: 13px;}
.sek p {font-size: 19px;margin-bottom: 20px;}
#sek4.sek p {
  font-size: 19px;
  margin-bottom: 50px;}
#sek9 {
  padding-top: 250px;
}
.trak_link p {font-size: 27px;}
.trak_link { margin-top: 34px;}
.big_submenu .menu_logo {width: 242px;}
.big_submenu .menu_logo img {width: 100%;}

}


@media (min-width: 1501px) {
#top_menu_link {display: none;}
}

@media (max-width: 480px){
    #sek3 {    height: 260px;    padding: 20px 20px 80px;}
    #sek6 {    padding-left: 10px;}
    #footer {    padding: 20px 10px;}
    .news_item_wrapper .promo img, #sek2 .promo img { max-width: 70%;}
    #cookies_ok, #cookies_more {
        display: block;
        width: 49%;
        margin: 5px auto;
        line-height: 1;
        padding: 9px;
    }
    #cookies_more{
        color: #337ab7 !important;
    }
    .mapa {
        margin: 45px auto 0;
        height: 95vw;
        width: 95vw;
    }
.modal {padding-top: 100px;}

    #extra_buttons .pdf_btn_wrapper {    padding-left: 10px;    }
    #extra_buttons .pdf_btn_wrapper h2 {    font-size: 27px;     margin-top: 10px;}
    #extra_buttons .wiec {    padding: 10px 30px;}
    #extra_buttons .pdf_btn_wrapper {height: 180px;}
    #extra_buttons .pdf_phone_wrapper {    padding: 5px 10px;}
    #extra_buttons .pdf_phone_wrapper #phone {    font-size: 13px;}
    #extra_buttons .pdf_phone_wrapper #phone a{    font-size: 15px;}
}
/*edit 17.10.2019*/
#top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 30px 45px 30px 55px;
}

#main_logo {
    padding: 0;
    max-width: 25vw;
}
@media (max-width: 1199px) {
    #top {
        padding: 25px 10px;
        max-width: 100%;
    }
}
@media (max-width:767px) {
    #top {
        padding: 25px 10px;
        max-width: 100%;
    }

    #main_logo {
        padding: 0;
        max-width: 50vw;
    }

    .top_menu_lnk {
        position: absolute;
        top: 35% !important;

    }
}
@media (max-width: 480px){
    #main_logo > img {
        max-width: 100%;
    }

}

@media (min-width: 1921px) {
    #sek3 {
        background-size: cover;
        background-position: bottom center;
        height: 40vw;
    }
    #foot {
        background-size: cover;
        background-position: bottom center;
        height: 30vw;
    }

    #subcontent .header {
        background-size: cover;
        height: 8vw;
    }
}

#menu_offer .inside.sub .sub_menu a {
  font-size: .87vw;
  padding: 1vw 0;
}

@media (max-width: 1200px){

  .menu-alt .sub_menu {
    flex-flow: wrap;
  }

  #menu_offer .inside.sub .sub_menu a {
    font-size: 1.2vw;
    padding: 1vw 2vw;
  }
}

@media (max-width: 768px){
  .top_menu_wrapper { 
    height: auto;
    max-height: fit-content;
  }
}