body { font-family: s-reg,arial !important; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.pointer { cursor: pointer !important; }
.color-white { color: #FFFFFF; }
.carousel-inner>.item>img { width: 100%; }
.addon-content { min-height: 91vh; }
.ic-resize { resize: vertical; max-height: 200px; }
.carousel-control { display: none; }
.carousel-indicators { display: none; }
.pp-video-icon {
	position: relative;
	left: 25%;
}
.pp-spiner {
    position: relative;
    top: 50vh;
    margin: 0 49%;
}
.pp-spiner img {
    min-height: 30px !important;
	min-width: 30px !important;
}
#nav .menu li {
    margin-right: 35px !important;
}
.text-error { color: #AB0001; }
.ic-home-section { overflow-y: hidden; }
.update-detail-full .discussion-img { margin-bottom: 20px; }
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-mov {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-mov-icon.png");
} 
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-mp3 {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-mp3-icon.png");
} 
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-mp4 {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-mp4-icon.png");
} 
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-png {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-png-icon.png");
} 
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-ppt {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-ppt-icon.png");
} 
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-psd {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-psd-icon.png");
} 
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-xls {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-xls-icon.png");
} 
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-xlsx {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-xlsx-icon.png");
}
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-zip {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-zip-icon.png");
} 
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-html {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-html-icon.png");
} 
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-java {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-java-icon.png");
} 
.body-project .discussion-detail-box .all-comments .each-comments .r3-files-grid a.file-ext-accdt {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-accdt-icon.png");
} 
.body-project .discussion-detail-box .all-comments .each-comments .r3-files-grid a.file-ext-empty {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-empty-icon.png");
}
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-pdf {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-pdf-icon.png");
}
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-doc {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-doc-icon.png");
}
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-docx {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-docx-icon.png");
}
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-ai {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-ai-icon.png");
}
.discussion-detail-box .addon-content .update-comments .r3-files-grid a.file-ext-indd {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/files-indd-icon.png");
}
.discussion-detail-box .addon-content .update-comments .r3-files-grid a {
	width: 97px;
	display: inline-block;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: 58px auto;
	font-size: 12px;
	padding: 61px 0 10px;
	text-align: center;
	color: #333;
	font-family: helm;
	margin-top: 6px;
}

.menu ul li.m-user a span {
	position: relative;
	top: 2px;
	left: 8px;
}
.m-user ul.dropdown-menu li { width: 100%; }
.m-user ul.dropdown-menu li a {
	background-image: url('/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/menu-logout-icon.png');
	display: block !important;
	float: none !important;
	font-family: "robotothin",Arial,Helvetica,sans-serif !important;
	font-size: 13px !important;
	padding: 0 0 0 35px !important;
	background-position: 10px 50% !important;
	background-repeat: no-repeat !important;
	color: #2f384f !important;
	width: auto !important;
	text-align: left !important;
	line-height: 29px !important;
	min-height: 30px !important;
	border-radius: 3px !important;
	background-size: 17px auto !important;
}
.m-user ul.dropdown-menu li a:hover {
	background-image: url('/National_Library/20160526010038oe_/http://hyperlooptransp.com/project-preview/images/menu-logout-icon-hover.png') !important;
	background-color: #6ecfa0 !important;
	color: #fff !important;
	background-position: 10px 50% !important;
}



/*---------------*/
/*---------------*/
/*---------------*/
/*Login Modal*/
/*---------------*/
/*---------------*/
/*---------------*/


.body-landing-page #login .btn.btn-green {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #1aba6d;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: -moz-use-text-color;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: 0;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: 0;
    border-top-color: -moz-use-text-color;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-style: none;
    border-top-width: 0;
    box-shadow: 0 0 transparent;
    color: #fff;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    text-transform: uppercase;
}
.body-landing-page input.form-control {
    border-bottom-color: #cbcaca;
    border-left-color: #cbcaca;
    border-right-color: #cbcaca;
    border-top-color: #cbcaca;
    box-shadow: 0 0 transparent;
    font-size: 15px;
    height: 45px;
}
* {
    outline-color: -moz-use-text-color !important;
    outline-style: none !important;
    outline-width: 0 !important;
}
* {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    outline-color: -moz-use-text-color !important;
    outline-style: none !important;
    outline-width: 0 !important;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.modal .social-signup {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
    text-align: center;
    text-transform: uppercase;
}
.body-landing-page a, .body-landing-page .btn {
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.5s, 0.3s, 0.3s;
    transition-property: all, color, box-shadow;
    transition-timing-function: ease, ease, ease;
}
#addformates.modal .modal-header, #login.modal .modal-header, #signup.modal .modal-header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: medium;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: medium;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: medium;
    padding-bottom: 0;
    position: relative;
}
#signup.modal .signup-field{padding-bottom:15px}
#signup.modal .modal-dialog{width:570px}
h4.modal-title{text-align:center;font-family:"robotoregular",Arial,Helvetica,sans-serif;font-size:23px;color:#294172}
.modal .signup-btn-pane{text-align:center}
.modal .signup-btn-pane .btn-green{height:40px;max-width:250px;width:100%;line-height:40px;font-size:20px}
.modal .signup-btn-pane p a{color:#4cc671}
.modal .signup-btn-pane p{display:block;padding:10px 0;font-weight:bold}
.modal .social-signup{text-align:center;text-transform:uppercase;padding:25px 0 10px}
.modal .social-signup p{margin-bottom:0}
.modal .social-signup a{display:inline-block;background-position:50% 0;height:48px;width:48px;margin:10px 20px;-webkit-transition:all 0.2s,color 0.3s,box-shadow 0.3s;-moz-transition:all 0.2s,color 0.3s,box-shadow 0.3s;transition:all 0.2s,color 0.3s,box-shadow 0.3s}
.modal .social-signup a:hover{background-position:50% bottom}
.modal .social-signup a.login-fb{background-image:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/images/login-fb.png)}
.modal .social-signup a.login-tw{background-image:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/images/login-tw.png)}
.modal .social-signup a.login-li{background-image:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/images/login-li.png)}
#login.modal .modal-dialog{width:880px;max-width:97%}
#login.modal .modal-dialog .modal-signup,#login.modal .modal-dialog .modal-login{margin:15px 0}
#login.modal .modal-dialog .modal-signup{border-right:1px solid #d8dbe2}
#login.modal .modal-dialog .signup-field{min-height:60px}
#login.modal .login-footer{background:#f0f1f2}
#login.modal .modal-content{overflow:hidden}
#login.modal .modal-content .signup-field.forget-pw{text-align:center}
#login.modal .modal-content .signup-field.forget-pw a{display:inline-block;font-family:"robotobold",Arial,Helvetica,sans-serif;color:#1aba6d;padding:4px 15px 4px 0;background:url(/National_Library/20160526010038oe_/http://hyperlooptransp.com/images/arrow-green-right-small.png) no-repeat right 56%}
#login.modal .login-footer {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #f0f1f2;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
#login.modal .modal-dialog .modal-signup, #login.modal .modal-dialog .modal-login {
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
}
.modal .social-signup a.login-fb {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/images/login-fb.png");
}
.modal .social-signup a {
    background-position: 50% 0;
    display: inline-block;
    height: 48px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.2s, 0.3s, 0.3s;
    transition-property: all, color, box-shadow;
    transition-timing-function: ease, ease, ease;
    width: 48px;
}
.modal .social-signup a.login-tw {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/images/login-tw.png");
}
.modal .social-signup a.login-li {
    background-image: url("/National_Library/20160526010038oe_/http://hyperlooptransp.com/images/login-li.png");
}
.body-landing-page #login .btn.btn-green:hover {
    background-color: #1a87cc;
    color: #fff;
}
.error-cn {
    background-color: #FDF7F7;
    border-left-color: #d9534f;
    border-left-style: solid;
    border-left-width: 2px;
}
.ic-container {
    max-width: 1224px;
    padding-left: 0 !important;
}
.error-cn h3 {
    color: #b94a48;
}
.error-cn span {
    color: #b94a48;
    display: block;
    font-size: 10px;
    margin-bottom: 15px;
}
.alert-cn {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
}
.image-height{
    width: auto;
    max-height: 74px;
    margin-top: -18px;
}
.mobile-menu .active {
    color: #ff3f00;
}


