html,body {
    width:100%;
    height:100%;
    padding:0;
    margin:0;
}
body  {
    font-family:lato, sans-serif;
    color: black;
    background:white;
    font-size:18px;
    font-weight:400;
}

a {
    color:#333;
    cursor:pointer;
}
a:link {
 text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.ul {
text-decoration: underline;
}

img {
border:none;
max-width:100%;
flex-shrink: 0;
/*so ie behaves*/}
img.disabled, .unavail img {

	-webkit-filter: grayscale(100%);
/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);

}
h1 {
    color:black;
    font-weight:600;
    margin:0 0 20px 0;
    font-size:45px;
    line-height:1.1;
}
#text h1 {
font-size:24px;
}
h2 {
font-size:2rem;
font-weight:600;
margin:15px 0;
}
h3, h3 a {
font-size:1.5rem;
font-weight:400;
}
h4 {
font-size:1.4rem;
}
h5 {
font-size:1rem;
font-weight:300;
margin:0;
}
input  {
font-size:20px;
font-weight:200;
border:1px solid #999;
border-radius:5px;
padding:1%;
color:#666;
}
input[type="checkbox"], input[type="radio"] {
margin-right:5px;
}
input.form-control {

}
table.table {
margin-bottom:0;
}
select option.disabled,select option.disabled:hover,select option.disabled:focus {
font-weight:bold;
padding-top:10px;
background:white;
color:black;
}
/*#episode p {
margin-bottom:35px;
}*/
p.no-mb,.no-mb {
    margin-bottom:0;
}
p, li {
    font-size:1.2rem;
}
p.lead {
    font-size:22px;
}
.small, small {
    font-weight:200;
    font-size:80%;
    line-height:1;
}
strong {
    font-weight:800;
}
th {
    font-weight:400;
}
input[type="image"] {
    border:none;
}
div  {
    vertical-align:top;
}

a.btn.btn-default, button.btn.btn-default, a.btn.btn-light, button.btn.btn-light {
    background:#eee;
    border:1px solid #ddd;
}
.btn-sm {
    font-size:.7rem;
}
.btn-black {
    background-color:black;
    color:white;
    border:1px solid black;
}
.btn-black-wb {
    background-color:black;
    color:white;
    border:1px solid white;
}
.btn-black:hover, .btn-black-wb:hover {
    color:white;
}

.navbar-expand-lg .navbar-nav .nav-link {
    margin-left:.6rem;
    margin-right:.6rem;
    font-weight:bolder;
}
.navbar-expand-lg .navbar-nav .nav-link.disabled {
font-weight:lighter;
cursor:unset;
}
.navbar {
padding:.5rem 0;
}

.card-header {
padding:0;
}

