.page-area {
   width: auto;
   height: auto;
   padding: 32px;
}

.area-structure {
   width: auto;
   padding: 32px;
}

.col-structure {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-around;
}

.info-structure {
   width: 48%;
}

.info-col-head h1 {
   color: #262626;
   font-size: 54px;
   font-family: helveticalight;
}

.info-col-mid p {
   width: 480px;
   color: #262626;
   font-size: 20px;
   font-family: helveticalight;
   padding: 0 0 20px 0;
}

.info-col-bott {
   color: #262626;
   font-size: 18px;
   font-weight: 600;
   font-family: helvetica;
}

.contact-structure .contact_input {
   display: table-row;
   width: 100%;
   height: 44px;
   border: none;
   font-size: 16px;
   padding: 0px 15px;
   align-items: center;
   outline-color: #00447C;
   background-color: white;
   border-bottom: 2px solid #262626;
}

.contact-structure .contact_input:focus {
   opacity: 1;
   visibility: visible;
   outline-offset: 4px;
   outline-style: inset;
   outline: 3px solid #00447C;
}

.contact-structure .c-inside_row .contact_city,
.contact-structure .c-inside_row .contact_lname {
   display: table-row;
   width: 100%;
   height: 44px;
   border: none;
   font-size: 16px;
   padding: 0px 15px;
   align-items: center;
   outline-color: #00447C;
   background-color: white;
   border-bottom: 2px solid #262626;
}

.contact-structure .c-inside_row .contact_city:focus,
.contact-structure .c-inside_row .contact_lname:focus {
   opacity: 1;
   visibility: visible;
   outline-offset: 4px;
   outline-style: inset;
   outline: 3px solid #00447C;
}

.contact-structure .c-inside_row .contact_fname {
   display: table-row;
   width: 100%;
   height: 44px;
   border: none;
   font-size: 16px;
   padding: 0px 15px;
   align-items: center;
   outline-color: #00447C;
   background-color: white;
   border-bottom: 2px solid #262626;
}

.contact-structure .c-inside_row .contact_fname:focus {
   opacity: 1;
   visibility: visible;
   outline-offset: 4px;
   outline-style: inset;
   outline: 3px solid #00447C;
}

.contact-structure .contact_txtarea {
   width: 100%;
   border: none;
   resize: none;
   height: 150px;
   padding: 10px;
   font-size: 16px;
   font-family: helvetica;
   outline-color: #00447C;
   border-bottom: 2px solid #262626;
}

.contact-structure .contact_txtarea:focus {
   opacity: 1;
   visibility: visible;
   outline-offset: 4px;
   outline-style: inset;
   outline: 3px solid #00447C;
}

.contact-structure .contact_subbtn {
   color: white;
   border: none;
   outline: none;
   cursor: pointer;
   font-size: 16px;
   padding: 18px 30px;
   border-radius: 6px;
   text-align: center;
   transition: .1s ease;
   border: 2px solid white;
   background-color: var(--sitecolhex);
}

.contact-structure .contact_subbtn:focus {
   color: white;
   background-color: #00447C;
}

.contact-structure .contact_subbtn:hover {
   color: white;
   background-color: #00447C;
}

.contact-structure .c-inside_row label {
   color: #262626;
   font-size: 16.8px;
   padding: 4px 0 12px 0;
   /* border: 1px solid white; */
}

.c-inside_row .c-inflex_row {
   width: 100%;
   display: flex;
   justify-content: center;
}

.c-inflex_row select {
   border: none;
   padding: 0 0 0 4px;
   /* border-radius: 5px 0 0 5px; */
   outline-color: #00447C !important;
   /* border-right: 1px solid grey; */
}



.c-input_row {
   width: 814px;
   padding: 8px;
   display: flex;
   justify-content: space-between;
}

.c-inside_row {
   display: grid;
   width: 48%;
}

.c-subbtn_row {
   width: 814px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   padding: 40px 10px;
}

.mail_status {
   color: #262626;
   margin-top: 20px;
   text-align: left;
   margin-left: 8px;
   user-select: none;
   margin-bottom: 20px;
}

.mail_status h3 {
   font-weight: 100;
   text-align: center;
}

.mail_status ul {
   margin: 0px;
   padding: 0px;
   color: #262626;
   font-size: 18px;
   margin-top: 10px;
   margin-left: 40px;
   list-style: circle;
}

.mail_status li {
   margin: 6px 0px;
}

.mail_status>ul>li:first-child {
   margin-bottom: 4px;
   list-style: disc;
   margin-left: -16px;
}

.mail_status li p {
   margin: 0px;
}

#Loading-container {
   display: none;
}

.Loading-area {
   z-index: 2;
   width: 830px;
   display: flex;
   height: 740px;
   position: absolute;
   border-radius: 4px;
   align-items: center;
   flex-direction: row;
   justify-content: center;
   background: rgba(238, 238, 238, .6);
}

.loading-icon,
.loading-icon:before,
.loading-icon:after {
   background: #0076ce;
   -webkit-animation: load1 1s infinite ease;
   animation: load1 1s infinite ease;
   width: 4px;
   height: 3px;
}

.loading-icon {
   color: #0076ce;
   text-indent: -9999em;
   position: relative;
   font-size: 6px;
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-animation-delay: -0.16s;
   animation-delay: -0.16s;
}

.loading-icon:before,
.loading-icon:after {
   position: absolute;
   top: 0;
   content: '';
}

.loading-icon:before {
   left: -10px;
   -webkit-animation-delay: -0.32s;
   animation-delay: -0.32s;
}

.loading-icon:after {
   left: 10px;
}

@-webkit-keyframes load1 {

   0%,
   80%,
   100% {
      box-shadow: 0 0;
   }

   40% {
      box-shadow: 0 -2em;
      height: 5em;
   }
}

@keyframes load1 {

   0%,
   80%,
   100% {
      box-shadow: 0 0;
      height: 4em;
   }

   40% {
      box-shadow: 0 -2em;
      height: 5em;
   }
}