body, p, span, ul li, ol li {font-family: 'Open Sans', sans-serif; letter-spacing: 1px;}
h1, h2, h3, h4, h5, h6, a {font-family: 'Ubuntu', sans-serif; letter-spacing: 1px;}
body .page-header {padding: 0; margin: 0; border-bottom: none;}
.path-frontpage .container {padding: 0;}
img {width: 100%;}

button#edit-actions-submit {background-color: #0081e2; font-weight: bold; border-radius: 0; border: none; padding: 10px 30px; float: right; margin-bottom: 50px; margin-right: 0;}
button#edit-actions-submit:hover {background-color: #8BC34A;}


/*menu*/
header#navbar {border: none; background-color: #fff;}
header#navbar #navbar-collapse {float: right;}
header#navbar #navbar-collapse ul {margin-top: 10px;}
header#navbar #navbar-collapse ul li a {color: #373737; font-weight: bold; letter-spacing: 1px; font-size: 17px;}
header#navbar #navbar-collapse ul li a.is-active {color: #0081e2;}
a.logo.navbar-btn.pull-left {margin: 0; padding: 0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: transparent;}

section#block-rzetelnafirma {position: fixed; right: 15px; top: 0;}
#block-views-block-frontpage-block-3 {padding: 130px 0; margin-bottom: 50px;
background: #0081e2; /* Old browsers */
background: -moz-linear-gradient(left,  #0081e2 0%, #66b3ee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0081e2 0%,#66b3ee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0081e2 0%,#66b3ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081e2', endColorstr='#66b3ee',GradientType=1 ); /* IE6-9 */
}
#block-views-block-frontpage-block-3 h1 {color: #fff; text-transform: uppercase; font-size: 44px; letter-spacing: 4px; font-weight: bold; margin: 70px 0 50px; text-shadow: 2px 2px 9px #00000029;}
#block-views-block-frontpage-block-3 p {color: #fff; font-weight: bold; font-size: 19px; letter-spacing: 2px; text-shadow: 2px 2px 9px #00000029;}
#block-views-block-frontpage-block-3 img {width: auto;}
section#block-nadkategoria h3 {color: #373737; font-size: 20px;}
section#block-nadkategoria .field--name-body {text-align: center; margin: 0 auto 50px; width: 800px; max-width: 100%;}


.row-car, .row-other, .row-cargo, .row-trailer {background-position: center !important;}
.view.view-homepage-category .view-homepage-category {position: relative; overflow: hidden;}

#block-views-block-homepage-category-block-5 {margin-bottom: 50px;}
#block-views-block-homepage-category-block-5 .view-display-id-block_1 {width: 33.333333%; float: left; padding: 0 15px;}
#block-views-block-homepage-category-block-5 .view-display-id-block_1 .view-content a {height: 400px;}
#block-views-block-homepage-category-block-5 .view-content a {width: 100%; align-items: center; display: flex; background-color: rgba(0, 117, 207, 0.70);}
#block-views-block-homepage-category-block-5 .view-content a h3 {width: 100%; margin: 0; text-align: center; text-transform: uppercase; font-weight: bold; color: #fff; position: relative; letter-spacing: 1px; padding: 0 15px; line-height: 1.5;}
#block-views-block-homepage-category-block-5 .view-content a h3:before {position: absolute; content: ""; top: 32px; left: calc(50% - 20px); height: 2px; width: 40px; background-color: #fff;}

#block-views-block-homepage-category-block-5 .view-display-id-block_2 {width: 66.666667%; float: right; margin-bottom: 20px; padding: 0 15px; height: 190px;}
#block-views-block-homepage-category-block-5 .view-display-id-block_2 .view-content a {height: 190px;}

#block-views-block-homepage-category-block-5 .view-display-id-block_3 {width: 33.333333%; float: left; padding: 0 15px; height: 190px;}
#block-views-block-homepage-category-block-5 .view-display-id-block_3 .view-content a {height: 190px;}

