/* Brand Colors */
/*gradient colors*/
/* CTA Text Color */
/* HERO TEXT COLOR */
/* Vertically aligned content

When content is vertically aligned, often times the copy margin is off; these variables correct this issue.

*/
/* CTA COLORS*/
/* Main CTA colors */
div.flyout {
  border: 1px solid white;
  border-radius: 4px;
  position: fixed;
  top: 40%;
  overflow: hidden;
  z-index: 1000;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  color: #414042 !important; }
  div.flyout .help {
    background-color: #eceff6;
    line-height: 1.7;
    height: 250px;
    margin-top: -30px;
    padding-top: 40px;
    padding-bottom: 10px; }
    div.flyout .help.text-center p {
      font-size: 15px; }
    div.flyout .help .cta {
      width: 250px !important;
      margin-top: 0 !important;
      font-size: 15px; }
      html[lang="pt-br"] div.flyout .help .cta {
        font-size: 13px; }
    div.flyout .help .title {
      font-size: 20px !important;
      font-weight: 500 !important;
      display: block !important;
      max-height: 31px; }
      html[lang="es"] div.flyout .help .title {
        font-size: 19px !important; }
    @media (min-width: 768px) {
      div.flyout .help {
        margin-top: 0px;
        padding-top: 20px;
        height: 225px;
        padding-left: 60px; } }
  div.flyout .headphone {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 13px;
    width: 52px;
    border-radius: 50%;
    background-color: #082882; }
  div.flyout.closed {
    margin-right: -340px; }
  div.flyout .talk {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #082882;
    color: #fff;
    font-size: 24px;
    height: 60px;
    line-height: 45px;
    padding: 10px;
    padding-left: 45px;
    margin-left: -172px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    html[lang="es"] div.flyout .talk, html[lang="pl"] div.flyout .talk {
      padding-left: 15px;
      font-size: 17px; }
    html[lang="it"] div.flyout .talk {
      padding-left: 25px;
      font-size: 17px; }
    html[lang="pt-pt"] div.flyout .talk {
      font-size: 17px; }
    html[lang="ru"] div.flyout .talk {
      padding-left: 17px; }
    div.flyout .talk img {
      margin-left: 0 !important;
      margin-right: 10px !important;
      display: inline !important; }
  @media (min-width: 480px) and (max-width: 767px) {
    div.flyout {
      width: 70%;
      right: 0;
      left: 0;
      margin-right: auto;
      margin-left: auto; } }
  @media (min-width: 768px) {
    div.flyout {
      width: 400px;
      right: 0; } }

.flyout img,
.headphone-fixed img {
  width: 26px !important;
  margin-right: 10px; }

.headphone-fixed {
  position: fixed;
  top: 90%;
  right: 10px;
  padding: 13px;
  width: 52px;
  border-radius: 50%;
  background-color: #082882;
  z-index: 1000; }