.bodyhome {
  font-family: 'Source Code Pro', sans-serif;
  color: #000;
}

.header {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 125px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#df939c), to(#df939c));
  background-image: linear-gradient(180deg, #df939c, #df939c);
}

.headercontainer {
  width: 100%;
  padding-right: 0px;
}

.logosection {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  display: block;
  height: 45px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 25px;
  padding-bottom: 30px;
}

.logoblock {
  display: block;
  height: 45px;
  margin: auto;
  background-image: url('../images/LogoFront2-01.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.logoblock:hover {
  background-image: url('../images/LogoHover-01.svg');
  background-size: auto 45px;
}

.linkmenu {
  padding: 70px 5% 0px;
  font-family: 'Source Code Pro', sans-serif;
  color: #000;
  font-size: 13px;
  text-align: center;
}

.linkfooter {
  padding-right: 10%;
  padding-left: 10%;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
}

.link {
  margin-right: 27px;
  color: #000;
  font-size: 13px;
  letter-spacing: 1px;
  text-decoration: none;
}

.link:hover {
  color: #000;
  text-decoration: underline;
}

.link.w--current {
  text-decoration: underline;
}

.link.active {
  margin-right: 27px;
  color: #000;
  letter-spacing: 1px;
  text-decoration: none;
}

.link.active:hover {
  color: #000;
}

.link.active.w--current {
  font-size: 13px;
}

.link.last {
  margin-right: 0px;
}

.link.reccc {
  text-decoration: none;
}

.titlesection {
  width: 100%;
  height: 100%;
  padding-bottom: 0px;
}

.titlesectionwrap {
  width: 100%;
  height: 100%;
}

.heroheading {
  margin-top: 0px;
  margin-bottom: 30px;
  padding-top: 185px;
  padding-left: 60px;
  font-family: 'Source Code Pro', sans-serif;
  font-size: 26px;
  font-weight: 400;
  text-decoration: underline;
}

.heroheading.insthead {
  padding-left: 60px;
}

.projectsection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-right: 0px;
  padding-bottom: 75px;
}

.projectdiv {
  display: block;
  width: 100vw;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.projectflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 30px;
}

.flexprojectcolumn {
  position: relative;
  height: 100%;
  margin-right: 12px;
  margin-left: 12px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.flexprojectcolumn.image {
  margin-left: 30px;
  padding-bottom: 0px;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  border-style: none;
}

.flexprojectcolumn.image.project {
  -webkit-filter: none;
  filter: none;
}

.flexprojectcolumn._3 {
  margin-right: 30px;
}

.projecttext {
  font-size: 16px;
  line-height: 25px;
}

.image-2 {
  width: 100%;
  height: 100%;
}

.projectimage {
  width: 100%;
  height: 100%;
}

.subtitlesection {
  width: 100%;
  height: 100%;
}

.subtitlesectionwrap {
  width: 100%;
  height: 100%;
}

.subtitleheading {
  margin-top: 0px;
  margin-bottom: 50px;
  padding-top: 20px;
  padding-left: 60px;
  font-size: 20px;
  font-weight: 400;
  text-decoration: underline;
}

.photosection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-right: 0px;
  padding-bottom: 0px;
}

.photodiv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.photoflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 30px 30px 5px;
  padding-bottom: 0px;
}

.flexphotocolumn {
  position: relative;
  height: 100%;
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

.flexphotocolumn.last {
  margin-right: 30px;
  margin-left: 15px;
}

.flexphotocolumn.first {
  margin-right: 15px;
  margin-left: 30px;
}

.image-3 {
  width: 100%;
  height: 100%;
}

.photogroup {
  width: 100%;
  height: 100%;
}

.captionsection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-bottom: 0px;
}

.captiondiv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.captionflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 5px 30px 50px;
  padding-bottom: 0px;
}

.captionflex.lastcaption {
  margin-bottom: 65px;
}

.flexcaptioncolumn {
  position: relative;
  height: 100%;
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

.flexcaptioncolumn.first {
  margin-left: 30px;
}

.flexcaptioncolumn.last {
  margin-right: 30px;
}

.caption {
  font-size: 16px;
  line-height: 25px;
  text-decoration: none;
  text-transform: none;
}

.text-span {
  color: #000;
  text-decoration: underline;
}

.linesection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 20px 15px 70px;
}

.linesection.outputline {
  padding-right: 60px;
  padding-left: 60px;
}

.linesection.instline {
  padding-right: 0px;
  padding-left: 0px;
}

.linesection.agendaline {
  padding-right: 0px;
  padding-left: 0px;
}

.line {
  display: block;
  width: 100%;
  height: 1px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(180deg, #000, #000);
}

.textsection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-right: 0px;
  padding-bottom: 20px;
}

.textsection.textone {
  padding-top: 185px;
  font-family: 'Source Code Pro', sans-serif;
}

.textdiv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.textflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 30px 30px 0px;
  padding-bottom: 0px;
}

