.grid {     display: grid;     grid-column-gap: 0.2in;      grid-row-gap: 0.1in;      row-gap: 0.1in; } .dropzone { border: 1.0mm dashed; background-color: #FCFCFC; outline: none; } .dropzone-photo-portrait { width: 2.0in; height: 3.0in; } .input { border: 1.0mm solid; background-color: #FCFCFC; outline: none; height: 0.3in; } .input-area { border: 1.0mm solid; background-color: #FCFCFC; outline: none; } .input-inactive { border: 1.0mm solid transparent; } .link { border-bottom: 0.5mm solid transparent; text-decoration: none !important; }     .link:hover { border-bottom: 0.5mm solid #234E4C; }     .link:focus { border-bottom: 0.5mm solid #234E4C; }     .link:active { border-bottom: 0.5mm solid #00703C; } .link-mini { font-weight: normal !important; text-decoration: unset !important; font-style: italic; }     .link-mini:hover { text-decoration: underline; } .hero-card { cursor: pointer; outline: none; text-decoration: none; transition: box-shadow 0.3s; } .hero-card:hover {     box-shadow: 0.025in 0.025in 0.1in darkgrey; } .link-button { font-weight: bolder; cursor: pointer; outline: none; text-decoration: none; } .icon { width: 0.3in; height: 0.3in; font-size: 20pt; } .icon-button { cursor: pointer; outline: none; border: none; width: 0.4in; max-width: 0.4in; height: 0.4in; max-height: 0.4in; } .icon-small { width: 0.2in; height: 0.2in; font-size: 12pt; } .icon-button-small { cursor: pointer; outline: none; border: none; width: 0.3in; max-width: 0.3in; height: 0.3in; max-height: 0.3in; } .check-button { cursor: pointer; width: 0.3in; max-width: 0.3in; min-width: 0.3in; height: 0.3in; max-height: 0.3in; min-height: 0.3in; } .check-mark { font-size: 12pt; } .text-button { color: white; cursor: pointer; outline: none; border: none; height: 0.4in; max-height: 0.4in; } .large-icon-text-button { 	cursor: pointer; 	outline: none; 	width: 2.0in; 	border-style: solid; 	border-radius: 0.1in; 	display: flex; 	flex-direction: column; 	align-items: center;	 } .mini-icon-text-button { 	cursor: pointer; 	outline: none; 	border-style: none; 	border-radius: 0.1in; 	display: grid; 	grid-template-columns: 0.2in 1fr; 	text-align: start; } .image-button {  	cursor: pointer; 	outline: none; 	border-style: solid; 	border-radius: 0.1in; } .menu-link-button-container { position: relative; display: inline-block; } .menu-link-button { font-weight: bolder; cursor: pointer; outline: none; text-decoration: none; } .menu-link-button-content { 	display: none; 	position: absolute; 	min-width: 2.0in; 	z-index: 1; 	box-shadow: 0.05in 0.05in 0.2in 0in rgba(0,0,0,0.1); } .menu-link-button-item { display: block; font-weight: bolder; cursor: pointer; outline: none; text-decoration: none; } .menu-link-button-container:hover .menu-link-button-content { display: block; } .col1 { grid-column: 1; } .col2 { grid-column: 2; } .col3 { grid-column: 3; } .col4 { grid-column: 4; } .col5 { grid-column: 5; } .col6 { grid-column: 6; } .col7 { grid-column: 7; } .row1 { grid-row: 1; } .row2 { grid-row: 2; } .row3 { grid-row: 3; } .row4 { grid-row: 4; } .colspan-all { column-span: all; } .single-column-layout { display: grid; grid-template-columns: 15% 1fr 15%; justify-content: center; } .single-column-layout-content { grid-column: 2; } @media only screen and (max-width: 768px)  {     .single-column-layout { display: flex; flex-direction: column; justify-content: center; }     .single-column-layout-content { } } .two-column-layout-equal { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 0.2in; } .two-column-layout-left { display: grid; grid-template-columns: 2fr 1fr; grid-column-gap: 0.2in; } .two-column-layout-right { display: grid; grid-template-columns: 1fr 2fr; grid-column-gap: 0.2in; } @media only screen and (max-width: 768px)  {     .two-column-layout-equal { display: flex; flex-direction: column; }     .two-column-layout-left { display: flex; flex-direction: column; }     .two-column-layout-right { display: flex; flex-direction: column; } } .three-column-layout { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 0.2in; } .three-column-layout-bigcenter { display: grid; grid-template-columns: 1fr 2fr 1fr; grid-column-gap: 0.2in; } @media only screen and (max-width: 768px)  {     .three-column-layout { display: flex; flex-direction: column; }     .three-column-layout-bigcenter { display: flex; flex-direction: column; } } .four-column-layout { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 0.2in; grid-row-gap: 0.2in; row-gap: 0.2in; } @media only screen and (max-width: 768px)  {     .four-column-layout { display: flex; flex-direction: column; justify-content: center; grid-row-gap: 0.2in; row-gap: 0.2in; } } .navigation-layout-left { display: grid; grid-template-columns: 1fr 0.4mm 7fr; grid-column-gap: 0.2in; } .navigation-layout-right { display: grid; grid-template-columns: 7fr 0.4mm 1fr; grid-column-gap: 0.2in; } @media only screen and (max-width: 768px)  {     .navigation-layout-left { display: flex; flex-direction: column; }     .navigation-layout-right { display: flex; flex-direction: column; } } .grid4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 0.2in; } @media only screen and (max-width: 768px)  {     .grid4 { display: flex; flex-direction: column; justify-content: center; row-gap: 0.2in ; } } @font-face {     font-family: raleway-regular;     src: url("../fonts/Raleway-Regular.ttf"); } @font-face {     font-family: raleway-italic;     src: url("../fonts/Raleway-Italic.ttf");     font-style: italic; } @font-face {     font-family: raleway-bold;     src: url("../fonts/Raleway-Bold.ttf");     font-weight: bold; } @font-face {     font-family: raleway-semibold;     src: url("../fonts/Raleway-SemiBold.ttf");     font-weight: bold; } @font-face {     font-family: raleway-bold-italic;     src: url("../fonts/Raleway-BoldItalic.ttf");     font-weight: bold;     font-style: italic; } @font-face {     font-family: raleway-light;     src: url("../fonts/Raleway-Light.ttf"); } @font-face {     font-family: raleway-light-italic;     src: url("../fonts/Raleway-LightItalic.ttf");     font-style: italic; } @font-face {     font-family: raleway-thin;     src: url("../fonts/Raleway-Thin.ttf"); } @font-face {     font-family: raleway-thin-italic;     src: url("../fonts/Raleway-ThinItalic.ttf");     font-style: italic; } @font-face {     font-family: raleway-medium;     src: url("../fonts/Raleway-Medium.ttf"); } @font-face {     font-family: raleway-medium-italic;     src: url("../fonts/Raleway-MediumItalic.ttf");     font-style: italic; } @font-face {     font-family: consolas;     src: url("../fonts/consola.ttf"); } @font-face {     font-family: forum;     src: url("../fonts/Forum-Regular.otf"); } @font-face {     font-family: scriptina-pro;     src: url("../fonts/Scriptina_Pro.otf"); } .copyright { } .footer { } .hero-search { height: 2.0in; } .hero-input { height: 2.0in; } .hero-page-title { height: 2.0in; } .hero-gallery { min-height: 2.0in; } .hero-auth { height: 2.0in; } .hero-auth-button-width { width: 2.0in; } .one-column-list { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0.2in; grid-row-gap: 0.2in; } .two-column-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.2in; grid-row-gap: 0.2in; } .process-block { display: grid; grid-template-columns: repeat(7, 1fr); grid-row-gap: 0.2in; } .process-item { width: 0.4in; height: 0.4in; border-radius: 0.4in; } .vertical-process-block { display: grid; grid-template-columns: auto 1fr; grid-column-gap: 0.2in; } .image-block { width: auto; max-width: 100%; } .status-bar { 	border-radius: 0.05in; } .image-nav-bar { display: flex; width: 100%; } .image-nav-bar-content { display: flex; flex-wrap: wrap;  width: 100%; justify-content: end; align-items: center; } @media only screen and (max-width: 768px)  {     .image-nav-bar { display: flex; flex-direction: column; width: 100%; } } .busy-image-1 { 	position: absolute; 	top: 50%; 	left: 50%; 	width: 120px; 	height: 120px; 	margin: -60px 0 0 -60px; 	animation: spin 1s linear infinite reverse;     -moz-animation: spin 1s linear infinite reverse; 	-webkit-animation: spin 1s linear infinite reverse; } .busy-image-2 { 	position: absolute; 	top: 50%; 	left: 50%; 	width: 120px; 	height: 120px; 	margin: -60px 0 0 -60px; 	animation: spin 1s linear infinite;     -moz-animation: spin 1s linear infinite; 	-webkit-animation: spin 1s linear infinite; } .busy-image-3 { 	position: absolute; 	top: 50%; 	left: 50%; 	width: 120px; 	height: 120px; 	margin: -60px 0 0 -60px; 	animation: spin 1s linear infinite reverse;     -moz-animation: spin 1s linear infinite reverse; 	-webkit-animation: spin 1s linear infinite reverse; } @-moz-keyframes spin {      100% { -moz-transform: rotate(360deg); }  } @-webkit-keyframes spin {      100% { -webkit-transform: rotate(360deg); }  } @keyframes spin {      100% {          -webkit-transform: rotate(360deg);          transform:rotate(360deg);      }  } .w100 { width: 100%; } .w75 { width: 75%; } .w66 { width: 66%; } .w50 { width: 50%; } @media only screen and (max-width: 768px)  {     .w50 { width: 100%; } } .w33 { width: 33%; } .w25 { width: 25%; } .wv100 { width: calc(100vw - 24px); } .hv100 { height: calc(100vh - 24px); } .gs { gap: 0.1in; } .gm { gap: 0.2in; } .gl { gap: 0.5in; } .gv { gap: 1.0in; } .ws { width: 0.1in; } .wm { width: 0.2in; } .wl { width: 0.5in; } .wv { width: 1.0in; } .wv2 { width: 2.0in; } .hs { height: 0.1in; } .hsm { height: 0.15in; } .hm { height: 0.2in; } .hl { height: 0.5in; } .hv { height: 1.0in; } .position-relative { position: relative; } .position-absolute { position: absolute; } .flex-row { display: flex; flex-direction: row; } .flex-column { display: flex; flex-direction: column; } .wrap { flex-wrap: wrap; } .align-items-center { align-items: center; } .align-items-stretch { align-items: stretch; } .align-items-start { align-items: flex-start; } .align-items-end { align-items: flex-end; } .align-self-center { align-self: center; } .align-self-start { align-self: flex-start; } .align-self-end { align-self: flex-end; } .align-self-stretch { align-self: stretch; } .justify-content-start { justify-content: flex-start; } .justify-content-center { justify-content: center; } .justify-content-end { justify-content: flex-end; } .justify-content-evenly { justify-content: space-evenly; } .justify-content-stretch { justify-content: stretch; } .justify-content-between { justify-content: space-between; } .justify-self-stretch { justify-self: stretch; } .justify-self-center { justify-self: center; } .justify-self-end { justify-self: end; } .mini-header-text { font-family: Consolas; font-size: 10pt; color: black; } .title-menu { font-family: Forum; font-size: 24pt; height: 0.43in; padding-top: 0.07in; } .framed-layout { display: grid; grid-template-columns: auto minmax(4.5in, 12.5in) auto; background-color: #234E4C; } .framed-layout-content { grid-column: 2; background-color: white; padding: 0.5in; } .title { font-family: raleway-medium; font-size: 48pt; } @media only screen and (max-width: 768px)  {     .title { font-family: raleway-medium; font-size: 24pt; } } .title-small { font-family: raleway-medium; font-size: 24pt; } .subtitle { font-family: raleway-light; font-size: 18pt; } .subtitle-small { font-family: raleway-light; font-size: 14pt; } .block-title { font-family: raleway-thin; font-size: 18pt; text-transform: uppercase; font-weight: bold; } .heading1 { font-family: Arial; font-size: 18pt; font-weight: bold; } .heading2 { font-family: Arial; font-size: 16pt; } .heading3 { font-family: Arial; font-size: 14pt; } .heading4 { font-family: raleway-medium; font-size: 12pt; font-weight: normal; } .heading4-bold { font-family: raleway-bold; font-size: 12pt; } .heading4-semibold { font-family: raleway-semibold; font-size: 12pt; } .heading5 { font-weight: bold; text-transform: uppercase; } .text { font-family: Arial; font-size: 12pt; } .text-bold { font-family: Arial; font-size: 12pt; font-weight: bold; } .text-input { font-family: Arial; font-size: 12pt; } .quote { font-family: Arial; font-size: 12pt; font-style: italic; } .caption { font-family: Arial; font-size: 10pt; } .caps { text-transform: uppercase; } .bold { font-weight: bold; } .script { font-family: scriptina-pro; } .title-script { font-family: scriptina-pro; font-size: 48pt; } .subtitle-script { font-family: scriptina-pro; font-size: 32pt; } .text-indent { text-indent: 0.5in; } .line-double { line-height: 0.4in; } .text-code { font-family: consolas; white-space: pre-wrap; } .m0 { margin: 0in; } .m0-l { margin-left: 0in; } .m0-r { margin-right: 0in; } .m0-t { margin-top: 0in; } .m0-b { margin-bottom: 0in; } .mvt { margin: 0.025in; } .mvt-l { margin-left: 0.025in; } .mvt-r { margin-right: 0.025in; } .mvt-t { margin-top: 0.025in; } .mvt-b { margin-bottom: 0.025in; } .mt { margin: 0.05in; } .mt-l { margin-left: 0.05in; } .mt-r { margin-right: 0.05in; } .mt-t { margin-top: 0.05in; } .mt-b { margin-bottom: 0.05in; } .ms { margin: 0.1in; } .ms-l { margin-left: 0.1in; } .ms-r { margin-right: 0.1in; } .ms-t { margin-top: 0.1in; } .ms-b { margin-bottom: 0.1in; } .mm { margin: 0.2in; } .mm-l { margin-left: 0.2in; } .mm-r { margin-right: 0.2in; } .mm-t { margin-top: 0.2in; } .mm-b { margin-bottom: 0.2in; } .ml { margin: 0.5in; } .ml-l { margin-left: 0.5in; } .ml-r { margin-right: 0.5in; } .ml-t { margin-top: 0.5in; } .ml-b { margin-bottom: 0.5in; } .mv { margin: 1.0in; } .mv-l { margin-left: 1.0in; } .mv-r { margin-right: 1.0in; } .mv-t { margin-top: 1.0in; } .mv-b { margin-bottom: 1.0in; } .p0 { padding: 0in; } .p0-l { padding-left: 0in; } .p0-r { padding-right: 0in; } .p0-t { padding-top: 0in; } .p0-b { padding-bottom: 0in; } .pvt { margin: 0.025in; } .pvt-l { margin-left: 0.025in; } .pvt-r { margin-right: 0.025in; } .pvt-t { margin-top: 0.025in; } .pvt-b { margin-bottom: 0.025in; } .pt { padding: 0.05in; } .pt-l { padding-left: 0.05in; } .pt-r { padding-right: 0.05in; } .pt-t { padding-top: 0.05in; } .pt-b { padding-bottom: 0.05in; } .ps { padding: 0.1in; } .ps-l { padding-left: 0.1in; } .ps-r { padding-right: 0.1in; } .ps-t { padding-top: 0.1in; } .ps-b { padding-bottom: 0.1in; } .pm { padding: 0.2in; } .pm-l { padding-left: 0.2in; } .pm-r { padding-right: 0.2in; } .pm-t { padding-top: 0.2in; } .pm-b { padding-bottom: 0.2in; } .pl { padding: 0.5in; } .pl-l { padding-left: 0.5in; } .pl-r { padding-right: 0.5in; } .pl-t { padding-top: 0.5in; } .pl-b { padding-bottom: 0.5in; } .pv { padding: 1.0in; } .pv-l { padding-left: 1.0in; } .pv-r { padding-right: 1.0in; } .pv-t { padding-top: 1.0in; } .pv-b { padding-bottom: 1.0in; } .bst { border: 0.1mm solid; } .bst-l { border-left:  0.1mm solid; } .bst-r { border-right:  0.1mm solid; } .bst-t { border-top:  0.1mm solid; } .bst-b { border-bottom:  0.1mm solid; } .bsm { border: 0.25mm solid; } .bsm-l { border-left: 0.25mm solid; } .bsm-r { border-right: 0.25mm solid; } .bsm-t { border-top: 0.25mm solid; } .bsm-b { border-bottom: 0.25mm solid; } .bsh { border: 0.5mm solid; } .bsh-l { border-left: 0.5mm solid; } .bsh-r { border-right: 0.5mm solid; } .bsh-t { border-top: 0.5mm solid; } .bsh-b { border-bottom: 0.5mm solid; } .bsv { border: 1.0mm solid; } .bsv-l { border-left: 1.0mm solid; } .bsv-r { border-right: 1.0mm solid; } .bsv-t { border-top: 1.0mm solid; } .bsv-b { border-bottom: 1.0mm solid; } .bdt { border: 0.1mm dotted; } .bdt-l { border-left:  0.1mm dotted; } .bdt-r { border-right:  0.1mm dotted; } .bdt-t { border-top:  0.1mm dotted; } .bdt-b { border-bottom:  0.1mm dotted; } .bdm { border: 0.25mm dotted; } .bdm-l { border-left: 0.25mm dotted; } .bdm-r { border-right: 0.25mm dotted; } .bdm-t { border-top: 0.25mm dotted; } .bdm-b { border-bottom: 0.25mm dotted; } .bdh { border: 0.5mm dotted; } .bdh-l { border-left: 0.5mm dotted; } .bdh-r { border-right: 0.5mm dotted; } .bdh-t { border-top: 0.5mm dotted; } .bdh-b { border-bottom: 0.5mm dotted; } .bdv { border: 1.0mm dotted; } .bdv-l { border-left: 1.0mm dotted; } .bdv-r { border-right: 1.0mm dotted; } .bdv-t { border-top: 1.0mm dotted; } .bdv-b { border-bottom: 1.0mm dotted; } .brs { border-radius: 0.05in; } .brm { border-radius: 0.1in; } .brl { border-radius: 0.2in; } .border-top-dotted {     border-top-width: 2px;     border-top-style: dotted;     border-top-color: #234E4C; } .border-bottom-dotted {     border-bottom-width: 2px;     border-bottom-style: dotted;     border-bottom-color: #234E4C; } html, body {     font-family: raleway-regular;     margin: 0in;     padding: 0in; } .o0 { opacity: 0.0; } .o1 { opacity: 0.1; } .o2 { opacity: 0.2; } .o3 { opacity: 0.3; } .o4 { opacity: 0.4; } .o5 { opacity: 0.5; } .o6 { opacity: 0.6; } .o7 { opacity: 0.7; } .o8 { opacity: 0.8; } .o9 { opacity: 0.9; }