/*------------------------------------ - COLOR primary ------------------------------------*/
 .alert-primary {
	 color: #2a4445;
	 background-color: #d2e3e3;
	 border-color: #c5dbdb;
}
 .alert-primary hr {
	 border-top-color: #b5d1d2;
}
 .alert-primary .alert-link {
	 color: #172525;
}
 .badge-primary {
	 color: #fff;
	 background-color: #599091;
}
 .badge-primary[href]:hover, .badge-primary[href]:focus {
	 color: #fff;
	 background-color: #457071;
}
 .bg-primary {
	 background-color: #599091 !important;
}
 a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
	 background-color: #457071 !important;
}
 .border-primary {
	 border-color: #599091 !important;
}
 .btn-primary {
	 color: #fff;
	 background-color: #599091;
	 border-color: #599091;
}
 .btn-primary:hover {
	 color: #fff;
	 background-color: #4b7a7a;
	 border-color: #457071;
}
 .btn-primary:focus, .btn-primary.focus {
	 box-shadow: 0 0 0 0.2rem rgba(89, 144, 145, 0.5);
}
 .btn-primary.disabled, .btn-primary:disabled {
	 color: #fff;
	 background-color: #599091;
	 border-color: #599091;
}
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	 color: #fff;
	 background-color: #457071;
	 border-color: #3f6767;
}
 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(89, 144, 145, 0.5);
}
 .btn-outline-primary {
	 color: #599091;
	 background-color: transparent;
	 border-color: #599091;
}
 .btn-outline-primary:hover {
	 color: #fff;
	 background-color: #599091;
	 border-color: #599091;
}
 .btn-outline-primary:focus, .btn-outline-primary.focus {
	 box-shadow: 0 0 0 0.2rem rgba(89, 144, 145, 0.5);
}
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
	 color: #599091;
	 background-color: transparent;
}
 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
	 color: #fff;
	 background-color: #599091;
	 border-color: #599091;
}
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(89, 144, 145, 0.5);
}
 .list-group-item-primary {
	 color: #2a4445;
	 background-color: #c5dbdb;
}
 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
	 color: #2a4445;
	 background-color: #b5d1d2;
}
 .list-group-item-primary.list-group-item-action.active {
	 color: #fff;
	 background-color: #2a4445;
	 border-color: #2a4445;
}
 .table-primary, .table-primary > th, .table-primary > td {
	 background-color: #c5dbdb;
}
 .table-hover .table-primary:hover {
	 background-color: #b5d1d2;
}
 .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
	 background-color: #b5d1d2;
}
 .text-primary {
	 color: #599091 !important;
}
 a.text-primary:hover, a.text-primary:focus {
	 color: #457071 !important;
}
 
 /*------------------------------------ - COLOR success ------------------------------------*/
 .alert-success {
	 color: #495a2e;
	 background-color: #e9efe0;
	 border-color: #dfe8d3;
}
 .alert-success hr {
	 border-top-color: #d3dfc2;
}
 .alert-success .alert-link {
	 color: #2e391d;
}
 .badge-success {
	 color: #212529;
	 background-color: #8aaa5a;
}
 .badge-success[href]:hover, .badge-success[href]:focus {
	 color: #212529;
	 background-color: #6f8947;
}
 .bg-success {
	 background-color: #8aaa5a !important;
}
 a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
	 background-color: #6f8947 !important;
}
 .border-success {
	 border-color: #8aaa5a !important;
}
 .btn-success {
	 color: #212529;
	 background-color: #8aaa5a;
	 border-color: #8aaa5a;
}
 .btn-success:hover {
	 color: #212529;
	 background-color: #77944c;
	 border-color: #6f8947;
}
 .btn-success:focus, .btn-success.focus {
	 box-shadow: 0 0 0 0.2rem rgba(138, 170, 90, 0.5);
}
 .btn-success.disabled, .btn-success:disabled {
	 color: #212529;
	 background-color: #8aaa5a;
	 border-color: #8aaa5a;
}
 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	 color: #212529;
	 background-color: #6f8947;
	 border-color: #677f41;
}
 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(138, 170, 90, 0.5);
}
 .btn-outline-success {
	 color: #8aaa5a;
	 background-color: transparent;
	 border-color: #8aaa5a;
}
 .btn-outline-success:hover {
	 color: #212529;
	 background-color: #8aaa5a;
	 border-color: #8aaa5a;
}
 .btn-outline-success:focus, .btn-outline-success.focus {
	 box-shadow: 0 0 0 0.2rem rgba(138, 170, 90, 0.5);
}
 .btn-outline-success.disabled, .btn-outline-success:disabled {
	 color: #8aaa5a;
	 background-color: transparent;
}
 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
	 color: #212529;
	 background-color: #8aaa5a;
	 border-color: #8aaa5a;
}
 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(138, 170, 90, 0.5);
}
 .list-group-item-success {
	 color: #495a2e;
	 background-color: #dfe8d3;
}
 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
	 color: #495a2e;
	 background-color: #d3dfc2;
}
 .list-group-item-success.list-group-item-action.active {
	 color: #212529;
	 background-color: #495a2e;
	 border-color: #495a2e;
}
 .table-success, .table-success > th, .table-success > td {
	 background-color: #dfe8d3;
}
 .table-hover .table-success:hover {
	 background-color: #d3dfc2;
}
 .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
	 background-color: #d3dfc2;
}
 .text-success {
	 color: #8aaa5a !important;
}
 a.text-success:hover, a.text-success:focus {
	 color: #6f8947 !important;
}
 /*------------------------------------ - COLOR info ------------------------------------*/
 .alert-info {
	 color: #3e2f58;
	 background-color: #e5e0ee;
	 border-color: #dad3e7;
}
 .alert-info hr {
	 border-top-color: #ccc2de;
}
 .alert-info .alert-link {
	 color: #271e37;
}
 .badge-info {
	 color: #fff;
	 background-color: #775ca7;
}
 .badge-info[href]:hover, .badge-info[href]:focus {
	 color: #fff;
	 background-color: #5f4887;
}
 .bg-info {
	 background-color: #775ca7 !important;
}
 a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
	 background-color: #5f4887 !important;
}
 .border-info {
	 border-color: #775ca7 !important;
}
 .btn-info {
	 color: #fff;
	 background-color: #775ca7;
	 border-color: #775ca7;
}
 .btn-info:hover {
	 color: #fff;
	 background-color: #664e91;
	 border-color: #5f4887;
}
 .btn-info:focus, .btn-info.focus {
	 box-shadow: 0 0 0 0.2rem rgba(119, 92, 167, 0.5);
}
 .btn-info.disabled, .btn-info:disabled {
	 color: #fff;
	 background-color: #775ca7;
	 border-color: #775ca7;
}
 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
	 color: #fff;
	 background-color: #5f4887;
	 border-color: #58437d;
}
 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(119, 92, 167, 0.5);
}
 .btn-outline-info {
	 color: #775ca7;
	 background-color: transparent;
	 border-color: #775ca7;
}
 .btn-outline-info:hover {
	 color: #fff;
	 background-color: #775ca7;
	 border-color: #775ca7;
}
 .btn-outline-info:focus, .btn-outline-info.focus {
	 box-shadow: 0 0 0 0.2rem rgba(119, 92, 167, 0.5);
}
 .btn-outline-info.disabled, .btn-outline-info:disabled {
	 color: #775ca7;
	 background-color: transparent;
}
 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
	 color: #fff;
	 background-color: #775ca7;
	 border-color: #775ca7;
}
 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(119, 92, 167, 0.5);
}
 .list-group-item-info {
	 color: #3e2f58;
	 background-color: #dad3e7;
}
 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
	 color: #3e2f58;
	 background-color: #ccc2de;
}
 .list-group-item-info.list-group-item-action.active {
	 color: #fff;
	 background-color: #3e2f58;
	 border-color: #3e2f58;
}
 .table-info, .table-info > th, .table-info > td {
	 background-color: #dad3e7;
}
 .table-hover .table-info:hover {
	 background-color: #ccc2de;
}
 .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
	 background-color: #ccc2de;
}
 .text-info {
	 color: #775ca7 !important;
}
 a.text-info:hover, a.text-info:focus {
	 color: #5f4887 !important;
}
 /*------------------------------------ - COLOR warning ------------------------------------*/
 .alert-warning {
	 color: #58472b;
	 background-color: #ede7dc;
	 border-color: #e7ddce;
}
 .alert-warning hr {
	 border-top-color: #ded2bd;
}
 .alert-warning .alert-link {
	 color: #352b1a;
}
 .badge-warning {
	 color: #212529;
	 background-color: #aa8a54;
}
 .badge-warning[href]:hover, .badge-warning[href]:focus {
	 color: #212529;
	 background-color: #876e43;
}
 .bg-warning {
	 background-color: #aa8a54 !important;
}
 a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
	 background-color: #876e43 !important;
}
 .border-warning {
	 border-color: #aa8a54 !important;
}
 .btn-warning {
	 color: #212529;
	 background-color: #aa8a54;
	 border-color: #aa8a54;
}
 .btn-warning:hover {
	 color: #212529;
	 background-color: #927648;
	 border-color: #876e43;
}
 .btn-warning:focus, .btn-warning.focus {
	 box-shadow: 0 0 0 0.2rem rgba(170, 138, 84, 0.5);
}
 .btn-warning.disabled, .btn-warning:disabled {
	 color: #212529;
	 background-color: #aa8a54;
	 border-color: #aa8a54;
}
 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
	 color: #212529;
	 background-color: #876e43;
	 border-color: #7d653e;
}
 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(170, 138, 84, 0.5);
}
 .btn-outline-warning {
	 color: #aa8a54;
	 background-color: transparent;
	 border-color: #aa8a54;
}
 .btn-outline-warning:hover {
	 color: #212529;
	 background-color: #aa8a54;
	 border-color: #aa8a54;
}
 .btn-outline-warning:focus, .btn-outline-warning.focus {
	 box-shadow: 0 0 0 0.2rem rgba(170, 138, 84, 0.5);
}
 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
	 color: #aa8a54;
	 background-color: transparent;
}
 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
	 color: #212529;
	 background-color: #aa8a54;
	 border-color: #aa8a54;
}
 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(170, 138, 84, 0.5);
}
 .list-group-item-warning {
	 color: #58472b;
	 background-color: #e7ddce;
}
 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
	 color: #58472b;
	 background-color: #ded2bd;
}
 .list-group-item-warning.list-group-item-action.active {
	 color: #212529;
	 background-color: #58472b;
	 border-color: #58472b;
}
 .table-warning, .table-warning > th, .table-warning > td {
	 background-color: #e7ddce;
}
 .table-hover .table-warning:hover {
	 background-color: #ded2bd;
}
 .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
	 background-color: #ded2bd;
}
 .text-warning {
	 color: #aa8a54 !important;
}
 a.text-warning:hover, a.text-warning:focus {
	 color: #876e43 !important;
}
 /*------------------------------------ - COLOR danger ------------------------------------*/
 .alert-danger {
	 color: #63373c;
	 background-color: #f4eded;
	 border-color: #eddfe1;
}
 .alert-danger hr {
	 border-top-color: #e4cfd1;
}
 .alert-danger .alert-link {
	 color: #432528;
}
 .badge-danger {
	 color: #fff;
	 background-color: #ac6a71;
}
 .badge-danger[href]:hover, .badge-danger[href]:focus {
	 color: #fff;
	 background-color: #915158;
}
 .bg-danger {
	 background-color: #ac6a71 !important;
}
 a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
	 background-color: #915158 !important;
}
 .border-danger {
	 border-color: #ac6a71 !important;
}
 .btn-danger {
	 color: #fff;
	 background-color: #ac6a71;
	 border-color: #ac6a71;
}
 .btn-danger:hover {
	 color: #fff;
	 background-color: #9b565d;
	 border-color: #915158;
}
 .btn-danger:focus, .btn-danger.focus {
	 box-shadow: 0 0 0 0.2rem rgba(172, 106, 113, 0.5);
}
 .btn-danger.disabled, .btn-danger:disabled {
	 color: #fff;
	 background-color: #ac6a71;
	 border-color: #ac6a71;
}
 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
	 color: #fff;
	 background-color: #915158;
	 border-color: #874b52;
}
 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(172, 106, 113, 0.5);
}
 .btn-outline-danger {
	 color: #ac6a71;
	 background-color: transparent;
	 border-color: #ac6a71;
}
 .btn-outline-danger:hover {
	 color: #fff;
	 background-color: #ac6a71;
	 border-color: #ac6a71;
}
 .btn-outline-danger:focus, .btn-outline-danger.focus {
	 box-shadow: 0 0 0 0.2rem rgba(172, 106, 113, 0.5);
}
 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
	 color: #ac6a71;
	 background-color: transparent;
}
 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
	 color: #fff;
	 background-color: #ac6a71;
	 border-color: #ac6a71;
}
 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(172, 106, 113, 0.5);
}
 .list-group-item-danger {
	 color: #63373c;
	 background-color: #eddfe1;
}
 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
	 color: #63373c;
	 background-color: #e4cfd1;
}
 .list-group-item-danger.list-group-item-action.active {
	 color: #fff;
	 background-color: #63373c;
	 border-color: #63373c;
}
 .table-danger, .table-danger > th, .table-danger > td {
	 background-color: #eddfe1;
}
 .table-hover .table-danger:hover {
	 background-color: #e4cfd1;
}
 .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
	 background-color: #e4cfd1;
}
 .text-danger {
	 color: #ac6a71 !important;
}
 a.text-danger:hover, a.text-danger:focus {
	 color: #915158 !important;
}


