@charset "utf-8";

html { margin:0px; padding:0px; -webkit-tap-highlight-color:transparent; }
body { overflow-y:scroll; margin:0px; padding:0px; line-height:1.75; font-family:'Montserrat', sans-serif; font-weight:400; }

/* Preloader */
#preloader {
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	height:100%;
	background-color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:opacity 0.5s ease-out, visibility 0.5s ease-out; /* For smooth hiding */
}
#preloader.hidden { opacity:0; visibility:hidden; }

.dark-mode #preloader { background-color:#000; }

.spinner { width:48px; height:48px; border-radius:50%; border:4px solid rgba(0, 0, 0, .05); border-left-color:#ccc; animation:spin 1s infinite linear; }

	.dark-mode .spinner { border:4px solid rgba(255,255,255, .05); border-left-color:#333; }

@keyframes spin {
	to {
		transform:rotate(360deg);
	}
}

input,
textarea,
select { display:block; outline:none; box-sizing:border-box; border-radius:5px; font-family:'Montserrat', sans-serif; }

	.dark-mode select { background:#202124; }
	.dark-mode select option { background:#323236; }

textarea { width:100%; overflow:hidden; resize:none; line-height:1.75; }

input::placeholder,
textarea::placeholder { color:#000; opacity:.5; }

	.dark-mode input::placeholder,
	.dark-mode textarea::placeholder { color:#fff; }

input[type="radio"] { display:inline; margin-top:-3px; margin-left:0px; vertical-align:middle; }
input[type="checkbox"] { display:inline; position:relative; bottom:-2px; margin-left:0px; }
input[type="file"] { width:100%; }

.input { width:100%; border:1px solid rgba(0,0,0, .15); padding:10px !important; background:#fff; font-size:inherit; color:#555; }
.input:disabled { color:#bbb; background:#f4f4f4; cursor:not-allowed; }

	.dark-mode .input { border:1px solid rgba(255,255,255, .05); background:rgba(255,255,255, .025); color:#bbb; }
	.dark-mode .input:disabled { color:#666; background:rgba(255,255,255, .075); }

button,
input[type=button],
input[type=submit] {
	display:inline;
	border-radius:15px;
	box-sizing:border-box;
	font-family:'Ubuntu Sans', sans-serif;
	font-weight:400;
	letter-spacing:.05em;
	text-decoration:none;
	white-space:nowrap;
	cursor:pointer;
	transition:opacity .25s, background .25s, color .25s;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover { opacity:.85; }

a { text-decoration:none; cursor:pointer; transition:opacity .25s, background .25s, color .25s; }
a:hover { opacity:.65; }

img { display:block; }
label { cursor:pointer; }
p { margin:0px; padding:0px; }

.icon { position:relative; bottom:-1px; }
	.icmn-pushpin { bottom:0px; right:-1px; }
	.icmn-download5 { left:-3px; }

.hidden { visibility:hidden; }
.display-none { display:none; }
.display-inline { display:inline-block; }

.default { cursor:default !important; }
.pointer { cursor:pointer !important; }
.not-allowed { cursor:not-allowed !important; }

.nowrap { white-space:nowrap; }
.break-word { word-break:break-word; }
.noselect { user-select:none; }

.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear:both; } 

.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }

.valign-bottom { vertical-align:bottom !important; }

.shadow { box-shadow:0px 1px 6px rgba(0,0,225, .03); }

.font2 { font-family:'Ubuntu Sans', sans-serif; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.no-decoration { text-decoration:none; }

.large-text { font-size:18px; }
.medium-text { font-size:16px; }
.small-text { font-size:14px; }
.tiny-text { font-size:12px; }
.hidden-text { font-size:0px; }

@media all and (max-width:1024px) {
.optional-text { display:none !important; }
}

.w100 { font-weight:100; }
.w200 { font-weight:200; }
.w300 { font-weight:300; }
.w400 { font-weight:400; }
.w500 { font-weight:500; }
.w600 { font-weight:600; }
.w700 { font-weight:700; }
.w800 { font-weight:800; }
.w900 { font-weight:900; }

.t5 { margin-top:5px; }
.t10 { margin-top:10px; }
.t15 { margin-top:15px; }
.t20 { margin-top:20px; }
.t25 { margin-top:25px; }
.t30 { margin-top:30px; }
.t35 { margin-top:35px; }
.t40 { margin-top:40px; }
.t45 { margin-top:45px; }
.t50 { margin-top:50px; }

.b5 { margin-bottom:5px; }
.b10 { margin-bottom:10px; }
.b15 { margin-bottom:15px; }
.b20 { margin-bottom:20px; }
.b25 { margin-bottom:25px; }
.b30 { margin-bottom:30px; }
.b35 { margin-bottom:35px; }
.b40 { margin-bottom:40px; }
.b45 { margin-bottom:45px; }
.b50 { margin-bottom:50px; }

.l5 { margin-left:5px; }
.l10 { margin-left:10px; }
.l15 { margin-left:15px; }
.l20 { margin-left:20px; }

.r5 { margin-right:5px; }
.r10 { margin-right:10px; }
.r15 { margin-right:15px; }
.r20 { margin-right:20px; }

.max-width-100 { max-width:100px !important; }
.max-width-200 { max-width:200px !important; }
.max-width-300 { max-width:300px !important; }
.max-width-400 { max-width:400px !important; }
.max-width-500 { max-width:500px !important; }
.max-width-600 { max-width:600px !important; }

.list-tr { display:table-row !important; }
.list-td1 { display:table-cell !important; padding-right:8px; text-align:left; }
.list-td2 { display:table-cell !important; text-align:left; }

.color1 { color:#000; }
.color1-links { opacity:1; color:#000; }
.color1-links:visited { color:#000; }
.color1-links:hover{ opacity:.65; color:#000; }
.color1-links:visited:hover { color:#000; }

.color2 { color:#666; }
.color2-links { opacity:1; color:#666; }
.color2-links:visited { color:#666; }
.color2-links:hover { opacity:.65; color:#666; }
.color2-links:visited:hover { color:#666; }

.color3 { color:#aaa; }
.color3-links { opacity:1; color:#aaa; }
.color3-links:visited { color:#aaa; }
.color3-links:hover { opacity:.65; color:#aaa; }
.color3-links:visited:hover { color:#aaa; }

	.dark-mode .color1 { color:#ddd; }
	.dark-mode .color1-links,
	.dark-mode .color1-links:visited { color:#ddd; }
	.dark-mode .color1-links:hover,
	.dark-mode .color1-links:visited:hover { color:#ddd; }

	.dark-mode .color2 { color:#aaa; }
	.dark-mode .color2-links,
	.dark-mode .color2-links:visited { color:#aaa; }
	.dark-mode .color2-links:hover,
	.dark-mode .color2-links:visited:hover { color:#aaa; }

	.dark-mode .color3 { color:#777; }
	.dark-mode .color3-links,
	.dark-mode .color3-links:visited { color:#777; }
	.dark-mode .color3-links:hover,
	.dark-mode .color3-links:visited:hover { color:#777; }

.orange { color:rgba(255,130,0, 1); }
.red { color:rgba(250,25,25, 1); }
.green { color:rgba(46,167,1, 1); }
.blue { color:rgba(51,119,236, 1); }
.purple { color:rgba(182,62,221, 1); }

	.dark-mode .orange { color:rgba(255,130,0, .75); }
	.dark-mode .red { color:rgba(250,25,25, .8); }
	.dark-mode .green { color:rgba(46,167,1, .85); }
	.dark-mode .blue { color:rgba(51,119,236, 1); }
	.dark-mode .purple { color:rgba(182,62,221, .8); }

.orange-bg { background:rgba(255,130,0, 1); }
.green-bg { background:rgba(46,167,1, .9); }
.blue-bg { background:rgba(51,119,236, .9); }
.purple-bg { background:rgba(182,62,221, .9); }

	.dark-mode .orange-bg { background:rgba(255,130,0, .6); }
	.dark-mode .green-bg { background:rgba(46,167,1, .8); }
	.dark-mode .blue-bg { background:rgba(51,119,236, .8); }
	.dark-mode .purple-bg { background:rgba(182,62,221, .65); }

.green-links { opacity:1; color:rgba(46,167,1, 1); }
.green-links:visited { color:rgba(46,167,1, 1); }
.green-links:hover { opacity:.65; color:rgba(46,167,1, 1); }
.green-links:visited:hover { color:rgba(46,167,1, 1); }

	.dark-mode .green-links,
	.dark-mode .green-links:visited { color:rgba(46,167,1, .85); }
	.dark-mode .green-links:hover,
	.dark-mode .green-links:visited:hover { color:rgba(46,167,1, .85); }

/* Notify */
#notify { background:#f9f9ff; }

	.dark-mode #notify { background:#000000; }

.notify-wrapper { max-width:500px; margin:0px auto; padding:0px 30px; }
.notify-icon { margin-top:125px; line-height:1; font-size:54px; }
.notify-heading { margin:25px auto 15px auto; }
.notify-heading h1 { font-size:20px; line-height:1.75; }
.notify-text { font-size:16px; }
.notify-text a,
.notify-text a:visited { text-decoration:underline; }
.notify-link { margin:15px auto; line-height:1.75; font-size:15px; }

/* Turnstile */
.cf-turnstile { margin-bottom:7px; }

/* Modal */
.backdrop { display:none; position:fixed; top:0; width:100vw; height:100vh; background:rgba(0,0,0, .75); cursor:pointer; }
	.backdrop.active { display:block;}

.modal { position:fixed; max-width:420px; top:0; right:0; left:0; z-index:2; height:auto; margin:30px auto; border-radius:10px; padding:15px 10px; background:#fff; text-align:center; cursor:pointer; }
	.dark-mode .modal,
	.dark-theme .modal { background:#666; } /* Chat page */

@media all and (max-width:480px) {
.modal { margin:0px auto; border-radius:0px 0px 10px 10px; }
}