body {
	font-family: 'Varela Round', sans-serif;
/*  font-family: 'Comfortaa', cursive;
    font-family: 'Roboto', sans-serif;
    font-family: 'Questrial', sans-serif;
    font-family: 'PT Sans', sans-serif; */
}

a {
  text-decoration: none;
}

table, th, td {
  border-collapse: collapse;
  border-bottom: 1pt solid green;
  border-top: 1pt solid green;
}

th, td {
  padding: 5px;
  text-align: left;
}

.image_resize img {
	    width:100%;
	}

.et-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 2em;
  height: 45px;
  z-index: 2;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.et-header--scrolled {
  background: #B31B1B;
  color: #000000;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.et-header--move-up {
  transform: translateY(-45px);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.et-header-logo {
	font-family: 'Gloria Hallelujah', cursive;
	font-size: 1.2rem;
	color: #000000;
}

.et-hero-tabs,
.et-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: relative;
  background: #eee;
  text-align: center;
  padding: 0 2em;
}

/*
.et-hero-tabs h1,
.et-slide h1 {
  font-size: 2.2rem;
  margin: 1rem;
  letter-spacing: 0.4rem;
}

.et-hero-tabs h3,
.et-slide h3 {
  font-size: 30px;
  letter-spacing: 0.2rem;
  opacity: 0.6;
  margin: 1rem;
}
*/



/*  
img {
//height: 150px;
  //width: 150px;
  //float: left;
  //padding: 15px 10px 10px 10px;
  //max-width: 150px;
} */


.logo {
  //height: 150px;
  //width: 150px;
  //float: left;
  padding: 15px 15px 15px 15px;
  max-width: 150px;
  max-height: 150px;
  resize: both;
}





.et-hero-tabs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 75px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  background: #fff;
  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}


.et-hero-tabs-container--top-first {
  position: fixed;
  top: 45px;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.et-hero-tabs-container--top-second {
  position: fixed;
  top: 0;
}

/* about us*/
.about-main {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: left;
  padding: 15px 0 100px 0;
  /*background: #FFFFFF;*/
  width: 80%;
}

.about-main h2 {
  font-size: 1.5rem;
  margin: 0;
  text-align: left;
  padding: 0 0em;
}

.about-main h3 {
  font-size: 1rem;
  text-align: left;
  padding: 0 0em;
  line-height: 1.5;
  color: grey;
}

.about-ad {
  display: flex;
  justify-content: left;
  align-items: left;
  padding: 15px 0 100px 0;
  /*background: #FFFFFF;*/
  width: 80%;
}

.about-ad h2 {
  font-size: 1.5rem;
  margin: 0;
  text-align: left;
  padding: 0 0em;
}

.about-ad h3 {
  font-size: 1rem;
  text-align: left;
  padding: 0 0em;
  line-height: 1.5;
  color: grey;
}

/* publications tab*/
.publications-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: left;
  height: 110vh;
  position: relative;
  background: #eee;
  text-align: left;
  padding: 0 6.5em;
}

.publications-main h2 {
  font-size: 1.5rem;
  margin: 0;
  text-align: left;
  padding: 0 0em;
}

.publications-main h3 {
  font-size: 1rem;
  text-align: left;
  padding: 0 0em;
  line-height: 1.5;
  color: grey;
}

/* research tab*/
.research-main {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 0 100px 0;
  /*background: #FFFFFF;*/
  width: 80%;
}

.research-each {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*padding: 15px 0 15px 0;*/
  /*background: #FFFFFF; */
  width: 80%;
}

.research-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 0 15px 0;
  /*background: #FFFFFF;*/
  width: 5%;
}

.research-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*padding: 15px 0 15px 0;*/
  /*background: #FFFFFF; */
  height: 300px;
  width: 300px;
}


.ngs-nav-tabs {
  display: flex;
  flex-direction: row;
  width: 20%;
  height: 50px;
  z-index: 1;
}

.nav-tab-type-I {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size: 1rem;
  color: white;
  background: #E87722;
}

.nav-tab-type-II {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size: 1rem;
  color: #B31B1B;
  border-style: solid;
  border-color: #B31B1B;
}

.et-hero-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #000;
  letter-spacing: 0.1rem;
  transition: all 0.5s ease;
  font-size: 1.5rem;
}
.et-hero-tab:hover {
  color: white;
  background: #E87722;
  transition: all 0.5s ease;
}

.et-hero-tab-slider {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 6px;
  background: #B31B1B;
  transition: left 0.3s ease;
}

/*@media (min-width: 800px) {
  .et-hero-tabs h1,
  .et-slide h1 {
    font-size: 3rem;
  }
  .et-hero-tabs h3,
  .et-slide h3 {
    font-size: 1rem;
  }
  .et-hero-tab {
    font-size: 1rem;
  }
}*/

.cta-link {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		text-decoration: none;
		/*color: #2c9ab7*/
		color: #B31B1B
}

.cta-link:hover {
		text-decoration: underline
}

