@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import 'forms.css';
@import 'pop-ups.css';
@import 'autocomplete.css';
@import 'slick.css';
@import 'slick-theme.css';
@import 'jquery.carousel-3d.default.css';
body {
	font-family: 'Montserrat', sans-serif;
	color:#10262D;
	
}
#myVideo {
	width:100%;
	height:500px;
	object-fit: cover;
	margin-bottom:-7px;
}
* {
	transition: all .2s ease;
}
a {
	color:#58A2A0;
}
header {
	background-color:#0044ff;
}
.videowall {
	position:relative;
}
.videowall .container {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
}
.videowall .container .inform-me {
	position:absolute;
	max-width:300px;
	background-color:#33464ca8;
	margin-top:5em;
}
.videowall .container .inform-me .close {
	display:block;
	position:absolute;
		right:0;
	top:0;
	border: 1px solid white;
	border-radius: 50%;
	line-height: 1em;
	width: 24px;
	height: 24px;
	font-size: 2em;
	background-color: white;
	text-align: center;
	transform: translate(50%,-50%);
	cursor:pointer;
}
.videowall .container .inform-me .btn {
	margin:0;
	position:relative;
}
.videowall .container .btn {
	position:absolute;
	bottom:0;
	right:0;
	margin:3em;
}
.videowall header {
	width: 100%;
	height: 48px;
	opacity: .5;
	position: absolute;
}
.hidden {
	display:none;	
}
.mainareas {
	background-color:#58A2A0;
}
.mainareas a{
	display:block;
	width: 31%;
	margin: 2em 0 1em 0;
	text-decoration:none;
	position:relative;
}
.mainareas a strong {
	position:absolute;
	bottom:0;
	right:0;
	padding:.2em;
}
.mainareas h2 {
	font-size:1rem;
	color:#11262D;
}
.mainareas a >div {
	background-color:white;
	padding:.5em;
	border: 2px solid #555;
}
.mainarea {
	text-decoration:none;
	color:#11262D;
}
.mainarea .photo {
	width:100%;
	padding-top:40%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}
.mainarea p {
	font-size:.85rem;
	text-overflow:ellipsis;
	line-height:1.25rem;
	margin:0;
	overflow:hidden;
	position:absolute;
	opacity:0;
	top:0;
	left:0;
	background-color:white;
	right:0;
	bottom:0;
	color:#11262D;
}
#navbarSupportedContent {
	align-self:flex-end;
	margin-bottom:.5em;
}
.mainarea p strong {
	color:#0086ca;
	
}
.mainarea:hover p {
	opacity:1
}
.footer-menu {
	background-color:#E6E7E8;
}
.footer-menu h4 {
	font-size:1.5rem;
	padding:.25rem;
	border-bottom:1px solid #10262D;
}
.footer-menu .partnership {
	display:block;
	text-align:center;
	margin:1.3em 0;
}
footer {
	font-size:.75rem;
}
footer .row {
	align-items: center;
}
footer a {
	color:rgba(0,0,0,.5);
}
footer a:hover {
	color:rgba(0,0,0,.7);
}
footer .credits {
	text-align:right;
}
.footer-menu .fa {
	margin-right:.5em;
	margin-top:.5em;
}
.footer-menu .fa-linkedin-square {
	color:#0E76A8;
}
.footer-menu .fa-youtube-square {
	color:#c4302b;
}
.footer-menu .fa-twitter-square {
	color:#08a9e0;
}
.footer-menu .contacts {
	font-size:.85em;
}
.footer-menu .contacts a{
	color:#10262D;
	text-decoration:underline
}
.voi-logo {
	vertical-align: bottom;
	margin: -15px 0 -1px .5em;
}
.sitemap {
	text-align:center;
}
.sitemap a {
	margin: 0 2em;
}

ul.sitemap {
	text-align:left;
}

ul.sitemap a {
	margin:0
}
.project-category {
	text-align:center;
	padding:.3em 0;
	
	margin:0 5px 5px 5px;
}
.project-list .project {
	width:200px;
	text-decoration:none;
	margin:5px;
	display:block;
}

