@charset "UTF-8";

body {background: #FFFFFF;font-family: GothamLight;}
strong {font-family: GothamBold; font-weight: normal;}
.intro {font-size: 1.1em;}
.border-blue {border-left: solid 5px #a9bfd4;}
.blue {color: #6699cc;}
.blue-bkg {/*background-color:#036;*/ color: #fff!important; }
.blue-bkg a {color: #fff!important; }
.blue-bkg ul {font-size: .95em;}
.image {background: url("../images/portfolio-background.jpg") no-repeat;background-position: top left; background-size: cover;padding: 2em 5em}
.login {background: #FFFFFF;-webkit-box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.4);position: relative;z-index: 99;min-height: 375px;}
/*.left .links {margin-top: 116px}*/
.left::after {content:url("../images/triangle.png");position: absolute; z-index:0;top:0;right:-46px;}
.btn-primary {background: #336699;}
.btn-blue {background: #09c;color: #fff!important;font-size: 1.4em;} 
.btn-blue:hover {background: #09c;color: #fff!important;} 
.btn-gradient {background: rgb(51,102,153); background: linear-gradient(0deg, rgba(51,102,153,1) 0%, rgba(102,204,204,1) 100%);color: #fff;}
footer {padding: 2em 5em;color: #666;}
.hidden {display: none!important;}
.text-grey {color:#ccc;}
p.text-grey {margin-bottom:0!important;}
.migrating {background-color: rgba(255,255,255,0.8)}
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:9999999999;
}

a.skip-main:focus, a.skip-main:active {
    position:absolute;
    left:auto;
    top: auto;
    display: block;
    width: 30%;
    height: auto;
}

a.skip-main {
    left:-9999px;
    position:relative;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:9999999999;
}

.transcript a {text-indent: -1000px;display: block;}

/* open new link warning */

:focus { outline: 0; }
a.info {
	position:relative;
	z-index:24;
	text-decoration:underline;
}
a.info:hover, a.info:focus, a.info:active {
	z-index:30;
}
a.info span {
	position: absolute;
	left: -9000px;
	width: 0;
	overflow: hidden;
}
a.info:hover span, a.info:focus span, a.info:active span {
	display:block;
	position:absolute;
	top:1em; left:1em; width:12em;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: center
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
header {
  padding: 0 5em;
}
.nav-right {font-size:.7em;}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  /*align-items: center;*/
}

.navbar li {
  position: relative;
}
.navbar-brand {padding: 0!important;}
.navbar-brand img {height:30px;width:auto;margin: 1em 0;}
.navbar-brand h1 {display: none;}
.navbar a,
.navbar a:focus {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  text-decoration: none;
}

.navbar a i,
.navbar a:focus i {
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color:#044c7f;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
  width: 200px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: .9em;
}

.navbar .dropdown ul a i {
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color:#044c7f;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}
@media (max-width: 991px) {
    .left::after {content: none}
    .border-blue {border-left: none;}
    .login {min-height: auto;padding: 2em 1em!important;}
    .col-lg-4.text-white {display: none;}
    header {padding: 0 3em;}
    .image, footer {padding: 2em 3em;}
}
/*@media (max-width: 767px) {
    button.btn {padding: 2em!important;}
}*/