.text-purple {
    color:#5a249e;
}
.shadow1 {
box-shadow:3px 3px 5px 0px rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

div.error,label.error,.error {
color:#f77;
font-size:1em;
font-weight:100;
}
div.space1 {
width:100%;
height:13px;
} /* 8x1.618 */
div.space2 {
width:100%;
height:21px;
} /* 8x1.618^2 */
div.space3 {
width:100%;
height:34px;
}
div.space4 {
width:100%;
height:55px;
}
ul,ol {
font-weight:200}
/* li.active {
background:#F9A650;
} */

.op-success {
display:none;
color:green;
}

.btn-info, .btn-info:hover {
    background-color:#54AF32;
    color:white;
}

.note,.required {
color:red;
font-weight:bold;
}
.btn-link {
color:#222ABD;
}
@media (min-width: 768px) {

	
}
@media only screen and (max-width: 768px)  {

	h3 {
        font-size:1.2rem;
    }
}

.bg-primary {
background:#5a249e !important;
}
.bd-primary {
border:1px solid #5a249e;
}

.bg-primary-gd {
    background-image: linear-gradient(90deg, #8C1CE3, #4301F3);
    color:white;
}
  
.btn-primary-gd {
    background-image: linear-gradient(90deg, #8C1CE3, #4301F3);
    color:white;
}

.bg-warning {
    background:#ffc107;
}
.bg-danger {
    background:#dc3545;
}
.bg-black {
    background:#000;
}
.btn-pink  {

    background-color:#B743A5;
    color:white;

}

.bg-purple {
    background-color:#5a249e;
}
.btn-purple  {
    background-color:#5a249e;
    color:white;
}
.btn-d-purple  {
    background-color:#7502E6;
    color:white;
}
.btn-purple-border  {
    background-color:white;
    border:1px solid #8C1CE3;
    color:#8C1CE3;
}

.btn-blue  {
    background-color:#4301F3;
    color:white;
}
.btn-green {
    background-color:#72F64A;
    color:white;
}
.btn-border {
    background:none;
    border:1px solid #333;
}

.btn-border.active, .btn-active {
    background:#222ABD;
    color:white;
}

.r-x {
    position:absolute;
    width:18px;
    height:18px;
    right:32px;
    top:12px;
    font-size:16px;
    background:#333;
    color:white;
    border-radius:20px;
    line-height:1;
    font-weight:normal;
    opacity:.5;
    text-align:center;
}
.r-x:hover {
    background:red;
    opacity: 1.0;

    transition: opacity .55s ease-in-out;

    -moz-transition: opacity .55s ease-in-out;

    -webkit-transition: opacity .55s ease-in-out;
}
.r-x a {
color:white;
}
.r-x a:hover {
text-decoration:none;
}

.audio-ctnr {
width:100%;
}
.fix-top {
position:fixed;
top:0;
}

.entry {

  padding:0;

  min-height:55px;

  border:1px solid #ddd;

  margin-bottom:1rem;

  background:#fff;

}
.entry a.action, .entry button.action {
background: #999;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: .8rem;
min-width: 100px;
border:none;
border-left:1px solid white;
text-align:center;
}
#form-check-in .entry {
background:none;
}
/*.navbar-light .navbar-nav a.nav-link,.navbar-light .navbar-nav .active a.nav-link {
color:white;
font-size:16px;
}*/

/*
.shadow  {

	-moz-box-shadow: 3px 3px 3px #999;

	-webkit-box-shadow: 3px 3px 3px #999;

	box-shadow: 3px 3px 3px #999;

}
*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)  {

	/* so IE 10+ behave */
	img {
width:100%;
}
}
@supports (-ms-accelerator:true)  {

  /* so IE Edge 12+ behave */ 
}

.search #s-r {
min-height:250px;
display:none;
}

/*
.tooltip  {

    display:none;

    background:#aaa;

    font-size:12px;

    height:70px;

    width:160px;

    padding:25px;

    color:#eee;

}*/


.btn {
white-space:normal;
}
.btn-primary {
    background:#5a249e;
    border:1px solid #5a249e;
    color:white !important;
}
.btn-white {
    background:white;
    color:black;
    border:1px solid black;
}

