@font-face{font-family:'s-reg';src:url('/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/fonts/SourceSansPro-Regular.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/fonts/SourceSansPro-Regular.woff') format('woff'),url('/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/fonts/SourceSansPro-Regular.ttf')  format('truetype'),url('/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'s-semi';src:url('/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/fonts/SourceSansPro-Semibold.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/fonts/SourceSansPro-Semibold.woff') format('woff'),url('/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/fonts/SourceSansPro-Semibold.ttf')  format('truetype'),url('/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg');font-weight:normal;font-style:normal}
body{font-family:s-reg,arial;background-color: #fafafa;}

.btn.btn-grad{background: rgba(51,204,204,1); background: -moz-linear-gradient(top, rgba(51,204,204,1) 0%, rgba(40,156,156,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,204,204,1)), color-stop(100%, rgba(40,156,156,1))); background: -webkit-linear-gradient(top, rgba(51,204,204,1) 0%, rgba(40,156,156,1) 100%); background: -o-linear-gradient(top, rgba(51,204,204,1) 0%, rgba(40,156,156,1) 100%); background: -ms-linear-gradient(top, rgba(51,204,204,1) 0%, rgba(40,156,156,1) 100%); background: linear-gradient(to bottom, rgba(51,204,204,1) 0%, rgba(40,156,156,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cccc', endColorstr='#289c9c', GradientType=0 );color: #333;box-shadow: 0 0;border: 0;}
.btn.btn-green{background-color:#33cccc;border-radius:0}
img{max-width:100%}
a:hover{text-decoration:none}

body.sidr-left-open #nav{left:-180px}
#nav{background-color:rgba(0,0,0,0.7);height:74px;position:fixed;top:0;left:0;z-index:10;width:100%}
#nav .logo{float:left;padding:18px 0 0}
#nav .logo img{}
#nav .mobilemenu{display:none}
#nav .menu{font-family:s-reg,arial}
#nav .menu ul{margin:0;padding:0}
#nav .menu li{display:block;float:left;margin-right:68px}
#nav .menu li.active{}
#nav .menu li.active a{border-bottom:2px solid #fff;color:#fff}
#nav .menu li a{text-transform:uppercase;color:#cccccc;display:block;line-height:40px;font-size:18px;padding:30px 1px 0}
#nav .menu li a:hover{text-decoration:none;color:#fff}

.banner{background-size:cover;color:#fff;height:650px;position:relative;background-repeat: no-repeat;background-position: right bottom;}
.banner .container{/* height:550px; *//* position:relative; *//* padding:0 */}
.banner .banner-wrap{position:absolute;bottom:40px;width:100%}
.banner .banner-wrap img{height:80px;margin-bottom:50px}
.banner h2{font-family:s-reg,arial;font-weight:normal;margin:0;padding:0;font-size:45px;display: inline-block;}
.banner h3{font-family:s-semi,arial;font-weight:normal;margin:0;padding:0;font-size:21px;color: #999;}
.banner h3 span{color:#ccc}
.banner div.shade{display:inline-block;/* background-color:rgba(0,0,0,0.6); */padding: 5px 35px;clear:both;bottom:50px;position:absolute;left: 0;right: 0;}
.banner div.shade .shade-supp{background-color:rgba(0,0,0,0.6);padding: 25px 30px 25px 0px;display: inline-block;position: relative;}
.banner div.shade .shade-supp::before{content:'';position: absolute;background-color: rgba(0,0,0,0.6);top: 0;bottom: 0;left: -100%;display: block;right: 100%;}
.banner a.shade{font-size:18px;font-family:s-semi,arial;padding: 0;bottom:10px;position:absolute;left:0;color:#33cccc;right: 0;}
.banner a.shade .shade-supp{background-color:rgba(0,0,0,0.6);padding: 8px 15px 8px 0px;display: inline-block;position: relative;}
.banner a.shade .shade-supp::before{content:'';position: absolute;background-color: rgba(0,0,0,0.6);top: 0;bottom: 0;left: -200%;display: block;right: 100%;}

.content{padding:50px 0 10px}
.content h3{font-size:28px;padding-top:15px}
.content p{font-size:18px;line-height:normal}
#section1.content .sec-cont{padding-top:40px}
#section1.content p{padding-bottom:40px}
#section4.content h3{padding-top:0;margin-top:0}
#section4.content p{padding-bottom:20px}
#section5.content{background:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/hm-sec5-full.jpg) no-repeat 50% 50%;background-size:cover;color:#fff;position:relative;padding:70px 0}
#section5.content .shade{}

#section5.content .shade .shade-supp{background-color:rgba(0,0,0,0.6);padding: 5px 35px 25px 15px;width:550px;display: inline-block;position: relative;}
#section5.content .shade .shade-supp::before{content:'';position: absolute;background-color: rgba(0,0,0,0.6);top: 0;bottom: 0;left: -200%;display: block;right: 100%;}

#section5.content .shade h3{}
#section5.content .shade p{}
#section6.content{background-color:#202020;color:#cbcbcb;padding: 40px 0;}
#section6.content h2{text-transform:uppercase;font-size:36px}
#section6.content h3{}
#section6.content ul{padding-left:19px}
#section6.content ul li{color:#b41426;font-size: 18px;    line-height: normal;}
#section6.content ul li span{color: #CBCBC0;}
#section6.content .btn.btn-grad{border-radius: 0;font-family: s-semi, arial;font-size: 28px;line-height: normal;padding: 10px 25px 14px;display: block;margin-top: 24px;clear: both;}

#footer{background-color:#18181a;color:#999999;text-align:center;font-size:12px;padding: 30px;}
#footer img{height:30px;margin: 0 2px 9px;}

.addon-content{
    padding-top:73px;position: relative;min-height: calc(100vh - 9em);
}
.addon-content h2{margin-top: 35px;}
.addon-content h2.border{margin-bottom:0}
.addon-content h2.border span{display:inline-block;border-bottom: 1px solid #CCC;margin: 0;padding-bottom: 4px;}
.addon-content .disc-list{}
.addon-content .disc-list .disc-each{background:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/disc-red-icon.png) no-repeat 0 26px;padding-left:47px}
.addon-content .disc-list .disc-each-offset{border-bottom:1px solid #cccccc;padding:20px 0}
.addon-content .disc-list .disc-each-offset .col-md-8{margin-left:-15px}
.addon-content .disc-list .disc-each-offset:after{clear:both;display:block;content:''}
.addon-content .disc-list .disc-each h3{font-size:28px;color:#333333;margin:0}
.addon-content .disc-list .disc-each .disc-small{font-size:12px;color:#666666;margin:7px 0}
.addon-content .disc-list .disc-each p{font-size:18px;color:#333333}
.addon-content .disc-list .disc-each a.readmore{color:#33cccc;font-size:18px;font-family:s-semi,arial}
.disc-loading{background:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/ajax_loading.gif) no-repeat 45px 50%;font-size:12px;padding:18px 0 18px 74px;border-top:1px solid #ccc;margin-top:-1px}

.addon-content .update-list .update-each .update-date{width:64px;height:64px;text-align:center;background-color:#f5f6f6;border-radius:50%;border:1px solid #e1e1e1;padding:6px}
.addon-content .update-list .update-each .no-update-date{background:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/noupdate-dot.png) no-repeat 50% 50%;width:64px;height:40px}
.addon-content .update-list .update-each .update-date > span{width:50px;height:50px;display:block;background-color:#e1e1e1;border-radius:50%;font-family:s-semi,arial;color:#666666;padding-top:9px}
.addon-content .update-list .update-each .update-date strong{display:block;font-size:22px;font-weight:normal;line-height:15px}
.addon-content .update-list .update-each .update-date em{font-style:normal;line-height:normal}
.addon-content .update-list{background:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/update-dot.png) repeat-y 46px 0;padding-top:10px}
.addon-content .update-list .update-each{}
.addon-content .update-list .update-year{}
.addon-content .update-list .update-year span{font-size:140px;color:#cdcdcd;border-bottom:1px solid #cdcdcd;display:block;padding:0;margin-bottom:36px;line-height:normal;height:128px;overflow:hidden}
.addon-content .update-list .update-each-offset{padding:20px 0}
.addon-content .update-list .update-each-offset .col-md-8{margin-left:-15px}
.addon-content .update-list .update-each-offset:after{clear:both;display:block;content:''}
.addon-content .update-list .update-each h3{font-size:28px;color:#333333;margin:0}
.addon-content .update-list .update-each .update-small{font-size:12px;color:#666666;margin:7px 0}
.addon-content .update-list .update-each .update-small a{color:#666666;}
.addon-content .update-list .update-each p{font-size:18px;color:#333333}
.addon-content .update-list .update-each a.readmore{color:#33cccc;font-size:18px;font-family:s-semi,arial}
.update-loading{background: url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/ajax_loading.gif) no-repeat 0px 17px;font-size:12px;padding: 18px 0 50px 33px;border-top:1px solid #ccc;margin-top: 25px;}

.update-detail-title{padding-top:35px}
.update-detail-title a.backto{display:block;float:left;margin-top:3px}
.update-detail-title h2{font-size:36px;text-transform:uppercase;margin:0 0 10px 50px}
.update-detail-full{}
.update-detail-full h3{color:#333333;font-size:28px}
.update-detail-full h3{color:#333333}
.update-detail-full h3 span.border{border-bottom:1px solid #cccccc;display:inline-block;padding-bottom:8px}
.update-detail-full h3 span.shade{color:#666666;font-size:18px}
.update-detail-full .update-detail-left{padding-left:50px}
.update-detail-full .update-detail-left .update-grey{color:#666666;font-size:18px;padding-bottom:15px}
.update-detail-full .update-detail-left p{font-size:18px;color:#333333}
.update-detail-full .update-detail-left .post-image{padding:15px 0}
.update-detail-full .update-detail-left .post-image img{}
.update-detail-full .update-detail-left .post-image em{display:block;color:#666666;font-size:12px;font-style:normal;padding-top:6px}
.update-detail-full .update-detail-left .update-share{border-bottom:1px solid #cccccc;padding-bottom:20px}
.update-detail-full .update-detail-left .update-share h3{}
.update-detail-full .update-detail-left .update-share img{width:26px;height:26px;margin-right:3px}
.update-detail-full .update-detail-left .update-comments{}
.update-detail-full .update-detail-left .update-comments .comment-each{font-size:18px;background:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/user-20.png) no-repeat 0 3px;padding:0 0 15px 35px;margin-top:15px}
.update-detail-full .update-detail-left .update-comments .comment-each .r1{font-family:s-semi,arial}
.update-detail-full .update-detail-left .update-comments .comment-each .r2{}
.update-detail-full .update-detail-left .update-comments .comment-each .r3{padding-top:10px;line-height:normal}
.update-detail-full .update-detail-left .update-comments .comment-each .r3 p{}
.update-detail-full .update-detail-left .post-comments{padding-bottom:50px}
.update-detail-full .update-detail-left .post-comments label{width:100%;display:block}
.update-detail-full .update-detail-left .post-comments strong{display:block;font-family:s-semi,arial;font-weight:normal;font-size:18px;padding:8px 0 3px}
.update-detail-full .update-detail-left .post-comments .form-control{border-radius:0;border-color:#9c9c9c}
.update-detail-full .update-detail-left .post-comments input.form-control{width:200px}
.update-detail-full .update-detail-left .post-comments textarea.form-control{width:100%;height:150px}
.update-detail-full .update-detail-left .post-comments .btn.btn-green{font-family:s-semi,arial;font-size:16px;margin-top:12px}
.sidebar{padding:37px 0 0 25px}
.sidebar .recent-update-sidebar{}
.sidebar .recent-update-sidebar a.readmore{color:#33cccc;font-size:18px;font-family:s-semi,arial;display:inline-block;padding:15px 0 0 27px}
.sidebar .recent-update-sidebar h3{margin:0 0 0 7px}
.sidebar .recent-update-sidebar ul{margin:0;padding:0}
.sidebar .recent-update-sidebar ul li{list-style:none;display:block;background:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/line-50.png) repeat-y 7px 0;padding:15px 0 5px}
.sidebar .recent-update-sidebar ul li:last-child{background-size:1px 30px;background-repeat:no-repeat}
.sidebar .recent-update-sidebar ul li strong{display:block;font-weight:normal;font-size:18px;color:#333333;background:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/update-dot-green.png) no-repeat 0 6px;padding:0 0 0 26px}
.sidebar .recent-update-sidebar ul li strong span{color:rgb(51,204,204)}
.sidebar .recent-update-sidebar ul li em{padding-left:26px;font-style:normal;color:#999999;font-size:12px}


form.update-form{}
form.update-form .join-confirm{background: url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/tick-green.png) no-repeat 0 2px;padding: 0 0 35px 70px;min-height: 75px;margin-top: 10px;border-bottom: 1px solid #ccc;margin-bottom: 15px;}
form.update-form .join-confirm strong{font-weight:normal; font-family: s-semi, arial;}
form.update-form .field{
    padding: 25px 0 0;
}
form.update-form .field .field-label{
    font-weight: normal;
    font-family: s-semi, arial;
    font-size: 18px;
    color: #333333;
}
form.update-form .field .field-div{}
form.update-form .field .field-div .form-control{
    border-color: #9d9d9d;
    border-radius: 0;
    box-shadow: 0 0;
    font-size: 15px;
    font-family: s-reg, arial;
}
form.update-form .field .field-div .form-control.input-med{
    max-width: 230px;
}
form.update-form .field .field-div .form-control.input-large{
    max-width: 330px;
}
form.update-form .field .field-div .form-control.input-small{
    max-width: 140px;
}
form.update-form .field .field-div textarea.form-control{
    height: 150px;
    resize: vertical;
}
form.update-form .field .field-div .contribute-input{
    padding-left: 26px;
    max-width: 300px;
}
form.update-form .field .field-div .contribute-input input{
    text-align: right;
    margin-bottom: 9px;
}
form.update-form .field .field-div .contribute-input.readonly input{
    opacity: 0.3;
}
form.update-form .field .field-div .contribute-input p{}
form.update-form .btn-green{
    font-size: 18px;
    font-family: s-semi, arial;
    margin-bottom: 30px;
    padding: 7px 18px;
    margin-top: 25px;
}

input.cb,
input.rb,
input.file{display: none}

label.cb,
label.rb{
    display: block;
    font-weight: normal;
    font-family: s-reg, aria;
    font-size: 18px;
    background-repeat: no-repeat;
    padding-left: 26px;
    margin-bottom: 6px;
}

label.cb{
    background-image: url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/cb-unchecked.png);    background-position: 0 4px;    
    min-height: 35px;
    padding-top: 5px;
}
input.cb:checked + label.cb{
    background-image: url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/cb-checked.png);
}

label.rb{
    background-image: url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/rb-unchecked.png);
    background-position: 0 4px;
    min-height: 20px;
}
input.rb:checked + label.rb{
    background-image: url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/rb-checked.png);
}

input.file + label.file{
    border: 1px solid #96e3e3;
    background: #fff url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/file-attach.png) no-repeat 19px 50%;
    height: 140px;
    display: block;
    font-weight: normal;
    font-size: 18px;
    color: #333333;
    padding: 44px 55px 5px 129px;
    cursor: pointer;
}
input.file + label.file span{
    color: rgb(51, 204, 204);
}
.addon-content{}