* {margin:0;padding:0;outline:0;border:0;}
.noselect {pointer-events: none;-webkit-touch-callout: none; /* iOS Safari */    -webkit-user-select: none; /* Safari */    -khtml-user-select: none; /* Konqueror HTML */    -moz-user-select: none; /* Old versions of Firefox */    -ms-user-select: none; /* Internet Explorer/Edge */    user-select: none; /* Non-prefixed version, currently                                  supported by Chrome, Edge, Opera and Firefox */}
ul{list-style:none;}
li{display:inline-block;}
h1 {font-size: 1.5em;margin: .67em 0;}

body::-webkit-scrollbar,div::-webkit-scrollbar {width: 1em;}
body::-webkit-scrollbar-track,div::-webkit-scrollbar-track {}
body::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb {background-color: #ffffff42;}

.featherlight {z-index:8888 !important;background: rgba(0,0,0,.9);}
.featherlight:last-of-type{background:rgba(0,0,0,.9)}
.featherlight .featherlight-close-icon {color:#fff;background-color:#d99cf3;border-radius: 50%;margin-right: .5em;text-shadow: 0px 1px 2px rgba(0,0,0,0.5);}
.featherlight .featherlight-content {background: none}

.dashboard a {text-decoration:none;color:inherit;display:inline-block;position:relative;line-height:1.2em}
.dashboard a::after {
    content: "";
    position: absolute;
    top: 100%;
    height: 1px;
    width: 100%;
    left: 0;
    background-color: #a2ccea;
    transition: background-color 1s ease;
}
.asep {
    color: #797979;margin:0 .5em;
}
.dashboard a:hover::after {
    top: 110%;
    background-color: #d99cf3;
    transition: background-color 1s ease;
}

.bg_omni_purple {background-image: url('/img/bg_omni_purple.svg'),url('/img/bg_omni_base.svg');background-position: top center;
    background-size: cover;height:100%;width:100%;
    background-blend-mode: color-burn;clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);}
.bg_omni {background-image: url('/img/bg_omni_purple.svg'),url('/img/bg_omni_base.svg');
    background-position: top center,top center,0;background-size:cover,cover,19%;height:100%;width:100%;background-blend-mode:color-burn;clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);background-repeat:no-repeat}

.bg_omni.purple {background-image: url('/img/bg_omni_purple.svg'),url('/img/bg_omni_base.svg');}
.bg_omni.blue {background-image: url('/img/bg_omni_blue.svg'),url('/img/bg_omni_base.svg');}
.bg_omni.purple2 {background-image: url('/img/bg_omni_purple_2.svg'),url('/img/bg_omni_base.svg');}

