@import url(http://weloveiconfonts.com/api/?family=fontawesome);
html,
body {
	height: 100%;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 11pt;
	font-weight: 300;
	color: #6c6c6c;
}

h1,
h2,
h3 {
	margin: 0;
	padding: 0;
	font-weight: 600;
	color: #454445;
}

p,
ol,
ul {
	margin-top: 0;
}

ol,
ul {
	padding: 0;
	list-style: none;
}

p {
	line-height: 180%;
}

strong {
}

a {
	color: #303132;
}

a:hover {
	text-decoration: none;
}

.container {
	margin: 0px auto;
	max-width: 1100px;
	width: 100%;
}

/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

.image {
	display: inline-block;
}

.image img {
	display: block;
	width: 100%;
}

.image-full {
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
}

.image-left {
	float: left;
	margin: 0 2em 2em 0;
}

.image-centered {
	display: block;
	margin: 0 0 2em 0;
}

.image-centered img {
	margin: 0 auto;
	width: auto;
}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

ul.style1 {
	margin: 0;
	padding: 0em 0em 0em 0em;
	overflow: hidden;
	list-style: none;
	color: #6c6c6c;
}

ul.style1 li {
	overflow: hidden;
	display: block;
	padding: 2.8em 0em;
	border-top: 1px solid #d1cfce;
}

ul.style1 li:first-child {
	padding-top: 0;
	border-top: none;
}

ul.style1 .image-left {
	margin-bottom: 0;
}

ul.style1 h3 {
	padding: 1.2em 0em 1em 0em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
	color: #454445;
}

ul.style1 a {
	text-decoration: none;
	color: #525252;
}

ul.style1 a:hover {
	text-decoration: underline;
	color: #525252;
}

ul.style2 {
	margin: 0;
	padding-top: 1em;
	list-style: none;
}

ul.style2 li {
	border-top: solid 1px #e5e5e5;
	padding: 0.8em 0 0.8em 0;
	font-family: 0.8em;
}

ul.style2 li:before {
	display: inline-block;
	padding: 4px;
	background: #db3256;
}

ul.style2 a {
	display: inline-block;
	margin-left: 1em;
}

ul.style2 li:first-child {
	border-top: 0;
	padding-top: 0;
}

ul.style2 .icon {
	color: #fff;
}

ul.style3 {
	margin: 0;
	padding-top: 1em;
	list-style: none;
}

ul.style3 li {
	border-top: solid 1px rgba(255, 255, 255, 0.2);
	padding: 1em 0 1em 0;
	font-family: 0.8em;
}

ul.style3 li:before {
	display: inline-block;
	padding: 4px;
	background: #fff;
}

ul.style3 a {
	display: inline-block;
	margin-left: 1em;
	font-size: 1em !important;
	color: #fff;
}

ul.style3 li:first-child {
	border-top: 0;
	padding-top: 0;
}

ul.style3 .icon {
	color: #db3256;
}

/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

ul.contact {
	margin: 0;
	padding: 2em 0em 0em 0em;
	list-style: none;
}

ul.contact li {
	display: inline-block;
	padding: 0em 0.3em;
	font-size: 1em;
}

ul.contact li span {
	display: none;
	margin: 0;
	padding: 0;
}

ul.contact li a {
	color: #fff;
}

ul.contact li a:before {
	display: inline-block;
	background: #3f3f3f;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	color: #ffffff;
}

ul.contact li a.icon-twitter:before {
	background: #2daae4;
}

ul.contact li a.icon-facebook:before {
	background: #39599f;
}

ul.contact li a.icon-dribbble:before {
	background: #c4376b;
}

ul.contact li a.icon-tumblr:before {
	background: #31516a;
}

ul.contact li a.icon-rss:before {
	background: #f2600b;
}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

.button {
	display: inline-block;
	padding: 1.3em 3em;
	background: #303132;
	-moz-transition: opacity 0.25s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	-ms-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	letter-spacing: 0.2em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
}

.button:hover {
}

.button:active {
}

.button-big {
	padding: 1.6em 4em;
	font-size: 1.4em;
	font-weight: 900;
}

/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

.title {
	margin-bottom: 3em;
}

.title h2 {
	font-weight: 400;
	font-size: 2.8em;
	color: #323232;
}

.title .byline {
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.1em;
	color: #6f6f6f;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header-wrapper {
	background: #1168bb;
}

#header {
	padding: 10px 0;
	width: 100%;
	text-align: center;
}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

#logo {
	width: 100%;
}

