@import "../fonts/HeroicCondensed/stylesheet.css";
@import "../fonts/NovecentoWide/stylesheet.css";
@import "../fonts/ProximaNova/stylesheet.css";

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	
	.navbar-default .navbar-nav > li > a:hover{
        background-color: #0060ab;
    }
}

/*
NAVBAR COLOR CHANGES
*/

.navbar-default {
  background-color: #0081e5;
  border-color: #99cdf5;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #0081e5;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #99cdf5;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #0081e5;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #99cdf5;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #99cdf5;
}
.navbar-default .navbar-toggle {
  border-color: #99cdf5;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #99cdf5;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #99cdf5;
  }
}


body{
	background-image:url('../img/bg.png');
	padding-bottom:60px;
}

.proxima{
	font-family:proximaNova;
}

.proximaLight{
	font-family:proximaNovaLight;
}

.proximaBlack{
	font-family:proximaNovaBlack;
}

.heroicCondensed{
	font-family:heroicCondensed;
}

.novecentoWide{
	font-family:novecentoWide;
}

.inline-block{
	display:inline-block;
}

.vertical-top{
	vertical-align:top;
}

.vertical-middle{
	vertical-align:middle;
}

.menu-block{
height: 109px;
text-align: right;
line-height: 109px;
}

.hippo-circle{
	text-align:center;
	
	border-radius:50%;
	display: block;
    margin-left: auto;
    margin-right: auto 
}

.hippo-blue{
	color:#092850;
	font-size:16px;
}

.hippo-white{
	color:#ffffff;
	font-size:16px;
}

.pull-middle{
	text-align:center;
	display: block;
    margin-left: auto;
    margin-right: auto 
}

.font-normal{
	font-weight:normal !important;
}

.font-bold{
	font-weight:bold !important;
}

.no-padding{
	padding-left:0px;
	padding-right:0px;
}

.hippo-blue-div{
	padding-top:45px;
	background-color:#0081e5;
	padding-bottom:55px;
}

.round-square{
	border-radius:35px;
}

.hippo-menu{
	display:inline-block;
	vertical-align:top;
/*width:150px;*/
	padding-left:25px;
	padding-right:25px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	
	
	webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

.hippo-menu:hover{
	background-color:#FFF;
	color:#0081e5;
	text-decoration:none;
}

.hippo-bg{
	background: url('../img/hippo-bg.jpg') no-repeat center center; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}


.hippo-h1{
	font-size:48px;
	color:#092850;
	margin-top:30px;
	margin-bottom:40px;
	font-family:proximaNovaLight;
	text-align:center;
	display: block;
    margin-left: auto;
    margin-right: auto 
}

.hippo-label{
	color:#092850;
	font-family:proximaNovaLight;
}

.hippo-h3{
	color:#092850;
	font-family:proximaNovaLight;
}

#hippo-section4{
	min-height:478px;
	background: url('../img/bg4.png') no-repeat center center; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.hippo-btn{
	background: url('../img/btn-bg.png') no-repeat center center;
	
	color:#FFFFFF;
	border:none;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	margin-left:auto;
	margin-right:auto;
	
	
}

.hippo-btn:hover{
	background: url('../img/btn-bg2.png') no-repeat center center; 
	text-decoration:none;
	color:#FFFFFF;
}

#hippo-bottom{
	min-height:150px;
	background-color:#f5f6f7;
}

#content_wrapper{
	box-shadow:0px 3px 18px 2px  #CDCDCD;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	margin-top:0px;
	min-height:500px;	
	background-color:#FFF;
}

#hippo-menu{
	background-color:#0081e5;
}

#hippo-banner{
	padding-left:0px !important;
	padding-right:0px !important;
}