/*---------------*/
/*---------------*/
/*---------------*/
/* Project > Join the team */
/*---------------*/
/*---------------*/
/*---------------*/

.ic-jointeam-section .upload-cn .dropzone .dz-default.dz-message {
    background-position: 0 0;
    background-repeat: no-repeat;
    filter: none;
    font-size: 23px;
    height: 140px;
    left: auto !important;
    margin-left: auto !important;
    margin-top: auto !important;
    opacity: 1;
    position: absolute !important;
    width: 100%;
    top: auto !important;
    transition: opacity 0.3s ease-in-out 0s;
}
.ic-jointeam-section .upload-cn .dropzone .dz-preview, .dropzone-previews .dz-preview {
    background: rgb(255, 255, 255);
}
/*.ic-jointeam-section .upload-cn .dropzone .dz-default.dz-message span {
    display: none;
}*/
.ic-jointeam-section .upload-cn .file {
    margin-bottom: 0px;
}

.ic-jointeam-section .upload-cn .dropzone {
    min-height: 140px;
    padding: 0px;
    border: 0px !important;
}
.ic-jointeam-section .resume-dz {
    border: 2px solid #96e3e3 !important;
}
.ic-jointeam-section .resume-dz .dropzone .dz-preview, .dropzone-previews .dz-preview {
    border: 0px !important;    
}
.ic-jointeam-section .upload-cn .dropzone .dz-preview {
    width: 100%;
    margin: 0px;
}
.ic-jointeam-section .upload-cn .dropzone .dz-preview .dz-details {
    margin: 0 auto;
}
.ic-home-section .content.ic-first-content {
    padding: 0 0px 0px !important;
    margin-top: 150px !important;
}
body.sidr-left-open .ic-pp-update-section #nav,
body.sidr-left-open .ic-jointeam-section #nav,
body.sidr-left-open .ic-pp-discussion-section #nav,
body.sidr-left-open .ic-pp-updatedetail-section #nav,
body.sidr-left-open .ic-home-section #nav {
    left: 0 !important;
}

