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

  @import url('/css_701_old/themes/layout-modern/headers/header_1.css'); 
  @import url('/css_701_old/themes/layout-modern/shopping_cart/shopping_cart_1.css'); 

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

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

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

  @import url('/css_701_old/themes/layout-modern/footers/footer_1.css'); 

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

.home_title, .home h3 {color: #21b8c6;}


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

.account {border-color: #21b8c6; background: #ffffff;}

.account_name {color: #21b8c6;}

.account_footer {background: #2d3339;}

.btn_my_account {background: #2d3339; color: #e7ebee;}

.btn_my_account:hover {background: #21b8c6; color: #e7ebee;}

.btn_logout {color: #21b8c6;}

.btn_logout:hover {color: #e7ebee;}

.top_arrow_account:before {color: #21b8c6;}

.icon_account_small {background: #2d3339; color: #21b8c6;}

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

/* -------------------------------------------
          Login Form
---------------------------------------------- */

.login-form .footer {background: #21b8c6;}

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

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

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


/* -----------------------------------
   Style Menu Sidebar
------------------------------------- */

.widget_preview ul {color: #ffffff;}
.widget_preview li {background-color: #ffffff; border-bottom-color: #f2f2f2;}
.widget_preview li:hover {background-color: #f2f2f2;}
a,.tr_hover {-webkit-transition:color .4s ease,background-color .4s ease; -moz-transition:color .4s ease,background-color .4s ease; -o-transition:color .4s ease,background-color .4s ease; transition:color .4s ease,background-color .4s ease;}
.color_light,.button_type_2:hover .primary_color,.dropdown_list li .primary_color,.button_type_2.active .primary_color,a.color_light:hover,.social_icons li:hover a,.social_icons_1 li:hover a,.bg_cs_hover:hover,[class*="button_type_"][class*="color"].color_dark:hover,.vertical_list_type_8 li:before {color: #2a2f33;}
.color_light_1 {color: #f9f9f9;}
.color_light_2 {color: #838a8f;}
.color_light_3 {color: #ffffff;}
.color_primary,.color_secondary {color: #21b8c6;}
.default_t_color {color: #696e6e;}
.bg_color_primary,.bg_color_secondary {background: #21b8c6;}
s {color: #6a6a6a;}
.bg_light_color_2,.ui-slider-handle {background: #e2e6e7;}
.bg_light_color_3 {background: #ffffff;}
.bg_light_color_5 {background: #f0f1f4;}
.bg_color_dark_4 {background: #737373;}

/* -----------------------------------
   chat-box
------------------------------------- */

.left_arrow_off:before {color: #ffffff;}
.chat_msg_off {background: #ffffff;}
.left_arrow_on:before {color: #43494e;}
.left_arrow_on_1:before {color: #aab3b9;}
.chat_msg_on {background: #43494e;}

  
 /* -----------------------------------
   6. Sliders
------------------------------------- */

.tp-leftarrow i[class^="fa "],.tp-rightarrow i[class^="fa "],.camera_prev i[class^="fa "],.camera_next i[class^="fa "],.flex-direction-nav a i[class^="fa "] {color: #ffffff;} /* modern/basic/abstract */

.tp-leftarrow i[class^="fa "],.tp-rightarrow i[class^="fa "],.camera_prev i[class^="fa "],.camera_next i[class^="fa "],.flex-direction-nav a i[class^="fa "] {color: #999;} /* minimal */

.line_divider {background: #21b8c6;} /* modern/basic/abstract */

.line_divider {background: #ccc;} /* minimal */

.line_divider_1,.line_divider_2,.line_divider_3,.line_divider_4,.line_divider_5,.line_divider_6 {background: #21b8c6;}
.line_divider_7,.line_divider_8,.line_divider_9,.line_divider_10 {background: #e4e4e4;} /* modern */

.line_divider_7,.line_divider_8,.line_divider_9,.line_divider_10 {background: #e4e4e2;} /* basic */

.line_divider_7,.line_divider_8,.line_divider_9,.line_divider_10 {background: #ddd;} /* minimal */

.line_divider_7,.line_divider_8,.line_divider_9,.line_divider_10 {background: #f2f2f2;} /* abstract */

.slider_divider {background:rgba(255,255,255,.3);}
.slider_divider.type_2 {background:rgba(50,58,69,.1);}
.ui-slider {border-color: #e2e6e7; background: #f5f7f8;}
.custom_thumb {background: #ffffff;}
.custom_thumb:after {border-top-color: #ffffff;}
.tp-leftarrow,.tp-rightarrow,.flex-direction-nav a {background:rgba(41,47,56,.5); -webkit-transition:background-color .3s ease,opacity .3s ease,-webkit-transform .3s ease; -moz-transition:background-color .3s ease,opacity .3s ease,transform .3s ease; -o-transition:background-color .3s ease,opacity .3s ease,transform .3s ease; -ms-transition:background-color .3s ease,opacity .3s ease,transform .3s ease; transition:background-color .3s ease,opacity .3s ease,transform .3s ease;} /* modern/basic/abstract */

.tp-leftarrow,.tp-rightarrow,.flex-direction-nav a {-webkit-transition:background-color .3s ease,opacity .3s ease,-webkit-transform .3s ease; -moz-transition:background-color .3s ease,opacity .3s ease,transform .3s ease; -o-transition:background-color .3s ease,opacity .3s ease,transform .3s ease; -ms-transition:background-color .3s ease,opacity .3s ease,transform .3s ease; transition:background-color .3s ease,opacity .3s ease,transform .3s ease; background:rgba(17,17,17,.5);} /* minimal */

.simple_s_caption {background:rgba(41,47,56,.7);}

/* -----------------------------------
   10. Lists and navigations
------------------------------------- */

.dropdown_list > li a {background: #43494e; color: #ffffff;}
.dropdown_list > li a:hover {background: #ffffff;}
.dropdown_list:before {border-bottom-color: #43494e;}
.rating_list li .empty, .rating_list li .active {color: #ffcc00;}
.vertical_list li a {border-top-color: #2b3034;}
.select_title.active {background: #ffffff;}
.select_title:after {color: #292f38;}
.select_list > li {color: #6a6a6a;}
.select_list > li:hover {color: #000;}
.categories_list a {border-bottom-color: #ecf0f1;}

/* -----------------------------------
   11. Buttons
------------------------------------- */

.btn_reset_1:hover {color: #ffffff;}
.btn_reset_2 {background:transparent; color: #212528;}
.btn_reset_2:hover {color: #ffffff;}
.btn_update {padding:9px 16px 10px; background: #21b8c6; color: #ffffff;}
.btn_update:hover {background: #212528; color: #ffffff;}
.btn_clear,.btn_clear:hover {background-color:transparent; color: #ffffff; border:none;}
.button_more {background: #2a2f33; color: #838a8f;}
.button_more:hover {background: #21b8c6; color: #ffffff;}
.button_next {background: #21b8c6; color: #ffffff;}
.button_next:hover {background: #2a2f33; color: #ffffff;}
.button_confirm {background: #21b8c6; color: #ffffff;}
.button_confirm:hover {background: #2a2f33; color: #ffffff;}
.btn_voucher {background: #21b8c6; color: #ffffff;}
.btn_voucher:hover {background: #2d3339; color: #ffffff;}
.btn_send_form {background: #21b8c6; color: #ffffff;}
.btn_send_form:hover {background: #2a2f33; color: #ffffff;}
.btn_cancel {background: #e74c3c; color: #ffffff;}
.btn_cancel:hover {background: #9f352a; color: #ffffff;}
.btn_save {background: #f38841; color: #ffffff;}
.btn_save:hover {background: #e06a29; color: #ffffff;}
.btn_confirm {background: #709f43; color: #ffffff;}
.btn_confirm:hover {background: #557b31; color: #ffffff;}
.btn_paypal {background: #3498db; color: #ffffff;}
.btn_paypal:hover {background: #2c82bb; color: #ffffff;}
.btn_active_merchant {font-size:14px; min-width:100px; font-weight:100; line-height:1.8;}
.btn_calculate,.btn_add,.btn_add_basket,.button_add,.button_calculate {background: #21b8c6; color: #ffffff;}
.btn_calculate:hover,.btn_add:hover,.btn_add_basket:hover,.button_add:hover,.button_calculate:hover {background: #2a2f33; color: #ffffff;}
.button_reject {background: #e74c3c; color: #ffffff;}
.button_reject:hover {background: #9f352a; color: #ffffff;}
.button_modify {background: #f38841; color: #ffffff;}
.button_modify:hover {background: #e06a29; color: #ffffff;}
.button_accept {background: #709f43; color: #ffffff;}
.button_accept:hover {background: #557b31; color: #ffffff;}
.button_prev {background: #43494e; color: #ffffff;}
.button_prev:hover {background: #2a2f33; color: #b1b1b1;}
.btn_empty:hover {background: #2a2f33; color: #ffffff;}
.btn_checkout {background: #21b8c6; color: #ffffff;}
.btn_checkout:hover {background: #2a2f33; color: #ffffff;}
.btn_empty_basket:hover {background-color: #2a2f33; color: #ffffff;}
.button_cancel {background: #43494e; color: #ffffff;}
.button_cancel:hover {background: #2a2f33; color: #ffffff;}
.btn_back,.btn_back:hover {color: #ffffff;}
.btn_back {background: #43494e;}
.btn_back:hover {background: #2a2f33;}
.button_back,.button_back_r {background: #d8dce3; color: #2a2f33;}
.button_back:hover,.button_back_r:hover {background: #2a2f33; color: #ffffff;}
.button_save {background: #838a8f; color: #ffffff;}
.button_save:hover {background: #2a2f33; color: #ffffff;}
.btn_view_more,.btn_slide_link,.btn_view_details {background-color: #21b8c6; color: #ffffff;}
.btn_view_more:hover,.btn_slide_link:hover,.btn_view_details:hover {background-color: #2a2f33; color: #ffffff;}
.button_view {background-color: #21b8c6; color: #ffffff;}
.button_view:hover {background-color: #2a2f33; color: #ffffff;}
.button_view_d {background-color: #2a2f33; color: #ffffff;}
.button_view_d:hover {background-color: #21b8c6; color: #ffffff;}
.btn_view_prod {background-color: #2a2f33; color: #ffffff;}
.btn_view_prod:hover {background-color: #21b8c6; color: #ffffff;}
.button_login {background-color: #21b8c6; color: #ffffff;}
.button_login:hover {background-color: #2a2f33; color: #ffffff;}
.button_logout {background: #2a2f33; color: #21b8c6;}
.button_logout:hover {background: #2a2f33; color: #ffffff;}
.button_account {color: #1c2127;}
.button_account:hover {color: #ffffff;}
.button_register {color: #21b8c6; background: #2a2f33;}
.button_register:hover {color: #21b8c6; background: #ffffff;}
.button_type_1 {background: #2a2f33; color: #838a8f;}
.button_type_2 {background: #21b8c6; color: #ffffff;}
.button_type_5 {background:rgba(42,47,51,.9);}
.button_type_5:hover {background:rgba(41,47,56,.8) !important;}
.button_type_9 {background: #43494e;}
.button_type_13 {background:rgba(41,47,56,.8);}
.button_type_13:hover {background:rgba(41,47,56,1) !important;}
[class*="button_type_"].active,[class*="button_type_"]:not(.bg_cs_hover):hover,[class*="button_type_"].color_dark:not(.bg_cs_hover):hover,.isotope_menu > .active [class*="button_type_"],[class*="button_type_"].bg_dark_color,.banner:hover [class*="button_type_"].bg_primary_color {background: #43494e; color: #ffffff;}
.button_type_8:hover,.button_type_8.bg_primary_color:hover {background: #e2e6e7; color: #434649;}
.search_button {color: #212528;}
.isotope_menu [class*="button_type_"]:after {-webkit-transition:border-color 1s ease; -moz-transition:border-color 1s ease; -o-transition:border-color 1s ease; transition:border-color 1s ease;}
.isotope_menu [class*="button_type_"]:hover:after,.isotope_menu > .active [class*="button_type_"]:after {-webkit-transition:border-color .1s ease; -moz-transition:border-color .1s ease; -o-transition:border-color .1s ease; transition:border-color .1s ease; border-top-color: #21b8c6;}
#go_to_top {color: #ffffff; background: #43494e;}

/* -----------------------------------
   14. Main content elements
------------------------------------- */
hr {border-color: #ecf0f1;}
.divider_text {background: #d9dde2;}
.divider_height {border-left-color: #43494e;}
.divider_h_icon {border-left-color: #dddddd;}
.divider_w_icon {border-bottom-color: #dddddd;}
.divider_type {border-color: #ecedef;}
.divider_type_1 {border-color: #bcbcbc;}
.divider_type_2 {border-color:rgba(33,37,40,.5);}
.divider_type_3, .l_width_divider > li:before {border-color: #e2e6e7;}
.divider_type_6 {border-color: #e2e2e2;}
.mark_read:hover {color: #21b8c6;}
.photoframe, .photoframe.type_2, .content_info, .content_photo_zoom, .popup, .popup_login, .widget_content {background: #ffffff;}
.photoframe.type_3 {background: #ecf0f1;}
.photo_product {background: #000;}
.tooltip.reject {background: #9f352a; color: #ffffff;}
.tooltip.reject:after {border-top-color: #9f352a;}
.tooltip.modify {background: #e06a29; color: #ffffff;}
.tooltip.modify:after {border-top-color: #e06a29;}
.tooltip.accept {background: #557b31; color: #ffffff;}
.tooltip.accept:after {border-top-color: #557b31;}
.pathway {background: #f2f4f5;}
.edoc_box {background: #f2f4f5; color: #3b4247;}
.info_box {background: #f2f4f5; color: #21b8c6;}
.widget figcaption h3 {color: #ffffff;}
.m_search_r {color: #21b8c6;}
.popup_wrap {background:rgba(0,0,0,.5);}
#login_popup footer {background: #21b8c6;}
[class*="alert_box"].success {background:rgba(39,174,96,.1);}
[class*="alert_box"].success i[class^="fa "] {color: #2ecc71;}
[class*="alert_box"].info {background:rgba(52,152,219,.1); color: #2980b9;}
[class*="alert_box"].info i[class^="fa "] {color: #3498db;}
[class*="alert_box"].error {background:rgba(231,76,60,.1); color: #cb2700;}
[class*="alert_box"].warning {background:rgba(243,156,18,.1); color: #e67e22;}
[class*="alert_box"].warning i[class^="fa "] {color: #f39c12;}
.a_title {background: #cbcfd2; color: #2a2f33;}
.a_title.active {background: #869098; color: #ffffff;}
.a_title:hover {background: #6a7279; color: #ffffff;}
.a_title_1.active {background: #21b8c6; color: #ffffff;}