*	{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}
*::before, *::after	{
			margin: 0;
			padding: 0;
			}

html, body	{
	font: small arial,sans-serif;
        min-height: 100vh;
	}

body  {
      display: flex;
      flex-direction: column;
      }

/* Header */
header	{
	display: flex;
	justify-content: space-between;
	padding: 10px 10px 0px 10px;
	}

/* Navigation */

nav * 	{
  	padding: 0;
	margin: 0;
	box-sizing: border-box;
	}

nav input#hamburger	{
		display: none;
		}

nav label.hamburger 	{
			font-size: 3rem;
			cursor: pointer;
			}
nav ul 	{
	font-size: 1.1rem;
	list-style-type: none;
        background: linear-gradient(top, #ff88ee 0%, #bbbbbb 100%);
        background: -moz-linear-gradient(top, #ff88ee 0%, #bbbbbb 100%);
        background: -webkit-linear-gradient(top, #ff88ee 0%,#bbbbbb 100%);
        background: -o-linear-gradient(top, #ff88ee 0%,#bbbbbb 100%);
        box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	width: max-content;
	transform: scale(0,1);
	transition: transform ease-in-out 500ms;
	transform-origin: left;
	position: absolute;
	left: -.05px;
	z-index: +4;
	}

nav input:checked + ul	{
			transform: scale(1,1);
			}
 
nav ul li	{
		position: relative;
		}

nav ul li:hover {
		background-color: grey;
		}

nav ul li:hover > ul 	{
			transform: scale(1,1)
			}
nav ul li ul 	{
		left: 100%;
		top: 0;
		}

nav a 	{
	text-decoration: none;
	display: block;
	padding: 12px;
	}

nav a:visited	{
		color: blue;
		}
hr.over-index-pic	{
			display: none;
			}

img.main_pic	{
		display: none;
		}

form {
			margin-left: auto;
   			margin-right: auto;
			margin-top: 10px;
			margin-bottom: 20px;
			max-width: 95%;
			}
.elr-dropdown	{
			max-width: -moz-fit-content;
			max-width: -webkit-fit-content;
			max-width: -o-fit-content;
			max-width: fit-content;
 		}
p.main 	{
	margin: 15px;
	font-size: 1.15rem;
	text-align: justify;
	}

#repair_wrapper	{
		margin: 10px;
		border: outset  #CA9FCC;
		padding: 15px 35px;
	 	border-radius: 15px;	
		}

.addresses	{
		margin: 20px 0px;
		}
	
.repair_section	{
		padding: 15px;
		border-radius: 15px;
		}
.return_equipment_to	{
			margin: 10px 0px;
			}
		
@media screen and (min-width: 1080px) {

  header	{
		flex-direction: row;
		align-items: center;
		padding: 15px;
		}

   .hamburger	{
		display: none;
		}

 /* Navigation big screen */
  nav ul {
	background: unset;
	box-shadow: unset;
	}

  nav > ul {
	position: relative;
	display: flex;
	transform: unset;
        font-size: 1.5em;
	font-weight: 800;
	}


  
  nav > ul li::before	{
			content: '';
			display: block;
		   	height: 5px;	
			width: 100%;
                        background: linear-gradient(top, #ff88ee 0%, #dab3ff 100%);
			background: -moz-linear-gradient(top, #ff88ee 0%, #dab3ff 100%);
			background: -webkit-linear-gradient(top, #ff88ee 0%, #dab3ff 100%);
			background: -o-linear-gradient(top, #ff88ee 0%, #dab3ff 100%);
			transform: scale(0,1);
 			transform-origin: left;
			transition: transform ease-in-out 500ms;
			}

  nav > ul li:hover::before  {
				transform: scale(1,1);
				}


  nav ul li ul	{
		top: 100%;
		left: 0;
		}

  nav ul li ul	{
			transform: scale(1,0);
			transform-origin: top;
			}

  nav ul ul ul 	{
		left: 100%;
		top: 0;
		transform: scale(0,1);
		transform-origin: left;
		}

  nav ul li {
	    transition: background-color 500ms;
	    }
  nav ul li:hover {
		background-color: rgba(218, 179, 255, .7);
		}

  nav ul li:hover > ul	{
			transform: scale(1,1)
			transform-origin: top;
			}
  
  nav ul ul {
		background-color: rgba(230, 204, 255, .5);
	}

  hr.over-index-pic	{
			display: block;
			}
  form.getstarted	{
			max-width: 65%;
			}
  img.main_pic	{
		display: inline;
		}
}

h1.header	{
		text-shadow: 3px 3px 3px #CA9FCC;
                margin: 0px;
		}

h3.header_sub	{
		margin: 0px;
		}

.heading	{
		color: #CA9FCC;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: 15px;
		}

h1.quote	{
		color: #CA9FCC;
                margin: 15px;
		font-family: serif;
		font-style: italic;
		font-size: 2.5em;
		}

h2		{
		margin-left: 15px;
 		margin-top: 15px;
		}

h3		{
		margin: 0 15px;
		}

h4		{
		margin-left: 15px;
		}

address.contact-page		{
		margin-left: 15px;
		}

video	{
	border: outset  #CA9FCC;
  	width: 390px;
	max-width: 100%;
        max-width: fill-available;
	max-width: -moz-available;
	max-width: -webkit-fill-available;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	float: right;
	border-radius: 15px;
	}


.signature	{
		font-weight: bold;
		color:  #CA9FCC;
		
		}

p.question	{
		margin-left: 15px;
		font-weight: bold;
		font-size: 1.1em;
		}

p.answer	{
		margin-top: 3px;
		}

hr	{
	clear: both;
	margin: 0px 5px 0px 5px;
	}

img	{
	max-width: 100%;
	height: auto;
	}

img.main_pic 	{
		float: right;
		margin: 5px 0px 0px 5px;
		border-radius: 15px;
		}

img.flipped	{
		float: left;
		margin: 0px 5px 0px 0px;
		}

img.results	{
		float: right;
		margin: 0px 5px 5px 5px;
		}

img.how		{
		float: left;
		margin: 15px;
		}

img.tight	{
		margin-top: 0px;
		}

a.client	{
		margin-left: 5px;
		}


footer 	{
	margin-top: auto;
	clear: both;
	}

footer p {
    	 padding: 20px 15px;
         }
	 


h3.hours	{
		margin-bottom: 15px;
		margin-top: 15px;
		text-align: justify;
		}

table.hours	{
		float: right;
		margin-right: 100px;
		margin-bottom: 5px;
		}

p.missed	{
		font-weight: bold;
		margin: 5px 0px 0px 5px;
		font-size: .85em;
		}	

iframe	{
	border: outset;
	border-radius: 15px;
	width:425px;
	height: 350px;
	max-width: fill-avialable;
	max-width: -moz-available;
	max-width: -webkit-fill-available;
	}

#coupons	{
		position: relative;
		display: inline-block;
		max-width: 100%;
		padding: 0px 15px;
	  	margin-top: 20px;	
		}



.coupon		{
		color: blueviolet;
		width: 540px;
		
		max-width: fill-available;
		max-width: -moz-available;
		max-width: -webkit-fill-available;
		border: dashed grey;
		//margin: 0px 0px 10px 0px;
		padding-left: 5px;
		padding-right: 5px;
		background-color: #f3defc;
		}

.lipo-coupon	{
		text-align: center;
		background-image: url("../images/results.png");
		background-repeat: no-repeat;
		background-position: center;
		}

.face-coupon	{
		background-image: url("../images/pretty_face.png");
		background-repeat: no-repeat;
		background-position: left;
		text-align: right;
		}

p.face-coupon-text	{
		margin-left: 170px;
		}

.coupon-main	{
		font-size: 2.5em;
		font-weight: bold;
		padding: 25px;
		}

.fine		{
		font-size: .5em;
		text-align: center;
		color: black;
		}

div.invoice_space	{
			position: relative;
			padding: 15px;
			}
div.invoice_space h2	{
			margin-top: 10px;
			margin-left: 0;
			}

div.invoice_space p 	{
			font-size: 1.15rem;
			}

table.statistics_report	{
			margin-top: 10px;
			}

table.statistics_report	th	{
				text-align: left;
				}

table.statistics_report td	{
				text-align: right;
				}

.dob	{
	display: none;
        }

@media screen and (min-width:938px) {
  #coupons div:first-child	{
			margin-bottom: 20px;
			}
  img.arrow	{
		position: absolute;
		right: -15px;
		bottom: 160px;
		}
}


.special	{
		margin-left: 5px;
		font-size: 1.1em;
		font-weight: bold;
		border: solid thin;
		}

.special th	{
		font-size: 1.3em;
		color: blue;
		}

td.description	{
		width: 469px;
		text-align: justify;
		font-size: .9em;
		padding-left: 5px;
		}

td.total_price	{
		padding-top: 30px;
		padding-left: 5px;
		}

td.total_price_number	{
			padding-top: 30px;
			text-align: right;
			padding-right: 5px;
			}

td.price		{
			padding-right: 5px;
			text-align: right;
			}

td.final_price		{
			padding-left: 5px;
			}

td.discount	{
		color: red;
		text-align: right;
		padding-right: 5px;
		text-decoration: underline;
		}

td.gift		{
		text-decoration: underline;
		padding-top: 15px;
		padding-left: 5px;
		}
	

td.gift_discount	{
			color: red;
			padding-left: 5px;
			}

p.bridal	{
		margin-left: 5px;
		margin-top: 3px;
		font-weight: bold;
		font-size: 1.3em;
		color: purple;
		}
	
p.smaller	{
		font-size: .7em;
		}

ul#normal	{
		list-style-position: inside;
		font-size:1.15em;
		}

.larger		{
		font-weight: bold;
		font-size: 1.5em;
		color: #CA9FCC;
		}


b.red		{
		color:red;
		}

.quick		{
		float: right;
		margin: 0px 5px 0px 5px;
		}

p.asterisk-text 	{
			font-weight: bold;
                	margin: 9px 5px 9px 5px;
			}

span.asterisk	{
		color: blue;
		font-weight: bold;
		}

p.form-offer   	{
		margin: 5px;
		text-align: center;
		font-size: 3em;
		font-weight: bold;
		color: green;
		}

.center 	{
		text-align: center;
		}

form.form-repair	{
		display: table;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		}

form.form-repair textarea	{
				width: 100%;
				}	
div.tableRow	{
		display: table-row;
		}

div.tableRow p	{
		display: table-cell;
		padding: 5px;
		}

label	{
	font-size: 1.2em;
	}

input	{
	border-radius: 5px;
	}

input[type="text"], input[type="tel"], select, input[type="email"], input[type="number"]	{
		padding: 5px;
		}

textarea 	{
		border-radius: 10px;
		}

fieldset	{
		border-radius: 10px;
		padding: 15px;
		margin: 15px 0px;
		}

.form-repair input	{
			vertical-align: center;
			font-size: 1.1em;
			}

.form-repair select	{
			font-size: 1.1em;
			}


div.tableRow p:first-child	{	
				text-align: right;
				}

legend.top-of-the-form		{
				font-size: 1.3rem;
				font-weight: bold;
				padding: 0px 5px;
				}

legend.middle-of-the-form	{
				font-weight: bold;
				font-size: 1.1rem;
				padding: 0px 5px;
				}

address.repair-address		{
				color: blue;
				font-size: 1.5em;
 				margin-left: 20px;
				}

p.main-generate			{
				font-size: 1.4em;
				padding-left: 5px;
				padding-right: 5px;
				padding: 5px;
				}


section.repair-options	{
			border: solid #CA9FCC 5px;
			border-radius: 15px;
 			margin: 5px;
 			width: fit-content;
			margin-left:auto;
			margin-right: auto;
			}

.repair-options article	{
			border-top: solid #CA9FCC 5px;
			padding: 5px;
			font-size:1.1em;
			}

.repair-options p:first-child	{
				font-size: 1.5em;
				}

.repair-options p.description	{
				text-align: justify;
				padding: 0px 5px;
				margin: 2px 0px;
				}

textarea	{
 		height: auto; 
		width: 100%;
  		padding: 5px;
               
		}

.center 	{
		text-align: center;
		}

.repair-generate-button	{
			font-size: 1.2em;
			border-style: outset;
			border-width: 5px;
			background-color: #CA9FCC;
			color: blue;
			}

.repair-generate-button:hover	{
				background-color: blue;
				color: #CA9FCC;
				}

input.print-button		{
				font-size: 1.5em;
				color: green;
				border-style: outset;
				border-width: 5px;
				background-color: #CA9FCC;
				padding: 5px;
				}

input.print-button:hover	{
				background-color: green;
				color: #CA9FCC;
				}

@media print	{
    .no-print			{
				display: none; 
				}
		}

form p.smaller	{
		font-size: 1em;
		}

span.repair-signature	{
		position: relative;
		left: 120px;	
		}



textarea {
			   width: 100%;
			   margin: 10px auto;
			}



div.textareas	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		}

.submit	{
	font-size: 1.2em;
	padding: 10px;
	}

form input		{
				margin: 5px 0px;
				}
legend	{
					color: #990099;
					}
			
form.elr-visits	{
		margin-left: auto;
		margin-right: auto;
		width: 95%
		}

form.elr-visits	fieldset	{
				margin: 20px 0px;
				}

form.elr-visits legend 	{
			color: #990099;
			font-size: 1.5em;
			}

table#elr	{
                margin-left: auto;
                margin-right: auto;
		margin-bottom: 10px;
                border-collapse: collapse;
		width:95%;
		}

table#elr th, td {
	     	 text-align: center;
		 }

table#elr th	{
		font-size: 1.4em;
		}

