@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
body {
  font-family: 'Open Sans', 'sans-serif';
}
ul li, ul , li {
    list-style: none;
}
a:hover{
    text-decoration: none;
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-top: 4px solid #337a77;
    background: #f1fcff;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #337ab7;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}
.app-box{
    text-align: center;
    box-shadow: 3px black;
    border-radius: 3px;
    border: 1px solid #ddd;
    height: 280px;
}
.app-box p {
    text-align: inherit;
    padding: 5px;
}
.app-box .banner{
    background: url('../img/bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
}
.app-box .banner span, .app-box img, .app-box i{
    display: none;
}
.app-box .banner:hover .app-box .banner span{
    display: inline-block;
}
.app-box .banner:hover .app-box .banner{

}
#footer{
    background: #112D63;
    #padding: 50px 3px;
    #color: #fff;
}
#footer ul li a, #footer  ul li, #footer .footer-links, .footer-links{
    color: $fff;
}
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}
.carousel-inner .item a img, .carousel-inner .item img {
    line-height: 1;
    height: 360px;
    width: 100%;
}
.carousel-caption{
    height: 100px;
    font-size: normal;
    bottom: 0;
    text-align: center;
}

.carousel-inner .item img:hover .carousel-caption{
    display: inline-block;
}
.thumbnail{
    background: #1253b4;
    color: #f1fcff;
    font-size: small; 
    text-decoration: none;
    padding: 5px 7px;
    text-align: center;
    cursor: pointer;
    height: 75px;
}
.thumbnail .active , .thumbnail > .active, .thumbnail:active{
    color: #1253b4;
    background: #f1fcff;
}
.thumbnail a,.thumbnail a:hover, .thumbnail, .thumbnail:hover {text-decoration: none;color:#fff;}
.thumbnail a:hover{color: #fff;font-size: large;}
.circle-blue-white span {
    background: #1253b4;
    color: #f1fcff;
    border-radius: 50%;
    padding: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
}
.center{
    text-align: center;
    vertical-align: middle;
    align-items:center;
    display: flex;
}
.card{padding: 12px 7px; margin: 3px; box-shadow: 3px; border-radius: 3px;}