/* Four colours - Layout Minimal */

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

@import url('/css_630_old/themes/layout-minimal/menus/menu_3.css');

@import url('/css_630_old/themes/layout-minimal/footers/footer_3.css');

/* Preload all method call results to maximise performance */
/* Preload header widget colours */
/* Preload menu widget colours */
/* Preload footer widget colours */

/* -----------------------------------
	Color Layout Minimal
------------------------------------- */
body{
	color:#696e6e;
	background:#ffffff;
}
#body {
	background: #ffffff;
}
.body_bg {
	background: #000;
}
[class*="layout"],.menu_wrap.type_3{
	background:#ffffff;
}
.divider_cart{
	border-color: #999;
}
.select_form{
        background: #ffffff;
        border-color: #999999;
}
.select_page{
        background: #ffffff;
        border-color: #999999;
}
.select_field{
        background: #f5f7f8;
        border-color: #e4e4e4;
}
.input_field{
        background: #f5f7f8;
        border-color: #e4e4e2;
}
.proofs{
        border-color: #ff0000;
        background-color: #dddddd;
}
.tr_delay_hover,.button_type_2 .scheme_color{
	-webkit-transition:color 1s ease,background-color 1s ease,border-bottom-color 1s ease,box-shadow 0s ease;
	-moz-transition:color 1s ease,background-color 1s ease,border-bottom-color 1s ease,box-shadow 0s ease;
	-o-transition:color 1s ease,background-color 1s ease,border-bottom-color 1s ease,box-shadow 0s ease;
	transition:color 1s ease,background-color 1s ease,border-bottom-color 1s ease,box-shadow 0s ease;
}
.tr_delay_hover:hover,.button_type_2:hover .scheme_color{
	-webkit-transition:color .1s ease,background-color .1s ease,border-bottom-color 1s ease,box-shadow .1s ease;
	-moz-transition:color .1s ease,background-color .1s ease,border-bottom-color 1s ease,box-shadow .1s ease;
	-o-transition:color .1s ease,background-color .1s ease,border-bottom-color 1s ease,box-shadow .1s ease;
	transition:color .1s ease,background-color .1s ease,border-bottom-color 1s ease,box-shadow .1s ease;
}
::selection{
	background: #21b8c6; /* Safari */
	color:#ffffff;
}
::-moz-selection{
	background: #21b8c6; /* Firefox */
	color:#ffffff;
}
::-o-selection {
	background: #21b8c6;
	color:#ffffff;
}
::-ms-selection {
	background: #21b8c6;
	color:#ffffff;
}
::-webkit-input-placeholder{
	color:#696e6e;
}
::-moz-placeholder{
   color:#696e6e;
}
:-ms-input-placeholder {
   color:#696e6e;
}
::-webkit-scrollbar{
	background:#f1f1f1;
}
/* -----------------------------------
	Fonts Style
------------------------------------- */
h1.heading:after {
    background: #ccc;
}
h1.heading span {
    color: #333;
    background: #f2f4f5;
}
h1.heading_1:after {
    background: #ccc;
}
h1.heading_1 span {
    color: #333;
    background: #ffffff;
}
h1.heading_2:after {
    background: #ccc;
}
h1.heading_2 span {
    color: #333;
    background: #f2f4f5;
}
h1.heading2:after {
    background: #ccc;
}
h1.heading2 span {
    color: #333;
    background: #f2f4f5;
}
h1.heading3:after {
    background: #ccc;
}
h1.heading3 span {
    color: #333;
    background: #f2f4f5;
}
h1.heading_4:after {
    background: #ffffff;
}
h1.heading_4 span {
    color: #ffffff;
    background: #21b8c6;
}
h1.heading_5:after {
    background: #ccc;
}
h1.heading_5 span {
    color: #333;
    background: #f2f4f5;
}
h3.heading2 span {
    color: #333;
}
h3.heading3 span {
    color: #333;
}
.tittle_page{
        color: #ffffff;
}
/* -----------------------------------
	3. Color Scheme
------------------------------------- */
.primary_color,.close_product:hover,
.search_button:hover,.search_button_1:hover,.close_search_form:hover,blockquote:before,.banner_type_2.red b,
.close_fieldset:hover,.text_cs_hover:hover,.tweet_list a:hover,[class*="alert_box"].error i[class^="fa "],
label[class*="required"]:after,.vertical_list_type_7 li:before,.first_letter_1 > .fl,
.info_block_type_1:hover [class*="icon_wrap"]{
	color:#21b8c6;
}
a,a[class*="color"]:not(.color_light):hover{
	color:#999999;
}
[role="banner"],.banner_type_2.red,
.vertical_list_type_3 li:before,.vertical_list_type_7 li:before{
	border-color:#21b8c6;
}
.count,.bg_scheme_color,.button_type_3:hover .count.type_2,
.button_type_3.active .count.type_2,
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected,
[class*="button_type_"].bg_dark_color:hover,.banner:hover [class*="button_type_"].bg_dark_color,
[class*="button_type_"].bg_cs_hover:hover,.sw_button.googlemap,
.ui-slider:after,.vertical_list_type_2 li:before,.camera_wrap .camera_pag .camera_pag_ul .cameracurrent,
.camera_wrap .camera_prev:hover, .camera_wrap .camera_next:hover,.flex-control-nav .flex-active,
.flex-direction-nav a:hover,.vertical_list_type_4 li:before,.vertical_list_type_8 li:before,
.first_letter_2 > .fl,.info_block_type_2:hover [class*="icon_wrap"]{
	background:#21b8c6;
}
#go_to_top:hover {
	color:#999999;
	background:#111111;
        border-color:#dbdbdb;
}
.select_color.red{
	background-color:#595959;
}
.tp-leftarrow:hover,.tp-rightarrow:hover{
	background: #111111;
        color:#999999;
        border-color:#dbdbdb;
}
::-webkit-scrollbar-thumb{
	background:#bcbcbc;
}
.shadow{
	-webkit-box-shadow:0 0px 0px rgba(0,0,0,.10);
	-moz-box-shadow:0 0px 0px rgba(0,0,0,.10);
	-o-box-shadow:0 0px 0px rgba(0,0,0,.10);
	-ms-box-shadow:0 0px 0px rgba(0,0,0,.10);
	box-shadow:0 0px 0px rgba(0,0,0,.10);
}
/* -----------------------------------
	TABLE ROW
------------------------------------- */
#row_1 {
        background-color: #21b8c6;
        color: #ffffff;
	}
