@charset "utf-8";
@media only screen and (max-width: 700px) {
#globalNavig,
.mainWrapper,
#topWrapper,
.logoWrapper,
#mainimg,
#topShowcase,
#galleryWrapper #galleryShowcase,
#footerAddress,
.articleWrapper,
#works .lstPlan{
	width: 100%;
	height: auto;
}
#globalNavig{
	top: 0px;
	position:absolute; 	
	padding: 0;	
}

.topPage #globalNavig {
	top: 30px;
	position:fixed;
}


#globalNavig ul{
	padding: 2px 0; 
	width: 320px;	
	text-align: center;
}
#globalNavig ul li{
	padding: 2px 0;
	display:inline-block;
	float:none;
	background:none;
	border-radius: 4px;
	margin: 2px 0;
	min-width: 98px;
	border:1px solid rgba(25, 42, 70,0.3);
}
#globalNavig ul li:first-child {
/*	background:rgba(25, 42, 70, 0.5);	*/
background:#fff;
}
#globalNavig ul li:last-child{
	width: 308px;
}
#globalNavig ul li img{
	-webkit-transform:scale(0.98,0.98);
	transform:scale(0.98,0.98);
/*    -webkit-filter: brightness(150%);  
    filter:  brightness(1200%);*/
}
#globalNavig ul li a{
	display:block;
}
#globalNavig ul li:first-child img {
    -webkit-filter: none;
    filter:  none;
}

#topCatalog{
	display:none;
}
.mainimg{
	position:static;
	display:block !important;
	opacity: 1 !important;
    padding: 0 3% 3%;
    width: 94%;	
}
#topShowcase{
	margin-top:200px;
}
img{
	max-width: 100%;
	height:auto;
}
article#top,
#bgArticleTop{
	left: 0;
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}
#remoteNavig{
	padding:0;
	margin-bottom: 15px;
}

#remoteNavig li{
	width: 100%;
	border-left:none;
	padding: 0px;
    border-bottom: 1px solid rgba(25, 42, 70,0.5);
}
#remoteNavig li a{
	display:block;
	padding: 10px 0px;	
}
#remoteNavig li:first-child{
	border-bottom: 1px solid rgba(25, 42, 70,0.5);	
}
#remoteNavig li:last-child{
	border:none;	
}
footer#mainFooter{
	position:static;
}
#footerAddress address a:first-child{
	position:static;	
}
#footerAddress{
	margin-bottom: 20px;
}



.topPage #footerAddress address a:first-child{
	position:fixed;
	bottom: 50px;
	padding-top: 15px;
	padding-bottom: 5px;
	left: 0;
	z-index:10000 !important;
    background: url(../img/white70.png);	
    width: 100%;
}
.topPage #footerAddress{
	margin-bottom: 80px;
}
.copyright{
	float:none;
}
#showcase{
	margin-top: 80px;
}
#works .lstPlan{
	text-align:center;
}
#works .lstPlan li{
	float:none;
	display:inline-block;
    margin: 10px 0 10px;
	
}
#works .left,
#works .right{
	float:none;
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;	
}
#works .left{
	text-align:center;
}
#works .left .materials{
	text-align:left;
	
}
#works .left img{
	margin: 0 auto 10px
}
#works .right table{
	width: 100%;
}

#galleryShowcase{
	width: 100%;
	height: 100vw;
}
#galleryShowcase img{
	margin-left: 0 !important;
	margin-top: 0 !important;
	max-width:100%;
	max-height:100%;
	width: auto;
	height: auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);	
	transform: translate(-50%,-50%);
}
.btnGalleryPrev{
	top: 50%;
	margin-top: -20px;	
	left: 10px;
	height: 12px;
	background: url(../img/ico-arrow-left.jpg) no-repeat Center center;	
	border: 1px solid rgba(25, 42, 70,0.5);		
	border-radius:5px;
	padding: 10px;
}
.btnGalleryNext{
	top: 50%;
	margin-top: -20px;
	right: 10px;	
	height: 12px;	
	background: url(../img/ico-arrow-right.jpg) no-repeat Center center;	
	border: 1px solid rgba(25, 42, 70,0.5);		
	border-radius:5px;
	padding: 10px;	
}
#galleryCatalog{
	width: 100% !important;
	text-align:center;
}
#galleryCatalog ul{
	margin-left: 50px;
	margin-right: 50px;
}
#galleryCatalog li{
	float:none;
	display:inline-block;
	line-height:30px;
	vertical-align:top;
	margin:  0  2px 6px;
}
#galleryCatalog li img{
	vertical-align:top;	
}
#mailform td,
#mailform th{
	width:100%;
	display:block;
	padding-left: 0;	
}
#mailform td{
	text-align:center;
}
#contact p{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;	
}
#mailform{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;	
	
}
#contact input[type="text"],
#contact textarea{
	width: 96% !important;
}
#contact input[type="text"].postcode{
	width: 130px !important;
}
#contact input[type="submit"]{
	
}
}
@media only screen and (max-width: 700px) and (orientation:landscape) {
#topShowcase{
	margin-top: 110px;
}
#globalNavig ul{
	width: 480px;
}
#globalNavig ul li:last-child{
    width: 204px;
}
#globalNavig ul li{

}
#globalNavig{
	top: 20px;
}
#footerAddress address a:first-child{	
	bottom:20px;
}
}