.pt__free-trial-sign-up {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
  	flex-wrap: nowrap;
}

.header-category, .header-section, .header-paragraph {
  font-family: 'Metropolis'; 
}


.header-section {
  font-size: 40px;
  font-weight: bold;
  color: #3E5C76;
}

.header-category {
  font-size: 14px;
  font-weight: bold;
  color: #3095D8;
}

.header-paragraph {
  font-size: 18px;
  line-height: 1.3;
  color: #8193A9;
}

/*
.pt__free-trial-sign-up__input-field {
	  letter-spacing: 1px !important;
    font-family: 'Metropolis', Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    border-radius: 3em !important;
    font-size: 14px !important;
    margin: 1em 0px !important;
    color: #7E89A3 !important;
    border: 1px solid #F9F9F9 !important;
    display: block !important;
    text-transform: uppercase !important;
    /*max-width: 38% !important; 
    padding: calc(0.9em + 6px) 1.5em calc(0.9em + 4px) 1.5em !important;
   -webkit-appearance: none !important;
    outline: 0px solid #9FE22B !important;
}

*/ 

input.pt__free-trial-sign-up__input-field:focus::-webkit-input-placeholder { color:transparent; }
input.pt__free-trial-sign-up__input-field:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input.pt__free-trial-sign-up__input-field:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input.pt__free-trial-sign-up__input-field:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


.pt__free-trial-sign-up__input-field {
    letter-spacing: 1px;
    font-family: 'Metropolis', Arial, Helvetica, sans-serif;
    font-weight: 400;
    border-radius: 3em;
    font-size: 16px;
    margin: 1em 0px 2em 0px;

}

/*
.pt__free-trial-sign-up__input-field {
    color: #7E89A3;
    border: 0px;
    display: block;
    text-transform: uppercase;
    min-width: 20%;
    padding: calc(0.9em + 6px) 1.5em calc(0.9em + 4px) 1.5em;
   -webkit-appearance: none;
    outline: 0px solid #9FE22B;
}

*/ 


.pt__free-trial-sign-up__input-field--shrug {
    animation-duration: 0.25s;
    animation-iteration-count: 2 ;
    animation-name: loop;
}

@keyframes loop {
    0% {
        transform: translateX(0px)
    }
  
    50% {
        transform: translateX(14px)
    }

    100% {
        transform: translateX(0px)
    }

  }


/* Section CTA Free Trial
========================================================*/
    section.cta {
    background:#254057;
    width: 100vw;
    padding: 5.5rem 0 4.7rem 0;
}

section.cta div {
 	text-align: center;
}


a.pt__freetrial__break_off__cta_btn {
    float: unset;
}

.pt__freetrial__break_off__cta_btn {
		background: #85C913;
    color: #ffffff;
    font-family: 'Metropolis', sans-serif;
    font-weight: 800;
    font-size: 0.97vw;
    line-height: 0.97vw;
    padding: 1.4em 4.9em 1.3em 4.9em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4em;
  	transition: background 0.5s ease;
}

.pt__freetrial__break_off__cta_btn:hover,
.pt__freetrial__break_off__cta_btn:active,
.pt__freetrial__break_off__cta_btn:focus {
  	background: #9FE22B;
  	color: #ffffff;
}


@media screen and (max-width: 575px) {
    section.cta {
    text-align: center;
    padding: 14.574vw 5.5rem 16.93vw;
    background: #254057;
    background: linear-gradient(90deg, rgba(49,83,112,1) 0%, rgba(37,64,87,1) 100%);
  }

  section.cta div.container {
  }

  section.cta a {
 		width: unset;
    float: unset;
    /*font-size: 3.7vw; */
    /*padding: 1.4em 4.5em 1.3em 4.5em; */
  }
  
  .pt__free-trial-sign-up__input-field {
  	font-size: 3.5vw;
    text-align: center;
  }
  
  .pt__free-trial-sign-up {
  	flex-wrap: wrap;
  }
 
}

#fmBtn > * > * > * > a {
    letter-spacing: 1px !important;
    border-radius: 3em !important;
    font-size: 14px !important;
    /* margin: 1em 0px 2em 0px !important; */
    color: #ffffff !important;
    background: #85C913 !important;
    /* border: 0.18em solid #85C913 !important; */
    padding: 1.35em 2em !important;
    display: inline-block !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    margin: 0px 1em 0em 1em !important;
    transition: all 0.5s ease !important;
  	cursor: pointer !important;
}

#fmBtn > * > * > * > a:hover {
	background: #9dd342 !important;
  /*border: 0.18em solid #9dd342 !important;*/
 	color: #ffffff !important;
}


#fmBtn + a {display:none;}