body{
	font-family: 'Khand', sans-serif;
	font-size:21px;
	width:100%;
	padding: 0px;
	margin:0px;
	color: rgb(2, 42, 68);
}
#menuToggle input{display:none}
.promo{text-align: center;
background: #B9120C;
border-radius: 10px;
border: 2px solid #000;
box-shadow: 5px 5px 15px #9d9d9d;
margin-bottom: 50px;
color: #fff;}
.page-back-title{position:absolute;bottom: 50px;left: 30px;z-index: 9;}
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99999; /* makes sure it stays on top */
}

#status {
    width:400px;
    height:400px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image: url(../gfx/logo-garaz3.jpg); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-200px 0 0 -200px; /* is width and height divided by two */
}
a{
text-decoration: none;
color:#333;
}
.logo{
width: 300px;
float: left;
height: 100px;
margin-top: 15px;
left: 20%;
position: relative;
display: inline-block;
}
.page-back img{width:100%;opacity: 1;}
header{
width:100%;
margin: 0 auto;
z-index:999;
background: #fff;
 -webkit-transition: all 1s ease;
 transition: all 1s ease;
}
header.sticky {
 position: fixed;
top:0px;height: 64px;
z-index: 9999;
background: #fff;
box-shadow:         3px 3px 10px 0px rgba(50, 50, 50, 0.75);
border-bottom:3px solid #B80500;
}
header.sticky .logo img{
width:150px;
}
header.sticky nav ul li a{
    padding: 30px 15px 10px;
}
header.sticky  .logo {
    height: 70px;
	 }
	 
 
nav{
margin-top: 1px;
margin-left: 12px;
display: inline-block;
left: 30%;
position: relative;
top: -17px;
}
nav ul, nav ul li {
	display: block;
	list-style: none;
	margin: 0px;
	
}

