body {
	font-family:Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:100%;
}



#menu{
	width:100%;	
}

.slicknav_menu {
	display:none;
}
/*
@media (min-height:600px) and (max-height:700px){
	.fill{
		
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
	}
}*/

@media (min-width: 40em) and (max-width:800px){
	.fill{
		
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
	}
	
	
}



@media (min-width: 40em) and (max-width: 50em){
.carousel-caption p{
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);	
	}
.thumbnails img {
    padding: 6px 4px 6px 9px;
}
.thumbnails{
	height:85px;	
}
.carousel-control .icon-next, .carousel-control .icon-prev {
   
    margin-top: -70%;
-ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Safari */
    transform: scale(0.5);	
}
.carousel-control .icon-next{
	right:0;	
}
.carousel-control .icon-prev{
	left:0;	
}
.carousel-caption p{
		width:500px;	
	}
}
@media screen and (max-width: 40em){

.carousel-caption a.cnt, .carousel-caption a.cnt:visited, .carousel-caption a.cnt:link {
    height: 35px;
    left: -45px;
    padding: 16px;
    width: 87px;
}
	#vilno_white{
	background-image: url(../img/vilno_grey.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-table;
    float: left;
    height: 28px;
    margin: 0 0 0 10px;
    position: relative;
    width: 149px;
	}
.shadow{
	display:none;	
}
	
	.black{
		height:200px;
		}
	.about{
		float:none;	
	}
	
	.slicknav_nav ol.about, .slicknav_nav .about li, .slicknav_nav ol.about:hover, .slicknav_nav .about li:hover{
		display: inline-table;
  
    position: relative;
    right: 0;
    width: 100%;
	
	border-bottom: 1px solid #bbb;
	margin-bottom:0;
	
	background-color: #f7f7f7;

    height: auto;
   
    text-align: center;
    width: 100%;	
	
	}
	
.navbar{
    height: auto;
}

.carousel-caption {
    bottom: 0;
    color: #888;
    font-size: 15px;
    left: auto;
    margin: auto;
    padding: 20px;
    position: relative;
    right: auto;
    text-align: center;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0);
    top: -21px;
    width: 100%;
    z-index: auto;
}
.carousel-caption p {
	font-size:14px;
	width:auto;
}
	.carousel-caption h2, .carousel-caption img, .carousel-caption p {
    text-align: center;
}
.carousel-caption h2{
	font-size: 26px;
}
	.carousel-caption a, .carousel-caption a:visited, .carousel-caption a:link {
    background: none repeat scroll 0 0 rgba(43, 43, 43, 1);
   
    color: #fff;
    display: block;
    float: none;
    height: 38px;
    left: -64px;
    margin: 30px 50%;
    outline: medium none;
    padding: 15px;
    position: relative;
    text-decoration: none;
    transition: background 0.5s ease-out 0s;
    width: 122px;
}
	
	
	 .carousel-caption img{
	 margin:20px 20px 10px;
	 float:none;
 }
 
  .carousel-caption img#roofRazor{
	 margin:0 20px 10px 0;
	 float:none;
 }
 

	
	
	
.navbar-brand.logo, .navbar-brand.logo img{
    width: 100%;
	height: auto;
}
	
	



	.description{
	float: right;
    margin-left: 8%;
    padding-top: 8px;
    text-align: left;
    width: 49%;	
}
	.js #menu {
		display:none;
	}
	.js .slicknav_menu {
		display:block;
		position:fixed;
		z-index: 2147483647;
		right:0;
	}
	
	.thumbnails li{
		padding-top: 13px;	
		position:relative;
		width: 100%;	
		margin: 10% 10px;
		height: 40px;
				
		background-color:transparent;
	}
	
	.about li{
		padding:0px;
		color:#FFF;
		color:#006892;
		line-height: 410%;	
	}
	.thumbnails li:hover, .about li:hover{		
		background-color:transparent;
	}
	ol.alpha-white {
 background-color: #f7f7f7;	
 
 color:#006892;

   /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  */
	height:300px;
}

.alpha-white{
background-color: rgba(255, 255, 255, 1);	
}
	
	.thumbnails li img{
		 height: auto;
    max-height: 40px;
    max-width: 43%;
    text-align: center;
    width: auto;
	
}
	
	
.about li:hover, about li{
	background-color:transparent;	
	font-size:18px;
	
}
	
	
	.thumbnails {
    bottom: -9px;
    display: inline-table;
    height: 107px;

    list-style: outside none none;
 
    padding: 0;
 position:relative;
 top:-15px;
    text-align: center;
    width: 100%;
    z-index: 15;
}


/*slider*/

.fill {
    background-position: 87% -11px;
    background-repeat: no-repeat;
    background-size: 127% auto;
    height: 200px;
    margin-bottom: 10px;
    position: relative;
}
.carousel-caption a.special {
    height: 38px;
    left: -88px;
    margin-left: 50%;
    margin-top: 30px;
    padding: 7px 10px;
    position: relative;
    width: 164px;
}
	
	
	
	.about a > li, .about a > li:hover, .about a, .about a:hover{
				
				background-color:transparent;				
			}
			
.slicknav_nav a, .slicknav_nav a:hover {
    color: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
	background-color:transparent;	
}
.dada div{
	margin: auto;
    position: relative;
    width: 100%;
}
.dada div h2{
	display:inline-table;
	float:right;
	margin-bottom:2px;
}

.carousel-caption.dada table {
    line-height: 0;
    margin: 10px auto 0;
    position: relative;
}

}

@media (min-width: 31em) and (max-width: 40em) {
	.js .slicknav_menu {
		top:2%;
	}
}

@media screen and (max-width: 30em) {	
	.js .slicknav_menu {
		top:1%;
	}
	.thumbnails li{
		margin: 8px 10px 35px;
}


}