table#elr td	{
		border: solid 3px #CA9FCC;
 		font-size: 1.6em;
		}

table#elr input	{
		font-size: inherit;
		max-width: 210px;	
		background-color: #ffe6ff;
		}

		
fieldset.visits	{
		}

legend.elr	{	
		}

label.textarea	{
		vertical-align: top;
		}

p.textarea	{
		vertical-align: top;
		}

.success	{ 
		color: green;
		}

p.success	{
		color: green;
		margin-left: 10px;
		margin-bottom: 0px;
    		margin-top: 5px;
		font-size: 1.3em;
   		text-align: center;
		}
p.error		{
		font-size: 1.3em;
		margin-left: 10px;
		margin-bottom: 0px;
		color: red;
		text-align: center;
	        font-weight: bold;
		}

span.error	{
		font-size: 1.2rem;
  		color:red;
		font-weight: bold;
 		margin-left: 10px;
		}

p.login-details	{
    		font-style: italic;
		margin-left: 5px;
   		}

#login-heading	{
 		text-align: center;
      		font-size: 3em;
		}

#login-form	{
		display: table;
		margin-left: auto;
		margin-right: auto;
		}
#login-form input	{
			font-size: 1.1em;
			}

#login-form legend	{
			color:#990099;
			}

.login-submit	{
		font-size: 1.5em;
		margin-top:10px;
		}
