﻿/*
	Colour 1: #0078AE; Blue

*/
body {
    /*background: rgba(0, 0, 0, 0) url("/media/images/bk1.jpg") no-repeat fixed center center / cover;*/
    background-color: #FFF;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
}
p {
	font-family: "PT Sans",​Arial,​Helvetica,​sans-serif;
font-size:	13px;
font-weight:	400;
font-style: normal;
font-size-adjust:	none;
color: rgb(116,​ 116,​ 116);
line-height:	23px;
/*margin-bottom: 20px;*/
}
.red {
  color: #F4252D;
}
h2{font-size: 18px;}
.no-padding { padding:0px; }

.navbar-fixed-top {
    border-bottom: 0px;
}
.fusion-title.fusion-sep-none .title-heading-right {
    padding: 0;
    text-align: right;
}
.fusion-title .title-sep-container {
    flex-grow: 1;
    height: 6px;
    position: relative;
}
.fusion-title.sep-underline {
    border-bottom: 1px solid #e7e6e6;
    display: block;
    padding-bottom: 10px;
    width: 100%;
}


.fusion-title .title-sep.sep-double {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 6px;
}
.fusion-title .title-sep, .fusion-title.sep-underline, .product .product-border {
    border-color: #e0dede;
}
.fusion-title .title-sep {
    border: 0 solid #e7e6e6;
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
}

.fusion-title {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 31px;
    overflow: hidden;
}
.fusion-title h1, .fusion-title h2, .fusion-title h3, .fusion-title h4, .fusion-title h5, .fusion-title h6, .comment-respond .fusion-title .comment-reply-title {
    flex-grow: 0;
    line-height: normal;
    margin: 0;
    padding: 0 8px 0 0;
}
.fusion-title h1.title-heading-left, .fusion-title h2.title-heading-left, .fusion-title h3.title-heading-left, .fusion-title h4.title-heading-left, .fusion-title h5.title-heading-left, .fusion-title h6.title-heading-left, .comment-respond .fusion-title .comment-reply-title.title-heading-left {
    padding-right: 8px;
    text-align: left;
}
.fusion-title h1.title-heading-left .fontawesome-icon, .fusion-title h2.title-heading-left .fontawesome-icon, .fusion-title h3.title-heading-left .fontawesome-icon, .fusion-title h4.title-heading-left .fontawesome-icon, .fusion-title h5.title-heading-left .fontawesome-icon, .fusion-title h6.title-heading-left .fontawesome-icon, .comment-respond .fusion-title .comment-reply-title.title-heading-left .fontawesome-icon {
    margin-left: 10px;
}




.navbar-nav > li > a {
	padding-top: 34px;
	padding-bottom: 33px;
	font-size: 12px;
    background-color: #FFF;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {


/*.navbar-nav > li > a:hover {*/
	padding-top: 31px;
	padding-bottom: 31px;
  border-top: 3px solid #F4252D;
	background-color: white;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
.navbar-nav > li > a:hover {

background-color: #FFF;
	}

h1,h2,h3 {font-family: "raleway"}
h1 {
	text-align:center;
	font-weight: 200;
}


.white_bg {
    background-color: #FFF;
}

.title_bar{
	/*background-color: #f6f6f6;
    background-image: url("/media/images/grey_bg.png");
	 height: 87px;

	*/
    background-size: auto auto;



    border-color: #d2d3d4;

    border-bottom-width: 1px;
    border-top-width: 1px;
}
h1.title {
    font-family: "museo300";
	font-size:  16px;
	text-align: center;
	padding-top: 16px;
	display: block;
	padding: 20px;
	background-color: #f6f6f6;
    margin: 0px!important;
    /*background-image: url("/media/images/grey_bg.png");*/

}


.title-heading-left{font-family: "museo300";}
.top-footer {

    background-color: #363839;
    color: #8c8989;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding: 30px;
    text-transform: uppercase;
}

.top-footer  h4 {
    color: #dddddd;
    font-size:14px;
    margin-bottom: 28px;
}

.top-footer ul {
    padding: 0px;
}
.top-footer  li {
    list-style: none;
    padding-bottom: 8px;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 8px;

}


.top-footer  a {
    color: #bfbfbf;
    font-size: 13px;
    line-height: 20px;
    display: block;

}

.top-footer li a {
    padding-top: 0px;
}

.top-footer  a:hover {
    color: #F4252D;
    text-decoration: none;
}


.bottom-footer {
    background-color: #282a2b;
    border-color: #4b4c4d;
    padding: 10px 30px;
    color: #8c8989;
    font-size: 11px;
    border-top: solid;
    border-top-width: 1px;
    text-align: center;
    /*min-height: 50px;*/
}

.form-control {
    border: 1px solid #d2d2d2;
    border-radius: 0px;
    font-size: 12px;
}

.control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left;
}

.btn-primary {
    border-radius: 0px;
    background-color:#F4252D;
    border: none;
}
.btn-primary:hover{
    background-color: #FE0814;
}

.alert {
    border-radius: 0px;
}

/*
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: #fff!important;
  border: none;
}
*/
/* Medium Devices, Desktops */
@media (min-width : 992px) {
	.container {
		width: 970px;
	}

	.main {
		margin-top: 80px;
	}
}
@media (min-width: 768px) {
	
    .navbar { height: 86px; background-color: #FFF;}
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: #fff;
      border-top: none;
    }
    .navbar-brand > img { height: 55px; width: 140px; }

}




@media (max-width: 767px) {
	#lhc_status_container {
		float:left!important;
		width: 100%!important;
	}
	
	
.navbar-brand {padding-top: 8px;}
    .navbar-header {height: 65px;}
    .main { margin-top: 65px; }
    #navbar.navbar-collapse {
      height:100% !important;

   }
   .navbar-brand > img { height: 35px; }
    #navbar {
        margin: 43px -30px 10px -30px;
    }
	
	.navbar-collapse .collapse .in {
		margin-top: 45px;
	}
    .navbar-collapse {background-color: #FFF; 
		min-height: 100%; 
		
		
		}
    .navbar-header {
        background-color: #FFF;
    }

.navbar-nav > li > .dropdown-menu {
  border-radius: 0;
  height:100% !important;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-nav > li > a {

    border-top: 1px solid rgba(255, 255, 255, 0.04);
    color: #FFF; /*rgba(255, 255, 255, 0.6);*/
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 14px 25px;
    transition: color 250ms ease 0s;
    white-space: nowrap;

    font-family: "Open Sans",sans-serif;
    font-size: 12px;

}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #fff;
        background-color: #22242b;
    }

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    display: block;
    position: relative;
    /*background: #282A2B none repeat scroll 0 0;*/
    background-color: #e7e7e7;
    color: #555;
}

.dropdown > ul {
    padding: 0px;
}



.nav > li > a {
    display: block;
    position: relative;
    background: #2a2c34 none repeat scroll 0 0;
}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #F12530;
    background-color: transparent;
    border-left: 2px solid #EF242C;
  }


    .navbar-nav .open .dropdown-menu {
        background: #2a2c34 none repeat scroll 0 0;
    }
    .navbar-nav {
        margin-top: 0px;
    }

    .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background: #22242b none repeat scroll 0 0;
        border-left: 2px solid #EF242C;
        color: #FFF;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: inherit;
        height: 100%;

    }
}