.btn-light.villageyellow,
.btn-light.villageyellow:hover,
.btn-light.villageyellow:active,
.btn-light.villageyellow:visited,
.btn-light.villageyellow:focus {
    background-color: #FFF4B6;
    border-color: #FFF4B6;
    color:#283a55;
} 


.closeCross:link    {color:#999999;}
.closeCross:visited {color:#999999;}
.closeCross:hover   {color:#999999;}
.closeCross:active  {color:#999999;}
.closeCross {font-size: 1.4em;}

.physicsAnchor:link    {color:#005CAF;}
.physicsAnchor:visited {color:#005CAF;}
.physicsAnchor:hover   {color:#005CAF;}
.physicsAnchor:active  {color:#005CAF;}

.chemistryAnchor:link    {color:#8227C9;}
.chemistryAnchor:visited {color:#8227C9;}
.chemistryAnchor:hover   {color:#8227C9;}
.chemistryAnchor:active  {color:#8227C9;}

.organicAnchor:link    {color:#A35611;}
.organicAnchor:visited {color:#A35611;}
.organicAnchor:hover   {color:#A35611;}
.organicAnchor:active  {color:#A35611;}

.biologyAnchor:link    {color:#2B7F2B;}
.biologyAnchor:visited {color:#2B7F2B;}
.biologyAnchor:hover   {color:#2B7F2B;}
.biologyAnchor:active  {color:#2B7F2B;}

.greyAnchor:link    {color:#777;}
.greyAnchor:visited {color:#777;}
.greyAnchor:hover   {color:#777;}
.greyAnchor:active  {color:#777;}

.blackAnchor:link    {color:#000;}
.blackAnchor:visited {color:#000;}
.blackAnchor:hover   {color:#000;}
.blackAnchor:active  {color:#000;}

.aquaAnchor:link    {color:#005152;}
.aquaAnchor:visited {color:#005152;}
.aquaAnchor:hover   {color:#005152;}
.aquaAnchor:active  {color:#005152;}

.aqua2Anchor:link    {color:#007272;}
.aqua2Anchor:visited {color:#007272;}
.aqua2Anchor:hover   {color:#007272;}
.aqua2Anchor:active  {color:#007272;}

.khanAnchor:link    {color:#164c16;}
.khanAnchor:visited {color:#164c16;}
.khanAnchor:hover   {color:#164c16;}
.khanAnchor:active  {color:#164c16;}

.textAnchor:link    {color:#212529;}
.textAnchor:visited {color:#212529;}
.textAnchor:hover   {color:#212529;}
.textAnchor:active  {color:#212529;}


.btn-physicsCircle {
	background-color: #A4DBDA;
	border-color: #97cecd;
	color:#000000;
}
.btn-physicsCircle:hover,
.btn-physicsCircle:focus,
.btn-physicsCircle:active,
.btn-physicsCircle.active {
	background-color: #94cbca;
	border-color: #7cb3b2;
	color:#000000;
}
.btn-physicsCircle.disabled:hover,
.btn-physicsCircle.disabled:focus,
.btn-physicsCircle.disabled:active,
.btn-physicsCircle.disabled.active,
.btn-physicsCircle[disabled]:hover,
.btn-physicsCircle[disabled]:focus,
.btn-physicsCircle[disabled]:active,
.btn-physicsCircle[disabled].active,
fieldset[disabled] .btn-physicsCircle:hover,
fieldset[disabled] .btn-physicsCircle:focus,
fieldset[disabled] .btn-physicsCircle:active,
fieldset[disabled] .btn-physicsCircle.active {
	background-color: #A4DBDA;
	border-color: #97cecd;
	color:#000000;
}


.btn-chemistryCircle {
	background-color: #C5CDE5;
	border-color: #b8c0d8;
	color:#000000;
}
.btn-chemistryCircle:hover,
.btn-chemistryCircle:focus,
.btn-chemistryCircle:active,
.btn-chemistryCircle.active {
	background-color: #b5bdd5;
	border-color: #9da5bd;
	color:#000000;
}
.btn-chemistryCircle.disabled:hover,
.btn-chemistryCircle.disabled:focus,
.btn-chemistryCircle.disabled:active,
.btn-chemistryCircle.disabled.active,
.btn-chemistryCircle[disabled]:hover,
.btn-chemistryCircle[disabled]:focus,
.btn-chemistryCircle[disabled]:active,
.btn-chemistryCircle[disabled].active,
fieldset[disabled] .btn-chemistryCircle:hover,
fieldset[disabled] .btn-chemistryCircle:focus,
fieldset[disabled] .btn-chemistryCircle:active,
fieldset[disabled] .btn-chemistryCircle.active {
	background-color: #C5CDE5;
	border-color: #b8c0d8;
	color:#000000;
}

.btn-organicCircle {
	background-color: #F1E0B6;
	border-color: #e4d3a9;
	color:#000000;
}
.btn-organicCircle:hover,
.btn-organicCircle:focus,
.btn-organicCircle:active,
.btn-organicCircle.active {
	background-color: #e1d0a6;
	border-color: #c9b88e;
	color:#000000;
}
.btn-organicCircle.disabled:hover,
.btn-organicCircle.disabled:focus,
.btn-organicCircle.disabled:active,
.btn-organicCircle.disabled.active,
.btn-organicCircle[disabled]:hover,
.btn-organicCircle[disabled]:focus,
.btn-organicCircle[disabled]:active,
.btn-organicCircle[disabled].active,
fieldset[disabled] .btn-organicCircle:hover,
fieldset[disabled] .btn-organicCircle:focus,
fieldset[disabled] .btn-organicCircle:active,
fieldset[disabled] .btn-organicCircle.active {
	background-color: #F1E0B6;
	border-color: #e4d3a9;
	color:#000000;
}


.btn-biologyCircle {
	background-color: #A7D59A;
	border-color: #9ac88d;
	color:#000000;
}
.btn-biologyCircle:hover,
.btn-biologyCircle:focus,
.btn-biologyCircle:active,
.btn-biologyCircle.active {
	background-color: #97c58a;
	border-color: #7fad72;
	color:#000000;
}
.btn-biologyCircle.disabled:hover,
.btn-biologyCircle.disabled:focus,
.btn-biologyCircle.disabled:active,
.btn-biologyCircle.disabled.active,
.btn-biologyCircle[disabled]:hover,
.btn-biologyCircle[disabled]:focus,
.btn-biologyCircle[disabled]:active,
.btn-biologyCircle[disabled].active,
fieldset[disabled] .btn-biologyCircle:hover,
fieldset[disabled] .btn-biologyCircle:focus,
fieldset[disabled] .btn-biologyCircle:active,
fieldset[disabled] .btn-biologyCircle.active {
	background-color: #A7D59A;
	border-color: #9ac88d;
	color:#000000;
}

/* rows */
div.dropdown-multicol{
  width: 18em;
}
div.dropdown-row>a.dropdown-item{
  display:inline-block;
  width: 49%;
}

/* Columns */
div.dropdown-multicol2{
  width: 18em;
}
div.dropdown-multicol2>div.dropdown-col{
  display:inline-block;
  width: 49%;
}

/* Columns */
div.dropdown-multicol3{
  width: 32em;
}
div.dropdown-multicol3>div.dropdown-col{
  display:inline-block;
  width: 49%;
}

.dropdown-submenu{
    position: relative;
}
.dropdown-submenu a::after{
    transform: rotate(-90deg);
    position: absolute;
    right: 3px;
    top: 40%;
}
.dropdown-submenu:hover .dropdown-menu, .dropdown-submenu:focus .dropdown-menu{
    display: flex;
    flex-direction: column;
    position: absolute !important;
    margin-top: -30px;
    left: 100%;
}
@media (max-width: 992px) {
    .dropdown-menu{
        width: 50%;
    }
    .dropdown-menu .dropdown-submenu{
        width: auto;
    }
}

.psychologyNote {
	padding:1em;
}

.psychologyNoteItem {
	margin-bottom:15px;
}

.modal-window {
  position: fixed;
  background-color: rgba(200, 200, 200, 0.75);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
      overflow-y: scroll;
}

.modal-window:target {
  opacity: 1;
  pointer-events: auto;
}

.modal-window>div {
  width: 600px;
  position: relative;
  margin: 10% auto;
  padding: 2rem;
  background: #fff;
  color: #444;
}

.modal-window header {
  font-weight: bold;
}

.modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
}

.modal-close:hover {
  color: #000;
}

.modal-window h1 {
  font-size: 150%;
  margin: 0 0 15px;
}




#everythingsokay {
  display:none;
}


#makingeverythingokay {
  display:block;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 19px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 35px 0;
    padding-left: 40px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #479AA0;
    left: 10px;
    width: 20px;
    height: 20px;
    z-index: 400;
}



ul.timelineCARS {
    list-style-type: none;
    position: relative;
}
ul.timelineCARS:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 19px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timelineCARS > li {
    margin: 35px 0;
    padding-left: 40px;
}
ul.timelineCARS > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #895529;
    left: 10px;
    width: 20px;
    height: 20px;
    z-index: 400;
}




ul.timelineGREEN {
    list-style-type: none;
    position: relative;
}
ul.timelineGREEN:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 19px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timelineGREEN > li {
    margin: 35px 0;
    padding-left: 40px;
}
ul.timelineGREEN > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #338A38;
    left: 10px;
    width: 20px;
    height: 20px;
    z-index: 400;
}



ul.timelineAQUA {
    list-style-type: none;
    position: relative;
}
ul.timelineAQUA:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 19px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timelineAQUA > li {
    margin: 35px 0;
    padding-left: 40px;
}
ul.timelineAQUA > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #479AA0;
    left: 10px;
    width: 20px;
    height: 20px;
    z-index: 400;
}





ul.timelinePURPLE {
    list-style-type: none;
    position: relative;
}
ul.timelinePURPLE:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 19px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timelinePURPLE > li {
    margin: 35px 0;
    padding-left: 40px;
}
ul.timelinePURPLE > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #69348D;
    left: 10px;
    width: 20px;
    height: 20px;
    z-index: 400;
}



#submenuDropdown {
	font-size: 1.0rem;
	line-height: 1.0rem;
}
	

.organicReactionLink:link    {color:#000;}
.organicReactionLink:visited {color:#000;}
.organicReactionLink:hover   {color:#000;}
.organicReactionLink:active  {color:#000;}
.organicReactionLink (
font-weight: bold;
)

.biochemReactionLink:link    {color:#000;}
.biochemReactionLink:visited {color:#000;}
.biochemReactionLink:hover   {color:#000;}
.biochemReactionLink:active  {color:#000;}
.biochemReactionLink (
font-weight: bold;
)


.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(1.8);    
-moz-transform: scale(1.8);  
-webkit-transform: scale(1.8);  
-o-transform: scale(1.8);  
transform: scale(1.8);    
position:relative;      
z-index:100;  
}


.aamcTable {
	width: 3.5%;
}

.aamcTableCheck {
	font-size: 1.1em;
}

.sale-div {
  top: 0;
  left: 0;
}

header.landing {
  position: relative;
  background-color: black;
  height: 90vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  opacity: 0.8;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header video controls {
display: none;)
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }

  header video {
    display: none;
  }
}

@import url(https://fonts.googleapis.com/css?family=Amatic+SC:400,700);
html, body{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: 'Amatic SC', cursive;
}
.block{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  font-size: 16px;
}
.testimonials{
  background-image: url("/images/goodsell/lipid-droplets.jpg"), url("/images/goodsell/blood.jpg");
  background-repeat: no-repeat, repeat;}
.block h2{
  position: relative;
  display: block;
  text-align: center;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10vw;
  color: none;
  font-weight: 400;
}
.img-parallax {
  width: 100vmax;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none
}

.landing {
font-size:1.1em;
}

.villageyellow {
color: #FFF4B6;
}

.villageyellowmuted {
color: #dbd8ca;
}