/* Font stacks */
@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(./../../../prospect/fonts/SynchronySans.woff) format("woff"), url(./../../../prospect/fonts/SynchronySans.woff2) format("woff2"), url(./../../../prospect/fonts/SynchronySans.ttf) format("truetype"), url(./../../../prospect/fonts/SynchronySans.eot) format("embedded-opentype"), url(./../../../prospect/fonts/SynchronySans.otf) format("opentype"), url(./../../../prospect/fonts/SynchronySans.svg) format("svg");
  font-weight: 400; }

@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(./../../../prospect/fonts/SynchronySans-Medium.woff) format("woff"), url(./../../../prospect/fonts/SynchronySans-Medium.woff2) format("woff2"), url(./../../../prospect/fonts/SynchronySans-Medium.ttf) format("truetype"), url(./../../../prospect/fonts/SynchronySans-Medium.eot) format("embedded-opentype"), url(./../../../prospect/fonts/SynchronySans-Medium.svg) format("svg");
  font-weight: 500; }

@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(./../../../prospect/fonts/SynchronySans-Bold.woff) format("woff"), url(./../../../prospect/fonts/SynchronySans-Bold.woff2) format("woff2"), url(./../../../prospect/fonts/SynchronySans-Bold.ttf) format("truetype"), url(./../../../prospect/fonts/SynchronySans-Bold.eot) format("embedded-opentype"), url(./../../../prospect/fonts/SynchronySans-Bold.otf) format("opentype"), url(./../../../prospect/fonts/SynchronySans-Bold.svg) format("svg");
  font-weight: 700; }

/* Functions & Mixins */
/* ! Some mixins may need to be updated for AdCenter creative */
/* ==== Containers & Responsive Mixins ==== */
/* ==== Media Query ==== */
/* ==== Helpers / Frequently used ==== */
/* ==== Misc ==== */
@-webkit-keyframes from-right {
  0% {
    right: -100rem; }
  50% {
    right: -50rem; }
  100% {
    right: 0; } }
@keyframes from-right {
  0% {
    right: -100rem; }
  50% {
    right: -50rem; }
  100% {
    right: 0; } }