.project-list  {
	justify-content:space-between;
}
.project-list .project > div {
	width:100%;
	padding-top:120%;
	background-size:cover;
}
.project-list .project span{
	background-color:#11262D;
	color:white;
	height:5rem;
	padding:.5em;
	display:block;
	font-size:1.5rem;
	line-height:1.5rem;
	text-align:center;
}
.right .project-list .project span {
	font-size:1.3rem;
}
.project-list .project span.anim {
	display:none;
}
.project-list .project:hover span {
	display:none;
}
.project-list .project:hover span.anim {
	display:block;
}
.project-image {
	background-color:#f0f0f0;
	background-size:cover;
}
.tickers {
	background-color:#11262D;
	color:white;
}
.tickers .carousel-item {
	padding:1.5em;
	font-size:.8rem;
	color:white;
	text-decoration:none;
	position:relative;
}
.tickers .carousel-item:before {
	content:'';
	position:absolute;
	left:0;
	height:70%;
	border-left:1px solid white;
	display:block;
	width:0;
}
.tickers .carousel-item:first-child:before {
	display:none;
}
.tickers .carousel-item h3 {
	position:relative;
	font-size:.9rem;
	font-weight:normal;
	text-transform:uppercase;
}
.tickers .carousel-item h3 span {
	right:100%;
	margin-right:.3em;
	border-right:2px solid white;
	padding-right:.5em;
	font-weight:bold;
}
.tickers .carousel-item p{
	display:block;
	text-overflow:ellipsis;
	height:2.5rem;
	overflow:hidden;
}