.btn-gd1 {
    background: #4293F5;
    background: linear-gradient(to right, #4293F5 0%, #BB3E79 100%);
    border:none;
    color:white;
}

/*a.btn.btn-warning,button.btn.btn-warning {
color:white;
}*/

.text-gd1 {
    background: #4293F5;
    background: linear-gradient(to right, #4293F5 0%, #BB3E79 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-primary {
color:#222ABD !important;
}

.white, .text-white {
color:#fff;
}
.grey,.text-grey {
color:#999;
}
.blue,.text-blue {
color:#222ABD;
}
.text-warning {
color:#f0ad4e;
}
.text-danger {
color:#dd2222;
}
.text-gray,.text-grey {
color:#aaa;
}
.divider {
width:100%;
float:none;
height:1%;
clear:both;
border-bottom:1px solid #ddd;
}
.spacer {
width:100%;
float:none;
height:1%;
clear:both;
margin-bottom:1.5em;
}
.loader {
display:none;
padding:0 10px;
}
.no-wrap {
white-space:pre;
}

#library .filter li {
cursor:pointer;
}

.btn-ctg {
background:white;
border:2px solid #00aeef;
border-right:none;
}
/*.btn-ctg-dd {
background:white;
border:2px solid #00aeef;
border-left:none;
color:#00aeef;
}*/

.datepicker {
z-index:1999;
}

.upd-success {
display:none;
color:green;
}
.upd-fail {
display:none;
color:red;
}

.d-d
 {

	text-align: center;

	padding: .5em 0;

	color: #555;

	border: 1px solid #8af;

	border-radius: 5px;

	cursor: default;

	background:white;

}

.d-hover
 {

	background:#8af;

	border-style: solid;

	box-shadow: inset 0 2px 3px #888;

}

.chk-success,.chk-fail {
display:none;
}
.chk-success {
color:green;
}
.chk-fail {
color:red;
}

/*masonry divs*/
/*
.masonry-row.row  {

	-webkit-column-gap: 30px;

	-moz-column-gap: 30px;

	column-gap: 30px;

	padding-left: 15px;

	padding-right: 15px;

	word-wrap: break-word;

}
.masonry-row [class*="col-"]  {

	 display: inline-block;

	 width: 100%;

	 height: 100%;

	 float: none;

	 padding: 0px;

}
@media (min-width: 480px)  {

	.masonry-row.row  {

		-webkit-column-count: 2;

		-moz-column-count: 2;

		column-count: 2;

	}
}
@media (min-width: 768px)  {

	.masonry-row.row  {

		-webkit-column-count: 3;

		-moz-column-count: 3;

		column-count: 3;

	}
}
*/

/*masonry js non bootstrap*/
/*
.grid-sizer,.grid-item {
width:16.66%;
}
.grid-item--width2 {
width:33.3%;
}
.grid-item--width3 {
width:66.6%;
}
.gutter-sizer {
width:1%;
}

@media (max-width: 768px)  {

	.grid-sizer,.grid-item {
width:25%;
}
	.grid-item--width2 {
width:50%;
}
	.grid-item--width3 {
width:50%;
}
}

@media (min-width: 1500px)  {

	.grid-sizer,.grid-item {
width:12.5%;
}
	.grid-item--width2 {
width:25%;
}
	.grid-item--width3 {
width:50%;
}
}
*/

.lib-block .text {

}
.lib-block .text h3 {
padding-top:10px;
}
.lib-block .text div {
font-size:1rem;
}

#body-ctnr {

	/*min-height:100%;
credit: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/ */
	height:100%;

	position:relative;

}
/* #header_ctnr {
width:100%;
min-height:4em;
}
#header {
max-width:960px;
min-width:600px;
margin:auto;
padding:1em 0;
overflow:hidden;
} */
#header {
margin-top:.5em;
}
#header #logo {
width:25%}
#header #welcome {
width:72%;
}
#header h3 {
margin:0;
line-height:100%;
}

/* Menu */
/*.navbar * {
color:white;
}*/
.navbar {
padding-bottom:0;
}
.navbar-brand {
max-width:250px;
min-height:60px;
}
/*.navbar-nav > li > a {
padding-top:20px;
padding-bottom:20px;
}
#main-navbar-collapse-1 ul.navbar-nav>li>a:hover {
border-bottom:2px solid white;
padding-bottom:18px;
}
#main-navbar-collapse-1 ul.navbar-nav li.active a {
border-bottom:5px solid white;
padding-bottom:15px;
}
#main-navbar-collapse-1 ul.navbar-nav li a.active:hover {
padding-bottom:15px;
}
*/
.navbar-default .navbar-toggle .icon-bar {
background:white;
}
.navbar-light #main-navbar-collapse-1 .navbar-nav a {
font-size:.9rem;
}
.primary .dropdown-item:focus, .dropdown-item:hover {
background:#222ABD;
color:white;
}
.navbar-light #main-navbar-collapse-1 .dropdown-item {
font-weight:200;
}
.dropdown-menu {
min-width:1rem;
}
.dropdown-menu > li > a:hover {
background:#f9a650;
}
/*#main_menu {
float:right;
padding-top:3%;
width:66%;
}
#main_menu * {
font-size:18px;
font-weight:100;
}
#main_menu ul  {
margin:0;
float:right;
padding:0;
list-style-type: none;
list-style-image: none;
}
#main_menu li  {
display: inline;
padding:5px 15px;
}
#main_menu ul li a  {
margin:0px;
padding:0;
display:inline;
text-transform:uppercase;
color:#333;
font-weight:100;
}
#main_menu li.current {
font-weight:400;
text-decoration:none;
text-transform:uppercase;
}
.current {
text-decoration:underline;
}
.current1 {
background:#f9a650;
}*/
#sub_menu a {
color:white;
}
#sub_menu > ul > li {
text-align:center;
padding:1.2% 0;
color:white;
font-size:1.2em;
border-left:1px solid #ddd;
height:55px;
}
#sub_menu ul {
list-style:none;
margin:auto;
padding:0;
}
#sub_menu button.btn {
font-weight: 100;
}
/*#container {
margin:auto;
positoin:relative;
min-height:600px;
padding-top:0.01em;
max-width:100%;
background:#f4f4f4;
}*/
 
