/* STYLES for LEGACY Classes */
#ced_announcement {
    font-family: Arial;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    font-weight: 400;
    margin: 0;
    font-size: 20px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1031;
    height: 40px;
    background: #00345f;

}

#ced_announcement a {
    color: #fff;
}

.btn-orange {
    background-color:  #f99839;
    text-transform: uppercase;
    font-weight: bold;
    border-color: unset;
    border-radius: unset;
    text-shadow: unset;
    color:  white;
}

.btn.sm {
    background-color:  #f99839;
    text-transform: uppercase;
    font-weight: bold;
    border-color: unset;
    border-radius: unset;
    text-shadow: unset;
    color:  white;
}

.cats {
    background-color:  #bbbbbb;
    color:  white;
    text-transform: uppercase;
    font-size: 10pt;
}


.tags {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 10px 0px 10px 0px;;
}

.tags li {
  float: left; 
  list-style: none;
}

.tag {
  background: #eee;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.tag::after {
  background: #fff;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #eee;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover {
  background-color: #999999;
  color: white;
}

.tag:hover::after {
   border-left-color: #999999; 
}

.tag a {
    text-decoration: none;
    color:  #7f7f7f;
    font-size: 10pt;
    text-transform: uppercase;
}

.tag a:hover {
    color:  white;
}

h4 {
   color: #003764;
   font-weight: bold;
   font-size: 1.5em;
   text-transform: uppercase;
   padding-top: 1em;
   padding-bottom: .5em;
}

.clr-orange {
    color: #d8702c;
}

.h1.clr-blue {
    text-align: center;
    color: #003764;
    font-weight: bold;
    font-size: 2em;
    text-transform: uppercase;
}

h2.clr-blue {
    text-align: center;
    color: #003764;
    font-weight: bold;
    font-size: 1.5em;
    text-transform: uppercase;
}

hr.margin-40 {
    height: 0px;
}

hr.spacer-100 {
    height: 0px;
    margin-top: 100px;
}
/* ////// */


.shadow-text {
	text-shadow: 2px 2px 20px #000000;
}

.btn-primary {
	background-color:  #f99839;
	text-transform: uppercase;
	font-weight: bold;
	border-color: unset;
	border-radius: unset;
	text-shadow: unset;
}

.btn-secondary {
    background-color: #053563;
    text-transform: uppercase;
    font-weight: bold;
    border-color: unset;
    border-radius: unset;
    text-shadow: unset;
}

.btn {
	border:  unset;
}

.navbar-light .navbar-nav .nav-link {
    color: #143963;
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-nav {
    position: absolute;
    bottom: 2em;
}

.navbar-brand {
	padding-right:  10%;
}

.navbar-brand img {
    max-width: 100%;
}

.social [class*="fa fa-"] {
    background-color: #f99839;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 21px;
    text-decoration: none;
    text-align: center;
}

h1 {
   color: #003764;
   font-weight: bold;
   font-size: 2em;
   text-transform: uppercase;
}

h2 {
   color: #003764;
   font-weight: bold;
   font-size: 1.5em;
   text-transform: uppercase;
   padding-top: 1em;
   padding-bottom: .5em;
}

.accordion-header {
    padding:  unset;
}

.secondary {
    color:  #f99839;
}

h1 span {
    color:  #f99839;
}

.hub_logos {
    width:  40%;
    margin: 1em;
}

.blue-bg {
    background-color: #003764;
    color:  white;
}

.orange-bg {
    background-color: #d8702c;
    color:  white;
}

.orange-bg h2 {
    color:  white;
}

.blue-hex {
    /*background-image: url('../images/blue-hex.png');*/
    /* background-color: #003764; */
    margin-top: -70px;
    text-shadow: 2px 2px 10px #000000;
}

.main-blue-hex {
    /*background-image: url('../images/blue-hex.png');*/
    background-color: #003764; 
}


.feature-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height:  500px;
}

.feature-img-title {
    position: absolute;
    bottom: 0;
    display: block;
    background:#003764;
    width: 100%;
    padding-left: 10%;
    padding-top: 20px;
    padding-bottom: 20px;
    color:  white;
}

.footer-links a {
    color:  white;
}

.blue-hex h1 {
    color:  white;
}

.blue-hex hr {
    background-color: unset;
}
.blue-text {
    color:  #003764;
}

.content-body {
    color:  #003764;
}

.content-body h1 {
   text-align: center;
}


.metrics-label {
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.metrics-numbers {
    font-size: 3em;
    font-weight: bold;
    color: #003864;
}

.img-icon {
    width: 100px;
}
.icon-holder {
    height:  100px;
}

.two-column {
    padding-right:  unset;
}

.contact-row {
    background-image: url('../images/community11.jpg');
}

.contact-row-form {
    background: white;  box-shadow: 2px 2px 20px #000000;
}

.contact-form-control {
    background-color: #56b3e4;
    display: block;
    width: 100%;
    padding: 1rem;
    margin: 1rem 0rem 1rem 0rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color:  white;
    border:  none;
}

.contact-form-control:focus {
    outline:  2px solid #00cce0;
}

.contact-form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
   text-transform: uppercase;
}

.contact-details-label {
    text-decoration: underline;
    font-weight: bold;
}

.dropdown-menu {
    background-color: #1e4169;
    color:  white;
    border-radius: unset;
}

.dropdown-menu > li > a {
    color:  #93dbf6;
    font-size: 10pt;
    font-weight: bold;
}

.dropdown-menu > li > a:hover {
    background-color:  #1d5e8c;
    color: white;
}
.dropdown-menu > li > ul > li  {
     list-style: none; 
     margin-left:  -1rem;
}
.dropdown-menu > li > ul > li > a {
    color: #ececec;
    font-size: 10pt;
    font-weight: bold;
}