#block-views-block-homepage-category-block-5 .view-display-id-block_4 {width: 33.333333%; float: right; padding: 0 15px; height: 190px;}
#block-views-block-homepage-category-block-5 .view-display-id-block_4 .view-content a {height: 190px;}


#block-views-block-homepage-category-block-5 .view-display-id-block_4 .view-content a {background-color: #585858b3;}

#block-views-block-frontpage-block-2 h2.block-title {text-align: center; margin-top: 0;  text-transform: uppercase; color: #0075cf; font-size: 23px; font-weight: bold; letter-spacing: 2px; margin-bottom: 35px;}
#block-views-block-frontpage-block-2 {background-image: url(../img/offer-bg.jpg); padding: 50px 0 70px; margin-bottom: 50px;}
.offer-info {float: left; width: 100%;}
.offer-info div {float: left; width: 100%; }
.offer-info span {font-size: 16px; font-weight: 600;}
.offer-info span.left {float: left; padding: 5px 0 5px 5px;}
.offer-info span.right {float: right; padding: 5px 5px 5px 0;}
#block-views-block-frontpage-block-2 .more-btn a {width: 100%; float: left; text-align: center; color: #0075cf; font-weight: bold; text-transform: uppercase; padding: 8px; font-size: 16px; background-color: #fff;}

#block-views-block-frontpage-block-2 .views-field-nothing {background-color: #ebebeb; float: left; width: 100%;}
#block-views-block-frontpage-block-2 .views-field-nothing h3 {margin: 0; font-size: 16px; font-weight: 600; padding: 5px;}
#block-views-block-frontpage-block-2 .views-field-nothing h3 a {color: #000;}
#block-views-block-frontpage-block-2 .views-field-nothing .offer-info div:nth-child(odd) {background-color: #0075cf; color: #fff;}
#block-views-block-frontpage-block-2 .views-field-nothing .offer-info div {color: #000; clear: both;}
#block-views-block-frontpage-block-2 .views-field-nothing .offer-info div ul {padding: 0; margin: 0; list-style-type: none;}
#block-views-block-frontpage-block-2 .views-field-nothing .offer-info div ul li {float: left;}
#block-views-block-frontpage-block-2 .views-field-nothing .offer-info div ul li:nth-child(even) {float: right;}