#logo h1 {
	background-color: #1168bb;
	/*
    background-image: url("images/t.png");
    background-position: right center;
    background-repeat: no-repeat;
*/
	color: #ffffff;
	font-size: 2.8em;
	font-style: italic;
	font-weight: 800;
	line-height: 1.2em;

	text-shadow: 0.1em 0.1em 0.1em #333333;
	text-transform: uppercase;
}

#logo span {
	position: absolute;
	top: 1.4em;
	display: inline-block;
	padding-left: 1.5em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 0.9em;
}

#logo a {
	text-decoration: none;
	color: #303132;
}

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

#menu {
	position: absolute;
	right: 0;
	top: 0em;
}

#menu ul {
	display: inline-block;
}

#menu li {
	display: block;
	float: left;
	text-align: center;
	line-height: 71px;
}

#menu li a,
#menu li span {
	display: inline-block;
	margin-left: 1px;
	padding: 1em 1.5em;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-size: 1em;
	text-transform: uppercase;
	outline: 0;
	color: #212121;
	background: #ececec;
}

#menu li:hover a,
#menu li.active a,
#menu li.active span {
}

#menu .current_page_item a {
	background: #303132;
	color: #fff;
}

#menu .icon {
}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

#banner-wrapper {
	overflow: hidden;
	padding: 1em 0em;
	background: #1168bb; /* Old browsers */
	background: -moz-linear-gradient(left, #1168bb 0%, #4f9ee9 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0%, #1168bb),
		color-stop(100%, #4f9ee9)
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		left,
		#1168bb 0%,
		#4f9ee9 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		left,
		#1168bb 0%,
		#4f9ee9 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #1168bb 0%, #4f9ee9 100%); /* IE10+ */
	background: linear-gradient(to right, #1168bb 0%, #4f9ee9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1168bb', endColorstr='#4f9ee9',GradientType=1 ); /* IE6-9 */
}

#banner {
	overflow: hidden;
	max-width: 1000px;

	text-align: center;
	color: rgba(255, 255, 255, 0.9);
}

#banner p {
	font-size: 40px;
	line-height: 120%;
}

@media (max-width: 900px) {
	#banner p {
		font-size: 26px;
	}
}
#banner small {
	font-size: 18px;
}
#banner a {
	color: rgba(255, 255, 255, 0.9);
}

#banner .box-left {
	float: left;
}

#banner .box-right {
	float: right;
}

#banner h2 {
	margin: 0em;
	padding: 0em;
	font-weight: 400;
	font-size: 3em;
	color: #555555;
}

#banner span {
	display: block;
	padding-top: 0.2em;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #a2a2a2;
}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

#wrapper {
	background: #fff;
}

#page {
	overflow: hidden;
	padding: 6em 0em;
	border-bottom: 2px solid #e3e3e3;
	text-align: center;
}

#page .button {
	margin-top: 2em;
}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

#content {
	padding: 0em 7em;
}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

#sidebar {
	float: right;
	width: 450px;
}

#stwo-col {
	margin-top: 2em;
}

#stwo-col h2 {
	display: block;
	padding-bottom: 1.5em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
	color: #454445;
}

#stwo-col .sbox1 {
	float: left;
	width: 210px;
}

#stwo-col .sbox2 {
	float: right;
	width: 210px;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

#copyright {
	overflow: hidden;
	padding: 2em 0em;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#copyright p {
	letter-spacing: 0.2em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8em;
	color: rgba(255, 255, 255, 0.3);
}

#copyright a {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.6);
}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

#featured-wrapper {
	overflow: hidden;
	padding: 2em 0em;
	background: #fff;
	text-align: center;
}

#featured {
	overflow: hidden;
}

#featured .major {
	overflow: hidden;
	margin-bottom: 3em;
	padding-bottom: 2em;
	border-bottom: 1px solid #e8e8e8;
}

#featured .major h2 {
	font-size: 3em;
}

#featured .major .byline {
	font-size: 1.3em;
}

#featured .title {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #e3e3e3;
}

#featured .title h2 {
	font-size: 1.2em;
}

#featured h2 {
	text-align: center;
}

#featured .icon {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	background: #303132;
	margin: 0px auto 20px auto;
	line-height: 100px;
	font-size: 3em;
	text-align: center;
	color: #fff;
}

.column1,
.column2,
.column3,
.column4 {
	width: 262px;
}

