/* Callback Styles */
@keyframes callbackfade {
	0% {
		opacity:0;
	}
	
	80% {
		opacity:0;
	}
	
	100% {
		opacity:1;
	}
}

.nwcallback {
	position:fixed;
	bottom:1rem;
	right:1rem;
	z-index:99999;
	max-width:300px;
	display:grid;
	grid-template-rows:auto auto 0 auto;
	grid-gap:.5rem;
}

.nwcallback .hidr {
	visibility:hidden;
	pointer-events:none;
	display: none !important;
}

.nwcallback .showr {
	pointer-events:auto;
	visibility:visible;
	-webkit-animation:callbackfade 100ms 1;
	animation:callbackfade 100ms 1;
	display: block !important;
}

.nwcallback .closr {
	position:absolute;
	top:0;
	right:0;
}

.nwcallback .fadr {
	pointer-events:auto;
	visibility:visible;
	-webkit-animation:callbackfade 5s 1;
	animation:callbackfade 5s 1;
}

.nwcallback .whitebox {
	background-color:#fff;
	padding:.5rem;
	border-radius:4px;
	box-shadow:0 0 6px #00000060;
}

.nwcallback .introbox {
	font-size:.81rem;
	display:grid;
	grid-template-columns:20% 1fr;
	grid-column-gap:.5rem;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	justify-items:center;
}

.nwcallback .introbox>div {
	-webkit-align-content:center;
	align-content:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	display: inline-block;
	max-width: 75px;
	vertical-align: middle;
}

.nwcallback .introbox p {
	margin:0;
	display: inline-block;
	width: 70%;
	max-width: 200px;
	vertical-align: middle;
}

.nwcallback .introbox img {
}

.nwcallback .formbox {
	padding:.5rem;
}

.nwcallback .formbox form {
	display:grid;
	grid-template-columns:1fr 50px;
}

.nwcallback .formbox form>div {
	margin: .125rem ;
	display: grid;
	grid-template-columns:auto auto;
	grid-gap:.25rem;
	grid-column-start:1;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
}

.nwcallback .formbox form>div label {
	font-size:.6180469716rem;
}

.nwcallback .formbox form>div input {
	margin-bottom:0;
	border:0;
	box-shadow:0 0 transparent;
	border-radius:0;
	padding:0;
	background:transparent;
	border-left:1px solid #000;
	padding-left:.25rem;
}

.nwcallback .formbox form button {
	grid-row:1/8;
	grid-column-start:2;
	color:transparent;
	font-size:0;
	padding:0;
	border:0;
}

.nwcallback .formbox form button svg {
	fill:transparent;
	stroke:#30b3eb;
	stroke-width:1;
	width:33%;
}

.nwcallback .formbox form button:hover svg {
	fill:#30b3eb;
}

.nwcallback .anchor {
	background-color:#30b3eb;
	width:50px;
	height:50px;
	position:relative;
	border-radius:50% 50% 10% 50%;
	justify-self:end;
	display:grid;
	grid-row-start:4;
	-webkit-align-content:center;
	align-content:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	box-shadow:3px 3px 6px #00000060;
}

.nwcallback .anchor:hover {
	background-color:#149ad4;
}

.nwcallback .anchor .ind {
	background-color:#32cd32;
	width:15px;
	height:15px;
	position:absolute;
	top:0;
	left:0;
	border:4px solid #fff;
	border-radius:100%;
}

.nwcallback .anchor .icon {
	color:#fff;
	font-size:1.5rem;
}

.anchor svg {
    fill: white;
    width: 24px;
}

