body, html {
	font-family: 'PT Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #000;
	width: 100% !important;
	height: 100% !important;
  font-size: 1.0em;
}
h1 {
	font-weight: 700;
}
h1 strong {
	font-weight: 900;
}
h2 {
	text-transform: uppercase;	
	font-weight: 600;
	margin: 0;
	color: #000;
	font-size: 48px;
}
h3 {
	font-size: 36px;
	font-weight: 700;
	color: #000;
	/*! margin-top: 2em; */
}
h4 {
	font-weight: 500;
	color: #555;
}
h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p {
	font-size: 1.0em;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover, a:focus {
	text-decoration: none;
	color: #e90;
}
ul, ol {
	list-style: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ddd;
	z-index: 99999;
	height: 100%;
}
#status {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	padding: 0;
}
ul, ol {
	padding-left: 1.5em;
	webkit-padding: 0;
	moz-padding: 0;
}
hr {
	height: 4px;
	width: 120px;
	text-align: center;
	position: relative;
	margin: 30px auto 0px;
	border: 0;
}
/* Navigation */
.navbar-custom {
	padding: 0;
	border-bottom: 0;
	letter-spacing: 0px;
	background: #000;
	text-transform: uppercase;
}
.navbar-custom .navbar-brand {
	font-size: 28px;
	/*! line-height: 28px; */
	font-weight: 700;		
	color: #fff;
	padding: 10px 7px;
	height: auto;
	margin-top: 18px;
	margin-bottom: 18px;
	margin-left: 0px !important;
	white-space: nowrap;
}
.navbar-custom .navbar-brand span {  padding: 2px 5px; }
.navbar-custom .navbar-brand .logo-hrabeme { border: 2px solid #e90; margin-right: 10px;  }
.navbar-custom .navbar-brand .logo-vozime { border: 2px solid #02af5d; }

.navbar-custom .navbar-brand i.fa {
	color: #c00;
}
.navbar-custom .navbar-brand:focus {
	outline: 0;
  color: #fff !important;
}
.navbar-custom .navbar-brand img { height: 40px; }

.navbar-custom .navbar-toggle {
	color: #fff;
	font-size: 18px;
	border-radius: 2px;
	padding: 0 4px;
	margin-top: 25px;
}
.navbar-custom .navbar-toggle:hover, 
.navbar-custom .navbar-toggle:focus {
	background-color: #e90;
	color: #000;
}
.navbar-custom .navbar-brand .navbar-toggle:focus, 
.navbar-custom .navbar-brand .navbar-toggle:active {
	outline: 0;
}
.navbar-custom a {
	color: #ea0;
}
.navbar-custom .nav li a {
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
	padding: 30px 15px;	
	font-weight: 700;
}
.navbar-custom .nav li a:hover {
	outline: 0;
	color: #fff;
	background-color: transparent;
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
	outline: 0;
	background-color: transparent;
	color: #fff;
}
.navbar-custom .nav li.active {
	outline: 0;
}
.navbar-custom .nav li.active a {
	background-color: rgba(255,255,255,.3);
}
.navbar-custom .nav li.active a:hover {
	color: #fff;
}

.btn-default {
	color: #e90;
	background: #000;
	border: 0;
	padding: 12px 24px;
	margin: 0 0px;
	font-size: 18px;
	transition: all 0.5s;
	border: 2px solid #e90;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: none;
	text-decoration: none;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	color: #000;
	background-color: #e90;
	border-color: #000;
}
.section-title.center {
	padding: 30px 0;
}
.section-title h2, .section-title.center h2 {
	margin-bottom: 0px;
}
.section { padding: 60px 0; }
.section-image { margin-bottom: 1em; }

/****** Home Section ******/
#intro {
	width: 100%;
	color: #fff;
	background-color: #000;
}
#intro .row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.intro-hrabeme {
  background: url(/img/intro.jpg) center no-repeat;
}
.intro-vozime {
  background: url(/img/introv.jpg) center no-repeat;
}

#intro .intro-body {	
	padding: 400px 0 50px;	
	webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
#intro .intro-body h1 {
	margin-bottom: 20px;
	font-weight: 700;
	color: rgba(255,255,255,1);
	text-transform: uppercase;
  text-shadow: 0 0 5px #000;
}
#intro .intro-body h1 {
  display: table;
  content: " ";
	clear: both;
}
#intro .intro-body .brand-heading {
	color: #c00;/*#c00*/
	text-shadow: 0 0 5px #000;
}
#intro .intro-body .jcb,
#intro .intro-body .iveco {	
	color: #fff;
	background: #000;
	padding: 0 .15em;
	text-align: center;
	float: left;
}
#intro .intro-body .btn {
    clear: both;
	} 
#intro .intro-text { 
	position: relative;
	bottom: 15%;
	left: 0px;
	padding-left: 10%;
}
#intro .intro-body .intro-text span { 
	display: block; 
	font-size: 1em;	
}



/* Services Section */
#sluzby {
	background: #e90;
	color: #000;
	padding-top: 2em;
}
#sluzby hr { 
	background: #000; }
