html, body {
overflow-x: hidden;
}
body {
position: relative;
}

.btn-link {
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  color: #185BA5;
  padding: 0;
  text-decoration: underline;
  font-family: inherit;
  font-size: 20px;
}

span.step {
background-color: #F7DC6F;
color: #E74C3C;
text-decoration: none;
}

span.watch {
color: #28B892;
text-decoration: none;
}

i.watch {
color: #28B892;
text-decoration: none;
}

a.watch {
color: #28B892;
text-decoration: none;
}

a.play{
color: #FB94AC;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:active {
color: black;
}

a:visited {
color: #9EA0A8;
}
				
.animated-icon2 {
width: 40px;
height: 40px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon2 span {
display: block;
position: absolute;
height: 2px;
width: 100%;
border-radius: 20px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon2 span {
background: #000000;
}

.animated-icon2 span:nth-child(1) {
top: 10px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 20px;
}

.animated-icon2 span:nth-child(4) {
top: 30px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

.pull-left{float:left!important;}
.pull-right{float:right!important;}

footer {
    position: fixed;
    height: 25px;
    bottom: 0;
    width: 100%;
    text-align: right;
}

.btn-group-xs > .btn, .btn-xs {
padding: .3rem .3rem;
font-size: .9rem;
line-height: .5;
border-radius: .2rem;
}

tfoot {
    display: table-header-group;
}

[aria-expanded="false"] .menu__icon--open {
  display: inline;
}
[aria-expanded="false"] .menu__icon--close {
  display: none;
}
[aria-expanded="true"] .menu__icon--open {
  display: none;
}
[aria-expanded="true"] .menu__icon--close {
  display: inline;
}


/* Smartphones  ----------- */
@media only screen and (max-width : 1113px) {
    #hide-on-mobile-portrait {
        display: none;
    }
}

@media (min-width: 576px) { .card-columns { column-count: 2; } }
@media (min-width: 768px) { .card-columns { column-count: 3; } }
@media (min-width: 992px) { .card-columns { column-count: 4; } }
@media (min-width: 1200px) { .card-columns { column-count: 4; } }

.btn-discord { 
  color: #FFFFFF; 
  background-color: #E37019; 
  border-color: #E37019; 
} 
 
.btn-discord:hover, 
.btn-discord:focus, 
.btn-discord:active, 
.btn-discord.active, 
.open .dropdown-toggle.btn-discord { 
  color: #FFFFFF; 
  background-color: #E37019; 
  border-color: #E37019; 
} 
 
.btn-discord:active, 
.btn-discord.active, 
.open .dropdown-toggle.btn-discord { 
  background-image: none; 
} 
 
.btn-discord.disabled, 
.btn-discord[disabled], 
fieldset[disabled] .btn-discord, 
.btn-discord.disabled:hover, 
.btn-discord[disabled]:hover, 
fieldset[disabled] .btn-discord:hover, 
.btn-discord.disabled:focus, 
.btn-discord[disabled]:focus, 
fieldset[disabled] .btn-discord:focus, 
.btn-discord.disabled:active, 
.btn-discord[disabled]:active, 
fieldset[disabled] .btn-discord:active, 
.btn-discord.disabled.active, 
.btn-discord[disabled].active, 
fieldset[disabled] .btn-discord.active { 
  background-color: #E37019; 
  border-color: #E37019; 
} 
 
.btn-discord .badge { 
  color: #E37019; 
  background-color: #FFFFFF; 
}

.profile_card {
    width: 400px;
    border: none;
    border-radius: 10px;
    background-color: #fff
}

.profile_stats {
    background: #f2f5f8 !important;
    color: #000 !important
}

.profile_selling {
    font-size: 10px;
    color: #a1aab9
}

.profile_number1 {
    font-weight: 500
}

.profile_buying {
    font-size: 10px;
    color: #a1aab9
}
.profile_number2 {
    font-weight: 500
}

.profile_total {
    font-size: 10px;
    color: #a1aab9
}

.profile_number3 {
    font-weight: 500
}

div.tutor {
	text-align: center;
	}
ol { 
	display: inline-block; 
	text-align: left; 
	}