.pink	{
	color: #990099;
       	}

.required	{
		margin-left: 5px;
		margin-top: 10px;
   		margin-bottom: 0px;
		font-size: initial;
		}
		
img.captcha	{
		vertical-align: middle;
		}

input[type="number"]	{
		width: 80px;
		}

input[type="number"].small_number	{
				width: 65px;
				}
fieldset fieldset legend	{
				font-size: .9em;
				}

fieldset fieldset 	{
		background-color: #fbf2fc;
	 	}

a.undecorated	{
		text-decoration: none;
		}

p.invoice_totals	{
			text-align: right;
			}

.payment_reminder	{
                        position: absolute;
                        left: 20px;
			top: 0;
                        min-width: 93%;
            		z-index: +2;
			}

.payment_reminder fieldset {
                           background-color: lavender;
			   opacity: 90%;
                      	   }

button	{
	padding: 5px;
	}

.payment_reminder button, .payment_reminder input	{
				padding: 5px;
				}

.confirm_reminder 	{
			display: none;
			}
 
.close_x	{
		position: absolute;
		right: 2px;
		top: 2px;
         	}

.display		{
			display: none;
 			}
.invoice_info		{
			position: relative;
			}
.invoice_preview p	{
			border: thin solid black;
			padding: 5px;
			}