/* -----------------------------------
Header
------------------------------------- */


  @import url("/pipeline-assets/legacy/css_701/themes/layout-modern/headers/header_3-d4586f0e.css");
    @import url("/pipeline-assets/legacy/css_701/themes/layout-modern/shopping_cart/shopping_cart_3-923d996d.css");

/* -----------------------------------
Menu
------------------------------------- */

  @import url("/pipeline-assets/legacy/css_701/themes/layout-modern/menus/menu_3-fafe1b01.css");

/* -----------------------------------
Footer
------------------------------------- */

  @import url("/pipeline-assets/legacy/css_701/themes/layout-modern/footers/footer_3-207f1676.css");

/* -----------------------------------
Override the Font Awesome twitter glyph with /images/logos/x_logo.svg via CSS mask. !important on `content` is required because font-awesome.min.css loads after this file and its own `.fa-twitter:before { content: "\f099" }` rule would otherwise win the cascade. Everything else (sizing, centering, color, hover) flows through the existing .fa / .fa-twitter rules unchanged.
------------------------------------- */

.fa-twitter::before {
content: '' !important;
display: inline-block;
width: 1em;
height: 0.8em;
vertical-align: middle;
background-color: currentColor;
-webkit-mask: url('/images/logos/x_logo.svg') no-repeat center / contain;
mask: url('/images/logos/x_logo.svg') no-repeat center / contain;
}

/* -----------------------------------
Home
------------------------------------- */

