/*header, footer, section, aside, nav, article, figure { display: block; padding: 0; margin: 0; }*/

html, body 
{
    height: 100%;
}

.border-red { border: 3px solid red; }
.border-green { border: 3px solid green; }
.border-blue { border: 3px solid blue; }
.border-yellow { border: 3px solid yellow; }

.height05 { height: 5%; min-height: 5% }
.height10 { height: 10%; min-height: 10% }
.height15 { height: 15%; min-height: 15% }
.height20 { height: 20%; min-height: 20% }
.height25 { height: 25%; min-height: 25% }
.height30 { height: 30%; min-height: 30% }
.height35 { height: 35%; min-height: 35% }
.height40 { height: 40%; min-height: 40% }
.height45 { height: 45%; min-height: 45% }
.height50 { height: 50%; min-height: 50% }
.height55 { height: 55%; min-height: 55% }
.height60 { height: 60%; min-height: 60% }
.height65 { height: 65%; min-height: 65% }
.height70 { height: 70%; min-height: 70% }
.height75 { height: 75%; min-height: 75% }
.height80 { height: 80%; min-height: 80% }
.height85 { height: 85%; min-height: 85% }
.height90 { height: 90%; min-height: 90% }
.height100 { height: 100%; min-height: 100% }

.top10 { top: 30%; }

.top10px { top: 10px; }
.top20px { top: 20px; }
.top30px { top: 30px; }

.bold { font-weight: bold; }
.floatright { float: right; }

.push {
    height: 50px;
}

.width100px { width: 100px; }
.width150px { width: 150px; }
.width175px { width: 175px; }
.width200px { width: 200px; }

body {
  background: none;
}

header {
  background: none;
  background-color: white;
  border-bottom: 5px solid white;  
}


    header h1 a, header h1 a:visited, header h1 a:hover {
        color: #021E35;
        text-decoration: none;
        font-size: 45px;
        line-height: 55px;
    }

.sub-header {
    color: white;
    font-family: Inter,"oswaldregular", sans-serif;
    font-weight: normal;
    font-size: 17.5px;
    line-height: 40px;
}

 
.btn-custom { background-color: hsl(0, 0%, 34%) !important; 
  background-repeat: repeat-x; 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#898989", endColorstr="#565656"); 
  background-image: -khtml-gradient(linear, left top, left bottom, from(#898989), to(#565656)); 
  background-image: -moz-linear-gradient(top, #898989, #565656); 
  background-image: -ms-linear-gradient(top, #898989, #565656); 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #898989), color-stop(100%, #565656)); 
  background-image: -webkit-linear-gradient(top, #898989, #565656); 
  background-image: -o-linear-gradient(top, #898989, #565656); 
  background-image: linear-gradient(#898989, #565656); 
  border-color: #565656 #565656 hsl(0, 0%, 29%); 
  color: #fff !important; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); 
  -webkit-font-smoothing: antialiased; 
}



/*
.btn-controls {
  background-color: hsl(195, 60%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d95b7", endColorstr="#23748e");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2d95b7), to(#23748e));
  background-image: -moz-linear-gradient(top, #2d95b7, #23748e);
  background-image: -ms-linear-gradient(top, #2d95b7, #23748e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d95b7), color-stop(100%, #23748e));
  background-image: -webkit-linear-gradient(top, #2d95b7, #23748e);
  background-image: -o-linear-gradient(top, #2d95b7, #23748e);
  background-image: linear-gradient(#2d95b7, #23748e);
  border-color: #23748e #23748e hsl(195, 60%, 32.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
}
*/

.headerpush {
  height: 200px;
}

.error-display {
  background: #fff url('../../img/body-back.png') repeat;
  text-align: center;  
  height: 45px;
}

.error-text {
    color: red;
    font-size: 20px;
    font-family: Inter,"oswaldregular", sans-serif;
}

@media (max-width: 295px) {
  .select-agency-label {
    display: none;
  }
  .select-agency {
    width: 100%;
  }  
}

@media (max-width: 350px) AND (min-width: 296px) {
  .select-agency {
    width: 150px;
  }
}

@media (max-width: 450px) {
  .lga-logo {
    display: none;
  }
}

@media (max-width: 767px) {
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: 0px;
    margin-left: 0px;
  }
  .navbar, header, footer {
    margin-left: 0px;
    margin-right: 0px;
  } 
  .navbar {
    margin-left: -20px;
    margin-right: -20px;
  }    
  .modal {
    right: auto;
    left: 50%;  
  }
  .modal.fade.in {
    top: 10%;
  }
  .phone-hide {
    display: none;
  }
  .browser { 
    display: none;
  }  
}

@media (max-width: 979px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
  }
  .browser, .maxchars { 
    display: none;
  }  
  .name {
    margin-left: 20px;
  }  
  .sub-header {
    margin-left: 10px;
  }
}

@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;   
  } 
  .nav-collapse, collapse
  {
    width: 1170px;  
    left: -115px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}

@media (max-width: 768px) {
    #accept.cookie-ok-button {
        font-weight: 700 !important;
    }
}

.cookie-ok-button {
    background-color: #006EF5;
    color: #fff;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 12px;
    border: 1px solid #006EF5;
    border-radius: 2px;
    text-decoration: none !important;
    cursor: pointer;
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 1;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    padding: 8px 16px;
}

    .cookie-ok-button:hover {
        color: #fff;
    }

.cookie-data {
    width: 50%;
    display: flex;
    float: none;
    margin: 0 auto;
    align-items: center;
}

.cookie-popup {
    display: none;
    background-color: #f6f6f6 !important;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1500;

}

.cookie-message {
    padding: 15px;
    padding-left: 0px;
    margin: 0px !important;
    color: #021E35;
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
}

    .cookie-message a {
        color: #006EF5 !important;
        text-decoration: none !important;
    }

.message-container {
    display: flex;
    align-items: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}