#master {
	 font-family: "Varela Round", Arial, Helvetica, sans-serif;
	 font-size: 30px;
	 letter-spacing: 0.2rem;
	 line-height: 1;
	 opacity: 0.6;
	 /*font-weight: bold;*/
	 /*-webkit-font-smoothing: inherit*/
}

#master {
	 text-rendering: optimizeLegibility
}

/*
#master-container {
	 background-color: #eee;
	 -webkit-animation: master-container-bg 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
	 animation: master-container-bg 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-align-items: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -webkit-justify-content: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 height: 100vmin;
	 min-height: 0;
	 max-height: 100%;
}

#master-container .content {
	 height: auto;
	 margin-left: inherit;
	 margin-right: inherit
}

@media screen and (max-width: 615px) {
	 #master-container {
			 -webkit-animation: master-container-bg-mobile 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
			 animation: master-container-bg-mobile 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite
	 }
}

@media screen and (max-width: 615px) {
	 #master {
			 font-size: 40px;
			 font-line: 1.2
	 }
}
*/

#master-container-scroller {
	 height: 60px;
	 margin-bottom: -3px;
	 overflow: hidden;
	 position: relative
	 /*position: absolute;
   bottom: 15px;
   width: 100%;
   height: 45px;*/
}

#master-container-scroller .master-container-scroller_item {
	 display: block;
	 padding-bottom: 15px;
	 /*webkit-animation: scroll 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;*/
	 animation: scroll 30s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

#master-container-scroller .master-container-scroller_item[href]:hover {
	 text-decoration: underline
}

/*@media screen and (max-width: 615px) {
	 #master-container-scroller {
			 height: 48px;
			 line-height: 1.2;
			 margin-bottom: 0
	 }
	 #master-container-scroller .master-container-scroller_item {
			 padding-bottom: 0;
			 -webkit-animation: scroll-mobile 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
			 animation: scroll-mobile 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite
	 }
}*/


#master-container-grid .master-container-grid_item .img {
	 position: relative
}

#master-container-grid .master-container-grid_item .grid_item-overlay {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-align-items: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -webkit-justify-content: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 font-size: 26px;
	 font-weight: bold;
	 color: #fff;
	 opacity: 0;
	 transition: opacity .3s ease-in-out;
	 text-decoration: none
}

#master-container-grid .master-container-grid_item .grid_item-overlay:hover {
	 opacity: 1
}

#master-container-grid .master-container-grid_item .grid_item-overlay .link {
	 display: inline-block;
	 box-shadow: 0 1px 0 0 #fff, inset 0 0 0 #fff;
	 transition: box-shadow .2s ease
}

#master-container-grid .master-container-grid_item .grid_item-overlay .link:hover {
	 box-shadow: 0 2px 0 0 #fff, inset 0 -1px 0 0 #fff
}

/*@media screen and (max-width: 520px) {
	 #master-container-grid .master-container-grid_item {
			 margin-bottom: 18px
	 }
	 #master-container-grid .master-container-grid_item .grid_item-overlay {
			 position: relative;
			 background: none !important;
			 color: #3a3a3a;
			 opacity: 1;
			 display: block;
			 margin-top: 18px;
			 text-align: left
	 }
	 #master-container-grid .master-container-grid_item .grid_item-overlay .link {
			 box-shadow: none
	 }
	 #master-container-grid .master-container-grid_item .grid_item-overlay .link:hover {
			 text-decoration: underline
	 }
}*/


@-webkit-keyframes scroll {
	 0.0% {
			 -webkit-transform: translateY(0px);
			 transform: translateY(0px)
	 }
	 3.7037037037037037% {
			 -webkit-transform: translateY(0px);
			 transform: translateY(0px)
	 }
	 11.11111111111111% {
			 -webkit-transform: translateY(-66px);
			 transform: translateY(-66px)
	 }
	 14.814814814814815% {
			 -webkit-transform: translateY(-66px);
			 transform: translateY(-66px)
	 }
	 22.22222222222222% {
			 -webkit-transform: translateY(-132px);
			 transform: translateY(-132px)
	 }
	 25.925925925925927% {
			 -webkit-transform: translateY(-132px);
			 transform: translateY(-132px)
	 }
	 33.333333333333336% {
			 -webkit-transform: translateY(-198px);
			 transform: translateY(-198px)
	 }

}

@keyframes scroll {
	 0.0% {
			 -webkit-transform: translateY(0px);
			 transform: translateY(0px)
	 }
	 3.7037037037037037% {
			 -webkit-transform: translateY(0px);
			 transform: translateY(0px)
	 }
	 11.11111111111111% {
			 -webkit-transform: translateY(-33px);
			 transform: translateY(-33px)
	 }
	 14.814814814814815% {
			 -webkit-transform: translateY(-33px);
			 transform: translateY(-33px)
	 }
	 22.22222222222222% {
			 -webkit-transform: translateY(-66px);
			 transform: translateY(-66px)
	 }
	 25.925925925925927% {
			 -webkit-transform: translateY(-66px);
			 transform: translateY(-66px)
	 }
	 33.333333333333336% {
			 -webkit-transform: translateY(-99px);
			 transform: translateY(-99px)
	 }

}

