#header_bar
{
    background-color: #004991;
}

#home_image
{
    display: none;
}

#strapline h1
{
    font-size: 44px;
}

.navbar-default 
{
    background: transparent;
    border: none;
}

.navbar-default .navbar-nav > li > a
{
    color: white;
    border-bottom: 2px solid #004991;
}

.navbar-default .navbar-nav > li > a:hover 
{
    color: white;
    border-bottom: 2px solid white;  
}

.navbar-default
.navbar-toggle:hover, .navbar-default
.navbar-toggle:focus 
{
    border-color: transparent;
	background-color: inherit;
}

.navbar-default
.navbar-toggle 
{
    border-color: transparent;
	background-color: inherit;
	color: white;
}

.main_reverse
{
    background-color: #004991;
}

.container-reverse
{
    background-color: #004991;
    color: white;
    padding: 18px 16px 48px 16px;
}

.container-featurelist
{
    padding: 18px 16px 24px 16px;
}

.clack-panel > a
{
    color: #333;
    text-decoration: none;
    outline: none;
}

.clack-panel-reverse
{
    background-color: transparent;
    -webkit-box-shadow: 0 0px 0px transparent;
    box-shadow: 0 0px 0px transparent;
}

.clack-panel-reverse > a
{
    color: white;
}

.clack-panel-reverse > a:hover
{
    color: white;
}

.clack-panel-special
{
    padding: 1.5em 2em;
    border: solid 2px white;
    border-radius: 0.5em;
    color: white;
    margin-bottom: 1em;
}

.clack-panel-special:hover
{
    background-color: #2069b1;
}

.clack-panel-special > a
{
    color: white;
}

.clack-panel-special > a:hover
{
    text-decoration: none;
}

/***** Slider ******/

.container-fluid {
overflow: hidden !important;
}

#slider {
margin: 0 auto;
width: 100%;
height: 130px;
position: relative;
overflow: hidden !important;
}

#slide1 {
width: 100%;
position: absolute;
-webkit-animation: slide1-animation 42s ease infinite; /* Chrome, Safari, Opera */ 
animation: slide1-animation 42s ease infinite;
}

#slide2 {
width: 100%;
position: absolute;
position: absolute;
left:-2250px;
-webkit-animation: slide2-animation 42s ease infinite; /* Chrome, Safari, Opera */ 
animation: slide2-animation 42s ease infinite;
}

#slide3 {
width: 100%;
position: absolute;
left:-2250px;
-webkit-animation: slide3-animation 42s ease infinite; /* Chrome, Safari, Opera */ 
animation: slide3-animation 42s ease infinite;
}

#slide4 {
width: 100%;
position: absolute;
left:-2250px;
-webkit-animation: slide4-animation 42s ease infinite; /* Chrome, Safari, Opera */ 
animation: slide4-animation 42s ease infinite;
}

@Keyframes slide1-animation {
0%{left: 0px}
22%{left: 0px}
22.5%{left: 200%}
100%{left: 200%}
}

@Keyframes slide2-animation {
0%{left: 0px; visibility: hidden}
22.5%{left: 0px;visibility: hidden}
23%{left: 0px}
46%{left: 0px}
46.5%{left: 200%}
100%{left: 200%}
}

@Keyframes slide3-animation {
0%{left: 0px; visibility: hidden}
46.5%{left: 0px;visibility: hidden}
47%{left: 0px}
70%{left: 0px}
70.5%{left: 200%}
100%{left: 200%}
}

@Keyframes slide4-animation {
0%{left: 0px; visibility: hidden}
70.5%{left: 0px;visibility: hidden}
71%{left: 0px}
99.5%{left: 0px}
100%{left: 200%}
}

@-webkit-Keyframes slide1-animation {
0%{left: 0px}
22%{left: 0px}
22.5%{left: 200%}
100%{left: 200%}
}

@-webkit-Keyframes slide2-animation {
0%{left: 0px; visibility: hidden}
22%{left: 0px;visibility: hidden}
22.5%{left: 0px}
46%{left: 0px}
46.5%{left: 200%}
100%{left: 200%}
}

@-webkit-Keyframes slide3-animation {
0%{left: 0px; visibility: hidden}
46.5%{left: 0px;visibility: hidden}
47%{left: 0px}
70%{left: 0px}
70.5%{left: 200%}
100%{left: 200%}
}

@-webkit-Keyframes slide4-animation {
0%{left: 0px; visibility: hidden}
70.5%{left: 0px;visibility: hidden}
71%{left: 0px}
99.5%{left: 0px}
100%{left: 200%}
}

#strapline
{
    background-color: #004991;
    color: white;
    margin-bottom: 0px;
    padding-top: 3em;
    padding-bottom: 1em;
}

h2 { margin-bottom: 24px; }

.leaditem
{
    padding-top: 2vh;
    padding-bottom: 8vh;
    border-bottom: 1px dashed #D2EDFF;
    margin-bottom: 4vh;
}

.magnify
{
    cursor: pointer;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.magnify:hover
{
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

@media (max-width: 992px)
{
    #slider h1
    {
        font-size: 38px;
    }
}

@media (max-width: 768px)
{
    #slider h1
    {
        font-size: 26px;
    }
    #headlineFeatures a {
        margin-bottom: 48px;
    }
}

#sub-logo:hover {
    color: #004991!important;
    cursor: default;
}
#header_bar div>a {
    cursor: default;
}

#page-logo {
    display: none;
}