/* Alpine */
/* 
font: Neue Helvetica W01 
ultra light: 100
thin: 200
light: 300
medium: 500
*/
* {margin:0;padding:0;}
body{font-family:'Neue Helvetica W01',Arial;font-weight:100;}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust: 100%;}}
a {text-decoration:none;outline:none;cursor:pointer;}
#supersized-loader {position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em;}
#supersized {  display:block;position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto;position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30;position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline;}

#header {background:url(/i/header.png) repeat;height:96px;z-index:1;position:relative;}
.inner #header {background:url(/i/header-inner.png) repeat;}
.content {text-align:left;width:960px;position:relative;}
#logo {position:absolute;top:18px;left:0;}
#logo img {width:210px;}
#nav {height:94px;position:absolute;top:0;left:240px;border-left:1px solid #5D5E70;padding-left:20px;width:700px;}
#nav a {font-weight:300;font-size:13px;opacity:0.7;filter:alpha(opacity=70);text-transform:uppercase;color:#fff;line-height:91px;display:inline-block;padding:5px 12px 0px 12px;}
#nav a:hover {opacity:1;filter:alpha(opacity=100);}
#nav a.sel {opacity:1;filter:alpha(opacity=100);padding-top:0;border-top:5px solid #029a9e;}
/*
#nav a:last-child {position:relative; left:0px; float:right;border-left:1px solid #5D5E70;border-right:1px solid #5d5e70;padding:5px 20px 0 20px; background-color:#07868A;}
#nav a.sel:last-child {border-left:1px solid #029a9e;border-right:1px solid #029a9e;background-color:#029a9e; border-top:0;}
*/
.inner #memoryH, .home #memoryH {position:absolute; z-index:3; top:70px; height:25px; width:177px; right:0px; margin-bottom:0px; background:url(/i/mdown.png) no-repeat center 5px; cursor:pointer;}
.inner #memoryH.arrowChange, .home #memoryH.arrowChange {background:url(/i/mup.png) no-repeat center 5px;}
#nav a span {display:block; line-height:19px; height:67px; padding-top:22px; text-align:center;}
#footer {background:#F8F8F8;padding:15px 0;color:#363636;font-size:14px;height:26px;}
#home #footer, #home footer {position:fixed;bottom:0;width:100%;left:0;}
#footer table {width:100%;}
#footer table td {height:26px;}
#footer td.email {background:url(/i/email.png) no-repeat;padding-left:35px;vertical-align:middle;width:300px;}
#footer td.address {background:url(/i/address.png) no-repeat;padding-left:35px;width:400px; font-weight:300; color:#434343}
#footer td.social {text-align:right;vertical-align:middle;}
#footer td.social a {margin-left:12px;}
#footer a {color:inherit;}

footer 
{
    padding: 2rem 0;
    background: url(/i/header-inner.png) repeat;
}

