/* Color Variables */
/* Media Query Veriables */
/* Common Variables */
button:focus,
a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: none !important; }

select::-moz-focusring {
  outline: none !important; }

ul, ol {
  list-style: none;
  padding: 0;
  margin-bottom: 0 !important; }

select:focus {
  background-color: transparent !important; }

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
ul,
ol,
fieldset,
pre {
  margin: 0;
  padding: 0;
  font-size: 100%; }

h1 {
  font-size: 400%;
  padding: 30px 0 15px 0; }

h2 {
  font-size: 300%;
  padding: 30px 0 15px 0; }

h3 {
  font-size: 275%;
  padding: 30px 0 15px 0; }

h4 {
  font-size: 250%;
  padding: 30px 0 15px 0; }

h5 {
  font-size: 225%;
  padding: 30px 0 15px 0; }

h6 {
  font-size: 200%;
  padding: 30px 0 15px 0; }

p,
form,
ul,
ol,
fieldset,
pre {
  padding: 5px 0 10px;
  line-height: 150%;
  font-size: 150%; }

header.masthead {
  position: relative;
  padding: 25px;
  text-align: center;
  color: #FFFFFF; }
  header.masthead h1 {
    padding: 0px;
    font-size: 24px; }
    header.masthead h1 a {
      margin: 10px;
      display: inline-block;
      background: no-repeat center;
      width: 222px;
      height: 120px;
      text-indent: -999px;
      overflow: hidden;
      background-size: cover; }

footer.footer {
  position: relative;
  padding: 25px;
  text-align: center;
  color: #FFFFFF;
  font-size: smaller;
  color: #AAA;
  padding: 40px 40px 30px 40px; }
  footer.footer .partner-logo img {
    max-width: 150px; }
  footer.footer .footer-nav {
    margin-top: 5px; }
    footer.footer .footer-nav ul {
      list-style: none;
      padding-top: 15px;
      font-size: 100%; }
      footer.footer .footer-nav ul li {
        display: inline;
        border-right: 1px solid white; }
        footer.footer .footer-nav ul li:last-child {
          border-right: none; }
        footer.footer .footer-nav ul li a {
          margin: 0px 10px;
          padding: 0;
          font-size: 15px;
          line-height: 100%;
          color: white;
          text-decoration: none; }
          footer.footer .footer-nav ul li a:hover {
            color: #AAA; }
  footer.footer .copyright {
    padding-top: 5px; }
    footer.footer .copyright p {
      margin: 0;
      padding: 0;
      font-size: 100%; }

section.banner .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px;
  overflow: visible; }
  @media only screen and (max-width: 992px) {
    section.banner .container {
      padding: 0px; } }
  section.banner .container .banner-content {
    text-align: center; }
    @media only screen and (max-width: 992px) {
      section.banner .container .banner-content {
        margin: 0px 25px; } }

section.content-box {
  background-size: cover;
  color: #fff;
  text-align: center;
  background: #555 fixed center; }
  section.content-box .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 50px 150px 50px; }
    @media only screen and (max-width: 992px) {
      section.content-box .container {
        padding: 50px 30px 50px 30px; } }
    section.content-box .container .content-box-top-image.image-holder img {
      width: 100%;
      max-width: 575px; }
    section.content-box .container .content-box-row {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    section.content-box .container .content-box-col-media,
    section.content-box .container .content-box-col-text {
      flex: 0 0 100%;
      max-width: 100%; }
    @media only screen and (min-width: 1200px) {
      section.content-box .container .content-box-col-media {
        flex: 0 0 50%;
        max-width: 50%;
        order: 1; }
      section.content-box .container .content-box-col-text {
        flex: 0 0 50%;
        max-width: 50%;
        order: 2; }
      section.content-box .container .content-box-row--reverse .content-box-col-media {
        order: 2; }
      section.content-box .container .content-box-row--reverse .content-box-col-text {
        order: 1; } }
    section.content-box .container .image-holder {
      min-height: 300px;
      line-height: 300px; }
      @media only screen and (max-width: 992px) {
        section.content-box .container .image-holder {
          min-height: 135px;
          line-height: 100px;
          padding: 0px; } }
      section.content-box .container .image-holder img {
        vertical-align: middle;
        max-width: 100%;
        height: auto; }
    @media only screen and (max-width: 992px) {
      section.content-box .container .content-holder {
        padding: 0px 0px 0px 0px; } }
    section.content-box .container .content-holder .content-details {
      margin: 15px 50px 0px 60px;
      display: inline-block;
      background: rgba(0, 0, 0, 0.8);
      text-align: left;
      padding: 30px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box; }
      @media only screen and (max-width: 992px) {
        section.content-box .container .content-holder .content-details {
          margin: 25px 0px; } }
      section.content-box .container .content-holder .content-details h1 {
        font-size: 250%;
        padding: 20px 0 10px 0; }
      section.content-box .container .content-holder .content-details h2 {
        font-size: 200%;
        padding: 20px 0 10px 0;
        font-weight: 700;
        text-align: center; }
        @media only screen and (max-width: 992px) {
          section.content-box .container .content-holder .content-details h2 {
            font-size: 26px; } }
      section.content-box .container .content-holder .content-details h3 {
        font-size: 180%;
        padding-bottom: 10px; }
      section.content-box .container .content-holder .content-details h4 {
        font-size: 160%;
        padding-bottom: 10px; }
      section.content-box .container .content-holder .content-details h5 {
        font-size: 150%;
        padding-bottom: 10px; }
      section.content-box .container .content-holder .content-details h6 {
        font-size: 140%;
        padding-bottom: 10px; }
      section.content-box .container .content-holder .content-details p,
      section.content-box .container .content-holder .content-details form,
      section.content-box .container .content-holder .content-details ul,
      section.content-box .container .content-holder .content-details ol,
      section.content-box .container .content-holder .content-details fieldset,
      section.content-box .container .content-holder .content-details pre {
        line-height: 175%;
        font-size: 110%; }
        @media only screen and (max-width: 992px) {
          section.content-box .container .content-holder .content-details p,
          section.content-box .container .content-holder .content-details form,
          section.content-box .container .content-holder .content-details ul,
          section.content-box .container .content-holder .content-details ol,
          section.content-box .container .content-holder .content-details fieldset,
          section.content-box .container .content-holder .content-details pre {
            line-height: 160%;
            font-size: 95%;
            text-align: center; } }
      section.content-box .container .content-holder .content-details .cta-button {
        padding: 15px 0 0 0;
        line-height: 150%; }
        section.content-box .container .content-holder .content-details .cta-button a {
          display: block;
          background: #3a464a;
          color: #fff;
          font-weight: bold;
          text-transform: uppercase;
          padding: 15px;
          font-size: 115%;
          text-align: center;
          text-decoration: none;
          letter-spacing: 1px;
          transition: background-color 0.2s ease;
          -moz-transition: background-color 0.2s ease;
          -webkit-transition: background-color 0.2s ease;
          -o-transition: background-color 0.2s ease; }

section.about .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px;
  overflow: auto;
  text-align: center; }
  section.about .container h2 {
    font-size: 300%;
    padding-bottom: 20px;
    font-weight: 700; }
    @media only screen and (max-width: 992px) {
      section.about .container h2 {
        font-size: 200%; } }
  section.about .container p {
    padding: 5px 0 10px;
    line-height: 150%;
    margin: 0px;
    font-size: 100%; }
    @media only screen and (max-width: 992px) {
      section.about .container p {
        font-size: 90%; } }
  section.about .container .about-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center; }
  section.about .container .about-col {
    flex: 0 0 100%;
    max-width: 100%; }
    @media only screen and (min-width: 768px) {
      section.about .container .about-col {
        flex: 0 0 50%;
        max-width: 50%; } }
    @media only screen and (min-width: 992px) {
      section.about .container .about-col {
        flex: 0 0 33.333%;
        max-width: 33.333%; } }
  section.about .container .contact {
    margin: 25px 0;
    vertical-align: top;
    display: inline-block; }
    section.about .container .contact img {
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px;
      -o-border-radius: 100px; }
    section.about .container .contact .details {
      padding: 15px 10px 0; }
    section.about .container .contact h3 {
      font-size: 180%;
      line-height: 150%;
      margin: 0;
      padding: 0;
      font-weight: bold; }
      @media only screen and (max-width: 992px) {
        section.about .container .contact h3 {
          font-size: 150%; } }
    section.about .container .contact h4 {
      font-size: 120%;
      line-height: 150%;
      margin: 0;
      padding: 0;
      font-weight: bold; }
      @media only screen and (max-width: 992px) {
        section.about .container .contact h4 {
          font-size: 110%; } }
    section.about .container .contact .note {
      padding: 15px 30px; }
    section.about .container .contact p {
      padding: 5px 0 10px;
      line-height: 150%;
      margin: 0;
      padding: 0;
      font-size: 100%;
      color: #303637; }
      @media only screen and (max-width: 992px) {
        section.about .container .contact p {
          font-size: 90%; } }

section.contact .container {
  max-width: 1200px;
  margin: 0 auto;
  /*padding: 30px;*/
  overflow: auto;
  text-align: center; }
  section.contact .container h2 {
    font-size: 300%;
    padding-bottom: 20px;
    font-weight: 700; }
    @media only screen and (max-width: 992px) {
      section.contact .container h2 {
        font-size: 200%; } }
  section.contact .container .contact-col,
  section.contact .container .contact-col-half {
    width: 100%; 
	padding: 0px 30px;
}
  @media only screen and (min-width: 992px) {
    section.contact .container .contact-col {
      width: 66.667%;
      margin: 0 auto; }
    section.contact .container .contact-col-half {
      width: 50%;
      margin: 0 auto; } }
  section.contact .container .wpcf7-form {
    padding: 50px;
    background-color: #f4f5f5; }
    section.contact .container .wpcf7-form .requiredmessage {
      float: left;
      font-size: 16px;
      margin-bottom: 0px;
      font-weight: 700;
      width: 100%;
      text-align: left; }
    section.contact .container .wpcf7-form label {
      float: left;
      font-size: 16px;
      margin-bottom: 0px;
      font-weight: 700;
      clear: both; }
    section.contact .container .wpcf7-form p {
      line-height: 100%; }
    section.contact .container .wpcf7-form .wpcf7-form-control {
      width: 100%;
      font-size: 16px;
      padding: 5px;
      height: 55px; }
    section.contact .container .wpcf7-form textarea {
      min-height: 200px; }
    section.contact .container .wpcf7-form .wpcf7-submit {
      background-color: #2a3133;
      padding: 15px;
      color: #FFF;
      font-weight: bold;
      font-size: 75%;
      border: none;
      display: block;
      width: 100%;
      text-transform: uppercase;
      outline: none;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      cursor: pointer;
      transition: background-color 0.2s ease;
      -moz-transition: background-color 0.2s ease;
      -webkit-transition: background-color 0.2s ease;
      -o-transition: background-color 0.2s ease;
      -webkit-appearance: none; }
    section.contact .container .wpcf7-form span.wpcf7-not-valid-tip {
      font-size: 20px;
      border: 1px solid red;
      margin-top: 10px; }
    section.contact .container .wpcf7-form .required {
      color: red; }

html {
  max-width: 100%;
  overflow-x: hidden; }

body {
  font-family: "Roboto", sans-serif;
  color: #303637;
  position: relative; }

.wrapper {
  max-width: 100%;
  position: relative;
  overflow-x: hidden; }

section {
  clear: both;
  /*margin: 30px 0; */
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  border: none; }