@font-face {
    font-family: "proxima-black";
    src: url('https://info.softserveinc.com/hubfs/fonts/359FED_2_0.ttf');
    font-weigth: normal;
}

@font-face {
    font-family: "proxima-black";
    src: url('https://info.softserveinc.com/hubfs/fonts/359FED_2_0.ttf');
    font-weight: bold;
}
@font-face{
    font-family: "opensans-regular";
    src: url('https://info.softserveinc.com/hubfs/fonts/OpenSans-Regular.ttf');
    font-weight: normal;
}

.header .inner-top-banner {
  padding: 120px 20px;
}

.header > div .logo-wrap {
    position: absolute;
    left: 35px;
    top: 50px;
}

.header > div {
    display: table;
    width: 100%;
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.header {
    text-align: center;
    display: block;
    width: 100%;
    position: relative;
  	background-color: #000;
}

.header .inner-top-banner h1 {
  font-family: proxima-black;
  text-transform: uppercase;
  text-align: left;
    font-size: 56px;
    line-height: 0.9;
    color: #fff;
  max-width: 1130px;
    margin-left: auto;
    margin-right: auto;
}

.body-container {
	padding: 0;
}
.row-number-1 > .row-fluid > .row {
	margin: 0;
}


.row-number-1 a {
	color: #000;
  text-decoration: underline;
}

.row-number-2 .container {
	padding: 0;
  max-width: none !important;
  width: 100%;
}

.row-number-3 {
	background-color: #000;
  color: #fff;
}

.row-number-1 .container {
  padding: 0;
    padding-top: 50px;
    padding-bottom: 100px;
  max-width: 1130px;
}
.image-content {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 30px 0;
}

.related-resources-tabs {
  color: #000;
  display: block;
  padding: 20px;
  font-family: proxima-black;
  font-size: 26px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  text-decoration: none !important;
  height: 100%;
}

.related-resources-tabs:hover {
  color: #000;
  text-decoration: none;
}

.related-resources-tabs .title-name {
  font-family: proxima-black;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.related-resources-tabs h3 {
  margin:0;
  font-size: 30px;
  margin-bottom: 10px;
}

.related-resources-tabs p {
  font-family: opensans-regular;
  font-size: 16px;
  margin-bottom: 0;
}
@media (-moz-touch-enabled: 0), (pointer: fine)  {
  .related-resources-tabs {
    position: relative;
  }
  
  .related-resources-tabs::before,
  .related-resources-tabs::after {
    content: '';
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    box-sizing: border-box;
    pointer-events: none;
    border: 2px solid transparent;
  }
  
  .related-resources-tabs:hover::before,
  .related-resources-tabs:hover::after {
    width: 100%;
    height: 100%;
    border-color: #000;
  }
  
  .related-resources-tabs:hover::before {
    transition: width 0.3s, height 0.3s 0.3s;
    border-left: none;
    border-bottom: none;
  }
  .related-resources-tabs:hover::after {
    transition: width 0.3s 0.6s, height 0.3s 0.9s, border-color 0s 0.6s;
    border-right: none;
    border-top: none;
  }
  
  .related-resources-tabs::before {
    top: 0;
    left: 0;
  }
  .related-resources-tabs::after {
    bottom: 0;
    right: 0;
  }
}

@media (-moz-touch-enabled: 1), (pointer: coarse)  {
  .related-resources-tabs {
    border: 2px solid #000;
  }
}



@media screen and (min-width: 768px) {
    .content-wrap {
      padding: 0px 0px;
    }
    .column {
      max-width: 50%;
    }
      .row-number-1 .container {
          width: 100%;
      }
  }
  @media screen and (max-width: 1170px) {
      .row-number-1 .container {
        padding-left: 20px;
        padding-right: 20px;
        max-width: none;
      }
  }
  
  @media screen and (max-width: 768px) {
    .header .inner-top-banner h1 {
        font-size: 44px;
    }
    .banner-title {
      padding-top: 40px;
      font-size: 32px;
    }
    .banner-text-box {
      width: 100%;
    }
      .column + .column{
          padding-left: 0;
      }
  }


.widget-type-form {
  padding-top: 50px;
	background-color: #000;
  color: #fff;
}

.widget-type-form  .form-columns-2 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}


.widget-type-form .form-columns-2,
.widget-type-form .form-columns-1 {
	max-width: 600px;
  margin: 0 auto;
}


.widget-type-form  .field {
    width: 100% !important;
}

.widget-type-form input,
.widget-type-form  textarea {
    width: 100% !important;
    color: #fff !important;
}

.widget-type-form  label {
    color: #fff !important;
}

.widget-type-form  textarea {
    resize: none; 
    height: 160px;
    border-color: #fff;
    padding: 5px 10px !important;
}

.hs_terms_end_conditions input, 
.hs_updates_and_offers input {
    display: none;
}

.inputs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hs-form-booleancheckbox-display {
    margin-bottom: 18px;
}

.hs-form-booleancheckbox-display input + span::before {
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    box-shadow: 0 0 0 2px #fff;
    border: 2px solid #000;
    margin-right: 10px;
}

.hs-form-booleancheckbox-display input:checked + span::before {
    background-color: #fff;
}

.hs_submit {
  max-width: 200px;
  margin: 0 auto;
}

.hs_submit input {
    border: 2px solid #fff !important;
    background-color: #000 !important;
    color: #fff !important;
    transition: color 0.3s, background-color 0.3s;
  font-family: proxima-black;
}

.hs_submit input:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.hs-fieldtype-textarea,
.hs-fieldtype-text {
    position: relative;
    margin-bottom: 18px;
    overflow: hidden;
}

.hs-fieldtype-text input {
    margin-bottom: 0 !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    min-height: 35px !important;
  	background-color: #000;
}

.hs-fieldtype-textarea textarea {
  	background-color: #000;
}

.hs-fieldtype-textarea label,
.hs-fieldtype-text label {
    position: absolute;
    width: 100%;
    top: 7px;
    left: 0;
    padding: 0 10px;
    transform: translateX(0);
    text-align: left;
    transition: transform 0.3s, text-align 0s 0.3s;
    pointer-events: none;
}


.hs-fieldtype-textarea label {
    position: relative !important;
    top: 0 !important;
}

.hs-fieldtype-textarea.focus label,
.hs-fieldtype-text.focus label {
    left: 100%;
    text-align: right;
    transform: translateX(-100%);
}


.hs-error-msgs label {
    position: static;
    color: red !important;
    transform: none !important;
    text-align: left !important;
}