#acct-msg {
background:#eee;
position:relative;
padding:1em 2em;
display:none;
margin-bottom:20px;
border-radius:8px;
}
#acct-msg #x {
position:absolute;
top:5px;
right:8px;
font-size:1em;
}

/* Signin */
.signin-form {
max-width: 450px;
}
.signin-form .s-form-heading, .signin-form .checkbox  {
margin-bottom: 10px;
}

h2.s-form-heading {
font-size:28px;
}
.signin-form .checkbox  {

    font-weight: normal;

}
.signin-form .form-control {

    -moz-box-sizing: border-box;

    font-size: 16px;

    height: auto;

    padding: 10px 10px 8px;

    position: relative;

	width:100%;

}
.signin-form .form-control:focus  {

    z-index: 2;

}
/*
.signin-form input[type="email"]  {

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

    margin-bottom: -1px;

}*/

.signin-form input[type="password"]  {

/*
    border-top-left-radius: 0;

    border-top-right-radius: 0;
*/

    margin-bottom: 10px;

}

/* Episode */
#episode p, #episode div {
    font-size:20px;
    margin-bottom:1.8rem;
    line-height:1.5;
    font-weight:100;
}
#episode ul {
    margin-bottom:1.8rem;
}
#episode li {
    font-size:1.3rem;
    margin-bottom:.5rem;
    line-height:1.5;
}
#episode h1, #episode h2 {
margin:4rem 0 2rem;
}

@media only screen and (max-width: 768px)  {

	#episode p, #episode div, #episode li {
font-size:1.2rem;
}
}

#disclaimer {
float:left;
padding:20px 0;
text-align:left;
}
#loginForm input {
width:100%;
}
.mobile input {
font-size:1em;
}

.sub-nav.nav-pills > li > a  {
background: #00aeef;
color:white;
border:1px solid white;
}
.sub-nav.nav-pills > li.disabled > a,.sub-nav.nav-pills > li.disabled > a:hover  {
background: #acd;
color:white;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs {
background:#eee;
}
nav.navbar .nav-link.active {
border-bottom:3px solid black;
}
/*.sub-nav.nav-pills > li.active > a {
background:#eea236;
}*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link  {
background-color:#222ABD;
}
.regular-radio  {

	display: none;

}

.regular-radio + label  {
-webkit-appearance: none;
border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: .2em 1.8em;
border-radius: 2em;
display: inline-block;
position: relative;
color:#999;

}

.regular-radio:checked + label:after  {
content: '\2714';
font-size: 2em;
position: absolute;
top: 0;
left: .2em;
line-height:.8;
}

.regular-radio:checked + label  {
background-color: #fff;
color: #222ABD;
border: 1px solid #222ABD;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active  {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label  {
padding: 16px;
}

.big-radio:checked + label:after  {

	width: 24px;

	height: 24px;

	left: 4px;

	top: 4px;

}
label  {

	display: inline;

}

.checkbox-lg {
 margin:3px 5px;
display:inline-block;
width:20px;
height:20px;
background: #222ABD;
position: relative;
/* -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
*/
}
.checkbox-lg.circle {
border-radius: 100%;
}
.checkbox-lg label {
 display: block;
width:18px;
height:18px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
position: absolute;
top:1px;
left:1px;
z-index: 1;
background: #edf2f7;
/* -webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);
box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);
*/
}
.checkbox-lg.circle label {
border-radius: 100%;
}
.checkbox-lg input[type=checkbox]:checked + label  {

	/*background: #f9a650;
*/
}
.checkbox-lg input[type=checkbox]:checked + label:after  {

	content: '\2713';

	color:#222ABD;

	font-size:1.5rem;

	position:absolute;

	top:-5px;

	left:0;

}
.checkbox-lg input[type=radio]:checked + label  {

	background: #f9a650;

}
.checkbox-lg input {
display:none;
}