@media (max-width: 360px) {
    .ic-jointeam-section .upload-cn label.file {
        font-size: 13px;
    }    
}

/*---------------*/
/*---------------*/
/*---------------*/
/* Project > Preview Menu*/
/*---------------*/
/*---------------*/
/*---------------*/

@media (min-width: 900px) and (max-width: 1200px) {
    #nav .menu li {
        margin-right: 20px !important;
    }
    #nav .menu li a {
        font-size: 15px !important;
    }   
}
.logo-img {
    height: 75px;
    width: 100%;
    display: table;
}
.logo-img .logo-img-box {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.logo-img img {
    max-height: 73px;
    max-width: 100%;
}
.ic-home-section .ic-banner-carousel .carousel-inner {
    overflow: visible !important;
}
.ic-home-section #carousel-example-generic {
    height: 500px !important;
}
.morepages {
    background: none;
    border: 0;
}
.dropdown-menu.selectpages {
    background-color: #202020 !important;
}
.dropdown-menu.selectpages {
    top: 97% !important;
}
.selectpages li a:hover {
    background-color: #312E2E !important;
}
.ic-jointeam-section #job-dropzone .dz-filename {
    word-wrap: break-word; 
}
#sharebyemail .share-by-email-msg-box {
    resize: vertical;
}
#sharebyemail .modal-footer,
#sharebyemail .footer-btn-cn {
    margin-top: 20px;
}

.ic-jointeam-section .upload-file-text-label {
    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;
}
.ic-jointeam-section .upload-file-text-label span {
    color: rgb(51, 204, 204);
}

/*language Btn*/
#lang-butts {
  position: fixed;
  top: 150px;
  left: 0;
  z-index: 10000 !important;
}

#lang-butts li {
    cursor: pointer;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #333;
    color: #555;
    display: block;
    padding: 2px 7px;
    transition: all 0.4s ease 0s;
    margin-bottom: 4px !important;
}

#lang-butts ul .active{
    background-color: #32caca;
    color: #fff;
}


@media (max-width: 360px) {
    #lang-butts li {
        padding: 10px !important;
        margin-bottom: 10px !important;
    }
}
@media (max-width: 980px){
    .ic-nav-container {
        width: 100% !important;
    }
}
@media (max-width: 1000px){
    .ic-nav-container {
        width: 100% !important;
    }
    .logo-img .logo-img-box {
        text-align: left;
    }
}

@media (max-width: 440px){
    .preview-project-title {
        font-size: 15px;
        margin-top: 30px;
    }
    .ic-jointeam-section .upload-cn .file {
        font-size: 14px;
    }
}

@media (max-width: 450px){
    .titleAndtaglineText h2 {
        font-size: 15px !important;
    }
    .titleAndtaglineText h3 {
        font-size: 12px !important;
    }    
}