.column1,
.column2 {
	float: left;
	margin-right: 24px;
}
.column23 {
	float: left;
	margin-right: 24px;
	max-width: 524px;
}
.column3 {
	float: left;
}

.column4 {
	float: right;
}

#header-featured {
	height: 30em;
	background-image: url(images/banner.jpg);
	background-position: center;
	background-size: cover;
}

#slider-wrapper {
	padding: 6em 0em;
	background: #db3256;
}

#slider {
	margin: 0em auto 0em auto;
	width: 1200px;
	position: relative;
}

#slider .button {
}

#slider .button:hover {
}

#slider .viewer {
	width: 1000px;
	height: 375px;
	margin: 0 auto;
	overflow: hidden;
}

#slider .viewer .reel {
	display: none;
	height: 375px;
}

#slider .viewer .reel .slide {
	position: relative;
	width: 1000px;
	height: 375px;
}

#slider .viewer .reel h2 {
	position: absolute;
	top: 130px;
	left: 0;
	width: 1200px;
	height: 80px;
	line-height: 80px;
	background: #111111;
	text-align: center;
	opacity: 0.85;
	font-weight: normal;
	color: #ffffff;
	font-size: 2.25em;
}

#slider .viewer .reel p {
	position: absolute;
	top: 210px;
	left: 0;
	width: 1200px;
	height: 40px;
	line-height: 40px;
	background: #0074c6;
	text-align: center;
	opacity: 0.85;
	font-weight: normal;
	color: #ffffff;
	font-size: 1.1em;
}

#slider .icon {
	font-size: 4em;
	color: #fff;
}

#slider .previous-button {
	position: absolute;
	top: 150px;
	left: 0;
}

#slider .next-button {
	position: absolute;
	top: 150px;
	right: 0;
}

#slider .indicator {
	margin: 30px auto 0 auto;
}

#slider .indicator ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#slider .indicator ul li {
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: #c8c8c8;
	margin: 0 2px 0 2px;
	border-radius: 8px;
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #909090;
}

#slider .indicator ul li.active {
	background: #505050;
	border-top: solid 1px #505050;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer-wrapper {
	overflow: hidden;
	padding: 7em 0em;
	color: rgba(255, 255, 255, 0.5);
}

#footer .title h2 {
	font-size: 2em;
	font-weight: 300;
	color: #fff;
}

#footer .title .byline {
	display: block;
	padding-top: 1em;
	text-transform: uppercase;
	font-size: 0.8em;
	color: rgba(255, 255, 255, 0.5);
}

#footer .column1,
#footer .column2 {
	width: 560px;
}

#footer .column1 {
	float: left;
}

#footer .column2 {
	float: right;
}

#footer .button {
	margin-top: 2em;
}

#extra {
	overflow: hidden;
	margin: 5em auto 2em auto;

	background: #ececec;
}

#extra h2 {
	margin: 0em;
	padding: 0em;
	font-weight: 400;
	font-size: 2.4em;
	color: #555555;
}

#extra span {
	display: block;
	padding-top: 0.2em;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #a2a2a2;
}
#extra3 {
	overflow: hidden;
	margin: 5em auto 0em auto;
	padding: 5%;
	background: #1168bb; /* Old browsers */
	background: -moz-linear-gradient(left, #1168bb 0%, #4f9ee9 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0%, #1168bb),
		color-stop(100%, #4f9ee9)
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		left,
		#1168bb 0%,
		#4f9ee9 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		left,
		#1168bb 0%,
		#4f9ee9 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #1168bb 0%, #4f9ee9 100%); /* IE10+ */
	background: linear-gradient(to right, #1168bb 0%, #4f9ee9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1168bb', endColorstr='#4f9ee9',GradientType=1 ); /* IE6-9 */
}
.clr {
	clear: both;
}

#extra3 h2 {
	margin: 0em;
	padding: 0em;
	font-weight: 400;
	font-size: 2.4em;
	color: #fff;
}

#extra3 span {
	display: block;
	padding-top: 0.2em;
	text-transform: uppercase;
	font-size: 1.4em;
	color: #f1f1f1;
}

#extra2 {
	margin-top: 5em;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5%;
	justify-items: center;
}

#extra2 .button {
	margin-top: 2em;
}

#extra2 .title h2 {
	font-size: 2em;
}

#extra2 .title .byline {
	font-size: 0.8em;
}

#extra2 #ebox1,
#extra2 #ebox2 {
	max-width: 543px;
}

.fbarr {
	position: relative;
	text-align: center;
	margin: auto;
	height: 200px;
	width: 100%;
}