nav ul li {
	display: inline;
	white-space: nowrap;
transition:All 1s ease;
}
nav a{
	color:#333;
	text-decoration: none;
	transition:All 1s ease;
	display: inline-block;
	padding: 70px 15px 30px;
}
nav li:hover a{
	color:#fff;
	text-decoration: none;
}
nav li a:hover, .activee{
	color:#fff;
	padding: 70px 15px 30px;
	background: #fe0000; /* Old browsers */
background: -moz-linear-gradient(top,  #fe0000 0%, #910405 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe0000), color-stop(100%,#910405)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fe0000 0%,#910405 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fe0000 0%,#910405 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fe0000 0%,#910405 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fe0000 0%,#910405 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#910405',GradientType=0 ); /* IE6-9 */

	text-decoration: none;
}

.activee a{
	color:#fff;
}

.clear{
	clear: both;
	margin-top:10px;
}
.responisve-container{position:relative;}
.circleblock{
    position: absolute;
    bottom: -80px;
   display: inline-table;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.circles{
	width:100%;
	position:relative;
top:-130px;
z-index:98;
	margin:0 auto;
}
.circle{
	width:150px;
	height:150px;
   border-radius: 80px;
	float:left;
	margin-left:80px;
	position:relative;
	z-index:98;
	-webkit-box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 7px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 7px 0px rgba(50, 50, 50, 0.75);

}

.mech, .lpg, .diag, .klima{transition: all 2s cubic-bezier(.42,0,0,1.72) 0s;}
.mech{
		border: 5px solid #b80500;
		background: #fff url(../gfx/icongaraz3.png) no-repeat 28px 15px;
		
}
.mechactive{
		border: 5px solid #fff;
		box-shadow:   inset   0 0 10px #000000;
	background: #b80500 url(../gfx/icongaraz3.png) no-repeat 28px -125px;
}
.lpg{
		border: 5px solid #b80500;
	background: #fff url(../gfx/icongaraz3.png) no-repeat -230px 15px;
	
}
.lpgactive{box-shadow:   inset   0 0 10px #000000;
		border: 5px solid #fff;
	background: #b80500 url(../gfx/icongaraz3.png) no-repeat -230px -125px;
}
.diag{
		border: 5px solid #b80500;
	background: #fff url(../gfx/icongaraz3.png) no-repeat -100px 15px;
	
}
.diagactive{box-shadow:   inset   0 0 10px #000000;
		border: 5px solid #fff;
	background: #b80500 url(../gfx/icongaraz3.png) no-repeat -100px -125px;
}
.klima{
		border: 5px solid #b80500;
	background: #fff url(../gfx/icongaraz3.png) no-repeat -370px 15px;
	
	
}
.klima:hover{
		border: 5px solid #fff;
		transform: rotate(360deg);
	    background: #b80500 url("../gfx/icongaraz3.png") no-repeat scroll -370px -120px;
}
.diag:hover{
		border: 5px solid #fff;
		transform: rotate(360deg);
	    background: #b80500 url("../gfx/icongaraz3.png") no-repeat scroll -100px -120px;
}
.lpg:hover{
		border: 5px solid #fff;
		transform: rotate(360deg);
	    background: #b80500 url("../gfx/icongaraz3.png") no-repeat scroll -230px -120px;
}
.mech:hover{
		border: 5px solid #fff;
		transform: rotate(360deg);
	    background: #b80500 url("../gfx/icongaraz3.png") no-repeat scroll 28px -120px;
}

.firma{text-align: center;width: 75%;
margin: 0 auto;}
.klimaactive{box-shadow:   inset   0 0 10px #000000;
		border: 5px solid #fff;
	background: #b80500 url(../gfx/icongaraz3.png) no-repeat -370px -125px;
}
.container{
		width:60%;
	position:relative;
top:-50px;
z-index:99;
	margin:150px auto;
	min-height: 400px;
	
}
.boxback-container{text-align: center;margin: 0 auto}
.boxback{
	
	width:33%;
	height:350px;
	position:relative;
	display: inline;
	margin: 0px auto;
}
.contact p{padding:1px;}
.contact span{font-size: 14px;}
.contact h2{font-size: 34px;padding:0px;margin:0px;}
.box{
width: 28%;
height: 310px;
box-shadow: 0px 0px 30px 0px rgba(114, 109, 109, 0.8);
border: 5px solid #FFF;
margin: 22px;
float: left;
position:relative;
overflow:hidden
}
.box img{
	transition:All 1s ease;width:100%
}
.box img:hover{
	opacity:0.8;
	transform:  scale(1.2)  rotate(4deg) ;
}

.box h2{
	background:#b80500;
	color:#fff;
	padding:5px;
	margin: 0px;
	position:relative;
	z-index: 9
}

.footer{
font-size:21px;
padding-top:20px;
	background: #181818; 
	 border-top:6px solid #666;
	min-height: 450px;
	color: #B7B7B7;
	width: 100%;
	
}
.footer a{
	color: #fff;
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5{
	padding:1px;
	margin:1px;
}
p{
	padding: 12px;
	margin:2px;
	color: #022A44;
}
.footer p{
	padding: 12px;
	margin:2px;
	color: #eee;
}
ul{margin-left:20px;}
.footermenu{
	margin-right: 10px;
	float: left;
	border-right: 1px dotted #414040;
	padding: 10px;
	}
.footermenu a{
	color:#fff;
	text-decoration: none;
	transition:All 1s ease;

}
.footermenu a:hover{
	padding-left:10px;
	color: #C6C6C6;
}
.footer li:before {    
font-family: 'FontAwesome';
content: '\f101';
margin:0 5px 0 -15px;
color: #B7B7B7;
}
.footer li{
list-style-type: none;
border-bottom: 1px solid #1D1D1D;
width: 220px;

padding: 5px;
}
.footer2{
	position:relative;
	margin:0 auto;
}
.fleft{float: left;
margin: 10px 30px;
padding: 10px 30px;
border-left: 1px dotted #4B4B4B;}
.footerleft{

float: left;

padding: 20px;

}
.footerleft img{
	margin-top:30px;
}

.footerright{

	float:right
}
.footerright h2{
padding: 0px;
margin: 0px;
}
.footerright h3{
	padding:1px;
	margin:1px;
}
.footersocial{
	padding-top:200px;
	width: 400px;
	float:left;
	height:190px;
}
.footersocial a{
	margin:5px;
	width:30px;
	height:30px;
}
.facebook{
	background: url(../gfx/social.png) no-repeat 10px 20px;
	width:30px;
	height:30px;
}
.cookiepolicy {
	background: #efefef;
	bottom: 0;
	font: 14px Arial, Helvetica, sans-serif;
	left: 0;
	padding: 15px 50px;
	position: fixed;
	right: 0;
	text-align: center;
	z-index: 9999;
}
.bttslikebox{background: url("/gfx/facebook2.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 345px;z-index: 999;position:fixed;right:-362px;top:20%;}
.bttslikebox div{border:none;position:relative;display:block;}
.gallery{width: 80%;
margin: 30px auto;
border-top: 1px solid rgb(221, 221, 221);
padding: 50px;}
.gallery p {
	display:inline;
	margin:15px;
}
.gallery p img{width: 200px;
border: 5px solid rgb(255, 255, 255);
box-shadow: 4px 4px 4px rgb(90, 90, 90);
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
padding: 5px;}
.cookiepolicy .button {
	background: #444;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	margin-left: 5px;
	padding: 5px 10px;
}
h5{
	padding:0px;
	margin:0px;
}
.logoslide{
	width:80%;
	background: #fff;
	border: 2px solid #fefefe;
	margin:50px auto;
	text-align:center;

}
.logoslide img{
	margin-left:30px;
	 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+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ 
}
.logoslide img:hover{
	 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+, Firefox on Android */
filter: none; /* IE6-9 */
-webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ 
}

.slide01arm{
position: absolute !important;
top: 184px !important;
height: 200px !important;
border: 0px none !important;
box-shadow: none !important;
left: 29px !important;
	 -moz-animation: 5s ease 0s normal none infinite slide1;
    -moz-transform-origin: center top;
    -webkit-animation:slide1 5s infinite ease-in-out;
    
-moz-transform-origin: top left;
	
}
.anim{

	 -moz-animation: 5s ease 0s normal none 1 slide;
    -moz-transform-origin: center top;
    -webkit-animation:slide 5s infinite ease-in-out;
    

	
}
@-moz-keyframes slonko{
    0%{-moz-transform: rotate(3deg) }
    50%{-moz-transform: rotate(5deg)  }
	
    100%{-moz-transform: rotate(3deg) }
}
@-moz-keyframes slide{
    0%{-moz-transform: scale(2) }
   
	
    100%{-moz-transform: scale(1) }
}
.entry-content li {
  padding-left: 1.2em;
   list-style: none;
   border-bottom: 1px solid #e1e1e1;
padding: 12px 5px;
}

.entry-content li:before {
  content: '\f058'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: -1.2em; /* same as padding-left set on li */
}​
.firma{
	width:80%;
	margin:50px auto;
	text-align: center;
}
.firma h1{
	font-size: 2em;
	padding:5px;
	margin:0px;
}
.firma img{
		transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.firma img:hover{
	opacity:0.8
}

.hr{
width:100%;
height:2px;
background: -moz-linear-gradient(left,  rgba(249,249,249,0) 0%, rgba(206,206,206,0.98) 50%, rgba(207,207,207,1) 51%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,0)), color-stop(50%,rgba(206,206,206,0.98)), color-stop(51%,rgba(207,207,207,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(249,249,249,0) 0%,rgba(206,206,206,0.98) 50%,rgba(207,207,207,1) 51%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(249,249,249,0) 0%,rgba(206,206,206,0.98) 50%,rgba(207,207,207,1) 51%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(249,249,249,0) 0%,rgba(206,206,206,0.98) 50%,rgba(207,207,207,1) 51%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(249,249,249,0) 0%,rgba(206,206,206,0.98) 50%,rgba(207,207,207,1) 51%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}
.read-more{
	width:50px;
	height:50px;
	margin:0 auto;
	padding: 20px;
	color:#fff;
	border-radius: 100px;
	border:10px solid #eee;
	line-height: 45px;
background: #6bbfee; /* Old browsers */
background: -moz-linear-gradient(top,  #6bbfee 0%, #5db2dc 51%, #3299d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bbfee), color-stop(51%,#5db2dc), color-stop(100%,#3299d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6bbfee 0%,#5db2dc 51%,#3299d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6bbfee 0%,#5db2dc 51%,#3299d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6bbfee 0%,#5db2dc 51%,#3299d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6bbfee 0%,#5db2dc 51%,#3299d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bbfee', endColorstr='#3299d4',GradientType=0 ); /* IE6-9 */
	z-index: 999;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.read-more:hover{
	background: #3299d4; /* Old browsers */
background: -moz-linear-gradient(top,  #3299d4 0%, #5db2dc 49%, #6bbfee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3299d4), color-stop(49%,#5db2dc), color-stop(100%,#6bbfee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3299d4 0%,#5db2dc 49%,#6bbfee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3299d4 0%,#5db2dc 49%,#6bbfee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3299d4 0%,#5db2dc 49%,#6bbfee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3299d4 0%,#5db2dc 49%,#6bbfee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3299d4', endColorstr='#6bbfee',GradientType=0 ); /* IE6-9 */
	box-shadow:      inset   0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	
	text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
	transform: rotate(360deg) scale(1.3);
}
.read-more a{
	color:#fff;
}

.maps{
	width:100%;
	height:700px;
	position:relative;
}

.sidebar{
width: 200px;
float: left;
position: relative;

}
.content-area{
width: 99%;
float: left;
margin-left: 20px;
margin-right: 70px;
}
.right{
	
	float: none;
}
.right, .left{

	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.left ul{
	margin-left: 37%;
}
.left a:hover{text-decoration:dotted;color: #FFF;
background: #022A44;}
.img{width:400px;}
.right img, .left img{
	text-align: right;
	padding:10px;
	margin: 20px 30px;
border: 4px solid #FFF;
background: none repeat scroll 0% 0% #E4E4E4;
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);

}
.right img:hover, .left img:hover{
opacity:0.8
}
.right h2, .left h2{
font-size:40px;
text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
color:#12416E;
}

h1{
	font-size:40px;
}

.head{
width:70%; margin:0 auto;
}












.item-block{position:absolute;bottom: 20%;right: 15%;}
.big{font-size: 84px;
line-height: 100%;
color:#fff;

display: block;}
.small{padding:.5% 1.5%;color:#fff;}.red{background:#b80500}.blue{background:#178acd}
.slider-wrapper{
	margin: 50px auto;
background:  #1B1B1B;
border-top: 3px solid #b80500;
border-bottom: 10px solid rgb(2, 42, 68);
z-index: 999;
}

.firma h1{border-top: 1px solid #333;
border-bottom: 1px solid #333;
margin: 60px 0 30px 0;}


@media screen and (max-width: 1020px) {
	body {
    font-family: "Khand",sans-serif;
    font-size: 22px;
    min-width: 100%;
    padding: 0px;
    margin: 0px;
}
header {width: 100%;}
.page-back img {
  width: 100%;
  opacity: 1;
}
.page-back-title {
  position: relative;
  bottom: 50px;
  left: 30px;
  z-index: 9;
}
 .big {position: absolute;}
.left ul {
    margin-left: 1%;
}
.left img{display:none;}
.head{
	width:100%; margin:0 auto;
}
.footer2 {
    position: relative;
    width: 100%;
    margin: 0px auto;
}
.shadow {
	display:none;
	width:100%
}
.firma {
    width: 100%;
    margin: 0px auto;
    text-align: center;
}
.container {
    width: 100%;
    position: relative;
    top: -50px;
    z-index: 95;
    margin: 150px auto;
    min-height: 400px;
}
	.logo{		position: absolute;z-index: 99;text-align: center;	}
	.logo img{width: 140px;}
	.boxback{
		float:none;
	}
	
	
header.sticky .logo {
    height: 20px;
}
.slider-wrapper{
	margin: 0px auto !important;
}
.content-area {
    width: 90%;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
	margin:0 auto

}
	
	.logoslide{width:90%}
	.logoslide img {width:100px;margin-left: 15px;}
	.big {font-size: 30px;padding: 15px;}
	.small {font-size: 15px;}
	.firma h1 {font-size: 1.2em;}
	.box {width: 85%;}
	
	
	
	
	nav {
		width: 100%;
 
  height: 65px;
  display: inline-block;
  left: 0%;
  top: -22px;
  margin-top: 0px;
margin-left: 0px;
z-index: 99;
position: relative;
}
nav a {padding: 15px;}
nav li a:hover, .activee {
    color: #fff;
padding: 0px;
width: 100%;
}
nav ul li {
    display: block;width:80%;

}
.button-menu {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 25px;
  left: 25px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  width: calc(100% - 25px);
}



.button-menu span
{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: rgb(2, 42, 68);
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

.button-menu span:first-child
{
  transform-origin: 0% 0%;
}

.button-menu span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}


#menu
{
  position: absolute;
  
  height: auto;
  box-shadow: 0 0 10px #85888C;
  width: 65%;
  padding: 60px 30px;
  padding-top: 5px;
  background-color: #F5F6FA;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-130%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  z-index: 9;

}

#menu li
{
  padding: 0;
  transition-delay: 2s;
}
.active{transform: translate(0%, 0) !important;}
.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 98;
    opacity: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}
.overlay {
    
    transform: translate(-50%);
}
.page-back{height: auto;}
#dismiss {
width: 55px;
height: 55px;
line-height: 35px;
text-align: center;
position: fixed;
top: 10px;
right: 30px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: rgb(2, 42, 68);

border-radius: 10px;
}
}