.view-display-id-page_1 {margin-bottom: 50px; float: left; width: 100%;}
.view-display-id-page_1 h2 {color: #0075cf; font-weight: bold; font-size: 22px; line-height: 1.5; letter-spacing: 2px; margin-top: 50px;}
.view-display-id-page_1 p {color: #000; line-height: 1.7;}

#block-views-block-dlaczego-warto-nas-wybrac-block-1 {clear: both; margin-bottom: 80px; padding: 0; }
#block-views-block-dlaczego-warto-nas-wybrac-block-1 h2.block-title {text-align: center; text-transform: uppercase; color: #0075cf; font-size: 23px; font-weight: bold; letter-spacing: 2px; margin-bottom: 35px;}
#block-views-block-dlaczego-warto-nas-wybrac-block-1 .col-xs-12.col-md-4 {text-align: center;}
#block-views-block-dlaczego-warto-nas-wybrac-block-1 .col-xs-12.col-md-4 div {box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1); height: 200px;}
#block-views-block-dlaczego-warto-nas-wybrac-block-1 .col-xs-12.col-md-4 h3 {font-size: 80px; padding-top: 30px;}
#block-views-block-dlaczego-warto-nas-wybrac-block-1 .col-xs-12.col-md-4 h4 {font-size: 46px; padding-top: 63px;}
#block-views-block-dlaczego-warto-nas-wybrac-block-1 .col-xs-12.col-md-4 h3, #block-views-block-dlaczego-warto-nas-wybrac-block-1 .col-xs-12.col-md-4 h4 {color: #0075cf; margin-top: 0; font-weight: bold; letter-spacing: 4px;}

#block-views-block-frontpage-block-1 {margin-bottom: 70px;}
#block-views-block-frontpage-block-1 h2 {color: #0075cf; font-size: 24px;}

#block-views-block-frontpage-block-6 {margin-bottom: 70px;}
#block-views-block-frontpage-block-6 h2 {color: #0075cf; font-size: 24px; margin-top: 30px;}
section#block-views-block-frontpage-block-6 .more-btn a {text-transform: uppercase; margin-top: 40px; float: left; position: relative; font-size: 17px; font-family: 'Open Sans', sans-serif; font-weight: bold;}
section#block-views-block-frontpage-block-6 .more-btn a:before {position: absolute; content: ""; left: 0; bottom: -5px; height: 2px; width: 30px; background-color: #0075cf;}

.edit-button {clear: both; padding-top: 30px;}
.edit-button a {background-color: #0281e9; color: #fff; font-weight: bold; text-transform: uppercase; border: 2px solid #fff;padding: 10px 20px;}
.edit-button a:before {display: none;}

.path-taxonomy .view-taxonomy-term .views-field-nothing {background-color: #ebebeb;}
.path-taxonomy .view-taxonomy-term .views-field-nothing h3 {margin: 0; font-size: 17px; font-weight: bold; padding: 5px;}
.path-taxonomy .view-taxonomy-term .views-field-nothing h3 a {color: #000;}
.path-taxonomy .view-taxonomy-term .views-field-nothing .offer-info div:nth-child(odd) {background-color: #0075cf; color: #fff;}
.path-taxonomy .view-taxonomy-term .views-field-nothing .offer-info div {color: #000; clear: both;}
.path-taxonomy .view-taxonomy-term .views-field-nothing .offer-info div ul {padding: 0; margin: 0; list-style-type: none;}
.path-taxonomy .view-taxonomy-term .views-field-nothing .offer-info div ul li {float: left;}
.path-taxonomy .view-taxonomy-term .views-field-nothing .offer-info div ul li:nth-child(even) {float: right;}


section#block-views-block-frontpage-block-1 .more-btn a {text-transform: uppercase; margin-top: 40px; float: left; position: relative; font-size: 17px; font-family: 'Open Sans', sans-serif; font-weight: bold;}
section#block-views-block-frontpage-block-1 .more-btn a:before {position: absolute; content: ""; left: 0; bottom: -5px; height: 2px; width: 30px; background-color: #0075cf;}


.path-user .top-content-section, .path-node .top-content-section, .path-taxonomy .top-content-section, .path-oferty-sprzedazy .top-content-section {padding: 70px 0; margin-bottom: 50px; background: #0081e2;
    background: -moz-linear-gradient(left, #0081e2 0%, #66b3ee 100%);
    background: -webkit-linear-gradient(left, #0081e2 0%,#66b3ee 100%);
    background: linear-gradient(to right, #0081e2 0%,#66b3ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081e2', endColorstr='#66b3ee',GradientType=1 );}
.path-user .top-content-section h1, .path-node .top-content-section h1, .path-taxonomy .top-content-section h1, .path-oferty-sprzedazy .top-content-section h1 {color: #fff; text-transform: uppercase; font-size: 44px; letter-spacing: 4px; font-weight: bold; text-align: center; text-shadow: 2px 2px 9px #00000029;}
form#user-login-form, article.contextual-region {margin-bottom: 100px;}

.page-node-type-page .field--name-field-image {text-align: center;}
.page-node-type-page .field--name-field-image img {margin: 0 auto 50px; width: inherit;}
.page-node-type-page .field--name-body {margin-bottom: 100px;}
.page-node-type-page .field--name-body h2, .page-node-type-page .field--name-body h3 , .page-node-type-page .field--name-body h4 {color: #0081e2; font-weight: bold;}
.page-node-type-page .field--name-body ul {padding-left: 0;}
.page-node-type-page .field--name-body ul li {position: relative; list-style-type: none;}
.page-node-type-page .field--name-body ul li:before {content: "\e013"; font-family: 'Glyphicons Halflings'; font-style: normal; color: #0081e2; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 6px;}

.path-oferty-sprzedazy .main-container.js-quickedit-main-content, .taxonomy-path .main-container.js-quickedit-main-content {margin-bottom: 100px;}

.offer-box {margin-bottom: 30px;}

.product-list-page .views-field-nothing {background-color: #ebebeb;}
.product-list-page .views-field-nothing h3 {margin: 0; font-size: 17px; font-weight: bold; padding: 10px 5px;}
.product-list-page .views-field-nothing h3 a {color: #000;}
.product-list-page .views-field-nothing .offer-info div:nth-child(odd) {background-color: #0075cf; color: #fff;}
.product-list-page .views-field-nothing .offer-info div {color: #000; clear: both;}
.product-list-page .views-field-nothing .offer-info div ul {padding: 0; margin: 0; list-style-type: none;}
.product-list-page .views-field-nothing .offer-info div ul li {float: left;}
.product-list-page .views-field-nothing .offer-info div ul li:nth-child(even) {float: right;}
.product-list-page .views-field-nothing .more-btn a {width: 100%; float: left; text-align: center; color: #0075cf; font-weight: bold; text-transform: uppercase; padding: 8px; font-size: 16px; background-color: #fff; border-bottom: 2px solid #0075cf;}
.view-taxonomy-term .views-field-nothing .more-btn a {width: 100%; float: left; text-align: center; color: #0075cf; font-weight: bold; text-transform: uppercase; padding: 8px; font-size: 16px; background-color: #fff; border-bottom: 2px solid #0075cf;}



/*offer page*/
.ds-2col-stacked-fluid > .group-left {padding: 0 15px; margin-bottom: 30px; width: 66.666666%;}
.ds-2col-stacked-fluid > .group-right {padding: 0 15px; margin-bottom: 30px; width: 33.3333334%;}
.ds-2col-stacked-fluid > .group-right .field--name-node-title  {margin: 0; text-transform: uppercase; font-weight: bold; color: #0075cf; font-size: 23px; margin-bottom: 20px;}

.field--name-dynamic-block-fieldnode-parametry-oferty {float: right; width: 33.3333334%; padding-left: 30px;}
.field--name-dynamic-block-fieldnode-parametry-oferty .offer-info span {width: 100%; text-align: center;}
.field--name-dynamic-block-fieldnode-parametry-oferty span.right {color: #0075cf; font-size: 23px;}
.page-node-type-sales-offer .field--name-field-image {width: 66.666666%; float: left;}
.field--name-dynamic-block-fieldnode-parametry-oferty .offer-info div {width: 100%; margin-bottom: 1px; padding: 15px; background-color: #ededed;}
.field--name-dynamic-block-fieldnode-parametry-oferty .price {width: 100%; float: left; margin-bottom: 1px; padding: 15px; background-color: #ededed;}
.field--name-dynamic-block-fieldnode-parametry-oferty .price span {width: 100%; text-align: center; float: left; font-weight: bold;}
.field--name-dynamic-block-fieldnode-parametry-oferty .price span.right {color: #0075cf; font-size: 30px;}
.page-node-type-sales-offer .field--name-dynamic-block-fieldnode-telefon-kontaktowy {float: right; width: 33.3333334%; padding-left: 30px; margin-bottom:30px;}
.page-node-type-sales-offer .field--name-dynamic-block-fieldnode-telefon-kontaktowy a {width: 100%; text-align: center; padding: 30px 5px; float: left; background-color: #8BC34A; color: #fff; font-weight: bold; font-size: 23px;}


/*other offer*/
.other-offer-product-block {margin-bottom: 70px;}
.other-offer-product-block h2 {text-align: center; text-transform: uppercase; font-weight: bold; color: #0075cf; font-size: 23px; margin-bottom: 30px;}
.other-offer-product-block .views-field-nothing h3 {margin: 0; font-size: 16px; font-weight: 600; padding: 5px;}
.other-offer-product-block .views-field-nothing h3 a {color: #000;}
.other-offer-product-block .views-field-nothing .offer-info div:nth-child(odd) {background-color: #0075cf; color: #fff;}
.other-offer-product-block .views-field-nothing .offer-info div {color: #000; clear: both;}
.other-offer-product-block .views-field-nothing .offer-info div ul {padding: 0; margin: 0; list-style-type: none;}
.other-offer-product-block .views-field-nothing .offer-info div ul li {float: left;}
.other-offer-product-block .views-field-nothing .offer-info div ul li:nth-child(even) {float: right;}
.other-offer-product-block .views-field-nothing .more-btn a { width: 100%; float: left; text-align: center; color: #0075cf; border-bottom: 2px solid #0075cf; font-weight: bold; text-transform: uppercase; padding: 8px; font-size: 16px; background-color: #fff;}

nav#block-kategoriaoferty {border-bottom: 2px solid #0075cf;}
nav#block-kategoriaoferty h2#block-kategoriaoferty-menu {background-color: #0075cf; color: #fff; text-transform: uppercase; font-size: 23px; padding: 10px 15px; font-weight: bold; margin-bottom: 0; margin-top: 0;}
ul.menu.menu--kategoria-oferty li a {font-size: 16px; color: #000; font-weight: bold;}
ul.menu.menu--kategoria-oferty li.active a {background-color: #ebebeb;}


.page-node-type-webform .form-control {border: none; box-shadow: none; border-radius: 0; background-color: #fbfbfb; border-bottom: 2px solid #0075cf;}
.top-content-section h1.page-header {padding: 0 15px; margin: 0 auto; max-width: 100%;}

@media (min-width: 1600px) {
	.container, .top-content-section h1.page-header {width: 1470px; margin: 0 auto;}
}
@media (min-width: 1920px) {
	.container, .top-content-section h1.page-header {width: 1500px; margin: 0 auto;}
}
@media (min-width: 2400px) {
	.container, .top-content-section h1.page-header {width: 2100px; margin: 0 auto;}
}

@media (max-width: 1800px) {
	#navbar-collapse {position: absolute; right: 160px;}
}

@media (min-width: 1200px) {
	.offer-box:nth-child(3n +1) {clear: both;}
	.top-content-section h1.page-header {width: 1170px;}

	.path-taxonomy .view-display-id-page_1 .col-xs-12.col-sm-6.col-lg-4:nth-chlid(3n + 1) {clear: both;}
}

@media (max-width: 1199px) {
	#block-views-block-frontpage-block-3 h1 {font-size: 34px; letter-spacing: 3px; margin: 40px 0 50px;}

	.view-display-id-page_1 h2 {margin-top: 0;}

	#block-views-block-dlaczego-warto-nas-wybrac-block-1 .col-xs-12.col-md-4 h3 {font-size: 70px; letter-spacing: 2px;}
	#block-views-block-dlaczego-warto-nas-wybrac-block-1 .col-xs-12.col-md-4 h4 {font-size: 32px; letter-spacing: 2px;}
	.offer-box:nth-child(2n +1) {clear: both;}


	.page-node-type-sales-offer .ds-2col-stacked-fluid > .group-left, .ds-2col-stacked-fluid > .group-right {width: 50%;}
	.page-node-type-sales-offer .field--name-field-image {margin-bottom: 30px;}
	.page-node-type-sales-offer .field--name-field-image, .field--name-dynamic-block-fieldnode-parametry-oferty, .page-node-type-sales-offer .field--name-dynamic-block-fieldnode-telefon-kontaktowy {padding-left: 0; width: 100%;}
	.field--name-dynamic-block-fieldnode-parametry-oferty .offer-info div {padding: 5px 15px;}
	.field--name-dynamic-block-fieldnode-parametry-oferty span.right {padding-top: 0;}



}
@media (min-width: 992px) {
	.top-content-section h1.page-header {width: 970px;}
}
@media (max-width: 991px) {
	#block-views-block-frontpage-block-3 {padding: 50px 0;}
	#block-views-block-frontpage-block-3 img {margin: 0 auto;}
	#block-views-block-frontpage-block-3 h1 {text-align: center; margin-bottom: 30px;}
	#block-views-block-frontpage-block-3 p {text-align: center;}

	#block-views-block-homepage-category-block-5 .view-display-id-block_1 {width: 41.66666667%;}
	#block-views-block-homepage-category-block-5 .view-display-id-block_2 {width: 58.33333333%; height: inherit;}
	#block-views-block-homepage-category-block-5 .view-display-id-block_3 {width: 58.33333333%; height: inherit;}
	#block-views-block-homepage-category-block-5 .view-display-id-block_4 {width: 41.66666667%; height: inherit;}
	#block-views-block-homepage-category-block-5 .view.view-homepage-category .view-content a {height: 300px;}
	#block-views-block-frontpage-block-2 .views-field-nothing {margin-bottom: 30px;}
	#block-views-block-dlaczego-warto-nas-wybrac-block-1 .col-xs-12.col-md-4 {margin-bottom: 30px;}

	aside.col-sm-3 {width: 100%; margin-bottom: 30px;}
	.main-container section.col-sm-9 {width: 100%;}

	.other-offer-product-block .view-content .col-xs-12:nth-child(2n + 1) {clear: both; margin-bottom: 30px;}

	header#navbar #navbar-collapse ul li a {padding: 15px 10px;}
	.main-container.js-quickedit-main-content {padding: 0 15px;}


}
@media (min-width: 768px) {
	.top-content-section h1.page-header {width: 750px;}
}


@media (max-width: 767px) {
	.container {max-width: 100%;}
	#block-views-block-homepage-category-block-5 .view-display-id-block_1, #block-views-block-homepage-category-block-5 .view-display-id-block_2, #block-views-block-homepage-category-block-5 .view-display-id-block_3, #block-views-block-homepage-category-block-5 .view-display-id-block_4 {width: 100%; margin-bottom: 30px;}
	#block-views-block-frontpage-block-2 .views-field-nothing {width: 100%;}

	.ds-2col > .group-left, .ds-2col > .group-right {width: 100%; margin-bottom: 30px;}

	.page-node-type-sales-offer .ds-2col-stacked-fluid > .group-left, .ds-2col-stacked-fluid > .group-right {width: 100%;} 
	.path-user .top-content-section h1, .path-node .top-content-section h1, .path-taxonomy .top-content-section h1, .path-oferty-sprzedazy .top-content-section h1 {font-size: 32px;}

	section#block-rzetelnafirma {right: 80px;}

	.navbar-default .navbar-toggle {border: 2px solid #0081e2; border-radius: 0; margin-top: 14px;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #0081e2;}
	.navbar-default .navbar-toggle:hover {background-color: #0081e2;}
	.navbar-default .navbar-toggle:hover .icon-bar {background-color: #fff;}

	header#navbar .navbar-header {margin-left: 0; margin-right: 0;}
	div#navbar-collapse {width: 100%; left: 0; right: inherit; margin-left: 0; margin-right: 0; background-color: #fff;}
	header#navbar #navbar-collapse ul li a {text-align: center;}


}

@media (max-width: 480px) {
	.path-user .top-content-section h1, .path-node .top-content-section h1, .path-taxonomy .top-content-section h1, .path-oferty-sprzedazy .top-content-section h1 {font-size: 26px;}
	a.logo.navbar-btn.pull-left {width: 90px; padding-top: 10px; padding-left: 15px;}
	section#block-rzetelnafirma img {width: 110px; padding-top: 7px;}
}