.logo{
	margin:10px 0 0 15px;
	background:transparent;
	background-image: url("../images/logo.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	-webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.logo:hover{
	opacity:0.6;
}

.top-adres {
 font-size:120%;
 margin-bottom:0!important;
 color: #da2424;
 }

 .menu-bar {
 padding: 0 0.5rem;
 border-bottom:4px solid #da2424;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b2b3b3+0,bfbfbf+100 */
background: #b2b3b3; /* Old browsers */
background: -moz-linear-gradient(top,  #b2b3b3 0%, #bfbfbf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b2b3b3 0%,#bfbfbf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b2b3b3 0%,#bfbfbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b3b3', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
text-shadow: 1px 1px 1px #878686;
}

.menu > li > a {
	transition: background 0.5s ease;
	  background: transparent;
		color: #fff;
}

.menu > li > a:hover {
	color: #da2424;
  background:#d0d0d0;
text-shadow: -1px -1px 1px #e4e4e4;
}

.border_r {
	border-right:1px solid #a7a7ab;
}

.border_b {
	border-bottom:1px solid #a7abab;
}


.contents ul {
    margin: 0 0 1em 0 !important;
    padding: 0 0 0 1em !important; /* make space for li's :before */
    list-style: none !important;
}

.contents li {
    position: relative !important;
    padding-left: 0.4em !important; /* text distance to icon */

}

.contents li:before {
        font-family: 'sosaregular';
        content: 'ì';
        position: absolute;
				font-size: 0.7rem;
        left: -1em; /* same as ul padding-left */
        top: 0.2rem; /* depends on character, maybe use padding-top instead */
				color: #da2424;
}


.loga img {
	margin-bottom: 0.3rem;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}

.loga img:hover{
opacity:0.6;
}

.loga{
margin-bottom: 1rem;
}

.realizacje img {
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}

.realizacje img:hover{
opacity:0.6;
}
.h_min{
 min-height: 315px;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 90%;
}

.footer{
	background: #da2424;
	color: #ffffff;
}
.footer a{
	color: #ffffff;
}

.footer a:hover{
	background: #da2424;
	color: #eee;
}

.red{
	color: #da2424;
}

.center{
	text-align: center !important;
}

/* .slider{ */
	/* position:relative; */
	/* width:100%; */
	/* margin:0; */
/* } */

.bxslider{
margin-left: -1px !important;
text-align:center;
}

.bxslider li{
background-color:#eee;
background-image: url("../images/slider_bg.jpg");
background-repeat: repeat;
background-position: top left;
border-bottom:4px solid #da2424;
}


.slide {
-webkit-transform: skew(-14.5deg);
-moz-transform: skew(-14.5deg);
-o-transform: skew(-14.5deg);
-ms-transform: skew(-14.5deg);
overflow:hidden;
/* background:#333;  */
display: inline-block;
max-height: 300px;
margin-bottom: -8px;
}

.slide::after {
  display: block;
  position: relative;
	-webkit-box-shadow: inset 20px 0px 0px 1px rgba(255,255,255,0.44), inset -20px 0px 0px 1px rgba(255,255,255,0.44);
-moz-box-shadow: inset 20px 0px 0px 1px rgba(255,255,255,0.44), inset -20px 0px 0px 1px rgba(255,255,255,0.44);
box-shadow: inset 20px 0px 0px 1px rgba(255,255,255,0.44), inset -20px 0px 0px 1px rgba(255,255,255,0.44);
  margin-top: -301px;
  height: 302px;
  content: '';
}


.slide img{
-webkit-transform: scalex(1.1) skew(14.5deg);
-moz-transform: scalex(1.1) skew(14.5deg);
-o-transform: scalex(1.1) skew(14.5deg);
-ms-transform: scalex(1.1) skew(14.5deg);
/*padding-left: 42px;
    border-left: 42px solid #333;*/
}

.slide_zoom img{
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.slide_zoom:hover img{
	-webkit-transform: skew(14.5deg) scalex(1.2) scaley(1.1);
    -moz-transform: skew(14.5deg) scalex(1.2) scaley(1.1);
    -o-transform: skew(14.5deg) scalex(1.2) scaley(1.1);
    -ms-transform: skew(14.5deg) scalex(1.2) scaley(1.1);
    transform: skew(14.5deg) scalex(1.2) scaley(1.1);
}

.caption{
    position:absolute;
    bottom:0px;
    z-index:10;
		width: 100%;
		margin: 0 0 1vh 0;
		-webkit-transform: skew(14.5deg);
		-moz-transform: skew(14.5deg);
		-o-transform: skew(14.5deg);
		-ms-transform: skew(14.5deg);
}

.caption span{
    color:white;
 	 padding: 1.6vh 1.1vw;
     background: #da2424;
		 font-size: 1.1vw;
		 -webkit-border-radius: 5px 5px 0px 0px;
		 -moz-border-radius: 5px 5px 0px 0px;
		 border-radius: 5px 5px 0px 0px;
}


.eq .columns {
	border-top:1px solid #e9e9e9;
	border-left:3px solid #e9e9e9;
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	margin: 0.1rem 0;
	display: block !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,f4f4f4+100 */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(238,238,238,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(238,238,238,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */
-webkit-box-shadow: 6px 6px 6px -6px rgba(0,0,0,0.15);
-moz-box-shadow: 6px 6px 6px -6px rgba(0,0,0,0.15);
box-shadow: 6px 6px 6px -6px rgba(0,0,0,0.15);
}

.eq .columns:hover{
background:#eee;
border-left:3px solid #da2424;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

.icons{
	font-family:'sosaregular';
}

/*.big_ico {
    float: left;
		text-align: center;
		 vertical-align:middle;
width: 150px;
height: 80px;
line-height: 0.8 !important;
padding: 0;
margin: 0;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}*/
