#wrapper {
	position: relative;
	height: 100%;
	min-height: 420px;
	margin-top: 0px !important;
	padding-top: 0px !important;
}
.visible-area{
	top:0 !important;
}

#logo {display:none;}
#widget-stickyMobileHeader,
#widget-sticky-mobile-list-opener,
#widget-sticky-mobile-map-opener,
#widget-sticky-main-nav-opener,
#widget-main-nav-opener,
.flip-container{
	display:none;
}

#wrapper .wrapper2{margin-left:503px;}

#widget-nav-opener{
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:60000;
	text-decoration:none;
	color:White;
	width:44px;
	height:44px;
}

#widget-nav-opener span {
	display: block;
	margin-top: 5px;
	margin-left: 5px;
}

aside{margin-left:0;}
.maptitle{margin-left:40px;}

#widget-logo-big{
	position:fixed;
	bottom:25px;
	right:30px;
	left:auto;	
	width:250px;
	height:40px;
	text-align:center;
}

#widget-logo-big img {
	margin-top:6px;
	
}

#main-nav > ul {
	width: 0;
}

#main-nav > ul > li span.wficon{
	display: inline-block;
	padding: 5px 0px;
	width: 56px;
	text-align: center;
	vertical-align: text-bottom;
}

@media(max-width: 768px){
	#widget-nav-opener,
	#widget-logo-big{
		display:none;
	}
	
	#widget-stickyMobileHeader,
	#widget-sticky-mobile-list-opener,
	#widget-sticky-mobile-map-opener,
	#widget-sticky-main-nav-opener,
	.flip-container{
		display: block;
	}
	
	#mobile-map-opener{display:none !important;}
	#main-nav-opener{display:none !important;}
	#stickyMobileHeader{display:block !important;}
	
	#loader{display:none;}
	
	
	#widget-stickyMobileHeader {
		position:fixed;
		top:0;
		left:0;
		height:44px;
		width:100%;
		border-bottom:1px solid #ccc;
		z-index: 100;
	}
	
	#widget-sticky-mobile-list-opener,
	#widget-sticky-mobile-map-opener{
		color: #fff;
		text-decoration: none;
	}
		
	#widget-sticky-main-nav-opener {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 44px;
		height: 44px;
		margin: 0;
		border: none;
		color: #fff;
		text-decoration:none;
		border-right:1px solid #fff;
	}
	
	#widget-sticky-fullscreen {
		position: fixed;
		top:0px;
		right: 0px;
		width: 44px;
		height: 44px;
		color: #fff;
		text-decoration:none;
		border-left:1px solid #fff;
	}
	
	#widget-logo{
		width:224px;
		position:fixed;
		right:60px;
		top:8px;
		text-align:right;
		
	}
	
	#widget-logo img {
		width:92%;
		height:auto;
	}
	
		/* Navigation */
	
	#main-nav {
		right: auto;
		top: 0;
		left: 0;
		
	}
	
	#main-nav > ul {
		display: none;
		left: 0;
		margin-top: 44px;
		top: 0;
		bottom: 0;
		position: fixed;
		overflow: auto;
		right: auto;
	}
	
	.mainNavOpen #main-nav > ul {
		display: block;
		width:196px;
	}
	
	#main-nav #widget-main-nav-opener {
		display: block;
		position: fixed;
		top: 44px;
		left: 0;
		width:44px;
		height:44px;
		margin: 0;
        border: none;
        color:white;
        text-decoration:none;
	}
	
	#main-nav #widget-main-nav-opener span {
		display:block;
		margin-left:6px;
	}

	#main-nav #widget-main-nav-opener.closer {
		left: 190px;
		top: 44px;	
	}
	#main-nav #widget-main-nav-opener.open {
		left:0;
		display:none;
	}
	
	#widget-main-nav-opener span,
	#widget-main-nav-closer span {
		position: relative;
		top: 6px;
		left: 3px;
	}
	
	#main-nav > ul li span.icon {
		width: 15px;
		height: 15px;
		background-size: contain;
	}
	
	#widget-stickyMobileHeader .wficon{
		display:block;
		width:32px;
		height:32px;
		overflow:hidden;
		margin-top:7px;
		padding-left: 6px;
	}
	
	
	/*http://davidwalsh.name/css-flip */
	/* entire container, keeps perspective */
	.flip-container {
		-webkit-perspective: 1000;
	    -moz-perspective: 1000;
	    -o-perspective: 1000;
		perspective: 1000;
		width: 44px;
		height: 44px;
		color: #fff;
		text-decoration: none;
		z-index: 2300;
		position: fixed;
		top: 0px;
		left: 45px;
		text-decoration: none;
		border-right:1px solid #fff;
	}
	
.flip-container, .front, .back {
	width: 44px;
	height: 44px;
	
}

/* flip speed goes here */
.flipper {
	-moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;


    position: absolute;
    top: 0;
    left: 0;
}

.front {
	z-index: 2;
	
}

.back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.flip-container.flip .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container.flip .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
	

}
@media screen and (device-aspect-ratio: 40/71) {
	#widget-logo{
    	width:170px;
		position:fixed;
    	right:50px;
    	top:15px;
    	left:auto;
    	text-align:right;
    }
    #widget-logo img{
    	width:85%;
    	height:auto;
    }
}
@media only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
/*     #widget-logo{ */
/*     	width:50%; */
/*     	height:auto; */
/*     } */
}

@media(max-width: 388px){
	#widget-logo img {
		width: 80%;
  		margin-top: 5px;
	}
}

@media(max-width: 350px){
	#widget-logo img {
		width: 70%;
  		margin-top: 5px;
	}
}