.flextexttitlecolumn {
  position: relative;
  height: 100%;
  margin-right: 12px;
  margin-left: 30px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.div-block {
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

.flextextinfocolumn {
  position: relative;
  height: 100%;
  margin-right: 30px;
  margin-left: 12px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

.texttitle {
  font-size: 20px;
  line-height: 29px;
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-2 {
  text-decoration: underline;
  text-transform: uppercase;
}

.textinfo {
  font-size: 16px;
  line-height: 25px;
  font-style: normal;
}

.link-2 {
  color: #000;
  text-decoration: underline;
}

.link-2:hover {
  color: #000;
  text-decoration: none;
}

.videosection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-bottom: 5px;
}

.videodiv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.videoflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0px 30px 5px;
  padding-bottom: 0px;
}

.flexvideocolumn {
  position: relative;
  height: 100%;
  margin-right: 20px;
  margin-left: 20px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.flexvideocolumn.first {
  margin-left: 30px;
}

.flexvideocolumn.last {
  margin-right: 30px;
}

.image-4 {
  width: 100%;
  height: 100%;
}

.image-5 {
  width: 100%;
  height: 100%;
}

.image-6 {
  width: 100%;
  height: 100%;
}

.videocaptionsection {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-right: 60px;
  margin-left: 60px;
  padding-bottom: 40px;
}

.videocaptiondiv {
  display: block;
  width: 100%;
  height: 100%;
}

.videocaptionflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: 30px;
  margin-bottom: 50px;
  margin-left: 0px;
  padding-bottom: 0px;
}

.flexvideocaptioncolumn {
  position: relative;
  height: 100%;
  margin-right: 20px;
  margin-left: 20px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
}

.flexvideocaptioncolumn.first {
  margin-left: 30px;
}

.text-span-3 {
  text-decoration: underline;
}

.text-block {
  width: 100%;
  height: 1px;
  font-size: 16px;
  line-height: 25px;
}

.referencessection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-right: 0px;
  padding-bottom: 0px;
}

.referencesdiv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.referencesflex {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 30px 30px 70px;
  padding-bottom: 0px;
}

.flexreferencecolumn {
  position: relative;
  height: 100%;
  margin-right: 30px;
  margin-left: 30px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 33.3%;
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
}

.referencetext {
  color: #000;
  font-size: 16px;
  line-height: 25px;
  text-decoration: none;
}

.text-span-4 {
  text-decoration: underline;
}

.text-span-5 {
  text-decoration: underline;
}

.text-span-6 {
  text-decoration: underline;
}

.text-span-7 {
  text-decoration: underline;
}

.text-span-8 {
  text-decoration: underline;
}

.text-span-9 {
  text-decoration: underline;
}

.text-span-10 {
  text-decoration: underline;
}

.text-span-11 {
  text-decoration: underline;
}

.text-span-12 {
  text-decoration: underline;
}

.text-span-13 {
  text-decoration: underline;
}

.text-span-14 {
  text-decoration: underline;
}

.text-span-15 {
  text-decoration: underline;
}

.text-span-16 {
  text-decoration: underline;
}

.text-span-17 {
  text-decoration: underline;
}

.text-span-18 {
  text-decoration: underline;
}

.text-span-19 {
  text-decoration: underline;
}

.text-span-20 {
  text-decoration: underline;
}

.text-span-21 {
  text-decoration: underline;
}

.text-span-22 {
  text-decoration: underline;
}

.text-span-23 {
  text-decoration: underline;
}

.text-span-24 {
  text-decoration: underline;
}

.text-span-25 {
  text-decoration: underline;
}

.text-span-26 {
  text-decoration: underline;
}

.text-span-27 {
  text-decoration: underline;
}

.text-span-28 {
  text-decoration: underline;
}

.text-span-29 {
  text-decoration: underline;
}

.text-span-30 {
  text-decoration: underline;
}

.text-span-31 {
  text-decoration: underline;
}

.text-span-32 {
  text-decoration: underline;
}

.text-span-33 {
  text-decoration: underline;
}

.text-span-34 {
  text-decoration: underline;
}

.text-span-35 {
  text-decoration: underline;
}

.text-span-36 {
  text-decoration: underline;
}

.text-span-37 {
  text-decoration: underline;
}

.text-span-38 {
  text-decoration: underline;
}

.text-span-39 {
  text-decoration: underline;
}

.titlessection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-right: 0px;
  padding-bottom: 15px;
}

.titlesdiv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.titlesflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 30px;
  margin-right: 30px;
  margin-left: 30px;
  padding-bottom: 0px;
}

.flextitleimagecolumn {
  position: relative;
  height: 100%;
  margin-right: 70px;
  margin-left: 30px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.flextitleinfocolumn {
  position: relative;
  height: 100%;
  margin-right: 25px;
  margin-left: 25px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 15%;
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
}

.flextitleinfocolumn.first {
  margin-left: 70px;
}

.flextitletextcolumn {
  position: relative;
  height: 100%;
  margin-right: 30px;
  margin-left: 25px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

.text-block-2 {
  width: 100%;
  height: 100%;
  font-size: 15px;
  line-height: 19px;
  text-decoration: underline;
}

.text-block-3 {
  width: 100%;
  height: 100%;
  font-size: 15px;
  line-height: 19px;
  text-decoration: underline;
}

.text-block-4 {
  width: 100%;
  height: 100%;
  font-size: 15px;
  line-height: 19px;
  text-decoration: underline;
}

.text-block-5 {
  width: 100%;
  height: 100%;
  font-size: 15px;
  line-height: 19px;
  text-decoration: underline;
}

.contentsection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-right: 0px;
  padding-bottom: 6px;
}

.contentdiv {
  display: block;
}

.contentflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 6px 30px;
  padding-bottom: 0px;
}

.contentflex.bar {
  margin-top: 25px;
  margin-bottom: 30px;
}