/* ==== Text ==== */
/* ==== Links & Buttons ==== */
/* ==== Links ==== */
/* ==== Buttons ==== */
/* Universal breakpoints */
.home-gate {
  margin-bottom: 3.5rem; }
  @media screen and (min-width: 62rem) {
    .home-gate {
      margin-bottom: 4.5rem; } }
  .home-gate__c1 {
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
      .home-gate__c1 {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }
    @media screen and (min-width: 48rem) and (max-width: 79.9375rem) {
      .home-gate__c1 {
        padding-left: 2.5rem;
        padding-right: 2.5rem; } }
    @media screen and (min-width: 80rem) {
      .home-gate__c1 {
        padding-left: 5rem;
        padding-right: 5rem; } }
    @media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
      .home-gate__c1 {
        width: 82.5rem; } }
    @media screen and (min-width: 48rem) and (max-width: 79.9375rem) {
      .home-gate__c1 {
        width: 85rem; } }
    @media screen and (min-width: 80rem) {
      .home-gate__c1 {
        width: 90rem; } }
    @media screen and (min-width: 48rem) {
      .home-gate__c1 {
        flex-direction: row; } }
  .home-gate__heading {
    font-size: 30px;
    font-size: 1.875rem;
    margin: 0;
    color: #3b3c43; }
  .home-gate__text {
    margin: 1rem 0 0;
    color: #3b3c43; }
  .home-gate__center {
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .home-gate__center:before {
      content: '';
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #94969a;
      display: block;
      width: 100%;
      height: 1px; }
    @media screen and (min-width: 48rem) {
      .home-gate__center {
        align-items: flex-start;
        padding-bottom: 0; }
        .home-gate__center:before {
          top: 50%;
          width: 1px;
          height: 100%; } }
    .home-gate__center-text {
      margin: 0;
      padding: 0.625rem 1.5rem 0.25rem;
      position: relative;
      z-index: 2;
      background: #3b3c43;
      color: #fbc600;
      font-weight: 700;
      font-size: 26px;
      font-size: 1.625rem; }
      @media screen and (min-width: 23.4375rem) {
        .home-gate__center-text {
          font-size: 30px;
          font-size: 1.875rem; } }
      @media screen and (min-width: 62rem) {
        .home-gate__center-text {
          font-size: 36px;
          font-size: 2.25rem; } }
  .home-gate__partner, .home-gate__visitor {
    display: flex;
    flex-direction: column; }
	@media screen and (max-width: 48rem){
		.home-gate__visitor {
		background-size: contain;
		background-position: top center;
		background-repeat: no-repeat;
		margin-top: 20px;
		width: 100%;
		padding-bottom: 56.25%;
		margin-bottom: 0rem; } }
    @media screen and (min-width: 48rem) {
      .home-gate__partner, .home-gate__visitor {
        width: calc(50% - 0px);
		background-size: contain;
		background-position: top center;
		background-repeat: no-repeat;
        margin-right: 1.5rem; } }
    @media screen and (min-width: 62rem) {
      .home-gate__partner, .home-gate__visitor {
        width: calc(50% - 0px);
		background-size: contain;
		background-position: top center;
		background-repeat: no-repeat;
        margin-right: 2.5rem; } }
  @media screen and (min-width: 48rem) {
    .home-gate__visitor {
      margin-left: 1.5rem;
      margin-right: 0; } }
  @media screen and (min-width: 62rem) {
    .home-gate__visitor {
      margin-left: 2.5rem;
      margin-right: 0; } }
  .home-gate__form-wrap {
    position: relative;
    z-index: 5;
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box; }

.contact-form__label {
  pointer-events: none;
  margin: 0.75rem 1.125rem;
  padding: 0;
  display: block;
  color: #3b3c43;
  font-size: 14px;
  font-size: 0.875rem;
  transform: translateY(46px);
  transition: transform 0.4s ease-out; }
  .contact-form__label.active {
    transform: translateY(6px); }
  .contact-form__label .required {
    color: #C63527;
    font-weight: bold; }
  .contact-form__label[for=contact-form_biz-cat] {
    pointer-events: none;
    margin: 0.75rem 1.125rem;
    padding: 0;
    z-index: 9;
    position: relative; }

.contact-form__input-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid #94969a;
  padding: 0.875rem 1.125rem;
  transition: transform 0.3s ease;
  color: black; }
  .contact-form__input-field:focus {
    outline: 2px solid #3b3c43; }
  .contact-form__input-field::-ms-expand {
    display: none; }
  .contact-form__input-field#contact-form_biz-cat {
    z-index: 8;
    position: relative; }
  .contact-form__input-field + .contact-form__submit-button-wrapper {
    margin-top: 1.375rem; }
  .contact-form__input-field.error {
    border-color: #C63527;
    box-shadow: 0 0 2px 0 #C63527;
    transition: all 0.3s ease; }
    .contact-form__input-field.error:focus {
      outline: none !important; }

.contact-form__select {
  position: relative;
  width: 100%; }
  .contact-form__select::before {
    position: absolute;
    content: '';
    display: inline-block;
    right: 3.625rem;
    top: -4px;
    width: 1px;
    height: 150%;
    background-color: #94969a; }
  .contact-form__select:after {
    position: absolute;
    content: '\25BC';
    display: inline-block;
    right: 2rem;
    top: 0;
    color: #3b3c43; }

.contact-form__required-instruction {
  color: #3b3c43;
  font-size: 1rem;
  margin-top: 1.5rem; }
  .contact-form__required-instruction > span {
    color: #C63527; }

.contact-form__submit-button {
  display: inline-block;
  border: 0;
  padding: 0.875rem 1.75rem;
  align-self: center;
  text-align: center;
  box-sizing: border-box;
  line-height: 1;
  background-color: #fbc600;
  color: #3b3c43;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
  position: relative;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin-top: 1.25rem;
  min-width: 15.625rem;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, transform .2s linear; }
  .contact-form__submit-button:focus {
    outline: 2px solid #3b3c43 !important; }
  .contact-form__submit-button:hover {
    background-color: #3b3c43 !important;
    color: #ffffff !important; }
  @media screen and (min-width: 23.5rem) and (max-width: 47.9375rem) {
    .contact-form__submit-button {
      min-width: 18.875rem; } }
  @media screen and (min-width: 62rem) {
    .contact-form__submit-button {
      min-width: 18.875rem; } }
  .contact-form__submit-button.busy {
    background-color: #3b3c43; }

.contact-form__error-label {
  color: #C63527;
  display: block !important;
  position: absolute;
  transform: translateY(16px); }

@-webkit-keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@-webkit-keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(19px, 0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(19px, 0); } }

@-webkit-keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

@-webkit-keyframes onAutoFillCancel {
  from {
    /**/ }
  to {
    /**/ } }

@keyframes onAutoFillCancel {
  from {
    /**/ }
  to {
    /**/ } }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 10px; }
  .lds-ellipsis div {
    position: absolute;
    top: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fbc600;
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0); }
    .lds-ellipsis div:nth-child(1) {
      left: 6px;
      -webkit-animation: lds-ellipsis1 0.6s infinite;
      animation: lds-ellipsis1 0.6s infinite; }
    .lds-ellipsis div:nth-child(2) {
      left: 6px;
      -webkit-animation: lds-ellipsis2 0.6s infinite;
      animation: lds-ellipsis2 0.6s infinite; }
    .lds-ellipsis div:nth-child(3) {
      left: 26px;
      -webkit-animation: lds-ellipsis2 0.6s infinite;
      animation: lds-ellipsis2 0.6s infinite; }
    .lds-ellipsis div:nth-child(4) {
      left: 45px;
      -webkit-animation: lds-ellipsis3 0.6s infinite;
      animation: lds-ellipsis3 0.6s infinite; }


/*Modal*/
   
.synchrony-container .modal {
  display: none;
  position: fixed;
  z-index: 10;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}
.synchrony-container .modal-content {
  background-color: #fefefe;
    margin: auto;
    padding: 26px;
    border: 5px solid #fbc600;
    width: 73%;
    margin-top: 100px;
    text-align: center;
}

.synchrony-container .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
.synchrony-container .modal.show{
  display: block;
}
.synchrony-container .modal.hide{
  display: none;
}