[class*="icon-"]::before{ font-family: "gbicongeneric" }
* { word-wrap: break-word;}
a { text-decoration: none; }
img { max-width: 100%;}
.relative { position: relative }

button { border: none;}
input[type="text"], textarea { border: 1px solid #ddd; color: #666;}
#root { height: 100% !important; overflow:hidden; width: 100% }
#root section { display: block; } 

.locked { overflow: hidden!important; position: relative!important; }
.locked .main { height: 100% !important; }

#root section.menu { left: -100%; width: 260px; height: 100%; position: relative; }
#root section.menu header { position: fixed; z-index: 10; width: 260px }
#root section.menu header > div { height: 0px; overflow: hidden; position: fixed; padding: 0 12px; z-index: 10; left: -260px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.transform3d #root section.menu header > div { left: 0; -moz-transform: translate3d(-260px, 0, 0); -webkit-transform: translate3d(-260px, 0, 0); -ms-transform: translate3d(-260px, 0, 0); -o-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); }

#root section.menu.open { background-size: 100% 100% !important; background-attachment: fixed; z-index: 0 !important; }
#root section.menu.open > div { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; }
.transform3d #root section.menu.open header > div { height: 43px; -moz-transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; background-size: auto auto !important;}
#root section.menu.close { overflow-y: hidden; }
#root section.menu a { background-size: cover !important; }
#root section.menu header { background-size: auto auto !important; background-position: center; }

.transform3d #root section.menu { left: 0; -moz-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
#root section.menu.open, #root section.main, #root header.navBar { -moz-transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: 0; }
#root section.menu.animate, #root section.main.animate { 
	-webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -o-transition: -o-transform .4s ease; -ms-transition: -ms-transform .4s ease; transition: transform .4s ease; 
	-moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;
}
#root section.main.open { left: 260px; }
.transform3d #root.locked section.main.open { -webkit-box-shadow:-3px 0px 10px #2B2B2B; -moz-box-shadow:-3px 0px 10px #2B2B2B; box-shadow:-3px 0px 10px #2B2B2B; }
.transform3d #root section.main.open { 
	left: 0; -moz-transform: translate3d(260px, 0, 0); -webkit-transform: translate3d(260px, 0, 0); -ms-transform: translate3d(260px, 0, 0); -o-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); 
}

article .photo { background-size: cover !important; }