#sluzby .service {
	padding: 20px 10px;
}
#sluzby h2 {
	color: #000;
}
#sluzby h3 {
	font-size: 20px;
	font-weight: 600;
	color: #f6f6f6;
}

.space {
	margin-top: 40px;
}
#sluzby i.fa {
	font-size: 36px;
	color: #000;
	transition: all 0.5s;
}
#sluzby li {
	margin-bottom: 3px;
	list-style: url(/img/li-black.png);	
}
#sluzby ul { margin-bottom: 15px; }
#sluzby .panel-collapse { padding-top: 15px; }
#sluzby .btn-default { font-size: 14px; padding-left: 15px; padding-right: 15px; }

/* About Section */
#parametry {
	background: #000; color: #fff;
}
#parametry h2 {
	 color: #e90;
}
#parametry hr { background: #e90; }
#parametry .about-text {
	margin-left: 10px;
}
#parametry H4 {
	font-size: 20px;
}
#parametry li {
	margin-bottom: 3px;
	list-style: url(/img/li-yellow.png);	
}
#parametry i.fa {
	float: left;
	display: block;
	margin-right: 15px;
	color: #fff;
	font-size: 44px;
	text-shadow: 0 0 1px #666;
}

#parametry p {
	/*! margin-top: 20px; */
	/*! margin-bottom: 30px; */
}
#parametry .grid-container { margin-top: 0em !important; }
#parametry .about-text { margin-top: 2em; }

/* Contact Section */
#kontakt {
	background: #fff;
}
#kontakt hr { 
	background: #000;
}
#kontakt .contact-item {
	padding: 10px;
	margin: 10px;
	border-radius: 4px;
}

#kontakt form {
	padding: 30px 0;
}
#kontakt i.fa {	
	color: #e90;
	margin-bottom: 10px;
}
#kontakt .text-danger {
	color: #900;
	text-align: left;
}
label {
	font-size: 12px;
	font-weight: 400;
	float: left;
}
#kontakt .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
#kontakt .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}
#kontakt .btn-default {
	background: #c00;
	border: 0;
	border-radius: 4px;
	padding: 10px 20px;
	color: #f6f6f6;
	margin-top: 15px;
	font-size: 15px;
}
#kontakt .btn-default:hover, 
#kontakt .btn-default:focus {
	color: #f6f6f6;
	background: #a13e1a;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a:focus, 
.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus {
	outline: none;
	outline-offset: none;
}
#kontakt .social ul {
	margin-top: 30px;
}
#kontakt .social ul li {
	display: inline-block;
	margin: 0 20px;
}
#kontakt .social i.fa {
	font-size: 24px;
	padding-top: 8px;
	color: #cf5022;
	border-radius: 4px;
	transition: all 0.3s;
}
#kontakt .social i.fa:hover {
	color: #a13e1a;
}


/* Footer Section*/
#footer {
	background: #000;
	color: #ccc;
	padding: 20px 0;
	text-align: center;
}
#footer a {
	color: #ccc;
}
#footer a:hover, a:focus {
	color: #fff;
}
#footer p {
	font-size: 13px;
	margin-top: 10px;
}



/* @MEDIA */
@media(min-width:769px) and (max-width:1199px) {
	#intro .btn { display: none; }
	.container { width: 100% !important;}
	.navbar-custom .navbar-brand { font-size: 18px; }
	#intro .intro-body {	padding: 200px 0 100px;	}
	.intro-hrabeme,
  .intro-vozime { position: relative; top: 40px; }
}
@media (max-width: 768px) {
	
	#intro .intro-body {	padding: 250px 0 50px;	}
	#intro .btn { display: none; }
	#intro .intro-body .intro-text span { 
		display: block; 
		font-size: 1.35em;	
	}	
	.navbar-custom .navbar-brand {
		font-size: 18px;
		padding: 5px ;
		margin: 10px !important;
	}
	.navbar-custom .navbar-toggle {
		margin-top: 12px;
	}
  .hover-bg .hover-text {
	  padding: 20%;
  }
  #intro .intro-body H1 {
		font-size: 18px;
  }
	#parametry .about-text { margin-top: 2em; }
}

@media (max-width: 640px) {

}

@media (max-width: 480px) {
  h2 { font-size: 36px; }
	#intro .intro-body h1 { font-size: 16px; }
	#intro .intro-body.intro-vozime h1 { margin: 0 0 15px auto; }
	#intro .intro-body {	padding: 180px 0 10px;	}
	.intro-hrabeme,
  .intro-vozime { position: relative; top: 40px; }
	 #intro .intro-vozime .intro-text {
  position: relative;
  bottom: 5%;
  right: 0;
  padding-right: 10%;
  text-align: right; }
	
}



.navbar .brand-heading { color: #c00; }
.navbar .brand-heading:focus { color: #fff !important; }
.navbar a,
.btn { text-decoration: none; }
.navbar-custom .nav li a:focus { color: #fff; }
.navbar-custom .nav li.active a { color: #fff; background: transparent; }
.media_embed { margin-top: 2em; }
.media_embed iframe {  pointer-events: none; }
.trans { background: url(../img/bg/bg_fff_trans_80.png); padding-top: 1em; }
p.trans { color: #444 !important; padding-bottom: 1em; }