.fa {
	width: 100px;
	display: block;
	text-align: center;
	font: normal 100px "FontAwesome";
	line-height: 60px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.fa-arrow-down:before {
	content: "\f107 ";
}

.bounce {
	color: #4fd618;
	top: 0;
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 100px;
	height: 60px;
	margin-left: -59px;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}

.facebook {
	position: absolute;
	bottom: 70px;
	left: 50%;
	margin-left: -30px;
}
.facebook img {
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.facebook:hover img {
	-moz-transform: scale(1.1) rotate(15deg);
	-webkit-transform: scale(1.1) rotate(15deg);
	-o-transform: scale(1.1) rotate(15deg);
	-ms-transform: scale(1.1) rotate(15deg);
	transform: scale(1.1) rotate(15deg);
}

@-webkit-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
	}
}

@-moz-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
	}
}

@-o-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-o-transform: translateY(0);
	}
	40% {
		-o-transform: translateY(-30px);
	}
	60% {
		-o-transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}

.h3fb {
	padding-bottom: 40px;
	font-size: 40px;
	font-family: "Lobster";
	color: #1168bb;
}

/* zmiany 27.10.2020 */

.tire-icon {
	height: 245px;
	width: 110px;
	padding-bottom: 0px;
	position: relative;
	top: 25px;
}

.car-icon {
	height: 245px;
	width: 330px;
	padding-bottom: 0px;
	position: relative;
	top: 35px;
}

p {
	font-family: "Roboto";
	font-size: 14px;
	color: black;
}

tr td:first-child {
	font-family: "Roboto";
	font-size: 14px;
}

.media {
	margin: 0 auto;
}

.image {
	width: 100%;
}

.extra__images {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-gap: 5%;
}

.fb {
	display: grid;
	grid-template-columns: max-content max-content;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 30px auto;
}

.fb a {
	font-size: 40px;
	font-weight: 500;
}

@media (max-width: 800px) {
	.fb a {
		font-size: 24px;
	}
}

.featured__grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-content: start;
	grid-gap: 5%;
}

.media__grid {
	max-width: 1100px;
	margin: 30px auto 0 auto;
	display: grid;
	grid-gap: 5%;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media (min-width: 550px) and (max-width: 1100px) {
	.container {
		padding: 5vh;
	}
}

@media (max-width: 900px) {
	#extra2 {
		grid-template-columns: 1fr;
	}

	html,
	body {
		font-size: 90%;
	}

	.grid {
		padding: 5vw;
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.featured__grid {
		grid-template-columns: 1fr 1fr;
		justify-content: center;
		justify-items: center;
		padding: 5%;
		grid-gap: 2.5%;
	}

	.featured_gallery {
		grid-row: 3/4;
		grid-column: 1/-1;
	}

	#header-featured {
		height: 30vh;
	}

	td:first-of-type {
		padding: 0.5em;
	}
}

@media (max-width: 1024px), (max-width: 900px) and (orientation: landscape) {
	h1 {
		font-size: 40px;
		padding: 5%;
	}

	#banner-wrapper {
		padding: 5%;
	}
}

.extra__heading {
	padding: 5%;
}
@media (max-width: 500px) {
	.featured__grid div {
		width: 90%;
	}

	.featured__grid .bounce {
		width: 100px;
	}
}

@media (max-width: 450px) {
	.media__grid {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}

	.featured__grid {
		grid-template-columns: 1fr;
		padding-bottom: 0;
	}

	td:first-of-type {
		width: 75%;
		padding: 0.5em;
	}
}

.media__wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
}

.media__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 320px) {
	.fb a {
		font-size: 14px;
	}

	.extra__images {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
}

#logo a {
	background-color: #1168bb;
	color: #ffffff;
	font-size: 2.8em;
	font-style: italic;
	font-weight: 800;
	line-height: 1.2em;
	text-shadow: 0.1em 0.1em 0.1em #333333;
	text-transform: uppercase;
}

#logo a:hover {
	color: #D9921E
	
}

#logo a {
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-name: slidein-left;
	-webkit-animation-name: slidein-left;
  }
  
  @-moz-keyframes slidein-left {
	from {
	  margin-left: 15%;
	  width: 20%
	}
	to {
	  margin-left: 0%;
	  width: 20%;
	}
  }
  
  @-webkit-keyframes slidein-left {
	from {
	  margin-left: 15%;
	  width: 20%
	}
	to {
	  margin-left: 0%;
	  width:20%;
	}
  }