/* .squaredThree */
.squared3  {

	width: 25px;

	height:25px;

	position: relative;

}
.squared3 label  {

	width: 25px;

	height: 25px;

	cursor: pointer;

	position: absolute;

	top: 0;

	left: 0;

	background: linear-gradient(to bottom, #fff 0%, #eee 100%);

	border-radius: 4px;

	box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.4);

}
.squared3 label:after  {

	content: '';

	width: 16px;

	height: 10px;

	position: absolute;

	top: 6px;

	left: 4px;

	border: 3px solid #222ABD;

	border-top: none;

	border-right: none;

	background: transparent;

	opacity: 0;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}
.squared3 label:hover::after  {

	opacity: 0.3;

}
.squared3 input[type=checkbox]  {

	visibility: hidden;

}
.squared3 input[type=checkbox]:checked + label:after  {

	opacity: 1;

}

/* end .squaredThree */

.squared3.inverse label {

	/*background: linear-gradient(to bottom, #6ae5df 0%, #222ABD 100%);
*/
}
.squared3.inverse label:after  {

	border: 3px solid #222ABD;

	border-top: none;

	border-right: none;

}


#boarding {
min-height:600px;
padding-top:2em;
}
#boarding button {
min-width:150px;
}
#stepNavLable {
padding-left:8%;
margin:0 auto 1.2em;
text-align:center;
}
#steps_nav {
margin:1.2em auto 0;
width:90%;
height:3em;
text-align:center;
}
/*.step {
float:left;
width:20%;
text-align:center;
position:relative;
}*/
.n_step_l {
padding:.5em;
font-size:.8em;
margin:auto;
}
.n_step {
padding:.5em;
margin:-1.5em auto 0;
width:3em;
border:.2em #fff solid;
border-radius:2em;
background:#ddd;
color:white;
cursor:pointer;
}
.w_line {
margin-top:2em;
border-top:4px #fff solid;
width:100%;
}
.lw_line, .rw_line {
width:50%;
margin-top:2em;
border-top:4px #fff solid;
}
.lw_line {
}
.rw_line {
margin-left:49%;
}
.ob_step {
float:left;
width:16.6667%;
padding:1em 2em;
}
.ob_step p {
text-align:center;
font-size:1.3em;
font-weight:100;
}
#survey p {
text-align:left;
}
#step_window {
overflow:hidden;
border-top:1px solid #ddd;
}
#steps_ctnr {
width:600%;
clear:left;
float:left;
}
#wiz_block {
padding:2% 0;
text-align:center;
}
#bk_ll {
padding-bottom:20px;
}
#bk_sel_err {
clear:both;
display:none;
font-size:1.5em;
padding:2%;
text-align:center;
}


