body {}
.clear {clear:both; height:0; overflow:hidden}
.row {display: flex;}
.leftrightcol {background-color: #E50D00;border:4px solid #fff;min-height: 850px}
.centercol {background-color: #008000;min-height: 850px}
.leftrightcol article h2 {font-size:18px;color:#fff}
.leftrightcol article p {color:#fff; margin-bottom: 10px;font-size: 13px;}
.leftrightcol article a {color:#fff}

.navrow {
    background-color: #E50D00;
    border: 4px solid #fff;
	font-family: Arial, sans-serif;
	letter-spacing: 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding:5px 0;
}
.navrow a {
	color: #fff;
	padding: 0 15px;
}

.search{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


article {color:#fff}
iframe {width:100%; height: 1000px; margin: auto; display: block; border: 0; overflow: visible}

.first {border:2px solid #fff; padding: 10px; box-sizing:border-box}

/*SEARCH BOX*/
.term {
	border: 5px solid white;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color:#EAA305; 
	text-align: center; 
	width:300px; 
	margin: auto; 
	margin-top: 300px; 
	padding: 5px 10px;
}
.term input {display: inline-block; border: 0; padding-left: 5px; box-sizing: border-box}
.term input[type="submit"] {background-color:#EAA305; color: #fff;font-size: 18px;font-family: Arial, sans-serif;}

/*SIDE BOXES*/
.wrap {
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;	
	background: red;
	border: 2px solid white;
	padding:6px; 
	position: absolute;
	margin-bottom: 30px;
	z-index: 10000;
}
.wrap.drop {
	right:0px;
}
.wrap.weight {
	left:0px;
	width:300px;
	height:25px;
	overflow: hidden;
}
.position {position: absolute}
.wrap.weight  .o {
	position:absolute; top:7px; right:15px;
	cursor: pointer;
}
.wrap.weight .c {
	position:absolute; top:7px; right:40px;
	cursor: pointer;
}
.wrap * {
	font-family: Arial, sans-serif;
	letter-spacing: 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 0; 
	margin: 0;
	padding-top: 5px;
}
.wrap h3 {
	font-size: 16px;
	margin-bottom: 10px
}
.wrap h4 {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 10px;
}
.wrap h6 {
	font-size: 14px;
	margin-bottom: 10px;
}
.wrap h5 {
	font-size: 14px;
	margin-bottom: 10px;
}
.wrap p {
	padding: 0; 
	margin: 0;
	font-size: 14px;
	text-align: center;
}
.wrap-field {
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;	
	background: #999;
	border: 1px solid #fff;
	padding:3px;
	font-family: Arial, sans-serif;
	letter-spacing: 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin: auto;
	display: block;
	font-size: 11px;
	margin-top: 10px;
	cursor: pointer;
}
#droppable {
	width:150px; 
	color:#000;
	margin: 0;
	border:1px solid #fff;
	min-height: 100px;
	padding: 10px;
	line-height: 150%;
	border-bottom-right-radius: 10px;
	background-color: #2D21EA;

}
#droppable p {
	color:#000;
}

svg {
	margin: auto;
	-background-color:orange;
}
.js-mindmap-active a.parent {
	background: blue;
}
.js-mindmap-active a.node.active.root  {
	background: orange;
}
.js-mindmap-active a.google-link {
	background: black;
}




#altprops {
	border:1px solid #fff;
	min-height: 100px;
	padding: 10px;
	line-height: 150%;
	border-bottom-right-radius: 10px;
	background-color: #2D21EA;
	overflow-y: scroll;
	max-height: 350px;
}
.wrap #altprops h6 {
	font-size:14px;
	line-height: 130%;

}
.wrap #altprops p {
	display: block;
	font-family: Arial, sans-serif;
    letter-spacing: 0;
    color: #fff;
	font-size:14px;
}
.wrap #altprops p:hover {
	cursor: pointer;
	text-decoration: underline;
}
.pop-area {position: relative;width:110px;}
.leftrightcol article.pop-area a {text-decoration: none}
.leftrightcol article.pop-area a:hover {text-decoration: none}

.pop {position: relative;border:2px solid #ffffff;background-color:#DE0700;width:250px;  z-index: 10000; padding: 25px 15px 15px 15px;  box-sizing: border-box; display: none}
.pop p {border-bottom: 1px dotted #fff; padding-bottom: 10px;}
.pop p:last-child {border-bottom: 0; padding-bottom: 0}

.centercol.textarea {background-color: #fff}
.text {padding: 20px;}


.contact-form {
	border: 5px solid white;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color:#EAA305; 
	text-align: center; 
	width:300px; 
	margin: auto; 
	padding: 10px 10px 10px 10px;
	margin-bottom: 35px;
}
.contact-form.register {
	background-color:#2cd1ea; 
	
}

.contact-form.register form {margin: 0 50px}


.contact-form form {margin: 0 50px}
.contact-form input {display: inline-block; border: 0; padding-left: 5px; box-sizing: border-box}
.contact-form input[type="submit"] {background-color:#EAA305; color: #fff;font-size: 18px;font-family: Arial, sans-serif;}

.contact-form label {
	display: inline-block;
	width: 50px;;
	margin-bottom: 5px;
	font-weight: 700;
	color: #333;
	padding-right:20px;
	padding-top:6px;
}

.contact-form h2 {
	font-size:15px;
	padding: 0;
	margin:15px 0;
	font-weight: bold;
}
h2.forms-title {line-height: 175%; color:#fff;text-align: center;width:450px; margin: auto; margin-top: 50px;; font-size: 20px; margin-bottom: 50px;}