footer .contain
{
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .contain p 
{
    margin-bottom: 0;
    color: #fff;
}

footer #disclosure-link {transition: color 0.3s ease;}
footer #disclosure-link:hover {color: #029a9e;}


#home #container {position:fixed;width:100%;background:url(/i/layer.png) no-repeat center top;height:200px;bottom:56px;padding-top:115px;}
#home #container .content {text-align:center;}
#home #container .content table {display:inline;}
#home h2 {font-size:56px;font-weight:100;color:#fff;}
#home h2 span {color:#1db4c6;}
#home #scroll p {font-size:26px;color:#fff;}
#scroll {position:relative;}
#home .vscroll {position:relative;width:600px;padding:0 20px;}
#strategy .vscroll {width:960px;position:relative;}
#about .vscroll {width:960px;position:relative;}
a.prev {background:url(/i/arrow-l.png) no-repeat;width:55px;height:55px;display:block;margin-right:55px;}
a.next {background:url(/i/arrow-r.png) no-repeat;width:55px;height:55px;display:block;margin-left:55px;}
a.prev.disabled, a.prev.disabled:hover {background:url(/i/arrow-l-d.png) no-repeat;}
a.next.disabled, a.next.disabled:hover {background:url(/i/arrow-r-d.png) no-repeat;}
a.prev:hover {background:url(/i/arrow-l-h.png) no-repeat;}
a.next:hover {background:url(/i/arrow-r-h.png) no-repeat;}

.inner #container {margin-top:-96px;padding-top:411px;}
#about #container {background:url(/i/about.jpg) no-repeat center top;width:100%}
#news #container {background:url(/i/news.jpg) no-repeat center top;width:100%}
#strategy #container {background:url(/i/strategy.jpg) no-repeat center top;}
#philosophy #container {background:#F3F3F3 url(/i/philosophy.jpg) no-repeat center top;}
#contact #container {background:url(/i/contact.jpg) no-repeat center top;}
#team #container {background:url(/i/about.jpg) no-repeat center top;width:100%}

.inner p {font-size:18px;color:#434343;line-height:30px;margin-bottom:30px;font-weight:300}
.inner #container ul {font-size:18px;color:#029a9e;line-height:30px;padding-left:18px;margin-bottom:30px;font-weight:300}
.inner #container ul span {color:#434343;}

/* strategy */
#d-container {width:100%;background:url(/i/d-bar.png) repeat-x;height:300px;margin-top:-1px;}
#scroller svg {position:absolute;top:0;left:0;}
div.c-link {font-size:20px;color:#787B80;width:170px;text-align:center;position:absolute;top:0;padding-top:175px;cursor:pointer;height:100px}
div.icon1 {background:url(/i/icon1.png) no-repeat center 70px;left:200px;}
div.icon2 {background:url(/i/icon2.png) no-repeat center 70px;left:550px;}
div.icon3 {background:url(/i/icon3.png) no-repeat center 70px;left:730px;}
div.icon1:hover, div.icon1.sel {background:url(/i/icon1-s.png) no-repeat center 70px;color:#fff}
div.icon2:hover, div.icon2.sel {background:url(/i/icon2-s.png) no-repeat center 70px;color:#fff}
div.icon3:hover, div.icon3.sel {background:url(/i/icon3-s.png) no-repeat center 70px;color:#fff}
div.icon1.sel div.pointer, div.icon2.sel div.pointer, div.icon3.sel div.pointer {background:url(/i/pointer.png) no-repeat center top;height:23px;position:absolute;width:100%;top:258px;}
h3 {font-size:36px;font-weight:100;color:#029a9e;line-height:48px;margin-bottom:50px;}

/* contact */
#contact h3 {margin-top:40px;margin-bottom:20px;}
#contact #container td {vertical-align:top;}
#contact td.info {width:350px;padding-left:60px;}
#contact td.info p {font-size:19px;}
#contact p span {color:#029a9e;}
#contact p a {color:inherit;}
#contact #container {background-color:#f3f3f3;padding-bottom:50px;}
#contact #container input[type=text] {background:#fff;border:0;width:480px;padding:7px;margin-bottom:10px;font-family:'Neue Helvetica W01';font-weight:300;font-size:16px;color:#808080}
#contact #container textarea {background:#fff;border:0;width:480px;padding:7px;resize:none;height:120px;font-family:'Neue Helvetica W01';font-weight:300;font-size:16px;color:#808080;margin-bottom:10px;}
#contact #container input[type=text]:focus, #contact #container textarea:focus {color:#000}
#contact a.btn-send {display:block;text-align:center;background:#029a9e;color:#fff;padding:10px;font-weight:300}
#contact a.btn-send:hover {background:#056164;}
#contact #response {height:30px;color:#029a9e;font-size:18px;font-weight:300;margin-top:10px;}

/* philosophy */
div.c-content {padding:40px 0;height:202px;}
div.c-content .content {text-align:center;width:700px}
div.c-content p {}
div.color1 {background:#1E232B;}
h4 {font-size:34px;font-weight:100;color:#fff;line-height:48px;text-align:center;margin-bottom:30px;}
h4 span {color:#00b7bd;}
#g-container {background:url(/i/stock.jpg) no-repeat center top;height:152px;padding:115px 0;}
#g-container .stext {float:right;width:400px;text-align:left;}
h5 {font-size:34px;font-weight:100;color:#029a9e;line-height:48px;margin-bottom:30px;}
#g-container h5 {color:#fff;}
#g-container p {color:#fff;}
.a-icon1 {background:url(/i/a-icon1.jpg) no-repeat right top;width:177px;height:117px;float:left;margin-right:50px;margin-top:10px;margin-left:7px;}
div.color2, div.color5 {background:#F3F3F3;}
div.color3 {background:#E9EEEE;}
div.color4 {background:#DDE6E6;}
div.color2 .stext {float:left;width:460px;text-align:left;padding-right:80px;}
div.color2 .animate {float:left;margin-top:20px;}
.a-icon2 {background:url(/i/a-icon2-p1.png) no-repeat;width:122px;height:150px;position:relative;}
.a-icon2 div {position:absolute;top:100px;left:29px;opacity:0;filter:alpha(opacity=0);width:63px;height:103px;background:url(/i/a-icon2-p2.png) no-repeat;}
div.c-content.color3 {height:300px;}
div.color3 .animate {float:left;}
div.color3 .stext {float:left;width:350px;text-align:left;padding-left:60px;}
.a-icon3 {background:url(/i/a-icon3-p1.png) no-repeat center center;width:272px;height:300px;position:relative;}
.a-icon3 div {position:absolute;opacity:0;filter:alpha(opacity=0);}
.a-icon3 div.p2 {top:0;left:113px;background:url(/i/a-icon3-p2.png) no-repeat;width:45px;height:75px} 
.a-icon3 div.p3 {top:50px;left:200px;background:url(/i/a-icon3-p3.png) no-repeat;width:70px;height:51px} 
.a-icon3 div.p4 {top:180px;left:200px;background:url(/i/a-icon3-p4.png) no-repeat;width:71px;height:50px} 
.a-icon3 div.p5 {top:220px;left:114px;background:url(/i/a-icon3-p5.png) no-repeat;width:45px;height:76px} 
.a-icon3 div.p6 {top:180px;left:0px;background:url(/i/a-icon3-p6.png) no-repeat;width:70px;height:51px} 
.a-icon3 div.p7 {top:50px;left:0px;background:url(/i/a-icon3-p7.png) no-repeat;width:70px;height:51px}
div.c-content.color4 {height:260px;}
div.color4 .animate {float:left;}
div.color4 .stext {float:left;width:360px;text-align:left;padding-right:50px;}
.a-icon4 {background:url(/i/a-icon4-p1.png) no-repeat left bottom;width:240px;height:130px;position:relative;float:left;margin-top:50px;}
.a-icon4 div {position:absolute;background:url(/i/a-icon4-p2.png) no-repeat;width:145px;height:113px;left:54px;top:00px;}
div.c-content.color5 {height:260px;}
div.color5 .animate {float:left;}
div.color5 .stext {float:left;width:350px;text-align:left;padding-left:60px;}
.a-icon5 {width:272px;height:203px;}
.a-icon6 {background:url(/i/a-icon6-p1.png) no-repeat left bottom;width:180px;height:200px;float:left;position:relative;}
.a-icon6 div {background:url(/i/a-icon6-p2.png) no-repeat;width:91px;height:150px;position:absolute;left:93px;top:21px;}

#philosophy .c-content.color2, #philosophy .c-content.color2 .content {width:939px; height:auto; padding:45px 0 0 0;}

table.philosophy-table td {width:430px; border-top:2px solid #00777B}
.inner table.philosophy-table p {width:340px; height:160px; font-weight:300; text-align:left; padding-left:90px; padding-top:25px;}
#p1 {background:url(/i/p1.png) no-repeat 5px 27px;}
#p2 {background:url(/i/p2.png) no-repeat 5px 27px;}
#p3 {background:url(/i/p3.png) no-repeat 5px 27px;}
#p4 {background:url(/i/p4.png) no-repeat 5px 27px;}
#p5 {background:url(/i/p5.png) no-repeat 5px 27px;}
#p6 {background:url(/i/p6.png) no-repeat 5px 27px;}

/* About */
#about #container .content {margin-top:60px}
#about #container #content-about-2 {margin-top:10px; margin-bottom:60px;}
#about .content h3 {text-align:center; color:#434343}
#about .content h3 span {color:#029A9E;}
#about #container ul span.sig-alpha {color:#029a9e; font-weight:500;}

div.icon1-a {background:url(/i/alphine_icon_default.png) no-repeat center 70px;left:75px;}
div.icon2-a {background:url(/i/about-2.png) no-repeat center 70px;left:395px;}
div.icon3-a {background:url(/i/founders-1a.png) no-repeat center 70px;left:715px;}
div.icon1-a:hover, div.icon1-a.sel {background:url(/i/alphine_icon.png) no-repeat center 70px;color:#fff}
div.icon2-a:hover, div.icon2-a.sel {background:url(/i/about-2s.png) no-repeat center 70px;color:#fff}
div.icon3-a:hover, div.icon3-a.sel {background:url(/i/founders-1b.png) no-repeat center 70px;color:#fff}
div.icon1-a.sel div.pointer, div.icon2-a.sel div.pointer,, div.icon3-a.sel div.pointer {background:url(/i/pointer.png) no-repeat center top;height:23px;position:absolute;width:100%;top:258px;}
ul.about-ul li {margin-bottom:30px;}
div.icon1-a{background: url(/i/1976-ko.svg) no-repeat center 70px; background-size: 81px 82px;}
div.icon1-a:hover, div.icon1-a.sel{background: url(/i/1976-color.svg) no-repeat center 70px; background-size: 81px 82px;}

#obituary {display:none; position:fixed; top:50%; height:550px; margin-top:-275px; left:50%; width:940px; margin-left:-470px; background-color:#EAEBED; z-index:10; text-align:left; background-image:url(/i/m1.png); background-repeat:no-repeat; background-position:right center;}
#OBtextCont {width:435px; margin:40px 0 0 40px; background:url(/i/obitBack.png) repeat; height:510px;}
#OBtext {height:434px; padding:38px 40px 38px 40px; text-align:center;}
#OBtext h6 {font-size:26px;font-weight:100;color:#0D0D0D;line-height:37px;}
#OBtext h6 span {font-size:46px; line-height:65px; color:#1DB4C6;}
#OBtext p {font-size:20px; line-height:28px; color:#0D0D0D;}
#OBtext a {padding-top:20px; padding-bottom:5px; display:block;}
#OBclose {display:none; height:21px; width:21px; position:absolute; background:url(/i/popCross.png) no-repeat center center; top:19px; right:19px; cursor:pointer;}
#scrollbar2 { width: 250px; clear: both; margin: 0px; width:385px;}
#scrollbar2 .viewport { width: 355px; height:434px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0px; top: 0; }
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background-color: #D9D9D9; }
#scrollbar2 .scrollbar { position: relative; height:434px; float: right; width: 8px; }
#scrollbar2 .track { height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { height: 80px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 6px; }
#scrollbar2 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }	
#OBtext #tildae {font-size:80px; line-height:45px; margin-bottom:18px;}

#shade {opacity:0.55;filter:alpha(opacity=55);position:fixed;width:100%;height:100%;display:none;z-index:8;background:#000;top:0;left:0;}

#memTopCont p, #memory p.memMiddle, #memTopCont h6, .icdate, .source, #memory p.smallMiddle {color:#0D0D0D;}
#memory.inner #container {padding-top:100px; padding-bottom:40px; min-height:1000px; background-color:#F3F3F3;}
#memTopCont h6 {font-size:23px;font-weight:100;line-height:30px;}
#memTopCont h6 span {font-size:48px; line-height:51px; color:#029A9E;}
#memTopCont {background-image:url(/i/memory.png); background-repeat:no-repeat; background-position:center bottom; width:950px; height:560px; padding-top:78px; margin-bottom:40px;}
#memTopCont p, #memory p.memMiddle {font-size:18px; line-height:29px;}
#memTopCont p {padding-left:20px; border-left:2px solid #0D9CA1; width:340px; margin-top:40px;}
#memory p.memMiddle {padding-bottom:22px; margin-bottom:0px;}
#memory p.memMiddle span {font-style:italic; color:#029A9E;}
#memMedia {min-height:100px; background-color:#F7F7F7}
.mediaTitle {font-weight:100; font-size:36px; line-height:36px; color:#07868A; padding-top:63px; padding-bottom:50px;}
.inner .icTitle {font-size:24px; line-height:32px; color:#07868A; font-weight:100; margin:0;}
.inner .icdate, .source {font-size:18px; line-height:30px;}
.inner .icdate {font-weight:100; margin:25px 0 50px 0;}
.inner .source {font-weight:300; margin:0; position:absolute; bottom:25px;}
.mediaTable td {padding-bottom:30px;}
.mediaItem {width:380px; min-height:175px; padding:25px; position:relative; left:0px; top:0px; border-bottom:2px solid #00777B;}
.mediaItem:hover {background-color:#00777B; min-height:175px; border:none; border-bottom:2px solid transparent;}
.mediaItem a {position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer; z-index:10;}
.mediaItem:hover p {color:#FFF;}
.fx-list {position:absolute; top:-80px; float:right; font-size:18px; min-height:50px;font-size:0px; padding-left:50px;}
.fx-list span {font-size:18px; border-bottom:1px solid #e7e7e7;}
.fx-clear.fx-on {border-bottom:2px solid #00777B;}
.fx-clear {color:#717070; border-bottom:2px solid #E7E7E7; font-size:18px; font-weight:100; padding:0 10px 10px 10px; line-height:24px;}
.inner .specialPage {color:#717070; position:absolute; top:0px; line-height:24px; left:0px; margin:0 0 0 -50px; font-weight:300px; font-size:18px; padding:0 6px 8px 0; border-bottom:2px solid #E7E7E7;}
.mbox {border:2px solid #0D9CA1;padding:20px;font-size: 18px;line-height: 29px;margin-bottom:40px;color:#0d0d0d;font-weight:300}


#drop-down-container {position:absolute; top:95px; left:0px; width:100%; z-index:5; display:none;}
#drop-down-box {width:177px; float:right; text-align:center; background:url(/i/drop-background.png) repeat center center;}
#drop-down-box a {display:block; font-weight:300; font-size:13px; line-height:31px; color:#07797D; border-top:1px solid #F2F2F2; text-transform:uppercase; letter-spacing:1px;}
#drop-down-box a:hover {background-color:#029A9E; color:#FFF;}
#drop-down-box a:first-child {border:none;}
#drop-down-box a.hope {line-height:18px; padding:6px 0 6px 0 ;}

/* team */
#team #container .content {margin-top:60px;min-height:500px;}
.bio {display:none;padding-top:0px;}
#names {width:232px;}
#names li {font-size:18px;font-weight:300;cursor:pointer;color: #434343;}
#names li.sel {color: #029a9e;}
#names h4 {float:left;font-size:14px;font-weight:normal;line-height:18px;margin:0 0 30px 0;width:180px;}
#vline, #hline {position:absolute;}
#vline {width:3px;background:#00B7BD;left:230px;}
#hline {width:0px;background:#00B7BD;top:15px;height:3px;left:233px;}
#team .left {margin-right:30px;width:250px;color:#18406f;font-size:16px;line-height:21px;float:left}
#team .right {float:left;width:629px;border-left:1px solid #00B7BD;padding-left:30px; color: #434343;font-size: 18px;font-weight: 300; line-height: 30px;padding-bottom:10px;}
#team .right h3 {margin-bottom:0;}
#team .right h4 {font-size:18px;font-weight:300;padding-right:20px;margin:0px 0 25px 0;color:#434343;line-height:22px;text-align:left;}
#team .bio img {width:165px;float:left; padding-right:20px;}

#disclosure
{
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    width: 90%;
    padding: 5rem 0 5rem 5rem;
    display: none;
    background-color: #fff;
    transform: translate(-50%, -50%);
    z-index: 100;
}

#disclosure .close-btn
{
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #434343;
    font-size: 3rem;
    transition: color 0.3s ease;
}

#disclosure .close-btn:hover {color: #029a9e;}

#disclosure .contain
{
    height: 45vh;
    padding-right: 5rem;
    text-align: left;
    overflow-y: auto;
}

#disclosure .contain p:not(.subtitle)
{
    margin-bottom: 0;
    font-style: italic;
}

#shade
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
}


/******* UPDATE PSW *******/
#update_pw #logo ,#reset_pw #logo {left: 50%; transform: translateX(-50%);}
#update_pw header,#reset_pw header {background:#fff; margin-top: 0; padding: 20px 0;}
#update_pw header::after, #reset_pw header::after {display: none;}
#update_pw header .content,#reset_pw header .content {height:90px; justify-content: center;}
#update_pw section h1,#reset_pw section h1 {margin-bottom: 0.6em; font-size: 2rem;line-height: 1em; text-align: left; display: inline-block; color: #434343;}
#update_pw section p,#reset_pw section p {margin: 0;}
#update_pw section p span,#reset_pw section p span {color:#ff0000;}
#update_pw section .content,#reset_pw section .content {width: auto; max-width:1100px; margin: 0 5% 0 5%; text-align: center;}
#update_pw section .form-buttons a,#reset_pw section .form-buttons a {cursor: pointer; transition: all 0.25s ease; display: inline-block; padding: 1em 2em; color: #434343; border: 1px solid #029A9E; margin-right: 2em; font-weight: 400; text-transform: uppercase; font-size: 1em; letter-spacing: 0.075em}
#update_pw section .form-buttons a:hover,#reset_pw section .form-buttons a:hover {color:#fff; background: #029A9E; border: solid 1px #029A9E;}
#update_pw section .form-buttons,#reset_pw section .form-buttons {margin-top: 2rem;}
#update_pw section .fx-field input,#reset_pw section .fx-field input,#update_pw section .fx-field textarea,#reset_pw section .fx-field textarea {border: 1px solid #00000080; font-size: 1.125em; padding: 0.5em; width:100%; color: #000;}
#update_pw section .fx-field,#reset_pw section .fx-field {margin-right: 5%; margin-bottom: 2rem;}
#update_pw section label,#reset_pw section label {font-size: 1.125em; color:#abb7c4; background:#fff; left: 0.5em; padding: 0 0.25em;}
#update_pw section textarea,#reset_pw section textarea {resize:none; height: 10em;}
#update_pw section .fx-msg,#reset_pw section .fx-msg {left: 0 !important; top: 100% !important; color:#ff0000; font-size: 0.875em;}
#update_pw section .fx-input:focus ~ label,#reset_pw section .fx-input:focus ~ label,#update_pw section .fx-input.hasData ~ label,#reset_pw section .fx-input.hasData ~ label {left: 0.75em;}
#update_pw section,#reset_pw section {padding: 3em 0;}
#update_pw,#reset_pw {background:#fff;}