/* CUSTOM COLOURS   
----------------------------------------------------------*/

/*WHITE*/
.bg-white {
    background:#fff;}	
.txt-white{
    color:#fff;}
/*BLACK*/
.bg-black {
    background:#000;}	
.txt-black{
    color:#000;}		
/*GREY*/
.bg-light-grey {
    background:#f5f5f5;}
.txt-light-grey{
    color:#f5f5f5;}
.bg-medium-grey {
    background: #999999;}
.txt-medium-grey{
    color:#999999;}

.bg-dark-grey {
    background:#323637;}
.txt-dark-grey{
    color:#323637;}

.txt-red {
    color: #df212a;}


/* BASIC HTML   
----------------------------------------------------------*/
body{
    color:#3c4a55;
    background:#ecf3f7;
}
.container{background:#fff;}
h1 {
    color:#}
h2 {
    color:#}
h3 {
    color:#}
h4 {
    color:#}
h5, h6{
    color:#}

a {
    color: #3c4a55;}
a:hover {
    color: #3c4a55;}
a:active {
    color: #000;}
p a, span a {text-decoration: underline;}


/* MISC  
----------------------------------------------------------*/
.requirement, .error {
    color: #c7254e;}
.clear { clear: both;}
hr {color:#ccc; background:#ccc; border:none; height:1px;}

::selection,::-moz-selection,::-webkit-selection{
	background:#323232;
	color:#fff;
}

    /*STICKY FOOTER*/
    footer, .page-wrap:after {
      /* .push must be the same height as footer */
      height: 30px; 
    }
    .page-wrap {
      /* equal to footer height */
      margin-bottom: -30px; 
    }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/



/*BUTTONS*/ 
  input[type="submit"],input[type="button"],
  input[type="submit"].btn-default,input[type="button"].btn-default,a.btn-default {
    background: #00539b;
    border: 1px solid #02447d;
    color: #fff!important;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;  /*text-shadow: 0 1px rgba(0, 0, 0, 0.5);*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    }
    input[type="submit"]:hover,input[type="button"]:hover,
    input[type="submit"].btn:hover,input[type="button"].btn:hover,a.btn:hover  {
        border: 1px solid #02447d;
        background: #02447d;
        /*-moz-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);*/
        }
    input[type="submit"]:active,input[type="button"]:active,
     input[type="submit"].btn:active,input[type="button"].btn:active,a.btn:active {
        top:1px;
        }


/* RESPONSIVE CSS
-------------------------------------------------- */

/* Landscape phone and down */
@media (max-width:767px){
    .no-mobile{display:none}
}

/* Landscape phone to portrait tablet */
@media (min-width:768px){

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Large desktop */ 
@media (min-width:1200px){

}