.home_title, .home h3 {color:#01a9ea;}

figure.table > table {
  width: 100%;
}


  /* -----------------------------------
  Account General
  ------------------------------------- */

  .account {border-color:#01a9ea; background:#ffffff;}

  .account_name {color:#01a9ea;}

  .account_footer{background:#f4f5f7;}

  .btn_my_account{background:#f4f5f7; color:#24292d;}

  .btn_my_account:hover{background: #01a9ea; color:#24292d;}

  .btn_logout{color:#01a9ea;}

  .btn_logout:hover{color:#24292d;}

  .top_arrow_account:before{color:#01a9ea;}

    .icon_account_small {background:#d2d6db; color:#01a9ea;}

  .icon_account_medium {background:#e7ebee; color:#828f9b;}

  /* -------------------------------------------
  Login Form
  ---------------------------------------------- */
  .login-form .footer {background: #01a9ea;}

  /* -------------------------------------------
  Wizard
  ---------------------------------------------- */
  .wizard_container {padding: 50px; background: #ffffff; height: 180px; text-align: center; border-bottom: solid 1px #e2e6e7;}

  .wizard_container span {color: #bbb; font-weight: 600;}

  .animate_hidden {opacity:0; visibility: hidden;}

  .animate_show {opacity:1; 	visibility: visible;}

  .wizard_container .main {height: 50%;}

  .wizard_container .main .progress {margin: 22px; height: 3px; background-color: #eee;}

  .wizard_container .main .progress .progress-bar {height: 15px; color: #eee;}

  .wizard_container .main .progreso1, .progreso2, .progreso3, .progreso4 {animation: 0.5s; background-color: #01a9ea; -webkit-transition: width 2s; /* Safari */
  transition: all 3s;}

  .progreso1 {
    width: 23%;
}
  .progreso2 {width: 47%;}

  .progreso3 {
    width: 71%;
}
  .wizard_container .main .progreso4 {width: 100%;}

  .wizard_container .main .block1, .block2, .block3, .block4, .block5, .activeblock1, .activeblock2, .activeblock3, .activeblock4,
  .activeblock5, .completeblock1, .completeblock2, .completeblock3, .completeblock4, .completeblock5 {position: absolute; border-radius: 50%; height: 80px; width: 80px; top: 35px; padding: 4px;}

  .wizard_container .main .block1, .block2, .block3, .block4, .block5 {background-color: #ffffff; color: #bbb; border: solid 3px #eee;}

  .wizard_container .main .block1, .activeblock1, .completeblock1 {margin: 0 0%;}

  .wizard_container .main .block2, .activeblock2, .completeblock2 {
    margin: 0 21%;
}
  .wizard_container .main .block3, .activeblock3, .completeblock3 {margin: 0 42.3%;}

  .wizard_container .main .block4, .activeblock4, .completeblock4 {
    margin: 0 63.4%;
}
  .wizard_container .main .block5, .activeblock5, .completeblock5 {margin: 0 84.5%;}

  .wizard_container .main .activeblock1, .activeblock2, .activeblock3, .activeblock4, .activeblock5 {background-color: #fff !important; color: #01a9ea; border: solid 3px #01a9ea; -webkit-transition: width 2s; /* Safari */
  transition: all 3s;}

  .wizard_container .main .completeblock1, .completeblock2, .completeblock3, .completeblock4, .completeblock5 {background-color: #01a9ea !important; color: #ffffff; border: solid 3px #01a9ea;}

  .wizard_container .main .fa-check, .fa-shopping-cart, .fa-envelope, .fa-pencil, .fa-file-text, .fa-money, .fa-user {font-size: 2.5em; padding: 7px; position:relative; top:12%;}

  @media screen and (max-width: 1024px) {.animate_hidden {opacity:0; visibility: hidden;}

  .animate_show {opacity:1; visibility: visible;}

  .wizard_container .main .progreso1 {width: 35%;}

  .wizard_container .main .progreso2 {width: 55%;}

  .wizard_container .main .progreso3 {
    width: 75%;
}
  .wizard_container .main .progreso4{
    width: 85%;
}
  .wizard_container .main .block2, .activeblock2, .completeblock2{
    margin: 0 19.3%;
}
  .wizard_container .main .block3, .activeblock3, .completeblock3 {margin: 0 39.5%;}

  .wizard_container .main .block4, .activeblock4, .completeblock4{
    margin: 0 61.4%;
}
  .wizard_container .main .block5, .activeblock5, .completeblock5 {margin: 0 81.5%;}}
  @media screen and (max-width: 768px) {.animate_hidden {opacity:0; visibility: hidden;}

  .animate_show {opacity:1; visibility: visible;}

  .wizard_container .main .progreso1 {width: 35%;}

  .wizard_container .main .progreso2 {width: 55%;}

  .wizard_container .main .progreso3{
    width: 75%;
}
  .wizard_container .main .progreso4{
    width: 85%;
}
  .wizard_container .main .block2, .activeblock2, .completeblock2{
    margin: 0 18.5%;
}
  .wizard_container .main .block3, .activeblock3, .completeblock3 {margin: 0 37.5%;}

  .wizard_container .main .block4, .activeblock4, .completeblock4{
    margin: 0 56.5%;
}
  .wizard_container .main .block5, .activeblock5, .completeblock5 {margin: 0 75.5%;}}
  @media screen and (max-width: 812px) {.animate_hidden {opacity:0; visibility: hidden;}

  .animate_show {opacity:1; visibility: visible;}

  .wizard_container .main .progreso1 {width: 35%;}

  .wizard_container .main .progreso2 {width: 55%;}

  .wizard_container .main .progreso3{
    width: 75%;
}
  .wizard_container .main .progreso4{
    width: 85%;
}
  .wizard_container .main .block2, .activeblock2, .completeblock2{
    margin: 0 18.5%;
}
  .wizard_container .main .block3, .activeblock3, .completeblock3 {margin: 0 37.5%;}

  .wizard_container .main .block4, .activeblock4, .completeblock4{
    margin: 0 56.5%;
}
  .wizard_container .main .block5, .activeblock5, .completeblock5 {margin: 0 75.5%;}}
  @media screen and (max-width: 675px) {
  .animate_hidden {opacity:0; visibility: hidden;}


  .animate_show {opacity:1; visibility: visible;}

  .wizard_container {padding: 50px; height: 100px;}


  .wizard_container .main {height: 15%;}

  .wizard_container .main .progress {margin:6px; height: 3px; background-color: #eee;}

  .wizard_container .main .progreso1 {width: 25%;}

  .wizard_container .main .progreso2 {width: 45%;}

  .wizard_container .main .progreso3{

  width: 65%;
  }
  .wizard_container .main .progreso4{
    width: 85%;
}
  .wizard_container .main .block1, .activeblock1, .completeblock1 {margin: 0 0%;}
  .wizard_container .main .block2, .activeblock2, .completeblock2{
    margin: 0 15%;
}
  .wizard_container .main .block3, .activeblock3, .completeblock3 {margin: 0 30%;}

  .wizard_container .main .block4, .activeblock4, .completeblock4{
    margin: 0 45%;
}
  .wizard_container .main .block5, .activeblock5, .completeblock5 {margin: 0 60%;}

  .wizard_container .main .block1, .block2, .block3, .block4, .block5, .activeblock1, .activeblock2, .activeblock3, .activeblock4,
  .activeblock5, .completeblock1, .completeblock2, .completeblock3, .completeblock4, .completeblock5 {position: absolute; border-radius: 50%; height: 40px; width: 40px; top: 35px; padding: 4px;}

  .wizard_container .main .fa-check, .fa-shopping-cart, .fa-envelope, .fa-pencil, .fa-file-text, .fa-money, .fa-user {font-size: 1.25em; padding: 3px; position:relative; top:3%;}}
  @media screen and (max-width: 667px) {.animate_hidden {opacity:0; visibility: hidden;}

  .animate_show {opacity:1; visibility: visible;}

  .wizard_container {padding: 50px; height: 100px;}

  .wizard_container .main {height: 15%;}

  .wizard_container .main .progress {margin:6px; height: 3px; background-color: #eee;}

  .wizard_container .main .progreso1 {width: 25%;}

  .wizard_container .main .progreso2 {width: 45%;}

  .wizard_container .main .progreso3{

  width: 65%;
  }
  .wizard_container .main .progreso4{
    width: 85%;
}
  .wizard_container .main .block1, .activeblock1, .completeblock1 {margin: 0 0%;}
  .wizard_container .main .block2, .activeblock2, .completeblock2{
    margin: 0 18%;
}
  .wizard_container .main .block3, .activeblock3, .completeblock3 {margin: 0 37%;}

  .wizard_container .main .block4, .activeblock4, .completeblock4{
    margin: 0 57%;
}

  .wizard_container .main .block5, .activeblock5, .completeblock5 {margin: 0 79%;}

  .wizard_container .main .block1, .block2, .block3, .block4, .block5, .activeblock1, .activeblock2, .activeblock3, .activeblock4,
  .activeblock5, .completeblock1, .completeblock2, .completeblock3, .completeblock4, .completeblock5 {position: absolute; border-radius: 50%; height: 40px; width: 40px; top: 35px; padding: 4px;}

  .wizard_container .main .fa-check, .fa-shopping-cart, .fa-envelope, .fa-pencil, .fa-file-text, .fa-money, .fa-user {font-size: 1.25em; padding: 3px; position:relative; top:3%;}}
  @media screen and (max-width: 640px) {
  .animate_hidden {opacity:0; visibility: hidden;}


  .animate_show {opacity:1; visibility: visible;}

  .wizard_container {padding: 50px; height: 130px;}


  .wizard_container .main {height: 15%;}

  .wizard_container .main .progress {margin:6px; height: 3px; background-color: #eee; margin-top:15px;}

  .wizard_container .main .progreso1 {width: 25%;}

  .wizard_container .main .progreso2 {width: 45%;}

  .wizard_container .main .progreso3{
    width: 67%;
}
  .wizard_container .main .progreso4{
    width: 85%;
}

  .wizard_container .main .block1, .activeblock1, .completeblock1 {margin: 0 0%;}

  .wizard_container .main .block2, .activeblock2, .completeblock2{
    margin: 0 18%;
}

  .wizard_container .main .block3, .activeblock3, .completeblock3 {margin: 0 37%;}

  .wizard_container .main .block4, .activeblock4, .completeblock4{
    margin: 0 55%;
}

  .wizard_container .main .block5, .activeblock5, .completeblock5 {margin: 0 75%;}

  .wizard_container .main .block1, .block2, .block3, .block4, .block5, .activeblock1, .activeblock2, .activeblock3, .activeblock4,
  .activeblock5, .completeblock1, .completeblock2, .completeblock3, .completeblock4, .completeblock5 {position: absolute; border-radius: 50%; height: 60px; width: 60px; top: 35px; padding: 4px;}

  .wizard_container .main .fa-check, .fa-shopping-cart, .fa-envelope, .fa-pencil, .fa-file-text, .fa-money, .fa-user {font-size: 1.75em; padding: 9px; position:relative; top:3%;}}
  @media (max-width: 414px) {.animate_hidden {opacity:0; visibility: hidden;}

  .animate_show {opacity:1; visibility: visible;}

  .wizard_container {padding: 50px; height: 100px;}

  .wizard_container .main {height: 15%;}

  .wizard_container .main .progress {margin:6px; height: 3px; background-color: #eee;}

  .wizard_container .main .progreso1{
    width: 25%;
}
  .wizard_container .main .progreso2 {width: 45%;}

  .wizard_container .main .progreso3{

  width: 65%;
  }
  .wizard_container .main .progreso4{
    width: 85%;
}

  .wizard_container .main .block1, .activeblock1, .completeblock1 {margin: 0 0%;}

  .wizard_container .main .block2, .activeblock2, .completeblock2{
    margin: 0 16%;
}
  .wizard_container .main .block3, .activeblock3, .completeblock3 {margin: 0 32%;}

  .wizard_container .main .block4, .activeblock4, .completeblock4{
    margin: 0 48%;
}
  .wizard_container .main .block5, .activeblock5, .completeblock5 {margin: 0 65%;}

  .wizard_container .main .block1, .block2, .block3, .block4, .block5, .activeblock1, .activeblock2, .activeblock3, .activeblock4,
  .activeblock5, .completeblock1, .completeblock2, .completeblock3, .completeblock4, .completeblock5 {position: absolute; border-radius: 50%; height: 40px; width: 40px; top: 35px; padding: 4px;}

  .wizard_container .main .fa-check, .fa-shopping-cart, .fa-envelope, .fa-pencil, .fa-file-text, .fa-money, .fa-user {font-size: 1.25em; padding: 3px; position:relative; top:3%;}}
  @media (max-width: 375px) {.animate_hidden {opacity:0; visibility: hidden;}

  .animate_show {opacity:1; visibility: visible;}

  .wizard_container {padding: 50px; height: 100px;}

  .wizard_container .main {height: 15%;}

  .wizard_container .main .progress {margin:6px; height: 3px; background-color: #eee;}

  .wizard_container .main .progreso1{
    width: 25%;
}
  .wizard_container .main .progreso2 {width: 45%;}

  .wizard_container .main .progreso3{

  width: 65%;
  }
  .wizard_container .main .progreso4{
    width: 85%;
}
  .wizard_container .main .block1, .activeblock1, .completeblock1 {margin: 0 0%;}

  .wizard_container .main .block2, .activeblock2, .completeblock2{
    margin: 0 15%;
}
  .wizard_container .main .block3, .activeblock3, .completeblock3 {margin: 0 31%;}

  .wizard_container .main .block4, .activeblock4, .completeblock4{
    margin: 0 47%;
}
  .wizard_container .main .block5, .activeblock5, .completeblock5 {margin: 0 63%;}

  .wizard_container .main .block1, .block2, .block3, .block4, .block5, .activeblock1, .activeblock2, .activeblock3, .activeblock4,
  .activeblock5, .completeblock1, .completeblock2, .completeblock3, .completeblock4, .completeblock5 {position: absolute; border-radius: 50%; height: 40px; width: 40px; top: 35px; padding: 4px;}

  .wizard_container .main .fa-check, .fa-shopping-cart, .fa-envelope, .fa-pencil, .fa-file-text, .fa-money, .fa-user {font-size: 1.25em; padding: 3px; position:relative; top:3%;}}
  @media (max-width: 360px) {.animate_hidden {opacity:0; visibility: hidden;}

  .animate_show {opacity:1; visibility: visible;}

  .wizard_container {padding: 50px; height: 100px;}

  .wizard_container .main {height: 15%;}

  .wizard_container .main .progress {margin:6px; height: 3px; background-color: #eee;}

  .wizard_container .main .progreso1 {width: 25%;}

  .wizard_container .main .progreso2 {width: 45%;}

  .wizard_container .main .progreso3{

  width: 65%;
  }
  .wizard_container .main .progreso4{
    width: 85%;
}
  .wizard_container .main .block1, .activeblock1, .completeblock1 {margin: 0 0%;}
  .wizard_container .main .block2, .activeblock2, .completeblock2{
    margin: 0 15%;
}
  .wizard_container .main .block3, .activeblock3, .completeblock3 {margin: 0 30%;}

  .wizard_container .main .block4, .activeblock4, .completeblock4{
    margin: 0 45%;
}
  .wizard_container .main .block5, .activeblock5, .completeblock5 {margin: 0 60%;}

  .wizard_container .main .block1, .block2, .block3, .block4, .block5, .activeblock1, .activeblock2, .activeblock3, .activeblock4,
  .activeblock5, .completeblock1, .completeblock2, .completeblock3, .completeblock4, .completeblock5 {position: absolute; border-radius: 50%; height: 40px; width: 40px; top: 35px; padding: 4px;}

  .wizard_container .main .fa-check, .fa-shopping-cart, .fa-envelope, .fa-pencil, .fa-file-text, .fa-money, .fa-user {font-size: 1.25em; padding: 3px; position:relative; top:3%;}}