.tickers .carousel-control-prev,
.publications-slider .carousel-control-prev {
	right:100%;
	left:auto;
	width:25px;
	position:absolute;
	border:0;
}
.tickers .carousel-control-next,
.publications-slider .carousel-control-next {
	left:100%;
	right:auto;
	width:25px;
	position:absolute;
	border:0;
}
.mainslider .jumbotron {
	background-color:transparent;
	color:white;
	padding: 12rem 2rem 2rem 2rem;
	max-width:50%;
	margin:0;
	
}
.mainslider .jumbotron p {
	font-size:2rem;
}
.slider-1 {
	background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('/images/slider-1.jpeg');;
    background-position:center;
	background-size:cover;
	
}
.mainmenu_wrp{
	position:relative;
	
}
.mainmenu_wrp .mainmenu {
	top:100%;
	z-index:2;
	width:100%;
	text-align:right;
	background-color:rgba(88, 162, 160, .8);
}
.mainmenu_wrp .mainmenu a {
	color:white;
	padding:0 .5rem;
	text-decoration:none;
}
.mainmenu_wrp .mainmenu a:hover {
	color:#a6ce39;
}
.disclaimer  {
	font-size:.85rem;
	color:white;
	background-color:#58A2A0;
}
.graycontent {
	background-color:#e6e6e6;
}
.whitecontent {
	background-color:white;
}
.whitecontent.publications {
	padding:1em 0 5em 0;
}
.whitecontent.publications h2 {
	margin:1em 0 1em 1em;
	font-size:1.5rem;
	font-weight:normal;
}
.homapage .whitecontent.publications h2 {
	font-size:2rem;
	margin: 0 0 2rem 0;
	text-transform:none;
}
.gismap2 {
	padding:2em;
}
.graycontent iframe {
	width:100%;
	height:400px;
}
.contact_content {
	background-color:#58a39f;
}
.contact_content .left {
	color:white;
	font-size:.9rem;
}
.contact_content .left hr {
	border-top:1px solid white;
}
.contact_content .left .follow {
	margin-top:2em;
}
.contact_content .left .follow br {
	display:none;
}
.contact_content .left .follow-icon {
	color:white;
	margin-right:1em;
}
.stdcontent {
	background: #12262d; /* Old browsers */
	background: -moz-linear-gradient(left, #e6e6e6 0%, #e6e6e6 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e6e6e6 0%,#e6e6e6 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	/*! background: linear-gradient(to right, #e1e1e1 0%,#e1e1e1 50%,#ffffff 50%,#ffffff 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.stdcontent2 {
	background: #12262d; /* Old browsers */
	background: -moz-linear-gradient(left, #12262d 0%, #12262d 50%, #e6e6e6 50%, #e6e6e6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #12262d 0%,#12262d 50%,#e6e6e6 50%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
	/*! background: linear-gradient(to right, #e1e1e1 0%,#e1e1e1 50%,#ffffff 50%,#ffffff 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12262d', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
}
.stdcontent .right {
	background-color:white;
	padding:5em;
}
.stdcontent .right h2 {
	font-size:1.5rem;
	margin:1em 0;
}
.stdcontent .left,
.stdcontent2 .left{
	padding-top:5em;
	padding-right:0;
}
.submenu {
	font-size:.8rem;
}
.submenu > li {
	font-size:1rem;
}
.submenu > li > ul {
	font-size:.8rem;
}
.submenu .nav-link {
	color:black;
}
.submenu .nav-link.active {
	color:#4ea39e;
	background-color:white;
}
.submenu ul {
	padding-left:1em;
}
.newsevents .right,
.publications .right ,
.project .right {
	padding:5em;
}
.stdcontent .right h1,
.newsevents.detail .right h1,
.stdcontent2 .right h1{
	font-size:2rem;
}
.newsevents.detail .right h2 {
	font-weight:bold;
	font-size:1.1rem;
	margin-bottom:2em;
}
.publications .left h3{
	color:#58A2A0;
	text-transform:uppercase;
	font-size:1rem;
}

.publications .left .normalsearch  {
	display:none;
}
.publications .left .advanced  {
	display:block !important;
}
.inform-me {
	background-color:#33464c;
	font-size:.7rem;
	padding:2em;
	color:white;
	position:relative;
	margin-top:4em;
}
.inform-me .close {
	display:none;
}
.inform-me .icon {
	border:2px solid white;
	border-radius:50%;
	position:absolute;
	top:0;
	left:4%;
	transform:translate(0,-50%);
	width:3.9em;
	height:3.9em;
	text-align:center;
	background-color:#12262d;
}
.inform-me .icon i {
	font-size:2.5em;
	line-height:1em;
	padding:.2em;
}

.btn-custom {
	background-color:#12262d;
	color:#4ea39e;
	border-color:#4ea39e;
	border-radius:.5em;
	color:white;
}
.btn-custom:hover {
	color:white;
}
form fieldset.submit {
	text-align:right;
	margin-top:2em;
	width:100%;
}
.stdcontent .areapage1 {
	padding:0;
}
.stdcontent .areapage1 iframe {
	width:100%;
	height:408px;
}
.stdcontent .areapage1 .subareas {
	padding:0 3em;
	background-color:#79b5b3;
	display:flex;
	margin:-7px 0 2em 0;
}
.stdcontent .areapage1 .subareas .area {
	background-color: #58A2A0;
	display:inline-block;
	width:25%;
	text-align:center;
	padding:1.7em;
	position:relative;
	color:#11262D;
	text-decoration:none;
}
.stdcontent .areapage1 .subareas .area:before {
	content:' ';
	position:absolute;
	left:0;
	height:80%;
	top:10%;
	width:1px;
	background-color:rgba(255,255,255,.5);
}
.stdcontent .areapage1 .subareas .area:first-child:before {
	display:none;
}
.stdcontent .areapage1 .subareas .area hr {
	border-top:2px solid #11262D;
}
.stdcontent .areapage1 .subareas .area h3 {
	font-size:.7rem;
	font-weight:bold;
	margin:1em 0;
}
.stdcontent .areapage1 .subareas .area span {
	color:white;
	font-size:.7rem;
}




.map {
	position:relative;
	width:940px;
	height:466px;
	background-position:center;
	background-repeat:no-repeat;
	padding:20px 0;
}
.map1 {
	background-image:url(/images/world_map_all2.png);	
}


.map .board {
	position:absolute;
	padding:1em;
	background-color:#58A2A0;
	width:200px;
	
}
.map .board h3 {
	color:#11262D;
	padding:0px 45px 0px 5px;
	margin:0;
	font-size:13px;
	margin-bottom:10px;
}
.map .board ul {
	list-style:none;
	padding:0;
	margin:0;
}
.map .board li {
	margin:0 2px;	
}
.map .board li a, 
.map .board li a:visited {
	color:white;;
	text-decoration:none;
}
.map .country {
	bottom:0;
	left:0;
	width:275px;
}
.map .button{
	position:absolute;
}
.map .button.europe {width: 14%;height: 22%;top: 23%;left: 42%;}
.map .button.na		{width: 27%;height: 37%;top: 18%;left: 14%;}
.map .button.asia	{width: 27%;height: 37%;top: 18%;left: 58%;}
.map .button.africa	{width: 16%;height: 33%;top: 45%;left: 43%;}
.map .button.oceania{width: 14%;height: 16%;top: 67%;left: 72%;}



.board.europe,
.board.na,
.board.sa,
.board.africa,
.board.asia,
.board.oceania 		{ bottom:0; left:100%; display:none;}


.map .headline {
	text-align:center;
	color:#fff;
	margin:0;
	font-size:18px;
	border-radius:5px;
	padding:5px 12px;
	cursor:pointer;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.48);
	-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.48);
	box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.48);
	
}

.content-57 {
	padding:2em 6em;
}
.content-57 h1 {
	font-size:1.5rem;
}
.content-57 {
	font-size:.9rem;
}
.content-57 h1,
.content-57 h3{
	text-transform:uppercase;
}
.horzList  ul {
	padding:0;
	margin:2em 0 0 0;
}
.horzList li {
	width:210px;
	display:inline-block;
	margin:7px 10px 0 10px;
	color:#58a39f;
}
.horzList li a {
	color:inherit;
	text-decoration:none;
}





.related {
	margin-bottom:2em;
}
.related h3{
	color:#495054;
	font-size:1em;
	text-transform:uppercase;
	font-weight:600;
	padding:.3em 0 .6em 0;
	position:relative;
 
}
.related h3::after {
	height:1px;
	bottom:-1px;
	left:0;
	right:0;
	position:absolute;
	content:"";
	background: rgb(124,197,118); /* Old browsers */
	background: -moz-linear-gradient(left,  #58A2A0 0%, #58A2A0 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  #58A2A0 0%,#58A2A0 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); 
	background: linear-gradient(to right,  #58A2A0 0%,#58A2A0 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc576', endColorstr='#000000',GradientType=1 ); 

}
.related ul{
	padding:0;
	list-style:none;
}
.related ul li {
	margin:0 0 .5em 0;
	display:flex;
	flex-direction: column;
}
.related ul li i {
	margin-right:.5em;
}
.related ul li a {
	color:black;
}
.related ul li a, 
.related ul li span, 
.related ul li p {
	display:block;
	vertical-align:top;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	flex:1;
}
.related a:hover, .related a.on{
	color: #58A2A0;
	text-decoration:none;
}
.related ul li>ul{
	display:block;
	width:100%;
	margin:.5em 0 .5em .5em;
}
.related.documents img {
	width:100%;
}
.related.documents.press-release {
	font-size:.8em;
}
.related.documents.press-release a {
	white-space:normal;
}
.related.documents.press-release li {
	margin-bottom:1em;
}
.related.content a {
	font-weight:normal;
}
.related.content span {
	font-size:.8em;
}
.related.links ul li,
.related.documents ul li{
	flex-direction:row;
	align-items:center;
}
.related.links ul li a span,
.related.documents ul li a span{
	font-size:.75rem;
	color:#c0c0c0;
}

.list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.list div{
	display:block;	
}
.list .row{
	width:47%;
	margin:0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom:1px solid #10262D;
}

.list h3 {
	margin:0px 0px 5px 0px;	
}
.list p {
	margin:0px 0px 5px 0px;
	font-size:1rem;
}
.list a, .list a:visited {
	color:inherit;
	text-decoration:none;
}
.lstNews .photo {
	width:100px;
}
.lstNews .icon {
	width:60px;
	margin-right:1em;
}
.lstNews .text {
	margin:0px auto  0px 0;
}
.lstNews .options {
	margin:0px 0px 0px auto;
	width:200px;
	text-align:right;
	font-weight:bold;
}
.lstNews .options span {
	display:inline-block;
	width:10px;
	text-align:center;
}
.lstNews .options a.down {
	color:#2e89c7;
}
.lstNews .fixed p, .lstNews .fixed p a, .lstNews .fixed p a:visited{
	color:#232323;
}

.lstNews em, .content .lstNews em {
	text-transform:uppercase;
	color:#232323;
	font-size:.75rem;
	font-style:normal;
	font-weight:bold;
	display:block;
}
.lstNews div h3, 
.lstNews div h3 a, 
.lstNews div h3 a:visited{
	color:#58A2A0;
	font-size:1rem;;
	font-weight:bold;
	margin:2px 0px 0px 0px;
	margin-bottom:.3em;
}
.lstNews .clear {
	border-bottom:1px dotted #203873;
	margin:0px 0px 10px 0px;;
	height:5px;
	display:block;
}
.list.publications .row {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
}
.list.publications .icon {
	min-width:85px;
	width:85px;
}
.list.publications .publication_mask {
	width:100%;
	padding-top:140%;
	background-size:contain;
	background-releat:no-repeat;
}


.left .list .row {
	width:100%;
	border-bottom:1px solid white;
}
.left .list .row em,
.left .list .row .text,
.left .fixed p a,
.left .fixed p a:visited{
	color:black;
}

.property {
	color:#58A2A0;
	display:inline-block;
	width:40%;
	vertical-align:top;
	margin:1em 0;
	white-space:nowrap;
}
.property i {
	border:2px solid #58A2A0;
	border-radius:50%;
	font-size:1.7em;
	height:1.59em;
	width:1.59em;
	text-align:center;
	padding-top:.2em;
	vertical-align:middle;
}
.property a {
	text-decoration:none;
	color:inherit;
}
.country.detail .left {
	background-color:#33464c;
}
.country.detail .left .back {
	text-align:center;
	display:inline-block;
	margin-top:2em;
	color:#58a2a0;
}
.country.detail .countrymap {
	width:100%;
	padding-top:50%;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	-webit-filter: invert(100%) brightness(125%) grayscale(100%);
	filter: invert(100%) brightness(125%) grayscale(100%);
}

.country.detail .right{
	padding:0;
	background-color:#e6e6e6;
}
.country.detail .right h3 {
	font-size:1rem;
	font-weight:bold;
	text-transform:uppercase;
}
.country.detail .headline {
	background-color:#79b5b3;
}
.country.detail .headline h1 {
	background-color:#58a2a0;
}
.country.detail .author {
	color:white;
	font-size:.75rem;
	font-weight:bold;
}
.country.detail .author a {
	color:white;
	text-decoration:none;
	font-weight:normal;
}
nav.navigate {
	display:flex;
	align-items:flex-end;
	justify-content:end;
	margin:2em 0;
}
nav.navigate a {
	position:relative;
	color:#10262D;
	padding:0 1em;
}
nav.navigate a i {
	position:absolute;
	top:50%;
	transform:translate(0, -50%);
}
nav.navigate a.back i {
	right:100%;
}
nav.navigate a.next i {
	left:100%;
}


.parties {
	margin-top:3em;
}
.parties td {
	vertical-align:middle;
}
.parties td.desc {
	vertical-align:top;
	padding-top:3px;
}
.parties h3 {
	margin:0px;
	padding:0px;

	font-size:20px;	
	margin:3px 0px 0px 0px;
}
.committee {
	margin-top:3em;
}
.committee td {
	vertical-align:top;
}
.committee img {
	margin-top:4px;
}


.sitemap li.main {
	font-size:16px;
	margin-bottom:10px;
}
.sitemap li.main ul {
	font-size:12px;
}
.publications-slider a,
.accomplishments-slider a{
	width: 15%;
	margin: 1.5%;
	position: relative;
	padding-top: 15.6%;
	border: 1px solid white;
}
.accomplishments-slider a {
	width:33%;
	padding-top:32%;
}
.publications-slider a h3,
.accomplishments-slider a h3{
	font-size:.8rem;
	position:absolute;
	top:50%;
	text-transform:uppercase;
	transform:translate(0,-50%);
}
.publications-slider .thumbnail,
.accomplishments-slider .thumbnail{
	width:100%;padding-top:140%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top;
	
}

.accomplishments-slider .thumbnail {
	background-position:center;
	padding-top:112%;
}
.subjects a {
	display:inline-block;
	width:45%;
	margin:.5em 2%;

}
.subjects a.selected {
	color:black;
}




.flip-card {
  background-color: transparent;
  width: 100%;
  height:100%;
  top:0;
  position:absolute;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, 
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border: 1px solid #d0d0d0;
  overflow:hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: white;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: white;
  color: #58A2A0;
  transform: rotateY(180deg);
}
.projlist ul {
	list-style:none;
}
.projlist h3 {
	color:white;
	text-transform:uppercase;
	font-size:1rem;
	color:#58A2A0;
	font-weight:bold;
}
.projlist a {
	color:black;
}
.projlist ul {
	margin-bottom:2em;
}

.proj_sidebar {
	background-color:#cccccc;
	padding:2em;
	float:right;
	width:35%;
	font-size:.75rem;
	margin:2em 0 2em 2em;
}
.proj_sidebar h3 {
	font-size:1.2rem;
	text-transform:uppercase;
	text-align:center;
	margin:0 0 1em 0;
	padding:0 0 .5em 0;
	border-bottom:1px solid black;
}
.proj_sidebar b {
	display:block;
	margin-top:.4em;
}
.project .dates {
	margin:2em 0;
}
.project .dates span {
	color:#58A2A0;
	margin:0 2em;
	display:inline-block;
}




.project-list {
	text-align:center;
	display:flex;
	justify-content:space-around;
	clear:both;
}
.project-list h2,
.middle h2{
	color:#2e89c7;
	font-size:2.2em;
	text-align:center;
}
.gismap button {
	background-color:transparent;
	border:1px solid #6999ad;
	border-radius:3px;
	color:#6999ad;
	font-weight:600;
	font-size:11px;
	padding:.5em 1em;
	display:none;
	margin-top:1em;
}

.gismap, a.gismap, .gismap:link {
	display:block;
	height:115px;
	background-image:url('/images/gis0.jpg');
	background-position:right;
	background-repeat:no-repeat;
	background-color:#fdfeff;
	border:1px solid #6999ad;
	border-radius:3px;
	padding:20px 340px 20px 20px;
	text-decoration:none;
	text-align:center;
	vertical-align:top;
	margin:4px;
	box-sizing: content-box;
	clear:both;
}
.gismap strong {
	color:#ffb600;
	font-size:20px;
	display:block;
}
.gismap span {
	color:#555555;
	display:block;
	margin:1em 0;
}
.gismap:hover button {
	display:inline-block;
}
.gismap:hover {

	background-image:url('/images/gis1.jpg');
}
#share ul {
		list-style: none;
		margin: 2em 0 2em 0;
		padding: 0;
		text-align:center;
	}

		#share ul li {
			display:inline-block;
			margin-right: 10px;
		}

			#share ul li a {
				background: #58A2A0;
				border-radius: 50%;
				color: #fff;
				display: block;
				font-size: 18px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				width: 40px;
			}

				#share ul li a:hover {
					background: #0f858d;
				}