.nav-contact {
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color:  #003764;
}

.nav-contact-search {
    text-align: right;
}
.nav-contact-search > a.btn {
    margin-bottom: 1.5em;
}

.nav-logo {
    max-width: 90%;
}

.nav-item {
    color: #143963;
    text-transform: uppercase;
    font-weight: bold;
}


.navbar-nav {
    position:  unset;
}

.nav-item a {
    color: #143963;
}

.nav-mid-block {
        font-size: 10pt;
}

.navbar-nav .nav-link {
    padding-left:  20px;
}

.vert-tag {
     writing-mode: vertical-rl;
     background-color: #61b5e1;
     padding: 10px;
     margin-bottom: 1em;
     color:  white;
     font-weight: bolder;
     font-size:  12pt;
     text-transform: uppercase;
}

.vert-drk-tag {
    writing-mode: vertical-rl;
    background-color: #053563;
    padding: 10px;
    margin-bottom: 1em;
    color:  white;
    font-weight: bolder;
    font-size:  12pt;
    text-transform: uppercase;
}

.bg-lt-blue {
    background-color: #62b4e4;
}

.btn-outline-kyinno {
    border: 2px solid white;
    padding: 5px 10px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    text-decoration: none;
    border-radius: unset;
    font-size: 10pt;
}

.en-in {
    height:  260px;
}

.en-in-img {
    height:280px;
    overflow: hidden;
}

.news-events h2 {
    color: #ffffff;
    font-size:  13pt;
    font-weight: bold;
}

.news-events {
    color:  #fff;
    font-size: 10pt;
}

.news {
    height:  250px;
    overflow: hidden;
}


.news:nth-of-type(2n) {
  margin-top: 20px;
}

.news-img {
    background-color: #ececec;
    background-size: cover;
    background-position: center;
}

.news-link{
    height: 100%;
    width: auto;
    display: block;
}

.events-img {
     height:  320px;
    overflow: hidden;
    background-color: #053563;
}

.events {
    height:  200px;
    overflow: hidden;
}


.news-events-left {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 20px;
}

.news-events-right {
padding-right: 0px;
padding-left: 0px;
}

.events {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 20px;
}

.btn-block {
    width: 100%;
}

.imagemap{
  position: relative;
}

.imagemap a{
  display: block;      
  position: absolute;

}

hr.spacer-10, hr.spacer-20, hr.spacer-30, hr.spacer-40, hr.spacer-60, hr.spacer-80 {
    background: none;
    border: none;
    height: 1px;
    width: 100%;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) { 
    .carousel-caption h1 {
        font-size: 12pt;
        color:  white;
    }

    .carousel-caption {
        font-size: 12pt;
    }

    .toggle-bars {
    text-align: right;
    float: right;
    font-size: 25pt;
    }

    .en-in-img {
        height:  180px;

    }
}

/* ephones, 600px and up) */
@media only screen and (min-width: 600px) {
    .carousel-caption {
    position: absolute;
    /* right: 15%; */
    right:  unset;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1rem;
    padding-bottom: 2rem; 
    color: #fff;
    text-align: unset;
}


    .carousel-caption h1 {
    text-transform: uppercase;
    margin-bottom:  10px; 
    font-size: 3em;
    color:  white;
    }

    .carousel-caption p {
    margin-bottom:  10px; 
    }

    .toggle-bars {
    text-align: right;
    float: right;
    font-size: 25pt;
    }



}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) { 

    .nav-mid-block {
        padding-top: 1em;
        font-size: 10pt;
    }

    .nav-last-block {
        padding-top:  .5em;
    }

     .nav-link {
        padding: .4em;
    }

    .nav-contact-search > a.btn {
        margin-bottom: .5em;
    }

    .nav-contact {
        font-size: 17px;
    }

    .nav-contact {
        font-size: 12px;
    }

    .social [class*="fa fa-"] {
    border-radius: 20px;
    height: 20px;
    line-height: 20px;
    margin: auto 1px;
    width: 20px;
    font-size: 14px;
    }


    .news-events-left {
        padding-left: 0px;
        padding-right: 20px;
    }

    .news-events-right {
        padding-right: 0px;
    }

   .en-in-img {
        height:  170px;

    }
 }
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) { 
     .nav-mid-block {
        font-size: 10pt;
        padding-top: 4em;
    }

    .nav-last-block {
        padding-top:  .5em;
    }

    .nav-contact-search > a.btn {
        margin-bottom: .5em;
    }

    .carousel-caption {
        position: absolute;
        /* right: 15%; */
        right:  unset;
        bottom: 1.25rem;
        left: 15%;
    padding-bottom: 11.25rem; 
        color: #fff;
        text-align: unset;
    }


    .carousel-caption h1 {
        text-transform: uppercase;
        margin-bottom:  30px; 
        color:  white;
    }

    .carousel-caption p {
    margin-bottom:  30px; 
    }

    .nav-link {
        padding: 0.2rem .2em;
    }

    .social [class*="fa fa-"] {
    border-radius: 20px;
    height: 20px;
    line-height: 20px;
    margin: auto 1px;
    width: 20px;
    font-size: 14px;
    }

    .nav-contact {
        font-size: 17px;
    }

 }
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) { 

    .nav-mid-block {
        padding-top: 4em;
        font-size: 11pt;
    }

    .nav-last-block {
        padding-top:  .5em;
    }

     .nav-link {
        padding: .6em;
    }

    .nav-contact-search > a.btn {
        margin-bottom: 1em;
    }

    .nav-contact {
        font-size: 20px;
    }

    .en-in-img {
        height:  300px;

    }

    .en-in-img img {
        width:  100%;
    }
}

@media only screen and (min-width: 1500px) { 
    .en-in-img {
        height:  380px;

    }

}