body {
font-family: 'Open Sans', sans-serif;
color: #58595b;
font-size: 1.6em;
line-height: 1.25em;
font-weight: 400
}

ul {
list-style-type: none
}

a {
text-decoration: underline;
}

.banner {
  padding-top: 42px;
  background-position: center top;
  background-repeat: no-repeat
}

.top {
background-color: #11385D;
font-size: 16.67px;
color: #fff;
min-height: 36px
}

.homebanner {
min-height: 565px;
padding-bottom: 75px
}

.homebanner h1 {
font-size: 2.625em;
line-height: 1.0333333em;
font-weight: 600;
color: #58595b;
}

p {
margin: 0 0 1.25em
}

.row {
display: grid;
justify-items: center;
}

fieldset {
  min-height: 200px;
margin-top: 2em;
padding: 0;
position: inherit;
}

fieldset label,
legend {
color: #58595b;
display: initial;
font-size: 1em;
font-family: 'Open Sans';
font-weight: 600 !important
}

legend {
border-bottom: none;
margin-bottom: 0.5em;
}

.formArea {
  padding: 450px 0 0 100px
}

.input-group {
  width: 100%;
padding-left: 15px;
}

input[type=email],
input[type=tel],
input[type=text] {
  border-radius: 6px !important;
  border: solid 1px #dbdee7;
  background-color: #fff;
  color: #8c8c8c !important;
  font-size: 14px
}



form {
  font-family: "Open Sans"
}

.btn-calculation,
input[type=button] {
  background-color: #ffc758;
border: 1px solid #ffc758;
  border: 0;
  border-radius: 6px;
  padding: 15px 75px;
  color: #58595b;
  font-weight: 700;
  margin: 20px 0;
  font-size: 18px;
  width: 100%
}

:focus {
  outline: 0
}

.error {
color: red;
}

.btn:hover {
background-color: #ffffff;
border: 1px solid #ffc758;
}

.footnote {
  color: #666;
  margin-top: 0;
  font-size: 0.75em;
  line-height: 1.333334em;
}

@media only screen and (min-width:1023px) {
  .navbar-collapse {
    float: right
  }

  .content-top ul li {
    display: inline-block;
    width: 40%;
    margin: 0 40px 70px
  }
}

@media only screen and (max-width:1023px) {

  .contactbanner,
  .homebanner {
    padding-top: 0;
    min-height: 990px
  }
}

@media only screen and (max-width:991px) {
  .container {
    width: 100%
  }

  .banner {
    background-image: none !important
  }

  .mobilehide {
    display: none
  }

  .white-bg-form {
    padding: 20px;
    border-right: none
  }

  .formArea {
    padding: 20px !important
  }

  .header {
    padding: 48px 0 30px 0
  }

  .footer-bottom {
    display: none
  }
}

@media only screen and (max-width:480px) {
  .brochureimage {
    width: 100%;
    margin-right: 0
  }

  .brochureimage img {
    max-width: 338px
  }

  .brochuretext {
    width: 100%
  }
}