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

  @import url('/css_700/themes/layout-modern/headers/header_3.css'); 
  @import url('/css_700/themes/layout-modern/shopping_cart/shopping_cart_3.css'); 

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

  @import url('/css_700/themes/layout-modern/menus/menu_1.css'); 

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

  @import url('/css_700/themes/layout-modern/footers/footer_3.css'); 

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

.home_title, .home h3 {color:#00adec;}


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

.account {border-color:#00adec; background:#ffffff;}

.account_name {color:#00adec;}

.account_footer{background:#f4f5f7;}

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

.btn_my_account:hover{background: #00adec; color:#24292d;}

.btn_logout{color:#00adec;}

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

.top_arrow_account:before{color:#00adec;}

.icon_account_small {background:#d2d6db; color:#00adec;}

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

/* -------------------------------------------
        Login Form
---------------------------------------------- */
.login-form .footer {background: #00adec;}

/* -------------------------------------------
	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: #00adec; -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: #00adec; border: solid 3px #00adec; -webkit-transition: width 2s; /* Safari */
  transition: all 3s;}

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

.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%;}}