/* (c)frylark 2018 */html { font-size:calc(0.85em + 0.25vw); overflow:hidden !important; }img { user-select:none; pointer-events:none; }h1, h2, h3, h4, h5, h6 { font-family:Gotham,sans-serif; font-weight:300; color:#222;   letter-spacing:-0.025em; text-decoration:none; line-height:1.2em; margin:.5em 0; }h1 { font-size:60px; font-size:calc(1.6em + 2.2vmin); font-weight:700; }h2 { font-size:42px; font-size:calc(1.4em + 2.0vmin); font-weight:500; }h3 { font-size:36px; font-size:calc(1.2em + 1.8vmin); }h4 { font-size:32px; font-size:calc(1.0em + 1.6vmin); }h5 { font-size:30px; font-size:calc(0.8em + 1.4vmin); }h6 { font-size:24px; font-size:calc(0.8em + 1.0vmin); }h1 b, h2 b, h3 b, h4 b, h5 b, h6 b { font-weight:600; }a { text-decoration:none; outline:none; color:#666;  -khtml-user-drag:none; -webkit-user-drag:none; user-drag:none; cursor: pointer; }a:hover { color:#555; }a h1, a h2, a h3, a h4, a h5, a h6 { color:inherit; }body {  background-color:#fff; line-height:1.4em; overflow: hidden !important;  color:#333; font-family:OpenSans, sans-serif; font-size:110%; font-weight:100; }/* iScroll */#scrollwrap, .scrollwrap  { position:absolute; z-index:1; top:0; bottom:0; left:0;   width:100%; height:100%; min-height:100%; max-height:100%; overflow:hidden; }#scroller, .scroller { position:absolute; z-index:1; width:100%;  -webkit-tap-highlight-color:rgba(0,0,0,0);    -webkit-transform:translateZ(0); -moz-transform:translateZ(0);   -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0);  -webkit-touch-callout:none;   -webkit-user-select:none; -moz-user-select:none;   -ms-user-select:none; user-select:none;   -webkit-text-size-adjust:none; -moz-text-size-adjust:none;   -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none; }.iScrollVerticalScrollbar { overflow: visible !important; width:8px!important;   right:0 !important; top:0px !important; bottom:0px !important;   background:transparent !important; border-right:0px solid #555; }.iScrollIndicator { background:#bbb !important; border:none !important;   border-radius:0 !important; margin-right:-1px !important; }.iScrollIndicator::after { content:''; display:block; position:absolute;  top:0; bottom:0; left:-15px; width:25px; height:auto;  background:transparent; }/* nav menu */.mp-menu { display:block; position:fixed; left:0; top:0; bottom:0; z-index:10;   width:225px; min-width:225px; padding:0; background-color:rgba(51,51,51,.5);  font-family:Gotham,sans-serif; font-weight:300; font-size:16px;   -webkit-transition:all .3s linear;  -moz-transition:all .3s linear; transition:all .3s linear;  -webkit-transform: translate3d(-220px, 0, 0);     -moz-transform: translate3d(-220px, 0, 0);          transform: translate3d(-220px, 0, 0); }.mp-menu:hover {   -webkit-transform: translate3d(0%, 0, 0);     -moz-transform: translate3d(0%, 0, 0);          transform: translate3d(0%, 0, 0); }.mp-menu ul li a { padding-left:38px; color:#fff; position:relative; }.mp-menu ul li a:before { display:block; position: absolute; top:12px; left:14px; content:'';   width:1em; height:1em; margin-right:.5em; margin-bottom: -.15em;  background-color:transparent; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='1em' height='1em' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 100000 100000' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon fill='%23555' points='65658.4,50000 40341.6,24683.1 40341.6,75316.9 65658.4,50000 '/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; background-attachment:scroll; }.mp-menu a { display:block; margin:0; padding:10px 24px; line-height:110%; font-size:92%; }.mp-menu a:hover { background-color:#221; color:#fff; }.mp-menu .scrollwrap { width:225px; top:0; right:0; bottom:0; left:auto;   border-right: 0 solid #333; }.mp-menu .scrollwrap { background-color:#333; }#navbutton { position:absolute; top:0; right:-50px; width:52px; height:48px; line-height:48px;  background-color:#333; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='40px' height='40px' style='shape-rendering:geometricPrecision; clip-rule:evenodd'%0AviewBox='0 0 100000 100000' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cline fill='none' stroke='%23eee' stroke-width='6000' x1='25000' y1='32000' x2='75000' y2= '32000' /%3E%3Cline fill='none' stroke='%23eee' stroke-width='6000' x1='25000' y1='50000' x2='75000' y2= '50000' /%3E%3Cline fill='none' stroke='%23eee' stroke-width='6000' x1='25000' y1='68000' x2='75000' y2= '68000' /%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; background-attachment:scroll; color:#fff; font-size:36px; text-align:center; opacity:1; border-radius: 0; transition:all .3s linear; }.mp-menu:hover #navbutton { right:40px; /*width:0; font-size:0;opacity:0;*/   }/* content */section { display:block; position:relative; margin:-.05px; padding:3em 0; background-color:#fff;  background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;  background-attachment:scroll; }section:after { content:''; display:block; clear:both; }.wrap { position:relative; min-width:200px; width:80%; max-width:900px; height:100%; margin:0 auto; }.container { position:relative; min-height:2em; }.container:after { content:''; display:block; clear:both; }#head.container { min-height:12em; }/*.wrap img:not(.png) { width:100%; }*/.portrait { position:absolute; z-index:1; max-height:12em; min-height:12em;  top:0; right:0em; bottom:0; left:auto; box-shadow:120px 0 0 #eee;  -webkit-user-select:none; -moz-user-select:none;   -ms-user-select:none;	user-select:none; pointer-events:none;  transition:all .5s linear; }#professor .wrap .container h2 { margin:1em 4.2em .25em 0; position:relative;  z-index:3; }#professor .wrap .container h3 { margin:0 4.2em 1em 0; position:relative;  z-index:3; }#professor .wrap .container h6 { margin:0 6.4em 0 0; line-height:1.4em; }#professor .wrap p,#profile .wrap p { text-align:justify; margin:1.5em 0; hyphens:auto; }.wrap p b { font-weight:500; color:#211; text-align:left !important; }#profile .wrap .container h2,#profile .wrap .container h3 { margin:1em 0 .72em 0; position:relative; line-height:1.15em;  }/* fancy customize */.fancybox-container { font-family:inherit; }.fancybox-is-open .fancybox-bg { opacity:.95; }.fancybox-navigation button::before { background: rgba(10,10,10,.15); }.fancybox-caption, .fancybox-infobar { font-family:Gotham,sans-serif; font-weight:300; font-size:120%; }.fancybox-infobar { right:auto; padding:0 20px; font-size:100%; }.fancybox-slide--iframe .fancybox-content { height: calc(100% - 44px) !important;   width:90% !important; max-width: 900px; margin-bottom: 20px; }  @media all and (max-width: 640px) {  .fancybox-slide--iframe .fancybox-content { width:95% !important; }  .portrait { right:-2em; bottom:0; left:auto; box-shadow:100px 0 0 #eee; }}@media all and (max-width: 480px) {  .fancybox-slide--iframe .fancybox-content { width:100% !important; }  .portrait { right:-3.5em; bottom:0; left:auto; box-shadow:80px 0 0 #eee; }}.baner  { display:inline-block; width:100%;   position:relative; line-height:0; overflow:hidden;  -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s;  -ms-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }.baner:hover {   -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s;  -ms-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }.baner .caption { position:absolute; top:0; left:0; z-index:1;   width:100%; height:100%; background-color:rgba(0,0,0,.0); opacity:0.75;  -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s;  -ms-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }.baner:hover .caption { top:0; height:100%; opacity:1; }div.caption { background-repeat:no-repeat; background-position:50% 80%; background-attachment:scroll;  -webkit-background-size:40%; -moz-background-size:40%; -o-background-size:40%; background-size:40%;  -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s;  -ms-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }.baner:hover div.caption { background-position:center; background-color:rgba(0,0,0,.75);  -webkit-background-size:60%; -moz-background-size:60%; -o-background-size:60%; background-size:60%;  -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s;  -ms-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s; }div.caption.p360  { background-image:url('360--50.png'); }