/* CSS Document */
.reg-background{
	background-color: #efefef;
}
.reg-logo-cont{
	width: 100%;
	position: relative;
	aspect-ratio: 300/52;
	margin: 0px auto 10px 0px;
}
.reg-logo{
	width: 100%;
	height: 100%;
	position: absolute;
}
.reg-page-title h1{
	width: 100%;
	margin:0;
	font-size: 1.4rem;
	color:#001D40;
}
.reg-sub-section-title{
	width: 100%;
	/* background-color: rgba(0,174,239,0.1); */
	color: #000f32;
	padding: 5px;
	/* clip-path: polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%); */		
}
.reg-sub-section-title h2{
	margin:0;
}
.reg-sub-section-title::after{
	width: 100%;
	/* clip-path: polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
	background-color: #0050bf; */
}
.reg-inputs-group{
	display: flex;
	flex-direction: row;
	gap: 20px;
	flex-wrap: wrap;
	padding: 20px 10px;
}
.reg-input-wrap{
	width: 100%;
}
.reg-input-about{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0px 0px;
}
.reg-input-label{
	display: block;
	font-size: 0.975rem;
	text-transform: uppercase;
}
.reg-input-hint{
	display: block;
	font-size: 0.7rem;
	text-align: right;
	color: #ccc;
}
.reg-input-cont{
	width: 100%;
	padding: 3px 0px;
}
.reg-input-text{
	width: 100%;
	padding: 10px 20px;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #555;
	font-size: 1.0rem;
}
input:focus {
	outline: 1px solid #00B2DB;
	box-shadow: 0 0 10px #00B2DB;
}
.warning{
	color: #ff6500;
	background-color: #fff7eb;
}
.ih-warning {
	outline: 1px solid #ff6500;
	box-shadow: 0 0 5px #ff6500;
}
.error{
	color: #ef5350;
	background-color: #fef2f2;
}
.ih-error {
	outline: 1px solid #ef5350;
	box-shadow: 0 0 5px #ef5350;
}
.input-half,.input-third,.input-two-thirds,.input-quarter,.input-three-quarters{
	width: 100%;
}
.reg-form-alert{
	width: 100%;
	min-height: 10px;
}
.reg-form-btn-cont{
	width: 100%;
	padding:0px 10px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.reg-form-action-btn{
	width: 100%;
	max-width: 300px;
	padding: 10px 20px;
	background: transparent;
	/* background: linear-gradient(120deg,rgba(0, 178, 219, 1) 0%, rgba(30, 144, 255, 1) 100%);
	background-color: #001D40; */
	border-radius: 5px;
	border: 2px solid #001D40;
	font-size: 1.1rem;
	color: #001D40;
	cursor: pointer;
	text-transform: uppercase;
	transition: linear all 300ms;
}
.reg-form-action-btn:hover{
	color: #000f32;
	border: 2px solid #000f32;
	transition: linear all 300ms;
}
.reg-form-submit-btn{
	width: 100%;
	max-width: 300px;
	padding: 10px 20px;
	/* background: #1E90FF;
	background: linear-gradient(120deg,rgba(0, 178, 219, 1) 0%, rgba(30, 144, 255, 1) 100%); */
	background-color: #001D40;
	border-radius: 5px;
	border: none;
	font-size: 1.1rem;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	transition: linear all 300ms;
}
.reg-form-submit-btn:hover{
	background-color: #000f32;
	transition: linear all 300ms;
}
.reg-checkbox-cont{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.reg-input-checkbox{
	width: 20px;
	height: 20px;
	accent-color: #001d40;
}
.reg-checkbox-label{
	padding: 0px 10px;
}
.reg-disclaimer-cont{
	width: 100%;
	padding: 2px 0px;
}
.reg-disclaimer-cont p{
	width: 100%;
	font-size: 0.775rem;
	line-height: 1.55;
	color: #555;
	margin: 0px;
}
.reg-disclaimer-cont p a{
	text-decoration: none;
	color: #0050bf;
}
.login-wrap{
	width: 100%;
	height: calc( 100vh - 70px);
	max-width: 400px;
	margin: auto;
	position: relative;
}
.login-cont{
	width: 100%;
	position: relative;
	top:50%;
	transform: translateY(-50%);
	border-radius: 10px;
	background-color: #fff;
	padding: 50px;
	box-shadow: 0 0 10px #d4eafe;
}
.resend-button{
	color: #0050bf;
	font-weight: 600;
	cursor: pointer;
}
.reg-form-options{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
}
.reg-form-options a{
	font-size: 1.0rem;
	color: #0050bf;
	text-decoration: none;
}
.alternate-login-cont{
	width: 100%;
	text-align: center;
}
.login-option-title{
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.5rem;
	color:#C09470;
	margin: 20px 0px;
}
.signin-ops-item{
	width:100%;
	max-width: 300px;
	margin: 20px auto;
}
.soi-facebook{
	width:100%;
	max-width: 300px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	background: #3578E5;
	border-radius: 4px;
}
.soi-facebook svg{
	width: 44px;
	height: 44px;
	fill: #fff;
}
.soi-facebook span{
	color:#fff;
	font-size: 1.0rem;
	line-height: 44px;
}
@media(min-width:1024px){
	.reg-form-btn-cont{
		justify-content: flex-start;
	}
	.input-half{
		width: calc(50% - 10px);
	}
	.input-third{
		width: calc(33.33333333333% - 20px);
	}
	.input-two-thirds{
		width: calc(66.66666666666% - 20px);
	}
	.input-quarter{
		width: calc(25% - 20px);
	}
	.input-three-quarters{
		width: calc(75% - 20px);
	}
	.fixed-quarter{
		width:calc(25% - 20px);
	}
	.fixed-three-quarters{
		width:calc(25% - 20px);
	}
}
.send-body-wrap{
	width:100%;
	max-width: 1366px;
	padding:50px 10px;
	margin:auto;
}
.reg-size-list-cont{
	width: 100%;
	padding: 10px 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: scroll;
	gap:20px;
}
.package-size-item{
	width:100%;
	min-width: 120px;
	background-color: #fff;
	filter: drop-shadow(0px 0px 3px #aaa);	
	border-radius: 10px;						
}
.package-size-input-label{
	display: flex;
	width: 100%;
	padding:10px;
	border-radius: 10px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.package-size-input-label:hover{
	background-color: #cfcfcf;
	transition: all linear 300ms;
}
.selected-package-size{
	background-color: #cfcfcf;
}
.package-size-title{
	width:100%;
	text-align: center;
	color:#555;
	font-size: 1.0rem;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.package-size-img-cont{
	width: 100%;
	aspect-ratio: 1;
	position: relative;
}
.package-size-img{
	position:absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	object-fit: contain;
	object-position: center;
}
.package-size-description{
	width: 100%;
	font-size: 0.875rem;
	text-align: center;
	color:#000f32;
}
.package-size-input-radio{
	display: none;
	visibility: hidden;
}
.package-contents-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding:10px;
}
.package-contents-item{
	width: 100%;
	padding: 2px 10px 7px 10px;
	border-radius: 10px;
	background-color: #fff;
	filter: drop-shadow(0px 0px 5px #aaa);
}
.pci-close-cont{
	width: 100%;
	display: grid;
	grid-template-columns: auto 24px;
	align-items: end;
}
.pci-blank{
	width: auto;
}
.pci-close-btn{
	width: 24px;
	height: 24px;
	cursor: pointer;
	padding:2px;
}
.pci-close-btn svg{
	width: 20px;
	height: 20px;
	cursor: pointer;
	fill:#000f32;
}
.pci-dets-cont{
	width: 100%;
	display: grid;
	grid-template-columns: 50px auto 80px;
}
.pci-qty{
	width:50px;
}
.pci-lbl{
	font-size: 0.7rem;
	color: #555;
}
.pci-val{
	font-size: 1.0rem;
	color: #000f32;
}
.pci-name{
	width: 100%;
}
.pci-val small{
	font-size: 0.5rem;
}
.pci-value span{
	font-size: 1.0rem;
}
.pci-value{
	width: 80px;
}
.package-content-adding-cont{
	width: 100%;
	margin:10px 0px;
	padding: 10px;
	border-radius: 10px;
	/* background-color: #efefef; */
}
.package-content-adding-instruction{
	width: 100%;
	margin:3px 0px;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	background-color: #efefef;
}
.pcai-p{
	font-size: 0.875rem;
	padding-bottom: 10px;
	color:#000f32;
}
.pcai-close-cont{
	width: 100%;
	display: grid;
	grid-template-columns: auto 14px;
}
.pcai-close-btn{
	width: 24px;
	height: 24px;
	fill:#000f32;
	padding:2px;
}
.pcai-close-btn svg{
	width: 20px;
	height: 20px;
	fill:#000f32;
}
@media screen and (min-width:700px) {
	.package-contents-item{
		width: calc(50% - 20px);
	}
	.package-content-adding-instruction{
		width: 100%;
		margin:10px 0px;
		padding: 10px 20px 20px 20px;
		border-radius: 10px;
		background-color: #efefef;
	}
}
@media screen and (min-width:1000px) {
	.package-contents-item{
		width: calc(33.1555% - 13px);
	}
}
.bottom-modal{
	position: fixed;
	background: rgba(0,0,0,0.5);
	width:100%;
	height: 100%;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	z-index: 1003;
	display: none;
}
.show-modal{
	display: block;
}
.bottom-modal-wrap{
	width: 100%;
	height: 100%;
	position: relative;
}
.bottom-modal-cont{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	padding:20px 0px;
}
.bottom-modal-close-cont{
	width: 100%;
	max-width: 1366px;
	margin:auto;
	display: grid;
	grid-template-columns: auto 24px;
}
.bottom-modal-close-btn{
	width:24px;
	height: 24px;
	cursor: pointer;
}
.bottom-modal-close-btn svg{
	width:24px;
	height: 24px;
	fill: #000f32;
}
.bottom-modal-body-cont{
	width:100%;
	padding:0px;
	max-width: 1366px;
	margin:auto;
}
.map-wrap{
	padding:10px 0px;
}
#map {
	width: 100%;
	height: 300px;
}
@media screen and (min-width:600px) {
	.bottom-modal-cont{
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #fff;
		width: 100%;
		padding:20px 10px;
	}
	.bottom-modal-close-cont{
		width: 100%;
		max-width: 1366px;
		margin:auto;
		display: grid;
		grid-template-columns: auto 24px;
	}
	.bottom-modal-close-btn{
		width:24px;
		height: 24px;
		cursor: pointer;
	}
	.bottom-modal-close-btn svg{
		width:24px;
		height: 24px;
		fill: #000f32;
	}
	.bottom-modal-body-cont{
		width:100%;
		padding:10px;
		max-width: 1366px;
		margin:auto;
	}
	.map-wrap{
		padding:20px 0px;
	}
	#map {
		width: 100%;
		height: 500px;
	}
}
.request-result{
    width: 100%;
    padding: 10px;
	border-radius: 10px;
}
.fr-head{
    width: 100%;
    font-size: 1.0rem;
    font-weight: 600;
    text-align: left;
	padding-right: 10px;
}
.fr-body{
    width: 100%;
    font-size: 1.0rem;
    font-weight: 600;
}
.fr-foot{
    width: 100%;
    font-style: italic;
    display: inline;
}
.location-input-wrap{
	display: grid;
	grid-template-columns: auto 40px;
	gap: 5px;
}
.location-picker-btn{
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.location-picker-btn svg{
	width: 30px;
	height: 30px;
	margin: 5px;
	fill:#555;
	cursor: pointer;
}
.hidden{
	display: none;
	visibility: hidden;
}