.adultConfirmHelper{
	position: fixed;
	top: 0;
	bottom: 100vh;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.9);
	z-index: 1001;
    transition: all 1.6s cubic-bezier(0.19, 1, 0.22, 1), bottom 0.01s linear;
	--display:none;
	opacity:0;
}
body.openadultConfirmOverlay .adultConfirmHelper{
	display:block;
	bottom: 0;
	opacity:1;
}
.adultConfirmOverlay{
	position: fixed;
	top: 100%;
	left: 50%;
	background: #FFFFFF;
	box-shadow: 0px 0 0 rgba(0, 0, 0, 0.25);
	width: 480px;
    transform: translate(-50%, 0);
    color: #000000;
    opacity: 0;
    padding: 24px;
	z-index: 1002;
    transition: all 1.0s cubic-bezier(0.19, 1, 0.22, 1);
    width: 700px;
}
body.openadultConfirmOverlay .adultConfirmOverlay{
	top: 50%;
    transform: translate(-50%, -50%);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    opacity: 1;
}
.adultConfirmOverlay .text{
	text-align: center;
	padding: 20px;
}

.adultConfirmOverlay .text p{
	font-size: 24px;
	margin-bottom: 1em;
}
.adultConfirmOverlay .text p.smaller{
	font-size: 20px;
}
.adultConfirmOverlay .text p small{
	font-size: 12px;
	font-style: italic;
}

.adultConfirmOverlay .closer {
    width: 32px;
    height: 32px;
    top: 8px;
    right: 8px;
    z-index: 1600;
    position: absolute;
    cursor: pointer;
}
.adultConfirmOverlay .closer:before,
.adultConfirmOverlay .closer:after{
  position: absolute;
  left: 15px;
  content: ' ';
  height: 22.6px;
  top: 4px;
  width: 2px;
  background-color: #5D5651;
}
.adultConfirmOverlay .closer:before{
	transform: rotate(45deg);
}
.adultConfirmOverlay .closer:after{
	transform: rotate(-45deg);
}

body.phone .adultConfirmOverlay {
	top: 100%;
	left:0;
	transform: translate(0,0);
    box-shadow: none;
    height: calc(100vh - 24px);
    width:  calc(100vw - 24px);
    padding: 12px;
}
body.phone.openadultConfirmOverlay .adultConfirmOverlay {
	top: 0;
	left:0;
	transform: translate(0,0);
}
body.phone .adultConfirmOverlay .text {
	text-align: center;
	padding: 20px;
}

body.phone .adultConfirmOverlay .text p{
	font-size: 24px;
}

.adultConfirmOverlay .baton{
	display: inline-block;
    border:  none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    margin-top: 2px;
    padding: 12px 16px 12px 16px;
}
.adultConfirmOverlay .baton.exit{
    background:  #FB444A;
}
.adultConfirmOverlay .baton.confirm{
    background:  #479F4B;
}

body.phone .adultConfirmOverlay .baton {
    background: #000000;
    color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    margin-top: 10px;
    padding: 8px 16px 8px 16px;
    display: block;
}