.fleximagecolumn {
  position: relative;
  height: 100%;
  margin-right: 70px;
  margin-left: 30px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.flexinfocolumn {
  position: relative;
  height: 100%;
  margin-right: 25px;
  margin-left: 70px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 15%;
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
  font-size: 15px;
  line-height: 19px;
}

.flextextcolumn {
  position: relative;
  height: 100%;
  margin-right: 30px;
  margin-left: 25px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

.text-block-6 {
  width: 100%;
  height: 100%;
  font-size: 15px;
  line-height: 19px;
}

.text-block-7 {
  width: 100%;
  height: 100%;
  font-size: 15px;
  line-height: 19px;
}

.image-7 {
  width: 100%;
  height: 100%;
}

.text-block-8 {
  width: 100%;
  height: 100%;
}

.text-block-9 {
  width: 100%;
  height: 100%;
}

.blankblock {
  width: 100%;
  height: 1px;
  padding-bottom: 0px;
}

.text-span-40 {
  text-decoration: underline;
}

.text-span-41 {
  text-decoration: underline;
}

.text-span-42 {
  text-decoration: underline;
}

.text-span-43 {
  text-decoration: underline;
}

.gallerysection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-right: 0px;
  padding-bottom: 70px;
}

.gallerydiv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.gallery {
  width: 100%;
  height: 600px;
  margin-right: 30px;
  margin-left: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.galleryflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide {
  background-image: url('../images/A.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.text-block-10 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 0px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, #fff, #fff);
  font-size: 20px;
  line-height: 29px;
  font-style: normal;
}

.instsection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-right: 0px;
  padding-bottom: 0px;
}

.instdiv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.instflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1024px;
  margin-right: 30px;
  margin-bottom: 45px;
  margin-left: 30px;
  padding-bottom: 0px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.instflex.titles {
  width: 100%;
}

.flexinstcolumn {
  position: relative;
  height: 100%;
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.flexinstcolumn.first {
  overflow: visible;
  margin-left: 30px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 25%;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
}

.flexinstcolumn.first.titles {
  height: 100%;
  background-image: none;
}

.flexinstcolumn.last {
  margin-right: 30px;
}

.text-block-11 {
  font-size: 19px;
  line-height: 24px;
  text-decoration: underline;
  text-transform: uppercase;
}

.image-8 {
  position: static;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}

.image-10 {
  width: 100%;
  height: 100%;
}

.image-11 {
  width: 100%;
  height: 100%;
}

.image-12 {
  width: 100%;
  height: 100%;
}

.sectioninstutions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 60px;
  padding-left: 60px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sectioninstutions.lastwg {
  padding-right: 45px;
  padding-bottom: 40px;
  padding-left: 45px;
}

.sectioninstutions.agendasec {
  padding-right: 60px;
  padding-left: 60px;
}

.sectioninstutions.wg {
  padding-right: 45px;
  padding-left: 45px;
}

.instwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.instlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.collectionitem {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 25%;
  min-height: 500px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.collectionitem.mix {
  width: 25%;
  min-height: 0px;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
}

.collectionitem.mix.first {
  width: 20%;
  padding-left: 0px;
}

.collectionitem.mix.last {
  padding-right: 0px;
}

.collectionitem.mix.agendacoll {
  width: 20%;
}

.collectionitem.mix.agendacoll.second {
  width: 20%;
}

.collectionitem.mix.instcllection {
  width: 25%;
  padding-bottom: 60px;
}

.imagelinkblock {
  position: relative;
  width: 100%;
  padding-right: 0px;
  padding-bottom: 0px;
  text-decoration: none;
  cursor: pointer;
}

.imagediv {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image {
  overflow: hidden;
  width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.image:hover {
  -webkit-filter: none;
  filter: none;
}

.image.none {
  -webkit-filter: none;
  filter: none;
}

.namelink {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: #000;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  text-decoration: underline;
  text-transform: uppercase;
}

.namelink:hover {
  color: #000;
  text-decoration: underline;
}

.namelink.nonetext {
  color: transparent;
}

.namelink.namedescription {
  padding-bottom: 0px;
  text-decoration: none;
  text-transform: none;
}

.namelink.agenda {
  padding-top: 0px;
}

.namelink.agenda:hover {
  text-decoration: underline;
}

.namelink.noneagenda {
  color: transparent;
}

.div-block-2 {
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(180deg, #000, #000);
}

.text-span-44 {
  text-decoration: underline;
}

.text-span-45 {
  color: #000;
  text-decoration: underline;
  text-transform: uppercase;
}

.agendaimages {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: pointer;
}

.agendaimages:hover {
  -webkit-filter: none;
  filter: none;
}

.link-3 {
  color: #000;
  text-decoration: none;
}

.link-4 {
  color: #000;
  text-decoration: none;
}

.video {
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.outputimages {
  cursor: pointer;
}

.outputimages:hover {
  -webkit-filter: none;
  filter: none;
}

.slide-2 {
  background-image: url('../images/B.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.sectionagenda {
  padding-right: 60px;
  padding-left: 60px;
}

.text-block-12 {
  color: #000;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
}

.slide3 {
  background-image: url('../images/Slide3.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide4 {
  background-image: url('../images/Slide4.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.text-span-46 {
  color: transparent;
}

.slide6 {
  background-image: url('../images/E2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide7 {
  background-image: url('../images/Slide7.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide8 {
  background-image: url('../images/E4.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide9 {
  background-image: url('../images/F.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide10 {
  background-image: url('../images/Slide10.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide11 {
  background-image: url('../images/Slide11.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.italic-text {
  text-transform: uppercase;
}

.text-span-47 {
  text-decoration: underline;
  text-transform: uppercase;
}

.textonesection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 185px;
  padding-bottom: 20px;
}

.textonediv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.textoneflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 30px;
  margin-right: 30px;
  margin-left: 30px;
  padding-bottom: 0px;
}

.flextextonetitlecolumn {
  position: relative;
  height: 100%;
  margin-right: 12px;
  margin-left: 30px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.textonetitle {
  font-size: 20px;
  line-height: 29px;
  text-transform: uppercase;
}

.flextextoneacolumn {
  position: relative;
  height: 100%;
  margin-right: 12px;
  margin-left: 12px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 36%;
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
}

.flextextonebcolumn {
  position: relative;
  height: 100%;
  margin-right: 30px;
  margin-left: 12px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 36%;
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
}

.text-span-48 {
  text-decoration: underline;
}

.link-5 {
  color: #000;
  text-decoration: none;
}

.link-5:hover {
  text-decoration: none;
}

.textoneinfo {
  color: #000;
  font-size: 16px;
  line-height: 25px;
}

.text-span-49 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-50 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-51 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-52 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-53 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-54 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-55 {
  font-size: 13px;
  line-height: 22px;
  font-style: normal;
}

.text-span-56 {
  font-size: 13px;
  line-height: 22px;
  font-style: normal;
  text-decoration: none;
}

.text-span-57 {
  font-size: 13px;
  line-height: 22px;
  font-style: italic;
}

.text-span-58 {
  font-size: 13px;
  line-height: 22px;
  font-style: italic;
}

.text-span-59 {
  text-decoration: underline;
  text-transform: uppercase;
}

.link-6 {
  color: #000;
  text-decoration: underline;
}

.link-7 {
  color: #000;
  text-decoration: underline;
}

.italic-text-2 {
  font-size: 13px;
  line-height: 22px;
  font-style: normal;
}

.italic-text-3 {
  font-size: 13px;
  line-height: 22px;
}

.superscript1 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.superscript2 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.superscript3 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.text-span-60 {
  text-decoration: underline;
  text-transform: uppercase;
}

.texttwosection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 185px;
  padding-bottom: 20px;
}

.texttwodiv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.texttwoflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 30px;
  margin-right: 30px;
  margin-left: 30px;
}

.flextexttwotitlecolumn {
  position: relative;
  height: 100%;
  margin-right: 12px;
  margin-left: 30px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.flextexttwoacolumn {
  position: relative;
  height: 100%;
  margin-right: 12px;
  margin-left: 12px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 36%;
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
}

.flextexttwobcolumn {
  position: relative;
  height: 100%;
  margin-right: 30px;
  margin-left: 12px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 36%;
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
}

.texttwotitle {
  font-size: 20px;
  line-height: 29px;
  text-transform: uppercase;
}

.text-span-61 {
  text-decoration: underline;
}

.link-8 {
  color: #000;
  text-decoration: none;
}

.texttwoa {
  font-size: 16px;
  line-height: 25px;
}

.texttwob {
  font-size: 16px;
  line-height: 25px;
}

.text-span-62 {
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
}

.text-span-63 {
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
}

.text-span-64 {
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
}

.text-span-65 {
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
}

.text-span-66 {
  text-decoration: underline;
  text-transform: uppercase;
}

.link-9 {
  color: #000;
  text-decoration: underline;
}

.link-10 {
  color: #000;
  text-decoration: underline;
}

.text-span-67 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.text-span-68 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.text-span-69 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.text-span-70 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.text-span-71 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.texttwonotes {
  margin-top: 45px;
  font-size: 10px;
  line-height: 19px;
  text-decoration: none;
}

.linenotesection {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 70px;
}

.linenote {
  display: block;
  width: 100%;
  height: 1px;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
}

.text-span-72 {
  position: relative;
  top: -5px;
}

.text-span-73 {
  position: relative;
  top: -5px;
}

.link-11 {
  color: #000;
}

.text-span-74 {
  position: relative;
  top: -5px;
}

.text-span-75 {
  position: relative;
  top: -5px;
}

.text-span-76 {
  position: relative;
  top: -5px;
}

.textthreesection {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 185px;
  padding-bottom: 20px;
}

.textthreediv {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.textthreeflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: 30px;
  margin-right: 30px;
  margin-left: 30px;
  padding-bottom: 0px;
}

.flextextthreetitlecolumn {
  position: relative;
  height: 100%;
  margin-right: 12px;
  margin-left: 30px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.textthreeblock {
  font-size: 20px;
  line-height: 29px;
  text-transform: uppercase;
}

.flextextthreeacolumn {
  height: 100%;
  margin-right: 12px;
  margin-left: 12px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 36%;
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
}

.flextextthreebcolumn {
  height: 100%;
  margin-right: 30px;
  margin-left: 12px;
  padding-bottom: 0px;
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-basis: 36%;
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
}

.text-span-77 {
  text-decoration: underline;
}

.textthreea {
  font-size: 16px;
  line-height: 25px;
}

.textthreeb {
  font-size: 16px;
  line-height: 25px;
}

.link-12 {
  color: #000;
}

.text-span-78 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.text-span-79 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.text-span-80 {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.linenotesectionthree {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 70px;
}

.linenotethree {
  display: block;
  width: 100%;
  height: 1px;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
}

.textthreenotes {
  position: relative;
  margin-top: 45px;
  padding-top: 0px;
  font-size: 10px;
  line-height: 19px;
}

.text-span-81 {
  position: relative;
  top: -5px;
}

.text-span-82 {
  position: relative;
  top: -5px;
}

.text-span-83 {
  position: relative;
  top: -5px;
}

.link-13 {
  color: #000;
}

.videoboxone {
  width: 100%;
  height: 100%;
  background-image: url('../images/Video1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.lightboxvideo1 {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: pointer;
}

.lightboxvideo1:hover {
  -webkit-filter: none;
  filter: none;
}

.lightboxvideo2 {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: pointer;
}

.lightboxvideo2:hover {
  -webkit-filter: none;
  filter: none;
}

.lightboxvideo3 {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: pointer;
}

.lightboxvideo3:hover {
  -webkit-filter: none;
  filter: none;
}

.link-14 {
  color: #000;
  text-decoration: none;
}

.link-15 {
  color: #000;
  text-decoration: none;
}

.link-16 {
  color: #000;
  text-decoration: none;
}

.link-17 {
  color: #000;
  text-decoration: none;
}

.link-18 {
  color: #000;
  text-decoration: none;
}

.link-19 {
  color: #000;
  text-decoration: none;
}

.link-20 {
  color: #000;
  text-decoration: none;
}

.link-21 {
  color: #000;
  text-decoration: none;
}

.link-22 {
  color: #000;
  text-decoration: none;
}

.link-23 {
  color: #000;
  text-decoration: none;
}

.link-24 {
  color: #000;
  text-decoration: none;
}

.sectiontext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 45px;
  padding-left: 45px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.textwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.textlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.collectiontext {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 25%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.collectiontext.secondout {
  width: 75%;
  padding-right: 15px;
  padding-left: 15px;
}

.sectionvideo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 45px;
  padding-left: 45px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.videowrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.videolist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.collectionvideo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 33.3333%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sectiontextone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 185px 45px 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: 'Source Code Pro', sans-serif;
}

.textonewrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.textonelist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.collectiontextone {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 25%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.collectiontextone.texta {
  width: 37.5%;
  padding-left: 15px;
}

.collectiontextone.textb {
  width: 37.5%;
  padding-right: 15px;
  padding-left: 15px;
}

.sectiontexttwo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 185px 45px 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.texttwowrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.texttwolist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.collectiontexttwotitle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 25%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.collectiontexttwoa {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 37.5%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.collectiontexttwob {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 37.5%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sectiontextthree {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 185px 45px 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: 'Source Code Pro', sans-serif;
}

.textthreewrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.textthreelist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.collectiontextthreetitle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 25%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.collectiontextthreea {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 37.5%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.collectiontextthreeb {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 37.5%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sectionreferences {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 45px;
  padding-left: 45px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.refwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reflist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.collectionref1 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 33.3333%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.mask {
  overflow: visible;
}

.lightboximage {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 480px;
  background-image: url('../images/One.jpg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.sectiongallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 45px;
  padding-left: 45px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.gallerywrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.gallerylist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.collectiongallery {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 33.3333%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.outputgallery {
  width: 100%;
}

.lightboxgallery1 {
  width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: pointer;
}

.lightboxgallery1:hover {
  -webkit-filter: none;
  filter: none;
}

.image-13 {
  width: 100%;
}

.animationblock {
  display: block;
  height: 45px;
  margin: auto;
  padding-bottom: 0px;
  background-image: url('../images/ezgif.com-optimize.gif');
  background-position: 50% 50%;
  background-size: auto 45px;
  background-repeat: no-repeat;
}

.animationgif {
  display: block;
  height: 45px;
  margin: auto;
}

.sectiontextfour {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 185px 45px 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: 'Source Code Pro', sans-serif;
}

.textfourwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.textfourlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.collectiontextfourtitle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 25%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.textfourblock {
  font-size: 20px;
  line-height: 29px;
  text-transform: uppercase;
}

.text-span-84 {
  text-decoration: underline;
}

.collectiontextfoura {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 37.5%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.collectiontextfourb {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 37.5%;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.textfoura {
  font-size: 16px;
  line-height: 25px;
}

.textfourb {
  font-size: 16px;
  line-height: 25px;
}

.text-span-85 {
  font-size: 16px;
  line-height: 25px;
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-86 {
  text-decoration: underline;
  text-transform: uppercase;
}

.italic-text-4 {
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
}

.italic-text-5 {
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
}

.italic-text-6 {
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
}

.text-span-87 {
  text-decoration: underline;
  text-transform: uppercase;
}

.italic-text-7 {
  font-size: 13px;
}

.italic-text-8 {
  font-size: 13px;
  line-height: 22px;
}

.italic-text-9 {
  font-size: 13px;
  line-height: 22px;
}

.italic-text-10 {
  font-size: 13px;
  line-height: 22px;
}

.italic-text-11 {
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
}

.link-25 {
  color: #000;
  text-decoration: none;
}

.link-26 {
  color: #000;
  text-decoration: none;
}

.link-27 {
  color: #000;
  text-decoration: none;
}

.section {
  font-family: 'Source Code Pro', sans-serif;
}

.linktextsix {
  color: #000;
}

.linktextsix2 {
  color: #000;
}

.linksix {
  color: #000;
}

.italic-text-12 {
  font-style: normal;
}

.link-28 {
  color: #000;
}

.section-2 {
  font-family: 'Source Code Pro', sans-serif;
}

.text-span-88 {
  text-decoration: underline;
}

.text-span-89 {
  text-decoration: underline;
}

.text-span-90 {
  text-decoration: underline;
}

.text-span-91 {
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.text-span-92 {
  font-weight: 700;
  text-transform: uppercase;
}

.text-span-93 {
  font-weight: 700;
  text-transform: uppercase;
}

.text-span-94 {
  text-decoration: underline;
}

.text-span-95 {
  text-decoration: underline;
}

.section-3 {
  font-family: 'Source Code Pro', sans-serif;
}

.section-4 {
  font-family: 'Source Code Pro', sans-serif;
}

.bold-text {
  font-weight: 400;
  text-decoration: underline;
}

.text-span-96 {
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -0.2px;
}

.bold-text-2 {
  font-weight: 400;
  text-decoration: underline;
}

.bold-text-3 {
  font-weight: 400;
  text-decoration: underline;
}

.italic-text-13 {
  font-style: italic;
  font-weight: 400;
}

.italic-text-14 {
  font-weight: 400;
}

.italic-text-15 {
  font-weight: 400;
}

.italic-text-16 {
  font-weight: 400;
}

.italic-text-17 {
  font-weight: 400;
}

.italic-text-18 {
  font-weight: 400;
}

.italic-text-19 {
  font-weight: 400;
}

.italic-text-20 {
  font-weight: 400;
}

.italic-text-21 {
  font-weight: 400;
}

.italic-text-22 {
  font-weight: 400;
}

.italic-text-23 {
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
}

.italic-text-24 {
  font-weight: 400;
}

.italic-text-25 {
  font-weight: 400;
}

.bold-text-4 {
  font-weight: 400;
  text-decoration: underline;
}

.bold-text-5 {
  font-weight: 400;
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-97 {
  text-decoration: underline;
}

.bold-text-6 {
  font-weight: 400;
  text-decoration: underline;
  text-transform: uppercase;
}

.bold-text-7 {
  font-weight: 400;
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-98 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-99 {
  text-decoration: underline;
  text-transform: uppercase;
}

.bold-text-8 {
  font-weight: 400;
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-100 {
  font-style: italic;
}

.bold-text-9 {
  font-weight: 400;
  text-decoration: underline;
  text-transform: uppercase;
}

.link-29 {
  color: #000;
}

.link-30 {
  color: #000;
}

.text-span-101 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-102 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-103 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-104 {
  text-decoration: underline;
  text-transform: uppercase;
}

.link-31 {
  color: #000;
}

.text-span-105 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-106 {
  text-decoration: underline;
  text-transform: uppercase;
}

.text-span-107 {
  text-decoration: underline;
  text-transform: uppercase;
}

.italic-text-26 {
  font-style: normal;
}

.section-5 {
  font-family: 'Source Code Pro', sans-serif;
}

.link-32 {
  color: #000;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
}

.bold-text-10 {
  font-weight: 400;
}

.bold-text-11 {
  font-weight: 400;
}

.link-33 {
  color: #000;
  font-size: 15px;
  line-height: 24px;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .logoblock:hover {
    background-image: url('../images/LogoFront2-01.svg');
    background-size: auto;
  }
  .linkmenu {
    font-size: 11px;
  }
  .heroheading {
    padding-left: 60px;
    font-size: 26px;
  }
  .projectflex {
    width: 100%;
  }
  .flexprojectcolumn.image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
  }
  .flexprojectcolumn.image.project {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .flexprojectcolumn._3 {
    margin-right: 12px;
    margin-left: 30px;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .flexprojectcolumn._2 {
    margin-left: 30px;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .projecttext {
    font-size: 13px;
    line-height: 22px;
  }
  .caption {
    font-size: 13px;
    line-height: 22px;
  }
  .linesection.agendaline {
    padding-right: 15px;
    padding-left: 15px;
  }
  .textinfo {
    font-size: 13px;
    line-height: 22px;
  }
  .referencetext {
    font-size: 13px;
    line-height: 22px;
  }
  .gallery {
    height: 600px;
  }
  .sectioninstutions {
    padding-right: 60px;
    padding-left: 60px;
  }
  .sectioninstutions.agendasec {
    padding-right: 45px;
    padding-left: 45px;
  }
  .instlist {
    padding-bottom: 0px;
  }
  .collectionitem.mix {
    width: 33.3333%;
  }
  .collectionitem.mix.first.agendacoll {
    width: 20%;
    padding-left: 15px;
  }
  .collectionitem.mix.first.agendacoll.one {
    width: 25%;
  }
  .collectionitem.mix.last.agendacoll {
    padding-right: 15px;
  }
  .collectionitem.mix.last.agendacoll.third {
    width: 15%;
  }
  .collectionitem.mix.last.agendacoll.forth {
    width: 25%;
  }
  .collectionitem.mix.agendacoll {
    width: 20%;
  }
  .collectionitem.mix.agendacoll.second {
    width: 15%;
  }
  .collectionitem.mix.instcllection {
    width: 33.333333%;
  }
  .namelink {
    font-size: 13px;
    line-height: 22px;
  }
  .namelink.namedescription {
    font-size: 13px;
    line-height: 22px;
  }
  .namelink.agenda {
    font-size: 13px;
    line-height: 22px;
  }
  .outputimages {
    width: 100%;
  }
  .text-block-12 {
    font-size: 12px;
    line-height: 21px;
  }
  .imagematerial {
    width: 100%;
  }
  .textoneinfo {
    font-size: 13px;
    line-height: 22px;
  }
  .texttwoa {
    font-size: 13px;
    line-height: 22px;
  }
  .texttwob {
    font-size: 13px;
    line-height: 22px;
  }
  .textthreea {
    font-size: 13px;
    line-height: 22px;
  }
  .textthreeb {
    font-size: 13px;
    line-height: 22px;
  }
  .lightboxvideo1 {
    width: 100%;
  }
  .lightboxvideo2 {
    width: 100%;
  }
  .lightboxvideo3 {
    width: 100%;
  }
  .collectiontext {
    width: 100%;
  }
  .collectiontext.secondout {
    width: 100%;
  }
  .collectionvideo {
    width: 100%;
  }
  .collectiontextone {
    width: 100%;
  }
  .collectiontextone.texta {
    width: 50%;
  }
  .collectiontextone.textb {
    width: 50%;
  }
  .collectiontexttwotitle {
    width: 100%;
  }
  .collectiontexttwoa {
    width: 50%;
  }
  .collectiontexttwob {
    width: 50%;
  }
  .collectiontextthreetitle {
    width: 100%;
  }
  .collectiontextthreea {
    width: 50%;
  }
  .collectiontextthreeb {
    width: 50%;
  }
  .collectionref1 {
    width: 100%;
  }
  .collectiongallery {
    width: 50%;
  }
  .collectiontextfourtitle {
    width: 100%;
  }
  .collectiontextfoura {
    width: 50%;
  }
  .collectiontextfourb {
    width: 50%;
  }
  .textfoura {
    font-size: 13px;
    line-height: 22px;
  }
  .textfourb {
    font-size: 13px;
    line-height: 22px;
  }
  .text-span-85 {
    font-size: 13px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .header {
    height: 90px;
  }
  .logosection {
    left: 0px;
    top: 0px;
    right: auto;
    bottom: auto;
    width: 100%;
  }
  .logoblock {
    margin-left: 30px;
    background-image: url('../images/LogoFront2-01.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: repeat;
  }
  .linkmenu {
    font-size: 9px;
  }
  .linkfooter {
    font-size: 12px;
  }
  .heroheading {
    padding-left: 8px;
    font-size: 21px;
  }
  .heroheading.insthead {
    padding-left: 8px;
  }
  .projectflex {
    padding-right: 8px;
    padding-left: 8px;
  }
  .flexprojectcolumn.image {
    margin-right: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 85%;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
  }
  .flexprojectcolumn.image.project {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .flexprojectcolumn._3 {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .flexprojectcolumn._2 {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .projectimage {
    width: 200%;
  }
  .subtitleheading {
    padding-left: 8px;
    font-size: 17px;
  }
  .linesection {
    padding-right: 8px;
    padding-left: 8px;
  }
  .linesection.lineoutput {
    padding-right: 0px;
    padding-left: 0px;
  }
  .linesection.instline {
    padding-right: 8px;
    padding-left: 8px;
  }
  .linesection.agendaline {
    padding-right: 8px;
    padding-left: 8px;
  }
  .texttitle {
    font-size: 17px;
    line-height: 26px;
  }
  .gallerysection {
    padding-right: 8px;
    padding-left: 8px;
  }
  .gallery {
    height: 500px;
    margin-right: 0px;
    margin-left: 0px;
  }
  .gallery.phone {
    height: 400px;
  }
  .galleryflex {
    margin-right: 0px;
    margin-left: 0px;
  }
  .sectioninstutions {
    padding-right: 0px;
    padding-left: 0px;
  }
  .sectioninstutions.lastwg {
    padding-right: 0px;
    padding-left: 0px;
  }
  .sectioninstutions.agendasec {
    padding-right: 0px;
    padding-left: 0px;
  }
  .sectioninstutions.wg {
    padding-right: 0px;
    padding-left: 0px;
  }
  .collectionitem.mix {
    width: 50%;
    padding-top: 0px;
    padding-right: 8px;
    padding-left: 8px;
  }
  .collectionitem.mix.first.agendacoll.one {
    width: 100%;
    padding-left: 8px;
  }
  .collectionitem.mix.last.agendacoll.third {
    width: 20%;
  }
  .collectionitem.mix.last.agendacoll.forth {
    width: 35%;
    padding-right: 8px;
  }
  .collectionitem.mix.agendacoll {
    width: 25%;
  }
  .collectionitem.mix.agendacoll.second {
    width: 20%;
  }
  .collectionitem.mix.instcllection {
    width: 50%;
    padding-left: 16px;
  }
  .namelink {
    padding-left: 8px;
  }
  .namelink.agenda {
    padding-left: 0px;
    font-size: 13px;
    line-height: 22px;
  }
  .navbar {
    z-index: 1000;
    background-color: transparent;
  }
  .navcontainer {
    margin-right: 30px;
    background-color: transparent;
  }
  .nav-menu {
    position: absolute;
    display: block;
    height: 10%;
    margin-right: auto;
    margin-left: auto;
    background-color: #e696a0;
  }
  .navlistblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 15px auto 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #e696a0;
  }
  .herolinkblock {
    display: block;
    width: 300px;
    height: 30px;
    margin: 5px auto 10px;
    padding-bottom: 10px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: center;
    text-decoration: none;
  }
  .heronavtext {
    margin-top: 0px;
    color: #000;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
  }
  .heronavtext:hover {
    color: #000;
    text-align: center;
    text-decoration: none;
  }
  .menubuttonnew {
    padding: 25px 30px 30px 0px;
  }
  .menubuttonnew.w--open {
    background-color: transparent;
  }
  .topline {
    position: absolute;
    left: 0px;
    top: 12px;
    right: 0px;
    bottom: 30px;
    display: block;
    overflow: hidden;
    width: 45px;
    height: 2px;
    margin-right: auto;
    margin-left: auto;
    background-color: #000;
  }
  .middleline {
    position: absolute;
    left: 0px;
    top: 27px;
    right: 0px;
    display: block;
    overflow: hidden;
    width: 45px;
    height: 2px;
    margin-right: auto;
    margin-left: auto;
    background-color: #000;
  }
  .bottomline {
    position: absolute;
    left: 0px;
    top: 42px;
    right: 0px;
    bottom: 4px;
    display: block;
    overflow: hidden;
    width: 45px;
    height: 2px;
    margin-right: auto;
    margin-left: auto;
    background-color: #000;
  }
  .text-block-12 {
    font-size: 12px;
    line-height: 21px;
  }
  .slide6 {
    background-position: 0% 25%;
    background-size: 1000px;
    background-repeat: no-repeat;
  }
  .slide7 {
    background-position: 50% -2%;
    background-size: 1000px;
  }
  .textonetitle {
    font-size: 17px;
    line-height: 26px;
  }
  .texttwotitle {
    font-size: 17px;
    line-height: 26px;
  }
  .textthreeblock {
    font-size: 17px;
    line-height: 26px;
  }
  .sectiontext {
    padding-right: 8px;
    padding-left: 8px;
  }
  .collectiontext {
    padding-right: 0px;
    padding-left: 0px;
  }
  .collectiontext.secondout {
    padding-right: 0px;
    padding-left: 0px;
  }
  .sectionvideo {
    padding-right: 8px;
    padding-left: 8px;
  }
  .collectionvideo {
    padding-right: 0px;
    padding-left: 0px;
  }
  .sectiontextone {
    padding-right: 8px;
    padding-left: 8px;
  }
  .collectiontextone {
    padding-right: 0px;
    padding-left: 0px;
  }
  .collectiontextone.texta {
    padding-right: 15px;
    padding-left: 0px;
  }
  .collectiontextone.textb {
    padding-right: 0px;
  }
  .sectiontexttwo {
    padding-right: 8px;
    padding-left: 8px;
  }
  .collectiontexttwotitle {
    padding-right: 0px;
    padding-left: 0px;
  }
  .collectiontexttwoa {
    padding-right: 15px;
    padding-left: 0px;
  }
  .collectiontexttwob {
    padding-right: 0px;
    padding-left: 15px;
  }
  .sectiontextthree {
    padding-right: 8px;
    padding-left: 8px;
  }
  .collectiontextthreetitle {
    padding-right: 0px;
    padding-left: 0px;
  }
  .collectiontextthreea {
    padding-right: 15px;
    padding-left: 0px;
  }
  .collectiontextthreeb {
    padding-right: 0px;
  }
  .sectionreferences {
    padding-right: 7px;
    padding-left: 8px;
  }
  .collectionref1 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .left-arrow {
    margin-bottom: 110px;
    padding-top: 0px;
  }
  .right-arrow {
    margin-bottom: 110px;
  }
  .sectiongallery {
    padding-right: 8px;
    padding-left: 8px;
  }
  .gallerylist {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .collectiongallery {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .sectiontextfour {
    padding-right: 8px;
    padding-left: 8px;
  }
  .collectiontextfourtitle {
    padding-right: 0px;
    padding-left: 0px;
  }
  .textfourblock {
    font-size: 17px;
    line-height: 26px;
  }
  .collectiontextfoura {
    padding-left: 0px;
  }
  .collectiontextfourb {
    padding-right: 0px;
  }
}

@media (max-width: 479px) {
  .logosection {
    left: 0px;
    top: 0px;
    padding-left: 0px;
  }
  .heroheading {
    padding-left: 8px;
    font-size: 21px;
  }
  .heroheading.insthead {
    padding-left: 16px;
  }
  .projectflex {
    padding: 15px 8px;
  }
  .flexprojectcolumn.image {
    margin-right: 15px;
    margin-left: 15px;
    -webkit-flex-basis: 89.5%;
    -ms-flex-preferred-size: 89.5%;
    flex-basis: 89.5%;
  }
  .flexprojectcolumn.image.project {
    margin-left: 0px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .flexprojectcolumn._3 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .flexprojectcolumn._2 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .projecttext {
    font-size: 13px;
    line-height: 22px;
  }
  .subtitleheading {
    padding-left: 8px;
  }
  .referencetext {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .gallery {
    height: 500px;
  }
  .gallery.phone {
    height: 450px;
  }
  .collectionitem.mix {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
  }
  .collectionitem.mix.last.agendacoll.third {
    width: 22%;
  }
  .collectionitem.mix.agendacoll {
    width: 23%;
  }
  .collectionitem.mix.instcllection {
    width: 100%;
    padding-left: 23px;
  }
  .namelink {
    padding-left: 0px;
  }
  .namelink.agenda {
    font-size: 10px;
    line-height: 19px;
  }
  .nav-menu {
    height: 8%;
  }
  .text-block-12 {
    font-size: 10px;
    line-height: 19px;
  }
  .collectiontextone.texta {
    width: 100%;
    padding-right: 0px;
    font-size: 13px;
    line-height: 22px;
  }
  .collectiontextone.textb {
    width: 100%;
    padding-left: 0px;
  }
  .collectiontexttwoa {
    width: 100%;
    padding-right: 0px;
  }
  .collectiontexttwob {
    width: 100%;
    padding-left: 0px;
  }
  .collectiontextthreea {
    width: 100%;
    padding-right: 0px;
  }
  .collectiontextthreeb {
    width: 100%;
    padding-left: 0px;
  }
  .reflist {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .collectionref1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .collectiontextfoura {
    width: 100%;
    padding-right: 0px;
  }
  .collectiontextfourb {
    width: 100%;
    padding-left: 0px;
  }
}