body{
    font-family: 'Roboto', sans-serif;
    padding: 0;
    margin: 0;
    line-height: 1.4;
}

.project-sysname {
    font-family: 'Sanchez', serif;
    font-size: 2.5em;
    color: #2d2d97;
    font-weight: 900;
}

.project-name {
    font-family: 'Secular One', sans-serif;
    font-size: 1.8em;
}

.global-width{
    max-width: 960px;
}
.center-box{
    margin: 0 auto;
}
.content-box{
    padding: 30px 0;
}
.fig-box{
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.author-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.author {
    display:flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-around;
    margin: 10px;
}
.author > .name {
    width: 140px;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center;
    margin-top: 5px;
}

.author > .fig {
    width: 100px;
    padding-top: 100px;
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 70px;
}

.video {
    background: #000;
    color: #e1e1e7;
    padding: 10px 0 ;
}
.youtube_placeholder{
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.system-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
.grid-fig{
    width: 100%;
    padding-top: 110%;
    background: #e1e1e7;
    margin-bottom: 5px;
    background-size: cover;
    background-position: center;
}
.sys-title{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.sys-title, .sys-desc{
    text-align: center;
}

/* .publications {
    display: flex;
    flex-direction: column;
} */

.paper {
    margin-bottom: 30px;
}
.pub-title {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.label {
    background-color: rgb(60, 60, 204);
    color: white;
    padding: 3px;
    margin-right: 10px;
}

.paper-title {
    font-family: 'Secular One', sans-serif;
    color: rgb(60, 60, 204); 
    /* margin-left: 10px; */
}

.authors {
    margin-top: 0px;
}

.button-list {
    margin-top: 0px;
}

.button {
    background-color: rgb(49, 49, 49);
    color: white;
    border-radius: 10px;
}

.button-disabled {
    background-color: rgb(184, 184, 184);
    color: black;
    border-radius: 10px;
}

.ack {
    text-align: center;
    padding: 100px;
    padding-bottom: 5px;
}


ul {
    padding: 0;
    list-style-type: none;
}

.carousel_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	overflow: hidden;	
}
/* 
.carousel {
    display: flex;
    flex-direction: row;
} */

.carousel_items {
	position: relative;
	cursor: default !important;
}

.carousel_item {
	float:left;
    border: 0px solid #cc0000;
}

/* .item_arrows {
	position: absolute;
	top: 200px;
    width: 100%;
    height: 1px;
	z-index: 5000;
    border: 0px solid green;
} */

.item_arrow {
    color:#fff;
    position: absolute;
    text-align: center;
    font-size: 20px;
    padding: 20px;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    background-color: #000;
    border-radius: 3px;
}

.nav_dot:hover,
.item_arrow:hover {
    cursor: pointer;
}

.item_arrow.item_next {
    z-index: 10000;
    right: 0;
    left: auto;
}

.item_arrow.item_prev {
    /* display: none; */
    z-index: 10000;
    left: 0px;
}

.fa {
	color: #fff;
	font-size: 3em;
	margin-left: 14px;
	margin-top: 10px;	
}

.nav_dots {
	position: relative;
	bottom: 30px;
	margin-left: auto;
	margin-right: auto;
    z-index: 50001;
    border: 1px solid #cc0000;
}

.nav_dot {
	width: 6px;
	height: 6px;
	float: left;
	border: 1px solid #fff;
	background-color: #fff;
	margin-left: 15px;	
	border-radius: 50%;    
}


.grab  {
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

.grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}