#row_3 {
        background-color: #e4e4e2;
	}
#row_4 {
        background-color: #f2f0f1;
	}
/* -----------------------------------
	TABLE ADMINISTRATOR
------------------------------------- */

/* -----------------------------------
	TABLE COL MENU
------------------------------------- */
#col_account_menu_1, #col_account_menu_2, #col_account_menu_3, #col_account_menu_4, #col_account_menu_5, #col_account_menu_6, #col_products_menu_1, #col_products_menu_2, #col_products_menu_3, #col_products_menu_4, #col_profile_menu_1, #col_profile_menu_2, #col_profile_menu_3, #col_setting_menu_1, #col_setting_menu_2, #col_setting_menu_3, #col_setting_menu_4 {
	border-color: #999999;
	}
/* -----------------------------------
	TABLE STYLE
------------------------------------- */
/* -----------------------------------
	TABLE COL MENU
------------------------------------- */
#col_notifications_menu_1, #col_notifications_menu_2, #col_notifications_menu_3, #col_notifications_menu_4, #col_quote_menu_1, #col_quote_menu_2, #col_quote_menu_3, #col_quote_menu_4, #col_quote_menu_5, #col_quote_menu_6, #col_quote_menu_7, #col_deliveries_menu_1, #col_deliveries_menu_2, #col_deliveries_menu_3, #col_sections_menu_1, #col_sections_menu_2, #col_sections_menu_3, #col_sections_menu_4, #col_sections_menu_5, #col_sections_menu_6, #col_p_quote_menu_1, #col_p_quote_menu_2, #col_p_quote_menu_3, #col_p_quote_menu_4, #col_p_quote_menu_5, #col_p_quote_menu_6, #col_p_quote_menu_7, #col_p_job_menu_1, #col_p_job_menu_2, #col_p_job_menu_3, #col_p_job_menu_4, #col_p_job_menu_5, #col_p_job_menu_6, #col_p_job_menu_7, #col_p_job_menu_8, #col_p_job_menu_9,
#col_s_quote_menu_1, #col_s_quote_menu_2, #col_s_quote_menu_3, #col_s_quote_menu_4, #col_s_quote_menu_5, #col_s_quote_menu_6, #col_s_quote_menu_7, #col_s_quote_menu_8, #col_request_menu_1, #col_request_menu_2, #col_request_menu_3, #col_request_menu_4, #col_request_menu_5, #col_request_menu_6, #col_order_menu_1, #col_order_menu_2, #col_order_menu_3, #col_order_menu_4, #col_order_menu_5, #col_order_menu_6, #col_order_menu_7, #col_order_menu_8, #col_order_menu_9, #col_r_order_menu_1, #col_r_order_menu_2, #col_r_order_menu_3, #col_r_order_menu_4, #col_r_order_menu_5, #col_r_order_menu_6, #col_r_order_menu_7, #col_r_order_menu_8, #col_r_order_menu_9, #col_r_order_menu_10, #col_proof_menu_1, #col_proof_menu_2, #col_proof_menu_3, #col_proof_menu_4, #col_proof_menu_5, #col_proof_menu_6, #col_proof_menu_7, #col_proof_menu_8,
#col_attachments_menu_1, #col_attachments_menu_2, #col_attachments_menu_3, #col_attach_menu_1, #col_attach_menu_2, #col_attach_menu_3, #col_basket_item_menu_1, #col_basket_item_menu_2, #col_basket_item_menu_3, #col_basket_item_menu_4, #col_basket_item_menu_5, #col_basket_item_menu_6, #col_basket_item_menu_7, #col_basket_item_menu_8, #col_basket_item_menu_9 {
	border-color: #f2f4f5;
	}
/* Table Notification */
.notification_not_viewed {
  border-bottom-color: #ffffff;
}
/* Table Attach*/
#col_attach_menu_1 {
        border-color: #f5f7f8;
	}
#col_attach_menu_2 {
        border-color: #f5f7f8;
	}
#col_attach_menu_3{
        border-color: #f5f7f8;
	}
