.btn{
	border:1px solid #7bd8d0;
	background:#7bd8d0;
	color:#fff;
	text-decoration:none;
}
.btn:hover{
	border:1px solid #54ccc2;
	background:#54ccc2;
	color:#fff;
	text-decoration:none;
}
.btn.white{
	border:1px solid #54ccc2;
	background:#fff;
	color:#54ccc2;
}
.btn.white:hover{
	border:1px solid #54ccc2;
	background:#54ccc2;
	color:#fff;
	text-decoration:none;
}
.ctpopup{
	display: none;
	position: fixed;
	overflow: hidden;
	overflow-y: hidden;
	z-index: 10000000000;
	max-height:80%;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.ctarea{
	padding: 10px 30px;
}
.ctbuttons {
	padding: 10px 0 0 0;
}
.hor_left{
	left:10px;
	background: #fff
}
.hor_right{
	right:10px;
}
.hor_center{
	left:50%;
}
.vert_top{
	top:10px;
}
.vert_center{
	top:20%;
}
.vert_bottom{
	bottom:10px;
}



.ctpopup.ctsmall{
	width:320px;
	background: #fff;
	font-size:12px;
}

.ctbuttons{
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.ctpopup .ctbuttons .btn{
	padding: 5px 10px;
	font-size: 0.8em;
}
.ctpopup.ctmiddle{
	width:40%;
	background: #fff
}
.ctpopup.ctlarge{
	width:60%;
	background: #fff
}
.ctpopup.ctfull{
	left:0;
	right:0;
	background: rgba(20, 26, 30, 0.5);
	bottom:0;
}
.ctpopup.ctfull .ctarea{
	padding: 40px 5%;
}
.ctpopup.ctfull .ctbuttons .btn{
	padding: 12px 21px 11px;
	font-size: 1em;
}
.ctpopup.ctfull .ctarea{
	display:flex;
	justify-content:space-between;
	align-items: center;
	color:#fff;
}
.ctpopup.ctfull .ctbuttons .ctagree{
	margin-right:15px;
}
.ctpopup.ctlarge .ctbuttons{
	justify-content:right;
}
.ctpopup.ctlarge .ctbuttons{
	justify-content:right;
}
.ctlarge .ctagree {
  margin-right: 20px;
}
.ctpopup.ctfull .ctarea{
	display:flex;
	justify-content:space-between;
	align-items: center;
	color:#fff;
}
.ctpopup.ctfull .ctbuttons {
  padding: 0;
}

.ctpopup.ctsmall.hor_center {
  margin-left: -160px;
}
.ctpopup.ctmiddle.hor_center {
  margin-left: -20%;
}
.ctpopup.ctlarge.hor_center {
  margin-left: -30%;
}


.ctagree{
	cursor:pointer;
}



.ctclose{
	top: 10px;
	right: 10px;
	position: absolute;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgLjdsLS43LS43TDcgNi4zLjcgMCAwIC43IDYuMyA3IDAgMTMuM2wuNy43TDcgNy43bDYuMyA2LjMuNy0uN0w3LjcgN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 50% no-repeat;
	background-size: auto;
	opacity: 0.5;
	width: 10px;
	height: 10px;
	cursor: pointer;
	background-size: 100%;
}
.cthead{
	font-size: 24px;
	line-height: 32px;
	font-family: 'OSB', sans-serif;
	padding: 20px 0 0 0;
}
@media (max-width: 740px) {
	.ctpopup.ctmiddle {width: 60%;}
	.ctpopup.ctmiddle.hor_center {margin-left: -30%;}
}
@media (max-width: 620px) {
	.ctpopup.ctfull .ctarea {padding: 20px 5%;}
	.ctpopup.ctfull .ctarea{flex-wrap: wrap;}
	.ctbody {width: 100%;margin: 0 0 15px 0;}
	.ctbuttons {width: 100%;justify-content: space-evenly;}
	.ctpopup.ctmiddle {width: 320px;left:0;}
	.ctpopup.ctmiddle.hor_center {margin-left: -160px;}
}