@-webkit-keyframes scroll-mobile {
	 0.0% {
			 -webkit-transform: translateY(0px);
			 transform: translateY(0px)
	 }
	 3.7037037037037037% {
			 -webkit-transform: translateY(0px);
			 transform: translateY(0px)
	 }
	 11.11111111111111% {
			 -webkit-transform: translateY(-48px);
			 transform: translateY(-48px)
	 }
	 14.814814814814815% {
			 -webkit-transform: translateY(-48px);
			 transform: translateY(-48px)
	 }
	 22.22222222222222% {
			 -webkit-transform: translateY(-96px);
			 transform: translateY(-96px)
	 }
	 25.925925925925927% {
			 -webkit-transform: translateY(-96px);
			 transform: translateY(-96px)
	 }
	 33.333333333333336% {
			 -webkit-transform: translateY(-144px);
			 transform: translateY(-144px)
	 }
	 37.03703703703704% {
			 -webkit-transform: translateY(-144px);
			 transform: translateY(-144px)
	 }
	 44.44444444444444% {
			 -webkit-transform: translateY(-192px);
			 transform: translateY(-192px)
	 }
	 48.148148148148145% {
			 -webkit-transform: translateY(-192px);
			 transform: translateY(-192px)
	 }
	 55.55555555555556% {
			 -webkit-transform: translateY(-240px);
			 transform: translateY(-240px)
	 }
	 59.25925925925926% {
			 -webkit-transform: translateY(-240px);
			 transform: translateY(-240px)
	 }
	 66.66666666666667% {
			 -webkit-transform: translateY(-288px);
			 transform: translateY(-288px)
	 }
	 70.37037037037037% {
			 -webkit-transform: translateY(-288px);
			 transform: translateY(-288px)
	 }
	 77.77777777777777% {
			 -webkit-transform: translateY(-336px);
			 transform: translateY(-336px)
	 }
	 81.48148148148148% {
			 -webkit-transform: translateY(-336px);
			 transform: translateY(-336px)
	 }
	 88.88888888888889% {
			 -webkit-transform: translateY(-384px);
			 transform: translateY(-384px)
	 }
	 92.5925925925926% {
			 -webkit-transform: translateY(-384px);
			 transform: translateY(-384px)
	 }
	 100.0% {
			 -webkit-transform: translateY(-432px);
			 transform: translateY(-432px)
	 }
}

@keyframes scroll-mobile {
	 0.0% {
			 -webkit-transform: translateY(0px);
			 transform: translateY(0px)
	 }
	 3.7037037037037037% {
			 -webkit-transform: translateY(0px);
			 transform: translateY(0px)
	 }
	 11.11111111111111% {
			 -webkit-transform: translateY(-48px);
			 transform: translateY(-48px)
	 }
	 14.814814814814815% {
			 -webkit-transform: translateY(-48px);
			 transform: translateY(-48px)
	 }
	 22.22222222222222% {
			 -webkit-transform: translateY(-96px);
			 transform: translateY(-96px)
	 }
	 25.925925925925927% {
			 -webkit-transform: translateY(-96px);
			 transform: translateY(-96px)
	 }
	 33.333333333333336% {
			 -webkit-transform: translateY(-144px);
			 transform: translateY(-144px)
	 }
	 37.03703703703704% {
			 -webkit-transform: translateY(-144px);
			 transform: translateY(-144px)
	 }
	 44.44444444444444% {
			 -webkit-transform: translateY(-192px);
			 transform: translateY(-192px)
	 }
	 48.148148148148145% {
			 -webkit-transform: translateY(-192px);
			 transform: translateY(-192px)
	 }
	 55.55555555555556% {
			 -webkit-transform: translateY(-240px);
			 transform: translateY(-240px)
	 }
	 59.25925925925926% {
			 -webkit-transform: translateY(-240px);
			 transform: translateY(-240px)
	 }
	 66.66666666666667% {
			 -webkit-transform: translateY(-288px);
			 transform: translateY(-288px)
	 }
	 70.37037037037037% {
			 -webkit-transform: translateY(-288px);
			 transform: translateY(-288px)
	 }
	 77.77777777777777% {
			 -webkit-transform: translateY(-336px);
			 transform: translateY(-336px)
	 }
	 81.48148148148148% {
			 -webkit-transform: translateY(-336px);
			 transform: translateY(-336px)
	 }
	 88.88888888888889% {
			 -webkit-transform: translateY(-384px);
			 transform: translateY(-384px)
	 }
	 92.5925925925926% {
			 -webkit-transform: translateY(-384px);
			 transform: translateY(-384px)
	 }
	 100.0% {
			 -webkit-transform: translateY(-432px);
			 transform: translateY(-432px)
	 }
}