/* -----------------------------------
	Style Menu Sidebar
------------------------------------- */
.widget_preview ul {
    color: #111111;
}
.widget_preview li {
    background-color: #ffffff;
    border-bottom-color: #f2f2f2;
}
.widget_preview li:hover {
    background-color: #f2f2f2;
}
.widget_preview ul {
    color: #ffffff;
}
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;
}
a:hover,.color_dark,.bc_list a[class*="color"]:hover,.bc_list > li.current > a,
.tweet_list a{
	color:#777777;
}
.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_light_4{
	color:#b1b1b1;
}
.color_dark_1{
	color:#212528;
}
.color_dark_2{
	color:#43494e;
}
.color_dark_3{
	color:#2a2f33;
}
.color_dark_4{
	color:#333333;
}
.color_primary{
	color:#21b8c6;
}
.color_secondary{
	color:#21b8c6;
}
.default_t_color{
	color:#696e6e;
}
.bg_color_primary{
	background:#21b8c6;
}
.bg_color_secondary{
	background:#21b8c6;
}
s{
	color:#6a6a6a;
}
.p_list > li:nth-child(2n+1),.info_block_type_1:hover [class*="icon_wrap"]{
	background:#f7f7f7;
    color:#333333;
}
.bg_box {
	background:#f2f4f5;
}
.bg_color_featured_frontpage {
	background:#ffffff;
}
.bg_color_arrows {
	background:#f2f4f5;
}
.bg_light_color_1 {
	background:#d8dce3;
}
.bg_light_color_2,.ui-slider-handle{
	background:#e2e6e7;
}
.bg_light_color_3{
	background:#ffffff;
}
.bg_light_color_4{
	background:#f2f0f1;
}
.bg_light_color_5{
	background:#f0f1f4;
}
.bg_color_dark_1{
	background:#212528;
}
.bg_dark_color_2,.ui-slider-handle{
	background:#cb4c4c;
}
.bg_color_dark_2{
	background:#2a2f33;
}
.bg_color_dark_3{
	background:#111111;
}
.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;
}
/* -----------------------------------
	5. Header
------------------------------------- */
[role="banner"]{
	background:#ffffff;
}
.h_top_part{
	border-bottom-color: #e2e6e7;
    background:#111111;
}
.h_top_part.type_2{
	background:#111111;
	color:#bdc3c7;
}
[role="banner"].type_5 .h_bot_part .menu_wrap{
	background:#ffffff;
}
/* -----------------------------------
	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:#999;
}
.line_divider{
	background:#ccc;
}
.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:#ddd;
}
.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(17,17,17,.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;
}
.simple_s_caption{
	background:rgba(41,47,56,.7);
}
/* -----------------------------------
	8. Carousels
------------------------------------- */
.photo {
        border-color: #ecedef;
}
/* -----------------------------------
	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: #dddddd;
}
.select_title{
	border-color: #ddd;
	background:#ffffff;
	-webkit-transition:border-color .4s ease;
	-moz-transition:border-color .4s ease;
	-o-transition:border-color .4s ease;
	transition:border-color .4s ease;
}
.select_title.active{
	background:#ffffff;
}
.select_title:after{
	color:#292f38;
}
.select_title:before{
	border-left-color: #e4e4e2;
}
.select_list{
	background: #ffffff;
	border-left-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
}
.select_list > li{
	color:#6a6a6a;
}
.select_list > li:hover{
	color:#000;
}
.categories_list a{
	border-bottom-color: #f2f0f1;
}
/* -----------------------------------
	11. Buttons
------------------------------------- */
.btn_reset_1{
    background:transparent;
    color: #ffffff;
}
.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 {
    background-color: transparent;
    color:#ffffff;
    border: none;
}
.btn_clear:hover {
    background-color: transparent;
    color:#ffffff;
    border: none;
}
.button_more{
	background:#333;
        color:#ffffff;
}
.button_more:hover{
	background:#21b8c6;
        color:#ffffff;
}
.button_cart{
       background:#21b8c6;
       color:#ffffff;
}
.button_cart:hover{
	background:#111111;
        color:#ffffff;
}
.button_edit{
        background:#ffffff;
        color:#333;
        border-color: #999999;
}
.button_edit:hover{
	background:#21b8c6;
        color:#ffffff;
        border-color: #21b8c6;
}
.button_logout{
    background:#111111;
    color:#999999;
    border-color: #21b8c6;
}
.button_logout:hover{
	background:#21b8c6;
    color:#ffffff;
    border-color: #21b8c6;
}
.button_account{
    color:#999999;
}
.button_account:hover{
    color:#21b8c6;
}
.button_thumbs{
    color: #777;
    background: #f5f7f8;
    border-color: #999;
}
.button_thumbs:hover{
    color: #ffffff;
    background: #333;
    border-color: #333;
}
.button_register{
    color: #ffffff;
    background: #21b8c6;
    border-color: #ffffff;
}
.button_register:hover{
    color: #21b8c6;
    background: #2a2f33;
    border-color: #2a2f33;
}
.button_next{
	background:#21b8c6;
    color:#ffffff;
}
.button_next:hover{
	background:#111111;
    color:#ffffff;
}
.button_confirm{
	background:#21b8c6;
    color:#ffffff;
}
.button_confirm:hover{
	background:#111111;
    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:#111111;
    color:#ffffff;
}
.btn_cancel_form{
   background:#e74c3c;
        color:#ffffff;
}
.btn_cancel_form:hover{
  background:#9f352a;
        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_cardconnect{
	font-size: 14px;
  min-width: 100px;
  font-weight: 100;
  line-height: 1.8;
}
.btn_paypal:hover{
	background:#2c82bb;
        color:#ffffff;
}
.btn_calculate{
    background:#21b8c6;
    color:#ffffff;
}
.btn_calculate:hover{
    background:#2a2f33;
    color:#ffffff;
}
.btn_add{
    background:#21b8c6;
    color:#ffffff;
}
.btn_add:hover{
    background:#333;
    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_new{
	background:#111;
    color:#ffffff;
    border-color: #ffffff;
}
.button_new:hover{
	background:#ffffff;
    color:#111;
    border-color: #111;
}
.button_prev{
	background:#777;
    color:#ffffff;
}
.button_prev:hover{
	background:#111111;
    color:#ffffff;
}
.btn_empty{
	background:#333;
        color:#ffffff;
}
.btn_empty:hover{
	background:#111111;
        color:#ffffff;
}
.btn_empty_basket{
	background-color:#333333;
        color:#ffffff;
}
.btn_empty_basket:hover{
	background-color:#111111;
        color:#ffffff;
}
.btn_checkout{
	background:#21b8c6;
        color:#ffffff;
}
.btn_checkout:hover{
	background:#111111;
        color:#ffffff;
}
.button_cancel{
	background:#333;
        color:#ffffff;
}
.button_cancel:hover{
	background:#111111;
        color:#ffffff;
}
.btn_back{
	background:#43494e;
    color:#ffffff;
}
.btn_back:hover{
	background: #2a2f33;
    color:#ffffff;
}
.button_back{
	background:#f5f7f8;
        color:#333;
}
.button_back:hover{
	background:#333;
        color:#ffffff;
}
.button_back_r{
	background: #f5f7f8;
    color:#333;
}
.button_back_r:hover{
	background: #333;
    color:#ffffff;
}
.button_save{
	background:#777;
    color:#ffffff;
}
.button_save:hover{
	background:#111111;
    color:#ffffff;
}
.button_paypal{
	background:#777;
    color:#ffffff;
}
.button_paypal:hover{
	background:#111111;
    color:#ffffff;
}
.btn_view_more, .btn_slide_link, .btn_view_details{
        background-color: #999;
        color:#ffffff;
        border-color: #999;
}
.btn_view_more:hover, .btn_slide_link:hover, .btn_view_details:hover{
	background-color: #21b8c6;
        color:#ffffff;
        border-color: #21b8c6;
}
.button_view{
    background-color: transparent;
    color:#ffffff;
    border-color: #ffffff;
}
.button_view:hover{
	background-color: #111111;
    color:#ffffff;
    border-color: #111111;
}
.button_view_d{
    background-color: #111111;
    color:#ffffff;
    border-color: #111111;
}
.button_view_d:hover{
    background-color: #21b8c6;
    color:#ffffff;
    border-color: #21b8c6;
}
.btn_view_prod{
    background-color: #111111;
    color:#ffffff;
    border-color: #111111;
}
.btn_view_prod:hover{
    background-color: #21b8c6;
    color:#ffffff;
    border-color: #21b8c6;
}
.button_login{
    background-color: #21b8c6;
    color:#ffffff;
    border-color: #212528;
}
.button_login:hover{
    background:#212528;
    color:#ffffff;
    border-color: #21b8c6;
}
.button_sub{
    background-color: #21b8c6;
    color:#ffffff;
    border-color: #212528;
}
.button_sub:hover{
    background:#212528;
    color:#ffffff;
    border-color: #21b8c6;
}
.button_add{
	background:#21b8c6;
    color:#ffffff;
}
.button_add:hover{
	background:#111111;
    color:#ffffff;
}
.button_calculate{
	background:#21b8c6;
    color:#ffffff;
}
.button_calculate:hover{
	background:#333;
    color:#ffffff;
}
.btn_add_basket{
	background:#21b8c6;
    color:#ffffff;
}
.btn_add_basket:hover{
	background:#2a2f33;
    color:#ffffff;
}
.btn_calculate{
	background:#21b8c6;
    color:#ffffff;
}
.btn_calculate:hover{
	background:#2a2f33;
    color:#ffffff;
}
.button_type_1{
	background:#111111;
        color:#999999;
    border-color: #999999;
}
.button_type_2{
	background:#ffffff;
    color:#777777;
    border-color: #999999;
}
.button_type_3{
	background-color:transparent;
    color:#333333;
    border-color:#777777;
}
.button_type_4{
    background:rgba(17,17,17,.0);
    color:#ffffff;
    border-color:#ffffff;
}
.button_type_4:hover{
    background:rgba(17,17,17,.9);
    color:#ffffff;
    border-color:#dbdbdb;
}
.button_type_5{
	background:rgba(17,17,17,.9);
}
.button_type_5:hover{
	background:rgba(17,17,17,.9) !important;
}
.button_type_6{
	background:#999999;
    color:#ffffff;
    border-color:#999999;
}
.button_type_7{
	background:#ffffff;
    color:#777;
    border-color:#999;
}
.button_type_7:hover{
	background:#21b8c6;
    color:#ffffff;
    border-color:#21b8c6;
}
.button_type_8{
    color: #999999;
    background: #333333;
}
.button_type_9{
    background: #43494e;
}
.button_type_10{
        color: #777777;
        background: #ffffff;
        border-color: #999999;
}
.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{
	background:#111111;
	color:#21b8c6;
}
.button_type_8:hover,.button_type_8.bg_primary_color:hover{
	background: #333333;
	color: #999999;
}
.count.type_2{
	background:#333;
	color:#ffffff;
}
.search_button{
	color:#777777;
    background-color: transparent;
}
.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:#111;
	background:#21b8c6;
        border-color:#dbdbdb;
}
/* -----------------------------------
	13. Icons
------------------------------------- */
.icon_info_1 a{
    color:#818a90;
}
.icon_info_1:hover a {
    color:#21b8c6;
}
.info_icons {
	color:#ffffff;
	background:#2a2f33;
}
.social_icons li a{
	color:#777777;
	background:#f2f0f1;
    border-color:#333333;
}
.social_icons .facebook:hover a,.sw_button.facebook{background:#3b5998; border-color:#3b5998; color:#ffffff;}
.social_icons .twitter:hover a,.sw_button.twitter,.tw_color{background:#2daae1; border-color:#2daae1; color:#ffffff;}
.social_icons .linkedin:hover a{background:#0073b2; border-color:#0073b2; color:#ffffff;}
.social_icons .instagram:hover a{background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); color:#ffffff;}
[class*="button_type_"].tw_color{
}
.info_icon {
    color:#eee;
}
.info_icon:hover a,.sw_button.info_icon{color:#737373;}
.info_block_type_2:hover [class*="icon_wrap"]{
	color:#f2f0f1
}
.icons li a{
	color:#ffffff;
	background:#2a2f33;
}
.icons .icon-edit-set:hover a{background:#f63e28; color:#000;}
[class*="button_type_"].tw_color{
}
/* -----------------------------------
	Notifications
------------------------------------- */
.notifications{
    border-color:#999999;
	background:#ffffff;
}
/* Table Notifications */
#col_not_left, #col_not_right_1 {
    border-color: #111111;
}
/* -----------------------------------
	14. Main content elements
------------------------------------- */
hr{
	border-color:#f2f0f1;
}
.divider_text{
	background:#d9dde2;
}
.divider_height {
	border-left-color:#333333;
}
.divider_height_l {
	border-left-color:#212528;
}
.divider_height_r {
	border-right-color:#212528;
}
.divider_type{
	border-color:#ddd;
}
.divider_type_1{
	border-color:#ddd;
}
.divider_type_2{
	border-color:rgba(50,58,69,.1);
}
.divider_type_3,.l_width_divider > li:before{
	border-color:#e2e6e7;
}
.divider_type_4{
	border-color:#21b8c6;
}
.divider_type_6{
	border-color:#e2e2e2;
}
.mark_read:hover {
	color: #21b8c6;
}
.photoframe{
	background:#ffffff;
    border-color: #ddd;
}
.photoframe.type_2{
	background:#ffffff;
    border-color: #ddd;
}
.photoframe.type_3{
	background:#ffffff;
    border-color: #ddd;
}
.content_info{
	background:#ffffff;
    border-color: #ddd;
}
.content_info{
	background:#ffffff;
    border-color: #ddd;
}
.photo_product{
        background:#000;
}
.content_photo_zoom{
    background:#ffffff;
    border-color:#ddd;
}
.cont_edit_photo{
	background:#ecf0f1;
}
.cont_edit_btn{
	background:#ecf0f1;
}
.cont_icon_pass{
	background:#ecf0f1;
}
.tooltip{
	background:#21b8c6;
  color:#ffffff;
}
.tooltip:after{
	border-top-color: #21b8c6;
}
.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:#f8f9fa;
}
.widget figcaption{
	background:#111111;
  color: #ffffff;
}
.widget_content{
	background: #ffffff;
  border-color: #dddddd;
}
.m_search_r{
        color: #21b8c6;
}
.popup_wrap{
	background:rgba(0,0,0,.5);
}
.popup{
	background:#ffffff;
}
.popup_login{
	background:#ffffff;
        border-color: #999999;
}
#login_popup footer{
  background:#21b8c6;
}
.quantity{
	background:#ffffff;
	border-color: #999999;
}
[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 i[class^="fa "]{color:#f39c12;}
[class*="alert_box"].warning{
	background:rgba(243,156,18,.1);
	color:#e67e22;
}
.edoc_box {
        background:#f2f4f5;
	color:#3b4247;
}
.info_box {
        background:#f2f4f5;
        color:#21b8c6;
}
.a_title{
	background:#ffffff;
        color: #777;
    border-color: #999999;
}
.a_title.active{
	background:#ffffff;
        color: #111;
    border-color: #21b8c6;
}
.a_title:hover{
		background:#777;
    color: #ffffff;
		border-color: #777;
}
.a_title_1{
        background:#111111;
        color: #ffffff;
}
.a_title_1.active{
        background: #21b8c6;
        color: #ffffff;
}
/* -----------------------------------
	15. Forms
------------------------------------- */
input:not([type="submit"]),textarea{
	background:#ffffff;
	color:#696e6e;
	border-bottom-color: #333;
}
input:not([type="submit"]).type_2{
	background:#ff0000;
}
input[type="checkbox"] + label:after{
	color:#292f38;
}
#contact_form textarea {border-bottom-color: #333;}
/* -----------------------------------
	Proofs Container
------------------------------------- */
.proof_cont_list, .proof_cont_thumb{
    background: #ffffff;
    border-color:#ddd;
}
.cont_icon_proof {
    color: #ddd;
    background: #f5f7f8;
}
/* -----------------------------------
	Products Container
------------------------------------- */
.edoc_prod_thumbs{
        color: #ffffff;
        background: #333333;
}
.edoc_prod_list{
        color: #ffffff;
        background: #333333;
}
.prod_cont_admin_thumbs{
    background: #f5f7f8;
    border-color:#ddd;
}
.prod_cont_admin_thumbs:hover{
    background: #e8eaeb;
    border-color:#ddd;
}
.prod_cont_store_thumbs, .prod_cont_store_lists{
    background: #ffffff;
}
.photoframe_1{
    border-color: #ffffff;
    background:#000;
}
.products_container_store_1{
    background:#ffffff;
    border-color:#ddd;
}
.cont_icon_prod_1, .cont_icon_prod_2, .cont_icon_prod_3, .cont_icon_prod_4, .cont_icon_prod_6, .cont_icon_prod_7, .cont_icon_prod_admin_1, .cont_icon_prod_admin_2{
    color: #ccc;
    background: #ededed;
}
.cont_icon_prod_5{
    color: #b1b1b1;
    background: #d6d7d8;
}
/* -----------------------------------
    Product Description and Code
------------------------------------- */
.prod_description{
    color: #333;
}
.prod_description:hover{
    color: #21b8c6;
}
.prod_code{
    color: #333;
}
.prod_code:hover{
    color: #21b8c6;
}
/* -----------------------------------
    Responsive changes
------------------------------------- */
[class*="table_type_"] tr:last-child td:not(:last-child){
border-bottom-color: #f2f0f1;
}
/* -----------------------------------
    Conter Filter
------------------------------------- */
.cont_filter {
    background: #f2f4f5;
    border-color: #999;
}
.cont_filter_address {
    background: #ecedef;
}
.content_text {
   text-align: center;
}
.background_container{
	background:#111;
}
.background_container_1{
	background: #f2f4f5;
    border: 1px solid #dddddd;
}
.divider_h_icon {
	border-left-color:#ddd;
}
.divider_h_icon.type_1 {
	border-left-color:#ddd;
}
.divider_w_icon {
	border-bottom-color: #ddd;
}
/* -----------------------------------
	Home
------------------------------------- */
.home_title {
color:#333;
}

.home h3 {
color:#333;
}
/* -----------------------------------
	Search
------------------------------------- */
.searchform_wrap{
	background:#111;
}
.searchform_wrap[class*="type_"],.searchform_wrap[class*="type_"].opened,
.searchform_wrap[class*="type_"].closed{
	background:#FAFBFB;
}
/* -----------------------------------
	Effect Form Input
------------------------------------- */
:focus{outline: none;}
.effect-line{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc;}
.effect-line ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #21b8c6; transition: 0.4s;}
.effect-line:focus ~ .focus-border{width: 100%; transition: 0.4s; left: 0;}
.effect_position{position: relative;}
.select_form{border-bottom: solid 1px #333;}
.text_area{border-bottom: solid 1px #333;}

input[type=text], textarea, select {
  outline: none;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
input[type=text]:focus, textarea:focus, select:focus {
  outline: none;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.height_form_notes {
        background:#ffffff;
	color:#696e6e;
        border-color: #ffffff;
}
.height_form_notes:focus {
  border-color: #f5f5f5;
}
/* -------------------------------------------
	Change Input Autocomplete styles
---------------------------------------------- */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
  border-bottom: 1px solid #333333;
  -webkit-text-fill-color: #333333 !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
/* -----------------------------------
	Color Tabs
------------------------------------- */
.background_container {
    background: #f2f4f5;
    border-color: #999;
}
.background_container_1 {
    background: #f2f4f5;
}
.bg_tabs {
	background:#f2f4f5;
    padding-left: 20px;
    border-color:#e2e5e6;
}
.tab-content-box {
    border: 1px solid #ffffff;
}
.tab-box {
    background-color: #ffffff;
    border-top: 1px solid #999;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
ul.tab-links {
    border: 1px solid #999;
    background: #f2f4f5;
}
ul.tab-links-1 {
    background: #f2f4f5;
    border: 1px solid #ddd;
}
ul.tab-links li {
    border-left: 1px solid #f2f4f5;
}
ul.tab-links li:last-child {
    border-right: 1px solid #f2f4f5;
}
ul.tab-links li a {
    color: #333;
    background: #f2f4f5;
}
ul.tab-links li a i {
    color: #333;
}
ul.tab-links li a:hover {
    color: #21b8c6;
    border-bottom: 6px solid #21b8c6;
}
ul.tab-links li a.active i {
    color: #21b8c6;
}
ul.tab-links li a:hover i {
    color: #21b8c6;
}
.tabs-widget ul.tab-links {
    border-top: 1px solid #999;
}
.tabs-widget ul.tab-links li a:hover {
    background: #f2f4f5;
    color: #21b8c6;
}
.tab-link1, .tab-link2, .tab-link3,
.tab-link4, .tab-link5, .tab-link6 {
    background: #f2f4f5;
    border-bottom: 6px solid #f2f4f5;
}
.tab-link1.active, .tab-link2.active, .tab-link3.active,
.tab-link4.active, .tab-link5.active, .tab-link6.active {
    background: #f2f4f5;
    color: #21b8c6;
    border-bottom: 6px solid #21b8c6;
}
.tabs-widget .tab-content-sidebar ul li h6 {
    color: #aeaeae;
}
.tabs-widget .tab-content-sidebar ul li h6 a {
    color: #aeaeae;
}
.tabs-widget .tab-content-sidebar ul li h6 a:hover {
    color: #21b8c6;
}
.bg_thumbs{
    color: #777;
    background:#f5f5f5;
    border-color: #999;
}
.bg_thumbs_1{
    color: #777;
    background:#f5f5f5;
    border-color: #999;
}
.bg_thumbs:hover{
    color: #333;
    background:#f5f5f5;
    border-color: #21b8c6;
}
.bg_thumbs_1:hover{
    color: #333;
    background:#f5f5f5;
    border-color: #21b8c6;
}
.bg_icon_info{
    color: #777;
    background:#f7f8f9;
    border-color: #ddd;
}
.divider_h_icon {
	border-left-color:#999;
}
.divider_h_icon.type_1 {
	border-left-color:#999;
}
.divider_w_icon {
	border-bottom-color: #999;
}
.divider_pag {
	border-left-color:#777;
}
.text_thumbs{
    color: #777;
}
/* -----------------------------------
	Tabs nav
------------------------------------- */
.tabs_nav .ui-tabs-active a,.tabs_nav li:hover a[class*="color"]{
	background:#ffffff;
	color:#212528;
}
.tabs_content{
	background:#ffffff;
}
.color_tab{
    color: #f2f4f5;
	background:#b1b1b1;
}
/* -----------------------------------
	Tabs nav
------------------------------------- */
.tabs_nav_1 a[class*="color"]{
	background:#ffffff;
	color:#999;
}
.tabs_nav_1 .ui-tabs-active a,.tabs_nav_1 li:hover a[class*="color"]{
	background:#f7f8f9;
	color:#777;
}
.border_list{
    border-bottom-color: #ecf0f1;
}
.button_thumbs{
    color: #777;
    background: #f5f7f8;
    border-color: #999;
}
.button_thumbs:hover{
    color: #ffffff;
    background: #333;
    border-color: #333;
}
/* -------------------------------------------
	Footer Minimal
---------------------------------------------- */
.footer_top_part a{
	color:#1c2127;
}
.footer_top_part a:hover{
	color:#21b8c6;
}
.footer_bottom_part a{
	color:#ffffff;
}
.footer_bottom_part a:hover{
	color:#21b8c6;
}
.social_icons_bottom li{
	border-color: rgba(0, 0, 0, .5);
}
.social_icons_bottom li a{
	color:#1c2127;
}
.social_icons_bottom .facebook:hover a{background-color: transparent; color:#21b8c6;}
.social_icons_bottom .twitter:hover a{background-color: transparent; color:#21b8c6;}
.social_icons_bottom .linkedin:hover a{background-color: transparent; color:#21b8c6;}
.social_icons_bottom .instagram:hover a{background-color: transparent; color:#21b8c6;}
.users_nav li:before,.l_width_divider li:before{
	border-color: rgba(0, 0, 0, .5);
}
/* -------------------------------------------
	Footer Colors
---------------------------------------------- */
.f_color_one{
	color:#111111;
}
.f_color_two{
	color:#2b2d2e;
}
.f_color_three{
	color:#b1b1b1;
}
.f_color_four{
	color:#111111;
}
.f_color_five{
	color:#333333;
}
.f_color_six{
	color:#ffffff;
}
.f_color_seven{
	color:#1c2127;
}
/* -------------------------------------------
	Background Colors
---------------------------------------------- */
.f_bg_color_one{
	background:#f2f4f5;
}
.f_bg_color_two{
        background:#111111;
}
.f_bg_color_three{
	background:#3b4247;
}
.f_bg_color_four{
	background:#2b2d2e;
}
.f_bg_color_five{
	background:#333333;
}
.f_bg_color_six{
	background:#212528;
}
.f_bg_color_seven{
	background:#131416;
}
/* -------------------------------------------
	Login Form
---------------------------------------------- */
.login-form .footer {
	background: #21b8c6;
}
/* -------------------------------------------
	Menu
---------------------------------------------- */
.menu_wrap{
	background:#ffffff;
        border-bottom-color: #dddddd;
}
[class*="button_type_"][class*="color"].color_dark:hover,.main_menu[class*="type_"] > .current > a,
.main_menu[class*="type_"] > li:hover > a{
	color:#333333;
}
.main_menu > li > a{
        color:#777777;
        background:#ffffff;
}
.main_menu > li > a:after{
        border-bottom-color: #21b8c6;
}
.main_menu > li:hover > a,.main_menu > li.current > a,
.main_menu > .current_click > a{
        color:#333333;
        background: #ffffff;
}
.sub_menu_wrap{
	border-color:#21b8c6;
}
.sub_menu_wrap:before{
	border-bottom-color:#21b8c6;
}
.sub_menu_wrap{
	background:#2a2f33;
}
.sub_menu_wrap a{
	color:#ffffff;
}
.sub_menu_wrap a:hover{
	color:#21b8c6;
        background:#131416;
}
#menu_button{
	background:#21b8c6;
}

.sub_menu > a,.select_list > li:hover,
.p_list > li:nth-child(2n+1){
	background:#f7f7f7;
        color:#333333;
}
.menu_wrap.type_3{
	border-bottom-color: #e6e5e7;
}
.banner:hover [class*="button_type_"].bg_primary_color,#menu_button:hover,#menu_button.active > a{
	background:#111111;
	color:#21b8c6;
}
#menu_button > span{
	background:#ffffff;
}
.searchform_wrap{
	background:#111111;
        color:#999999;
}
.searchform_wrap[class*="type_"],.searchform_wrap[class*="type_"].opened,
.searchform_wrap[class*="type_"].closed{
	background:#333333;
}
.top_arrow:before{
        color: #21b8c6;
}
/* ----------------------------------------------------------------
	Header 1
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Header 2
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Header 3
-----------------------------------------------------------------*/
[role="banner"]{
        background:#ffffff;
}
.h_top_part{
	border-bottom-color: #000;
        background:#111111;
}
.h_top_part.type_2{
	background:#000;
	color:#bdc3c7;
}
.divider_type_2{
	border-color:rgba(119,119,119,.5);
}
.text_small{
	color:#777777;
}
.text_large{
	color:#333333;
}
.text_large a{
        color:#333333;
}
.text_large a:hover{
	color: #21b8c6;
}
.divider_height {
	border-left-color:#f2f4f5;
}
.button_h_top{
	background:#111111;
    color: #999999;
}
.button_h_top:hover{
	background:#111111;
    color: #21b8c6;
}
.button_top_part{
    color:#b1b1b1;
    background-color:transparent;
}
.button_top_part:hover{
    color:#ffffff;
    background-color:transparent;
}
.btn_login{
    background-color:transparent;
    color:#999999;
}
.btn_login:hover{
    background-color:transparent;
    color:#21b8c6;
}
.btn_register{
    background-color:transparent;
    color:#999999;
}
.btn_register:hover{
    background-color:transparent;
    color:#ffffff;
}
.btn_logout{
    background-color:transparent;
    color:#21b8c6;
}
.btn_logout:hover{
    background-color:transparent;
    color:#ffffff;
}
.account{
	border-color:#999999;
	background:#ffffff;
}
.account_footer{
	background:#111111;
}
.button_account{
    color:#999999;
}
.button_account:hover{
    color:#21b8c6;
}
.social_icons_top li:hover a{
	color:#21b8c6;
}
.social_icons_top li a{
	color:#999999;
}
.social_icons_top .facebook:hover a{color:#3b5998;}
.social_icons_top .twitter:hover a{color:#2daae1;}
.social_icons_top .linkedin:hover a{color:#0073b2;}
.social_icons_top .instagram:hover a{color:#e04340;}
.btn_open{
	color:#21b8c6;
	background-color:transparent;
}
.btn_open:hover{
        color:#ffffff;
	background-color:transparent;
}
/* ----------------------------------------------------------------
	Header Extras
-----------------------------------------------------------------*/
.header-extras li {
    color: #b1b1b1;
}
.header-extras li .he-text span {
	color: #21b8c6;
}
.he-text a span{
	color: #21b8c6;
}
.he-text a:hover span{
	color: #333;
}
/* ----------------------------------------------------------------
	Styled Icons
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Top Social
-----------------------------------------------------------------*/
#top-social li { border-right-color: #212528; }
#top-social li:first-child { border-left-color: #212528; }
#top-social li a {
	color: red;
	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
	transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
}
#top-social li a:hover {color: #FFF !important;}
/* Social Icons - Share
-----------------------------------------------------------------*/
.si-share {
	border-top-color: #EEE;
	border-bottom-color: #EEE;
}
.si-facebook:hover,.si-colored.si-facebook { background-color: #3B5998 !important; }
.si-twitter:hover,.si-colored.si-twitter { background-color: #00ACEE !important; }
.si-linkedin:hover,.si-colored.si-linkedin { background-color: #0E76A8 !important; }
/* ----------------------------------------------------------------
	Notifications
-----------------------------------------------------------------*/
.count.not_1{
	background:#21b8c6;
	color:#ffffff;
}
.count.not_2{
	background:#21b8c6;
	color:#ffffff;
}
/* -----------------------------------
	Icons
------------------------------------- */
.icon_account_small {
    background: #555555;
    color:#999999;
}
.icon_account_medium {
    background: #686868;
    color:#bdbdbd;
}
/* ----------------------------------------------------------------
	Search
-----------------------------------------------------------------*/
/* search bar focus */
.search-container *:focus {
  background: #111;
  color: #999;
}
/* search icon button */
.search-icon-btn {
  background-color: #111;
  border: 1px solid #111;
  color: #999;
}
/* search bar input */
.search-input input.search-bar {
  background-color: #111;
  border: 1px solid #111;
}
.search-input input.search-bar:focus {
  background-color: #111;
  border: 1px solid #21b8c6;
  color: #21b8c6;
}
/* hover on search bar container */
.search-container:hover > .search-input input.search-bar {
  border: 1px solid #21b8c6;
  color: #21b8c6;
}
.search-container:hover > .search-icon-btn {
  color: #21b8c6;
}
.search-container:focus > .search-icon-btn {
  color: #21b8c6;
}
.search_button{
	color:#999999;
}
.search_button:hover{
	color:#21b8c6;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#999999;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#999999;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#999999;
}
:-moz-placeholder { /* Firefox 18- */
  color:#999999;
}
/* ----------------------------------------------------------------
	Search 1
-----------------------------------------------------------------*/
#search_box {
  color:#999999;
}
#global_search{
  color:#999999;
}
#global_search:focus:hover {
  color:#21b8c6;
  border-color:#21b8c6;
}
#global_search:focus {
  color:#21b8c6;
  border-color:#21b8c6;
}
/* ----------------------------------------------------------------
	Search 2
-----------------------------------------------------------------*/
#search{
  color:#999999;
}
#search:focus:hover {
  color:#21b8c6;
  border-color:#21b8c6;
}
#search:focus {
  color:#21b8c6;
  border-color:#21b8c6;
}
/* ----------------------------------------------------------------
	Header 4
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Shopping Cart General
-----------------------------------------------------------------*/
.btn_view_checkout{
background-color:#21b8c6;
color:#ffffff;
}
.btn_view_checkout:hover{
background-color:#131416;
color:#ffffff;
}
.btn_continue_shopping{
background-color:#21b8c6;
color:#ffffff;
}
.btn_continue_shopping:hover{
background-color:#131416;
color:#ffffff;
}
.btn_view_basket_item{
background-color:#3b4247;
color:#ffffff;
}
.btn_view_basket_item:hover{
background-color:#131416;
color:#ffffff;
}
.btn_checkout_item{
background-color:#525c66;
color:#ffffff;
}
.btn_checkout_item:hover{
background-color:#131416;
color:#ffffff;
}
/* ----------------------------------------------------------------
	Shopping Cart 1
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Shopping Cart 2
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Shopping Cart 3
-----------------------------------------------------------------*/
#shopping_button > a{
        background-color:transparent;
        color:#777777;
}
#shopping_button:hover > a{
	background-color:transparent;
	color:#111111;
}
.count{
        background:#21b8c6;
	color:#ffffff;
}
#shopping_button:hover > a .count{
	background:#21b8c6;
	color:#ffffff;
}
.count.cart_2{
	background:#21b8c6;
	color:#ffffff;
}
.shopping_cart{
        background:#ffffff;
	border-color:#333;
}
.shopping_cart:before{
	border-bottom-color:#333;
}
.divider_cart{
        border-bottom-color:#21b8c6;
}
.close_product{
	background-color:transparent;
}
.close_product:hover{
	color:#21b8c6;
}
.total_price{
	background:#21b8c6;
        color:#f9f9f9;
}
.products_list li{
	border-top-color:#e2e5e6;
}
.btn_view_basket{
        background: #777;
        color:#ffffff;
}
.btn_view_basket:hover{
	background: #2a2f33;
        color:#ffffff;
}
.button_checkout{
        background: #2a2f33;
        color:#ffffff;
}
.button_checkout:hover{
	background: #21b8c6;
        color:#ffffff;
}
/* ----------------------------------------------------------------
	Shopping Cart 4
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Shopping Cart 4 Push
-----------------------------------------------------------------*/
/* -------------------------------------------
	Wizard
---------------------------------------------- */
.wizard_container {
  padding: 50px;
  background: #f8f9fa;
  height: 180px;
  text-align: center;
  border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
}
.wizard_container span {
  color: #777777;
  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%;
  }
}