.page_header_bg{height:300px;filter: drop-shadow(0px 2px 5px rgba(0,0,0,1.0))}
.page_header{width:90%;margin:0 auto}
.page_title {font-size:1.875em;color:#fff;font-family: 'Raleway';font-weight: 700;position:relative;top:100px;z-index:1;text-shadow: 0px 1px 2px rgba(0,0,0,0.5);float:left;text-align:left;}
.page_title .guild {    font-family: 'Open Sans';
    font-size: 0.8em;
    margin-top: 20px;
    line-height: 0.8em;}
.page_title .guildrealm {    font-family: 'Open Sans';
    font-size: 0.6em;}

h2{font-size:1.875em}
.gradient_1{
    background: #284f80; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #284f80 0%, #36345d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #284f80 0%,#36345d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #284f80 0%,#36345d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#284f80', endColorstr='#36345d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.header_bg {
    -webkit-animation: ani_btn_purple_hover 5s infinite;
    -moz-animation: ani_btn_purple_hover 5s infinite;
    animation: ani_btn_purple_hover 5s infinite;
    background-size: 400% 100%;
    background-image: linear-gradient(45deg, #66649e 0%, #36345d 25%, #66649e 75%, #36345d 100%);
}

@-webkit-keyframes ani_hloop {
    0%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes ani_hloop {
    0%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes ani_hloop {
    0%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.page_logo_bg {height:40px;line-height:40px;box-shadow:0px -1px 15px #000;position: absolute;width: 100%;z-index: 10;top: 0;position: fixed;}
.page_logo_bg div.logo{font-size:0.875em;color:#fff;font-family: 'Raleway', sans-serif;font-weight: 700;padding:0 5%;}
.page_logo_bg span.logo::before {content: "";background-size:auto 25px;background-image: url("/img/metabeep-wh.svg");width:153px;height:40px;display: inline-block;background-position:0 7px;background-repeat: no-repeat;vertical-align: middle;}
body{color:#fff;font-family: 'Lato',Arial,sans-serif;line-height: 2.5em;font-size: 1.1em;}
body.dashboard {background-color:#36345D}
.pointer {cursor:pointer}
/* PURE FORM */
body.dashboard .pure-form input, body.dashboard .pure-form select {background-color:rgba(54, 52, 93, 0.8);border-color:#9D9CCA;color:#fff;box-shadow:none}
body.dashboard .pure-form ::placeholder {color: rgb(145, 184, 212);font-style:italic;font-size:0.9em}
body.dashboard .pure-form-message-inline {color:#92b8d4}
body.dashboard .pure-form select, .pure-form input:not([type="submit"]):not([type="checkbox"]) {
    height: 2.5em;
}

.dashboard label {color:#fff}
body.dashboard .pure-form.centerall {text-align:center;text-align:-webkit-center;text-align:-moz-center}
body.dashboard .pure-form.centerall label {margin-top: 35px;}
body.dashboard .pure-form.centerall label:first-child {margin-top:0;}


.page_content {width:90%;margin:0 auto;margin-top:80px;
    min-height:30vh;min-height:70%;min-height: -moz-calc(100vh - 600px);min-height: calc(100vh - 600px);
}

.bodyfooter{position: relative;bottom:0;height:100px;width:100%;clear:both;}
.bodyfooter .content{margin:0 auto;width:90%;font-size:0.7em;color: #ccc;line-height: 1.5em;}

.btn_purple {
    min-width:300px;background-size: 400% 100%;background-image: linear-gradient(45deg, #3A3761, #eaa4f5, #3A3761);border-radius:5px;display:inline-block;color: #fff !important;font-size: 1.1em;padding: 20px;
    -webkit-animation: ani_btn_purple 4s ease infinite;-moz-animation: ani_btn_purple 4s ease infinite;animation: ani_btn_purple 4s ease infinite;    text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    border: 1px solid #9D9CCA !important;filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.6));text-decoration: none;cursor:pointer;
}
a.btn_purple::after {
    all: initial;
    * {all: unset;}
}
.btn_purple.noani, .btn_purple.noani:hover {
    animation:none;
    -webkit-animation:none;
    -moz-animation:none;
}
.btn_purple.small {
    min-width:50px;
    font-size: 1em;
    padding: 10px;
}
.btn_purple:hover{
    -webkit-animation: ani_btn_purple_hover 1s;
    -moz-animation: ani_btn_purple_hover 1s;
    animation: ani_btn_purple_hover 1s;
}

div.btn_enlarge {display:inline-block;transition: transform .2s;}
div.btn_enlarge:hover {transform: scale(1.05);}

@-webkit-keyframes ani_btn_purple {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes ani_btn_purple {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes ani_btn_purple {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-webkit-keyframes ani_btn_purple_hover {
    0%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes ani_btn_purple_hover {
    0%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes ani_btn_purple_hover {
    0%{background-position:100% 50%}
    100%{background-position:0% 50%}
}


#ajtop {top:0;position:fixed;z-index:9999999;height: 100%;width: 100%;background-image:linear-gradient(#3a3761e0,#0a0b1b);display: none;}
#ajtop_txt {width: 50%;margin-left: -25%;text-align: center;}
.spinner {margin-left: -30px;width: 70px;}
.dashboard .spinner > div {background-color: #d6b3ff;}
#ajtop .mid {top: 30%;position: fixed;left:50%;right:50%;width:100%}
.spinner > div {width: 18px;height: 18px;background-color: #000;border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) }40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);} 40% {-webkit-transform: scale(1.0);transform: scale(1.0);}}
#ajtop_close {width: 50%;margin: 10px -25% 0;text-align: center;display: none;}
#ajtop_reload {width: 50%;margin: 10px -25% 0;text-align: center;display: none;}
#bg {position:absolute;width:100%;top:0;bottom:0}
#bg canvas {position:fixed;top:0;left:0}
#fg {position:relative}
.page_content .right {float:right;width:25%;font-size:0.9em;margin-bottom: 100px;}
.page_content .left {width:70%;margin-bottom:4em;}
.page_content .left h5{font-family: "Open Sans";font-weight:700;font-size:1.4em;line-height:2em;margin-bottom:0em;text-shadow:2px 2px black;}
.page_content .left h5.hr{margin-top:3.3em}
.page_content .left h5 .desc {font-size: 0.6em;margin-left:1em;font-weight:100;color:#e5a3ff}
#guild_tags {display:flex;flex-flow:row wrap;width:95%;align-content:flex-start;list-style-type:none}
#guild_tags_selected {display:inline-flex;max-width:95%;flex-flow:row wrap;align-content:flex-start;list-style-type:none;border-bottom:1px solid #9c9ccb;margin-bottom: 1.5em;
    padding-bottom: 1.5em;}
#guild_tags li, #guild_tags_selected li {padding:10px;margin:5px;cursor:pointer;border-radius:2em;border:1px solid #9D9CCA;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.5);text-align: center;filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.6));}
#guild_tags li.selected, #guild_tags_selected li.selected {background-size: 400% 100%;background-image: linear-gradient(45deg, #3A3761, #eaa4f5);}
#guild_notes {width:80%}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ui-slider-handle.ui-corner-all.ui-state-default {
    background-size: 400% 100%;background-image: linear-gradient(45deg, #3A3761, #eaa4f5);filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.6));border: 1px solid #9D9CCA;border-radius:2em;cursor:pointer;
    width:2em;height:2em;margin-left:-1em;
}
.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content{
    height:1.3em;border:none;width:6em;margin:0 2em;background:none;cursor: pointer;
}

#guild_attributes .slide_outerbox {}
#guild_attributes .slide_title {min-width: 14em;}
#guild_attributes .slide_value {color:#92b8d4}
#guild_attributes .slide_outerbox hr {height:50%;border-bottom: 1px solid #9D9CCA;width:100%;}
#guild_attributes .slider{display:flex;height:4em;align-items: center;}


.page_content .right h5 {font-family:"Open Sans";font-size:1.3em;font-weight:700;}
.page_content .right h6 {font-family:"Open Sans";font-size:0.9em;font-weight:700}
.page_content .right h5 img {width:2.5em;vertical-align:middle;margin-right: 0.8em;}
.page_content .right h5.hr {margin-top:3em}

#guild_active_hr .slide_outerbox {}
#guild_active_hr .slide_title {text-align: right;display: inline-block;vertical-align: middle;width: 10em;margin: 0 1em 0 0;}
#guild_active_hr .slide_value {color:#92b8d4}
#guild_active_hr .slide_outerbox hr {height:50%;border-bottom: 1px solid #9D9CCA;width:100%;}
#guild_active_hr .slider{display:flex;height:4em;align-items: center;}
#guild_active_hr .ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {width:10em;margin:0 2em 0 1em}


table.type1 {white-space:nowrap;width:100%;table-layout:fixed;border-bottom:1px solid #7bbcf2;border-collapse:collapse;border-spacing:0;}
table.type1 th {color:#7bbcf2;text-align:center;border-bottom:1px solid #7bbcf2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
table.type1 td {text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
table.type1 tbody tr:first-child td {padding-top:.75em}
table.type1 tbody tr:last-of-type td {padding-bottom:.75em}

table.type2 {width:100%;border-bottom:1px solid #7bbcf2;}
table.type2 th {color:#7bbcf2;text-align:center;border-bottom:1px solid #7bbcf2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
table.type2 th.last {width:100%;}
table.type2 td {text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
table.type2 td.last {width:100%}
table.type2 tbody tr:first-child td {padding-top:.75em}
table.type2 tbody tr:last-of-type td {padding-bottom:.75em}

strong.b1 {color:#7bbcf2}

.cb1-checkbox {display:inline-flex;vertical-align: middle}
.cb1-checkbox .cb1-label {display:block;position:relative;margin:auto !important;cursor:pointer;line-height:1.5em;height:1.5em !important;width:1.5em !important;clear:both}
.cb1-checkbox .cb1-label input {position:absolute;opacity:0;cursor:pointer}
.cb1-checkbox .cb1-label .cb1-span {position:absolute;top:0;left:0;height:1.5em;width:1.5em;background-color:transparent;border-radius:4px;border:2px solid #9D9CCA}
.cb1-checkbox .cb1-label .cb1-span::after {
    position:absolute;
    content:"";
    left:0.75em;top:0.75em;
    width:0;height:0;
    border-radius:4px;border:solid #fff;border-width:0 3px 3px 0;
    -webkit-transform:rotate(0deg) scale(0);-ms-transform: rotate(0deg) scale(0);transform: rotate(0deg) scale(0);
    opacity:1 }
.cb1-checkbox .cb1-label input:checked ~ .cb1-span {background-color:transparent;border-radius:4px;
    -webkit-transform:rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);
    opacity:1; border:2px solid #7bbe72;
}
.cb1-checkbox .cb1-label input:checked ~ .cb1-span::after {background-color:#fff;border-radius:4px;
    -webkit-transform:rotate(45deg) scale(1);-ms-transform: rotate(45deg) scale(1);transform: rotate(45deg) scale(1);
    opacity:1; left:.5em;top:0.16em;width:0.325em;height:0.75em;border:solid #7bbe72;border-width:0 2px 2px 0;
    background-color:transparent;border-radius:0;
}
.cb1-checkbox .cb1-txt {margin-left:.75em;width:4.2em;text-align:left;display:inline-block}
/* Checkbox FX */
.cb1-checkbox .cb1-span::before {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    width: 0px;
    height: 0px;
    border-radius: 5px;
    border: 2px solid #FFFFFF;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.cb1-checkbox input:checked ~ .cb1-span::before {
    left: 0.1em;
    top: 0.2em;
    width: 1em;
    height: 1em;
    border-radius: 5px;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity:0;
    z-index: 999;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.upgradeplan {text-align:left;}
.upgradeplan input[type=button] {padding:0;float:right;height:2em !important;min-width: 2em;margin-top:.25em;}

.tippy-box[data-theme~='metabeep'] {
    background-color: #000;
    color: white;
}
.tippy-box[data-theme~='metabeep'][data-placement^='top'] > .tippy-arrow::before {border-top-color: #000;}
.tippy-box[data-theme~='metabeep'][data-placement^='bottom'] > .tippy-arrow::before {border-bottom-color: #000;}
.tippy-box[data-theme~='metabeep'][data-placement^='left'] > .tippy-arrow::before {border-left-color: #000;}
.tippy-box[data-theme~='metabeep'][data-placement^='right'] > .tippy-arrow::before {border-right-color: #000;}

ol.tutorial {list-style: none;}
ol.tutorial li {display: list-item;margin-left: 2.5em;counter-increment: item;
    margin-bottom: 5px;}
ol.tutorial li::before {
    margin-right: .5em;
    margin-left: -3em;
    content: counter(item);
    background: #37345D;
    border-radius: 100%;
    color: white;
    width: 2.5em;
    text-align: center;
    display: inline-block;

}
ol.tutorial a[data-featherlight] {color:#e5a3ff !important}
.tutorial strong {color:#7bbcf2}

.nav_tr {float:right;font-size:1.1em;z-index:9}
.nav_tr a {border:none;white-space:nowrap;overflow:hidden;width:0;padding-left:23px;margin-left:20px;border-bottom:1px solid transparent; display:inline-block;background-image: url(/img/icon_back.svg);background-size:20px;background-position-x:left;background-position-y:center;background-repeat: no-repeat;transition: width 500ms,padding-left 500ms;line-height:unset}
.nav_tr a:hover,.nav_tr a.hovered {width:auto;padding-left:30px;}
.page_title2{line-height: 1.5em;font-size:1.1em;color:#e5a3ff;font-family: 'Raleway';position:relative;top:100px;z-index:1;text-align:right;float:right}
#pricing_frame {position:absolute;right:5%}
.nav_tr a.news {background-image: url("/img/icon_twitter.svg")}

body.mobile {font-size:.9em}
body.mobile #mt4boxes {flex-direction:column}
body.mobile div.f-row > div { margin-left:0}
body.mobile #mt4boxes .outer {max-width:unset}
body.mobile a.fullscreen {display:none}
body.mobile a.fullscreen {display:none}
body.mobile #markettime {display:none}
body.mobile #localtime {display:none}
body.mobile #hbcountdown {margin:0 auto;font-size:1.1em}
body.mobile .logo {line-height:initial}
body.mobile .nav_tr a {width:auto;padding-left:30px;line-height:40px}
body.mobile .page_title {font-size:1em;}
body.mobile .page_title2 {display:none}
body.mobile #pricing_frame {position:unset;right:unset;margin-top:6.6em}
body.mobile .page_content p {font-size:1.1em}

#mt4boxes .myfxbookwid {overflow: hidden}
#mt4boxes .myfxbookwid img {margin-top:-22px}