em.date {
	font-style:normal;
}
.toggleSide {
	display:none;
}
@media (max-width: 768px) {
	.project-list-page .left{
		display:none;
	}
	
	.project-list-page [data-carousel-3d] {
		display:flex;
		flex-wrap:wrap;
	}
	.stdcontent .right.col-9 {
		max-width:100% !important;
	}
	.right .project-list .project span {
		font-size:.9rem;
	}
	.videowall .container .inform-me {
		display:none;
	}
	
}
@media (max-width: 480px) {
	.stdcontent .left {
		position:relative;
		max-width: 0;
		padding-left:25px;
		padding-right:0 !important;
	}
	.stdcontent .left.isOpen {
		max-width:50%;
		width:50%;
		flex: 0 0 50%;
	}
	.stdcontent .row {
		flex-wrap:nowrap;
	}
	.stdcontent .right {
		padding:1em;
	}
	.stdcontent .right.col-9 {
		flex: 0 0 auto;
		max-width: 96%;
	}
	.toggleSide {
		position:absolute;
		right:0;
		top:0;
		display:block;
		margin: .1em .2em 0 0;
	}
	.mainareas a {
		width:100%;
	}
	.publications-slider a, .accomplishments-slider a {
		min-width:47%;
		padding-top:64.6%;
	}
	.homapage .carousel-inner.flex-nowrap {
		flex-wrap:wrap !important;
	}
	.footer-menu .col {
		flex-basis:100%;
		margin-bottom:2em;
		width:100%;
		min-width:100%;
	}
	.footer-menu .partnership {
		display:inline-block;
	}
	.footer-menu .partnership img {
		width:70%;
	}
	.footer-menu .follow br {
		display:inline;
		float:left;
	}
	#myVideo {
		height:250px;
	}
	h2,
	.homapage .whitecontent.publications h2{
		font-size:1.5rem;
		
	}
	.project-list {
		flex-wrap: wrap;
	}
	.project-list .project {
		width:45%;
	}
	.project-list .project span {
		font-size:1rem;
	}
	.publications-slider .carousel-control-next,
	.publications-slider .carousel-control-prev {
		display:none;
	}
	.content-57 {
		padding:2em 1em;
	}
	.map {
		width:100%;
		padding-top:60%;
		background-size:contain;
		height:auto;
	}
	.map .board {
		display:none !important;
	}
	.list .row {
		width:100%;
	}
	.tickers .container {
		padding-left:30px;
		padding-right:30px;
	}
	
	
	.contact_content .left {
		min-width:100%;
		
	}
	.contact_content .left .follow {
		display:none;
	}
	.contact_content .right {
		min-width:100%;
		
	}
	.proj_sidebar {
		width:100%;
	}
	.footer-menu .fa {
		margin-right:.2em;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

h2.blue {
	color:rgb(126, 166, 183);
}