/* Four colours - Layout Modern */

@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');

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

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

/* Preload all method call results to maximise performance */

/* -----------------------------------
	Color Layout Modern
------------------------------------- */
body {color:#696e6e;
	background:#ecf0f1;}
#body {background: #ecf0f1;}
.body_bg {background: #000;}
[class*="layout"],.menu_wrap.type_3 {background:#ecedef;}
.tittle_page_1 {color: #ffffff;}
.tittle_page_2 {color: #212528;}
.tittle_page_3 {color: #212528;}
.tittle_page_4 {color: #212528;}
.text_footer {color: #212528;}
.line_divider_tittle {border-color: #ffcc1c;}
.divider_cart {border-color: #ffcc1c;}
.photo_name {border-color: #838a8f;}
.select_form {background: #f5f7f8;border-color: #e4e4e4;}
.select_page {background: #f5f7f8;border-color: #e4e4e4;}
.select_field {background: #f5f7f8;border-color: #e4e4e4;}
.input_field {background: #f5f7f8;border-color: #e4e4e2;}
.proofs {border-color: #ff0000;background-color: #00ff00;}
.tr_delay_hover,.button_type_2 .primary_color {-webkit-transition:color 1s ease,background-color 1s ease,box-shadow 0s ease;
	-moz-transition:color 1s ease,background-color 1s ease,box-shadow 0s ease;
	-o-transition:color 1s ease,background-color 1s ease,box-shadow 0s ease;
	transition:color 1s ease,background-color 1s ease,box-shadow 0s ease;}
.tr_delay_hover:hover,.button_type_2:hover .primary_color {-webkit-transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;
	-moz-transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;
	-o-transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;
	transition:color .1s ease,background-color .1s ease,box-shadow .1s ease;}
::selection {background: #ffcc1c; /* Safari */
	color:#ffffff;}
::-moz-selection {background: #ffcc1c; /* Firefox */
	color:#ffffff;}
::-o-selection {background: #ffcc1c;
	color:#ffffff;}
::-ms-selection {background: #ffcc1c;
	color:#ffffff;}
::-webkit-input-placeholder {color:#696e6e;}
::-moz-placeholder {color:#696e6e;}
:-ms-input-placeholder {color:#696e6e;}
::-webkit-scrollbar {background:#f1f1f1;}
/* -----------------------------------
	3. Color Scheme
------------------------------------- */
a,a[class*="color"]:not(.color_light):hover,.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:#ffcc1c;}
[role="banner"],.banner_type_2.red,
.vertical_list_type_3 li:before,.vertical_list_type_7 li:before {border-color:#ffcc1c;}
.count,.bg_primary_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,#go_to_top: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:#ffcc1c;
    color:#ffffff;}
.select_color.red {background-color:#595959;}
.tp-leftarrow:hover,.tp-rightarrow:hover {background: #ffcc1c;}
::-webkit-scrollbar-thumb {background:#bcbcbc;}
.shadow {-webkit-box-shadow:0 1px 1px rgba(0,0,0,.10);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.10);
	-o-box-shadow:0 1px 1px rgba(0,0,0,.10);
	-ms-box-shadow:0 1px 1px rgba(0,0,0,.10);
	box-shadow:0 1px 1px rgba(0,0,0,.10);}
/* -----------------------------------
	TABLE ROW
------------------------------------- */
#row_1 {background-color: #ffcc1c;}
#row_3 {background-color: #e4e4e4;}
#row_4 {background-color: #ecf0f1;}

/* -----------------------------------
	Style Menu Sidebar
------------------------------------- */
.widget_preview ul {color: #000000;}
.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:#292f38;}
.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:#818a90;}
.color_primary {color:#ffcc1c;}
.color_secondary {color:#ffcc1c;}
.default_t_color {color:#696e6e;}
.bg_color_primary {background:#ffcc1c;}
.bg_color_secondary {background:#ffcc1c;}
s {color:#6a6a6a;}
.p_list > li:nth-child(2n+1),.info_block_type_1:hover [class*="icon_wrap"] {background:#212528;}
.bg_color_featured_frontpage {background:#f5f5f5;}
.bg_color_arrows {background:#d8dce3;}
.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:#ecf0f1;}
.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:#2a2f33;}
.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:#212528;}
.h_top_part {border-bottom-color: #e2e6e7;
    background:#131416;}
.h_top_part.type_2 {background:#000;
	color:#bdc3c7;}
[role="banner"].type_5 .h_bot_part {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:#ffffff;}
.line_divider, .line_divider_1, .line_divider_2, .line_divider_3, .line_divider_4, .line_divider_5, .line_divider_6 {background:#ffcc1c;}
.line_divider_7, .line_divider_8, .line_divider_9, .line_divider_10 {background:#e4e4e4;}
.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;}
.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: #2b3034;}
.select_title {border-color: #e4e4e4;
	background:#f5f7f8;
	-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: #e4e4e4;}
.select_list {background: #ffffff;
	border-left-color: #e4e4e4;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4;}
.select_list > li {color:#6a6a6a;}
.select_list > li:hover {color:#000;}
.categories_list a {border-bottom-color: #ecf0f1;}
/* -----------------------------------
	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:#ffcc1c;
    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:#2a2f33;color:#838a8f;}
.button_more:hover {background:#ffcc1c;color:#ffffff;}
.button_next {background:#ffcc1c;color:#ffffff;}
.button_next:hover {background:#2a2f33;color:#ffffff;}
.button_confirm {background:#ffcc1c;color:#ffffff;}
.button_confirm:hover {background:#2a2f33;color:#ffffff;}
.btn_voucher {background:#ffcc1c;color:#ffffff;}
.btn_voucher:hover {background:#2d3339;color:#ffffff;}
.btn_send_form {background:#ffcc1c;color:#ffffff;}
.btn_send_form:hover {background:#2a2f33;color:#ffffff;}
.btn_cancel_form {background:#43494e;color:#ffffff;}
.btn_cancel_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_active_merchant {font-size: 14px;
  min-width: 100px;
  font-weight: 100;
  line-height: 1.8;}
.btn_paypal:hover {background:#2c82bb;color:#ffffff;}
.btn_calculate {background:#ffcc1c;
    color:#ffffff;}
.btn_calculate:hover {background:#2a2f33;
    color:#ffffff;}
.btn_add {background:#ffcc1c;
    color:#ffffff;}
.btn_add: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_new {background:#43494e;color:#ffffff;}
.button_new:hover {background:#2a2f33;color:#ffcc1c;}
.button_prev {background:#43494e;color:#ffffff;}
.button_prev:hover {background:#2a2f33;color:#b1b1b1;}
.btn_empty {background-color:#838a8f;color:#ffffff;}
.btn_empty:hover {background:#2a2f33;color:#ffffff;}
.btn_checkout {background:#ffcc1c;color:#ffffff;}
.btn_checkout:hover {background:#2a2f33;color:#ffffff;}
.btn_empty_basket {background-color:#838a8f;color:#ffffff;}
.btn_empty_basket:hover {background-color:#24292d;color:#ffffff;}
.button_cancel {background:#43494e;color:#ffffff;}
.button_cancel:hover {background:#2a2f33;color:#ffffff;}
.btn_back {background:#43494e;color:#ffffff;}
.btn_back:hover {background: #2a2f33;
    color:#ffffff;}
.button_back {background:#d8dce3;color:#2a2f33;}
.button_back:hover {background: #3b4247;color:#ffffff;}
.button_back_r {background: #d8dce3;color:#2a2f33;}
.button_back_r:hover {background: #3b4247;
    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: #ffcc1c;color:#ffffff;}
.btn_view_more:hover, .btn_slide_link:hover, .btn_view_details:hover {background-color: #2a2f33;color:#ffffff;}
.button_view {background-color: #ffcc1c;
    color:#ffffff;}
.button_view:hover {background-color: #2a2f33;
    color:#ffffff;}
.button_view_d {background-color: #2a2f33;
    color:#ffffff;}
.button_view_d:hover {background-color: #ffcc1c;
    color:#ffffff;}
.btn_view_prod {background-color: #2a2f33;
    color:#ffffff;}
.btn_view_prod:hover {background-color: #ffcc1c;
    color:#ffffff;}
.button_login {background-color: #ffcc1c;
    color:#ffffff;}
.button_login:hover {background-color: #43494e;
    color:#ffffff;}
.button_sub {background-color: #2a2f33;
    color:#b1b1b1;}
.button_sub:hover {background-color: #43494e;
    color:#ffffff;}
.button_add {background:#ffcc1c;
    color:#ffffff;}
.button_add:hover {background:#2a2f33;
    color:#ffffff;}
.button_calculate {background:#ffcc1c;
    color:#ffffff;}
.button_calculate:hover {background:#2a2f33;
    color:#ffffff;}
.btn_add_basket {background:#ffcc1c;
    color:#ffffff;}
.btn_add_basket:hover {background:#2a2f33;
    color:#ffffff;}
.btn_calculate {background:#ffcc1c;
    color:#ffffff;}
.btn_calculate:hover {background:#2a2f33;
    color:#ffffff;}
.button_edit {background: #2a2f33;
    color:#ffffff;}
.button_edit:hover {background: #ffcc1c;
    color:#ffffff;}
.button_logout {background: #2a2f33;
    color:#ffcc1c;}
.button_logout:hover {background: #2a2f33;
    color:#ffffff;}
.button_account {color:#1c2127;}
.button_account:hover {color:#ffffff;}
.button_thumbs {color: #ffffff;
    background: #212528;}
.button_thumbs:hover {color: #ffcc1c;
    background: #212528;}
.button_register {color: #ffcc1c;
    background: #2a2f33;}
.button_register:hover {color: #ffcc1c;
    background: #ffffff;}
.button_type_1 {background:#2a2f33;color:#838a8f;}
.button_type_2 {background:#ffcc1c;color:#ffffff;}
.button_type_3 {background:#2a2f33;
    color:#b1b1b1;}
.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_10 {color: #212528;background: #d8dce3;}
.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;}
.count.type_2 {background:#686868;
	color:#ffffff;}
.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:#ffcc1c;}
#go_to_top {color:#ffffff;
	background:#43494e;}
/* -----------------------------------
	13. Icons
------------------------------------- */
.icon_info_1 a {color:#818a90;}
.icon_info_1:hover a {color:#ffcc1c;}
.info_icons {color:#ffffff;
	background:#2a2f33;}
.social_icons li a {color:#ffffff;
	background:#131416;}
.social_icons .facebook:hover a,.sw_button.facebook {background:#3b5998; color:#ffffff;}
.social_icons .twitter:hover a,.sw_button.twitter,.tw_color {background:#2daae1; color:#ffffff;}
.social_icons .linkedin:hover a {background:#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 {
}
.social_icons_1 li a {color:#b1b1b1;
	background:#2a2f33;}
.social_icons_1 .facebook:hover a,.sw_button.facebook {background:#3b5998; color:#ffffff;}
.social_icons_1 .twitter:hover a,.sw_button.twitter,.tw_color {background:#2daae1; color:#ffffff;}
.social_icons_1 .linkedin:hover a {background:#0073b2; color:#ffffff;}
.social_icons_1 .instagram:hover a {background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); color:#ffffff;}
.social_icons_1 .phone:hover a {background:#ffcc1c; 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:#ecf0f1
}
.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:#ffcc1c;
	background:#ffffff;}
/* Table Notifications */
#col_not_left, #col_not_right_1 {border-color: #2a2f33;}
/* -----------------------------------
	14. Main content elements
------------------------------------- */
hr {border-color:#ecf0f1;}
.divider_text {background:#d9dde2;}
.divider_height {border-left-color:#43494e;}
.divider_height_l {border-left-color:#212528;}
.divider_height_r {border-right-color:#212528;}
.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_4 {border-color:#ffcc1c;}
.divider_type_6 {border-color:#e2e2e2;}
.mark_read:hover {color: #ffcc1c;}
.photoframe {background:#ffffff;}
.photoframe.type_2 {background:#ffffff;}
.photoframe.type_3 {background:#ecf0f1;}
.content_info {background:#ffffff;}
.content_info {background:#ffffff;}
.photo_product {background:#000;}
.content_photo_zoom {background:#ffffff;}
.cont_edit_photo {background:#ecf0f1;}
.cont_edit_btn {background:#ecf0f1;}
.cont_icon_pass {background:#ecf0f1;}
.tooltip {background:#ffcc1c;color:#ffffff;}
.tooltip:after {border-top-color: #ffcc1c;}
.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;}
.widget figcaption {background:#212528;}
.widget figcaption h3 {color:#ffffff;}
.widget_content {background: #ffffff;}
.m_search_r {color: #ffcc1c;}
.popup_wrap {background:rgba(0,0,0,.5);}
.popup {background:#ffffff;}
.popup_login {background:#ffffff;}
#login_popup footer {background:#ffcc1c;}
.quantity {background:#f5f7f8;
	border-color: #e4e4e4;}
[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:#ffcc1c;}
.a_title {background:#cbcfd2;color: #2a2f33;}
.a_title.active {background:#869098;color: #ffffff;}
.a_title:hover {background:#6a7279;color: #ffffff;}
.a_title_1 {background:#212528;color: #ffffff;}
.a_title_1.active {background:#ffcc1c;color: #ffffff;}
.users_nav li:before,.l_width_divider li:before {border-color:#373d42;}
/* -----------------------------------
	15. Forms
------------------------------------- */
input:not([type="submit"]),textarea {background:#f5f7f8;
	color:#696e6e;
    border-color: #e4e4e4;}
input[type="checkbox"] + label:after {color:#292f38;}
/* -----------------------------------
	Proofs Container
------------------------------------- */
.proof_cont_list, .proof_cont_thumb {background: #ffffff;}
.cont_icon_proof {color: #ddd;
    background: #f5f7f8;}
/* -----------------------------------
	Products Container
------------------------------------- */
.edoc_prod_thumbs {color: #ffffff;background: #3b4247;}
.edoc_prod_list {color: #ffffff;background: #3b4247;}
.prod_cont_admin_thumbs {background: #f5f7f8;}
.prod_cont_admin_thumbs:hover {background: #e8eaeb;}
.prod_cont_store_thumbs, .prod_cont_store_lists {background: #ffffff;}
.photoframe_1 {border-color: #ffffff;
    background:#000;}
.products_container_store_1 {background:#ffffff;}
.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: #ddd;
    background: #f5f7f8;}
.cont_icon_prod_admin_2 {color: #cecece;
    background: #ededed;}
.cont_icon_prod_5 {color: #b1b1b1;
    background: #d6d7d8;}
/* -----------------------------------
    Product Description and Code
------------------------------------- */
.prod_description {    
    color: #ffcc1c;}
.prod_description:hover {color: #292f38;}
.prod_code {    
    color: #818a90;}
.prod_code:hover {color: #ffcc1c;}
/* -----------------------------------
    Responsive changes
------------------------------------- */
[class*="table_type_"] tr:last-child td:not(:last-child) {border-bottom-color: #ecf0f1;}
/* -----------------------------------
    Conter Filter
------------------------------------- */
.cont_filter {background: #212528;}
.cont_filter_address {background: #ecedef;}
/* -----------------------------------
	Home
------------------------------------- */
.home_title {
color:#ffcc1c;}

.home h3 {
color:#ffcc1c;}
/* -----------------------------------
	Search
------------------------------------- */
.searchform_wrap {background:#ffffff;}
.searchform_wrap[class*="type_"],.searchform_wrap[class*="type_"].opened,
.searchform_wrap[class*="type_"].closed {background:#FAFBFB;}
/* -----------------------------------
	Effect Form Input
------------------------------------- */
input[type=text]:focus, textarea:focus, select:focus {border-color: #ffcc1c;}
input[type=password]:focus, password:focus {border-color: #ffcc1c;}
.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: 1px solid #e4e4e2;
  -webkit-text-fill-color: #212528 !important;
  -webkit-box-shadow: 0 0 0px 1000px #f5f7f8 inset !important;}
/* -----------------------------------
	Color Tabs
------------------------------------- */
.background_container {background: #1c2127;}
.background_container_1 {background: #1c2127;}
.bg_tabs {background:#d8dce3;}
.tab-box {background-color: #ffffff;}
ul.tab-links li a {color: #ffffff;
    background: #2a2f33;}
ul.tab-links li a i {color: #ffcc1c;}
ul.tab-links li a:hover {color: #ffffff;
    background: #ffcc1c;}
ul.tab-links li a:hover i {color: #ffcc1c;}
.tabs-widget ul.tab-links li a:hover {background: #ffffff;
    color: #ffcc1c;}
.tab-link1.active, .tab-link2.active, .tab-link3.active,
.tab-link4.active, .tab-link5.active, .tab-link6.active {background: #ffffff;
    color: #ffcc1c;}
.tabs-widget .tab-content-sidebar ul li h6 {color: #aeaeae;}
.tabs-widget .tab-content-sidebar ul li h6 a {color: #000;}
.bg_thumbs {color: #777;
    background:#f7f8f9;}
.bg_thumbs_1 {color: #777;
    background:#f7f8f9;}
.bg_thumbs:hover {color: #1c2127;
    background:#f1f1f1;}
.bg_thumbs_1:hover {color: #1c2127;
    background:#f1f1f1;}
.bg_icon_info {color: #777;
    background:#f7f8f9;}
.divider_pag {border-left-color:#e4e4e2;}
.text_thumbs {color: #f5f5f7;}
/* -----------------------------------
	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: #696e6e;
	background:#ecf0f1;}
/* -----------------------------------
	Tabs nav
------------------------------------- */
.tabs_nav_1 a[class*="color"] {background:#ffffff;
	color:#696e6e;}
.tabs_nav_1 .ui-tabs-active a,.tabs_nav_1 li:hover a[class*="color"] {background:#f7f8f9;
	color:#2a2f33;}
.border_list {border-bottom-color: #ecf0f1;}
/* -------------------------------------------
	Footer Modern
---------------------------------------------- */
.footer_top_part a {color:#b1b1b1;}
.footer_top_part a:hover {color:#ffcc1c;}
.footer_bottom_part a {color:#ffffff;}
.footer_bottom_part a:hover {color:#ffcc1c;}
.social_icons_bottom li {border-color: rgba(0, 0, 0, .5);}
.social_icons_bottom li a {color:#b1b1b1;}
.social_icons_bottom .facebook:hover a {background:#3b5998; color:#ffffff;}
.social_icons_bottom .twitter:hover a {background:#2daae1; color:#ffffff;}
.social_icons_bottom .linkedin:hover a {background:#0073b2; color:#ffffff;}
.social_icons_bottom .instagram:hover a {background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); color:#ffffff;}
.users_nav li:before,.l_width_divider li:before {border-color: rgba(0, 0, 0, .5);}
/* -------------------------------------------
	Footer Colors
---------------------------------------------- */
.f_color_one {color:#b1b1b1;}
.f_color_two {color:#2b2d2e;}
.f_color_three {color:#b1b1b1;}
.f_color_four {color:#b1b1b1;}
.f_color_five {color:#d8dce3;}
.f_color_six {color:#ffffff;}
.f_color_seven {color:#1c2127;}
/* -------------------------------------------
	Foooter Background Colors
---------------------------------------------- */
.f_bg_color_one {background:#2b2d2e;}
.f_bg_color_two {background:#131416;}
.f_bg_color_three {background:#2b2d2e;}
.f_bg_color_four {background:#2b2d2e;}
.f_bg_color_five {background:#2a2f33;}
.f_bg_color_six {background:#212528;}
.f_bg_color_seven {background:#131416;}
/* -------------------------------------------
	Login Form
---------------------------------------------- */
.login-form .footer {background: #ffcc1c;}
/* -------------------------------------------
	Menu
---------------------------------------------- */
.menu_wrap {background:#d8dce3;}
.main_menu[class*="type_"] > .current > a,
.main_menu[class*="type_"] > li:hover > a,.vertical_list_type_8 li:before {color:#3b4247;}
.sub_menu li:hover > a,.select_list > li:hover {background:#3b4247;color:#ffffff;}
#menu_button,.main_menu > li:hover > a,.main_menu > li.current > a,
.main_menu > .current_click > a {background:#ffcc1c;color:#ffffff;}
.main_menu > li > a {background:#d8dce3;color:#212528;border-color: rgba(255, 255, 255, .2);}
.main_menu > li.current > a,.main_menu > li:hover > a,
.main_menu > .current_click > a {color:#ffffff;}
.sub_menu_wrap {border-color:#ffcc1c;}
.sub_menu_wrap:before {border-bottom-color:#ffcc1c;}
.sub_menu_wrap {background:#2a2f33;}
.sub_menu_wrap a {color:#ffffff;}
.sub_menu_wrap a:hover {color:#ffcc1c;background:#131416;}
#menu_button {background:#ffcc1c;}

.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:#ffcc1c;}
#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: #ffcc1c;}
/* ----------------------------------------------------------------
	Header 1
-----------------------------------------------------------------*/
[role="banner"] {background:#3b4247;}
.h_top_part {background:#2b2d2e;}
.h_top_part.type_2 {background:#000;
	color:#bdc3c7;}
.button_top_part {color:#ffcc1c;background-color: transparent;}
.button_top_part:hover {color:#ffffff;background: rgba(0, 0, 0, .2);}
#account_button:hover > a {background: rgba(0, 0, 0, .2);
	color:#ffffff;}
#account_button:hover > a .count {background-color:#ffcc1c;}
.account {border-color:#ffcc1c;
	background:#ffffff;}
.account_footer {background:#2a2f33;}
.top_arrow_account:before {color: #ffcc1c;}
.divider_h_top {border-left-color: rgba(0, 0, 0, .5);}
.divider_h_top_l {border-left-color: rgba(0, 0, 0, .5);}
.divider_h_top_r {border-right-color: rgba(0, 0, 0, .5);}
.social_icons_top li a {color:#ffcc1c;
	background:#2b2d2e;}
.social_icons_top .facebook:hover a {background:#3b5998; color:#ffffff;}
.social_icons_top .twitter:hover a {background:#2daae1; color:#ffffff;}
.social_icons_top .linkedin:hover a {background:#0073b2; color:#ffffff;}
.social_icons_top .instagram:hover a {background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); color:#ffffff;}
.btn_open {color:#ffcc1c;
	background: transparent;border-color:#ffcc1c;}
.btn_open:hover {color:#ffffff;
	background:#ffcc1c;border-color:#ffcc1c;}
/* ----------------------------------------------------------------
	Header Extras
-----------------------------------------------------------------*/
.header-extras li {color: #ffffff;}
.header-extras li a {color: #ffffff;}
.header-extras li a:hover {color: #ffcc1c;}
.header-extras li .he-text p {color: #b1b1b1;}
/* ----------------------------------------------------------------
	Header Extras
-----------------------------------------------------------------*/
.header-text {color: #d8dce3;}
.header-text a {color: #d8dce3;}
.header-text a:hover {color: #ffcc1c;}
.header-info {color: #bdbdbd;}
/* ----------------------------------------------------------------
	Top Social
-----------------------------------------------------------------*/
#top-social li { border-right-color: #212528; }
#top-social li:first-child { border-left-color: #212528; }
#top-social li a {color: #999;
	-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:#ffcc1c;
	color:#ffffff;}
.count.not_2 {background:#ffcc1c;
	color:#ffffff;}
/* ----------------------------------------------------------------
	Search header 4
-----------------------------------------------------------------*/
.openBtn {color:#ffcc1c;
    background-color: transparent;}
.openBtn:hover {color:#ffffff;
    background: rgba(0, 0, 0, .3);}
.overlay .closebtn:hover {color: #ffcc1c;}
.overlay button:hover {color:#000;
    background: #ffcc1c;}
.overlay input[type=text] {background: rgba(0,0,0,.5);;
    border-color: #ffcc1c;}
.overlay button {color:#ffffff;
    background: #ffcc1c;}
/* ----------------------------------------------------------------
	Search
-----------------------------------------------------------------*/
#global_search {background:#ffffff;
  border-color:#131416;
  color:#ffcc1c;}
#search {background:#ffffff;
  border-color:#131416;
  color:#ffcc1c;}
.search_button {color:#212528;}
.search_button:hover {color:#ffcc1c;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#b1b1b1;}
::-moz-placeholder { /* Firefox 19+ */
  color:#b1b1b1;}
:-ms-input-placeholder { /* IE 10+ */
  color:#b1b1b1;}
:-moz-placeholder { /* Firefox 18- */
  color:#b1b1b1;}
/* ----------------------------------------------------------------
	Header 2
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Header 3
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Header 4
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Shopping Cart General
-----------------------------------------------------------------*/
.btn_view_checkout {
background-color:#ffcc1c;
color:#ffffff;}
.btn_view_checkout:hover {
background-color:#24292d;
color:#ffffff;}
.btn_continue_shopping {
background-color:#ffcc1c;
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_button > a {background-color:transparent;color:#ffcc1c;}
#shopping_button:hover > a {background: rgba(0, 0, 0, .2);color:#ffffff;}
#shopping_button:hover > a .count {background-color:#ffcc1c;color:#ffffff;}
.count {background:#ffffff;
	color:#222425;}
.count.cart_2 {background:#ffcc1c;}
.shopping_cart {background:#ffffff;
	border-color:#ffcc1c;}
.shopping_cart:before {border-bottom-color:#ffcc1c;}
.divider_cart {border-bottom-color:#ffcc1c;}
.close_product {background-color:transparent;}
.close_product:hover {color:#2a2f33;}
.total_price {background:#ffcc1c;color:#ffffff;}
.top_arrow_cart:before {color: #ffcc1c;}
.products_list li {border-top-color:#ecf0f1;}
.btn_view_basket {background: #323a45;color:#ffffff;}
.btn_view_basket:hover {background: #212528;color:#ffffff;}
.button_checkout {background: #2a2f33;color:#ffffff;}
.button_checkout:hover {background: #ffcc1c;color:#ffffff;}
/* ----------------------------------------------------------------
	Shopping Cart 2
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Shopping Cart 3
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Shopping Cart 4
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Shopping Cart 4 Push
-----------------------------------------------------------------*/
/* -------------------------------------------
	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: #ffcc1c;
  -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: #ffcc1c;
  border: solid 3px #ffcc1c;
  -webkit-transition: width 2s;
  /* Safari */
  transition: all 3s;}
.wizard_container .main .completeblock1, .completeblock2, .completeblock3, .completeblock4, .completeblock5 {background-color: #ffcc1c !important;
  color: #ffffff;
  border: solid 3px #ffcc1c;}
.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%;}
}