.discussions .avatar {
text-align:right;
padding:0 5px;
}
.discussions .ts {
font-size:10px;
text-align:right;
clear:both;
color:#ccc;
padding-right:25px;
}
.discussions .reply-to {
margin:-10px 0 0 15px;
}
.discussions img {
max-width:60px;
}
.discussions .reply {
font-size:18px;
padding-right:25px;
color:green;
}
.discussions .cmt .cheer {
display:none;
color:#d33;
padding:0;
}
.discussions .cheer .ch-count {
padding:5px;
font-size:12px;
}
.discussions .reply-to .msg {
font-size:15px;
color:#888;
}
.discussions .reply-to img {
max-width:50px;
}
.avatar .link-id,.avatar .cmid,.avatar .email,.avatar .name {
display:none;
}
.cmt-menu {
position:absolute;
display:none;
border:1px solid #ddd;
border-radius: 5px;
padding:0 8px 8px;
list-style:none;
background:#eee;
opacity:.9;
}
.cmt-menu li {
font-size:12px;
padding:0 5px;
cursor:pointer;
}
.cmt-menu li:hover {
background:#00aeef;
color:white;
}
.cmt-menu li.disabled {
color:#aaa;
}
.cmt-menu li.disabled:hover {
background:#eee;
color:#aaa;
}
.refl-list .add-discn, .add-comment {
display:none;
}

/*#myIns,#libIns {
padding:.6em 2em;
background:#eee;
border:2px solid #ddd;
border-radius:.6em;
font-size:1.2em;
font-weight:100;
}*/

/* Invite page */
#inv_header {
width:100%;
text-align:center;
padding-bottom:2em;
}
#invite #steps {
width:47%;
padding:.2em 2% 2em 0;
display:inline-block;
vertical-align:top;
}
#invite #inv_form {
background:white;
border:1px solid #ddd;
border-radius:5px;
width:45%;
display:inline-block;
padding:0 2.5%;
}
#invite #steps li {
font-size:20px;
font-weight:100;
line-height:110%;
padding:.4em 0;
}
#inv_form #emails {
width:100%;
}
#inv_form textarea {
width:95%;
padding:2.5%;
height:200px;
}
#inv_form #submit {
text-align:right;
}


/* Reset password*/
#reset-pass {
text-align:center;
padding:1em 0 3em 0;
height:450px;
background:white;
margin-bottom:1em;
font-weight:100;
}
#reset-pass div {
display:inline-block;
text-align:left;
}
#reset-pass #inst {
width:40%;
font-size:1.2em;
line-height:160%;
padding-right:5%;
}
#reset-pass #upd-pwd {
width:45%;
padding-top:2em;
}
#upd-pwd-form div {
width:100%;
}
#upd-pwd-form input {
    width:100%;
}


#footer {
    padding:15px 0;
    position: sticky;
    height: 100px;
    top: calc( 100vh - 100px );
}

/* countdown */
#countdown {
padding-bottom:20px;
}
#countdown .box {
    width:50px;
    height:50px;
    text-align:center;
    background:black;
    color:white;
    line-height:50px;
    font-size:20px;
    margin:5px;
}
#countdown .box-c {
    width:50px;
    height:30px;
    text-align:center;
    background:none;
    color:black;
    font-size:30px;
    margin:0 5px 5px;
    font-weight:bold;
}
.cd-wrapper {
background:#f9a650;
border-radius:8px 0 0 8px;
margin-bottom:10px;
}

.cp-status {
display:none;
font-size:12px;
}

.sec-header {
color:white;
background:#999;
padding:8px 0;
font-weight:bolder;
margin:.2rem 0 1rem;
position:relative;
}
.sec-separator {
height:3px;
background:#222ABD;
margin:2rem 0;
}

.aq-badge-lg {
text-align:center;
line-height:50px;
margin:0 25px;
color:white;
width:50px;
height:50px;
border-radius:50%;
}
.aq-badge {
text-align:center;
line-height:32px;
margin:0 5px 0 0;
color:white;
width:32px;
height:32px;
border-radius:50%;
font-size:12px;
}
.aq-badge a {
color:white;
}


/*!
 * three-dots - v0.3.2
 * CSS loading animations made with single element
 * https://nzbin.github.io/three-dots/
 *
 * Copyright (c) 2018 nzbin
 * Released under MIT License
 */
 
.dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    animation: dot-flashing 1s infinite linear alternate;
    animation-delay: 0.5s;
}
.dot-flashing::before, .dot-flashing::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}
.dot-flashing::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 0s;
}
.dot-flashing::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 1s;
}

@keyframes dot-flashing {
    0% {
        background-color: #9880ff;
    }
    50%, 100% {
        background-color: rgba(152, 128, 255, 0.2);
    }
}