/* form */
	.form { position: relative; top: 0; left: 0; }

	.form .za_loader { display: none; width: 48px; height: 48px; border: 5px solid #C9946B; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: za_loader 1s linear infinite; position: absolute; bottom: 0; left: 0; z-index: 3; }
	@keyframes za_loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 

	.form .step { display: block; }
	.form .step label { display: block; }
	.form input, .form select { border-radius: 3rem; }

	.workhours { display: flex; list-style: none; margin: 0; padding: 0; gap: 1rem; flex-wrap: wrap; }
	.workhours_item { margin: 0; padding: 0; line-height: 1; }
	.workhours_item a { display: block; margin: 0; padding: 0.4rem; border: 1px solid #ccc; border-radius: 1rem; transition-duration: 0.2s; position: relative; top: 0; left: 0; }
	.workhours_item--busy { padding: 0.4rem; color: #ccc; }
	.workhours_item.ss a { background: #eee; border-width: 2px; top: -1px; left: -1px; }

	/* messages */
	.zmsg { position: absolute; top: 0; right: 0.4rem; z-index: 105; color: #44545b; font-size: 0.8rem; }
	.zmsg ul, .zmsg ul li { display: block; padding: 0; margin: 0; }
	.zmsg ul li { width: 200px; padding: 0 0.4rem; margin: 0.4rem 0; line-height: 2rem; background-color: #d5dcdf; border: 1px solid #84949b; box-shadow: 0 2px 3px rgba(0,0,0,0.1); }
	.zmsg ul li b { margin: 0 0.4rem 0 0; }	

	.admin-bar .zmsg { top: 40px; }
	.bricks-is-frontend .zmsg { right: 0.6rem; font-size: 1.2rem; }
	.bricks-is-frontend .zmsg ul li { padding: 0 0.6rem; margin: 0.6rem 0; }
	.bricks-is-frontend .zmsg ul li b { margin: 0 0.6rem 0 0; }	

	/* AZAZA */

	.form .step label { color: #4E5250; font-family: "Mona Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 1; text-transform: uppercase; }
	.form input, .form select, .form textarea { border-radius: 8px; border: 1px solid #CFCBC7; margin-top: 10px; padding: 12px 16px; line-height: 1; color: #4E5250; color: #D9B897; font-family: "Mona Sans"; font-size: 16px; font-style: normal; font-weight: 360; }
	.form input::placeholder, .form select option:first-child, .form select option[disabled], .form select:not(:valid), .form textarea::placeholder { color: #D9B897; }

	.form select { -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("data:image/svg+xml,%3Csvg width='48' height='44' viewBox='0 0 48 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_839_15765' fill='white'%3E%3Cpath d='M0 0H48V44H0V0Z'/%3E%3C/mask%3E%3Cpath d='M1 44V0H-1V44H1Z' fill='%23CFCBC7' mask='url(%23path-1-inside-1_839_15765)'/%3E%3Cpath d='M20 22L24 26L28 22' stroke='%234E5250' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 100% 50%; }

	#mf_schdl { margin-top: 10px; }

	.form input[type=button] { padding: 26px 50px 24px; border-radius: 32px; font-size: 15px; font-style: normal; font-weight: 500; line-height: 80%; text-transform: uppercase; cursor: pointer; }

	#mf_bkw { color: #4E5250; border-color: #E2D7CD; background: #fff; float: left; }

	#mf_fwd,
	#mf_send { background: #C9946B; color: #FAF6F2; border-color: #C9946B; margin-left: auto; }

	#mf_fwd:hover, #mf_fwd:focus,
	#mf_send:hover, #mf_send:focus { 
		color: #fff; 
	}

	.workhours { gap: 7px; }
	.workhours_item { flex-basis: 72px; font-size: 16px; font-style: normal; font-weight: 360; line-height: 120%; text-align: center; }
	.workhours_item a { padding: 6px 12px; border: 1px solid #CFCBC7; border-radius: 8px; color: #4E5250;}
	.workhours_item--busy { padding: 6px 12px; color: #E8D4C0; border: 1px solid #F4F0EC; border-radius: 8px; }
	.workhours_item.ss a { background: #C9946B; color: #fff; border-color: #C9946B; border-width: 1px; top: 0px; left: 0px; }

	.form { max-width: 100%; overflow: hidden; display: flex; flex-direction: row; border-radius: 0; }
	.form .step { min-width: 100%; border-radius: 0; padding: 0; transition-duration: 0.6s; position: relative; top: 0; left: 0; z-index: 1; }
	.form .step label { flex-basis: calc(50% - 15px); } 
	.form .step hr { flex-basis: 100%; margin: 0; padding: 0; border-color: #E2D7CD; }

	.form .step.step1 { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; }
	.form .step.step1 span { font-size: 16px; color: #D9B897; text-align: center; }
	.form .step.step1 span,
	.form .step.step1 label:nth-child(4) { flex-basis: 100%; margin: 0; padding: 0; }

	.form .step.step2 { z-index: 2; display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; }
	.form .step.step2 label:nth-child(1) { flex-basis: 100%; margin: 0; padding: 0; }


@media (max-width: 769px) {

	.form .step.step1,
	.form .step.step2 { display: flex; flex-direction: column; gap: 16px; align-items: stretch; flex-wrap: nowrap; }
	.form .step label, .form .step hr, .form .step.step1 span, .form .step.step1 label:nth-child(4), .form .step.step2 label:nth-child(1) { flex-basis: 0; } 

	#mf_fwd, #mf_bkw, #mf_send { margin-left: 0; margin-right: 0; text-align: center; }
}