:root {
	--header: #333333;
	--blue-1: #012035;
	--blue-2: #012f4f;
	--blue-2-2: #033B63;
	--blue-2-5: #074774;
	--blue-3: #005992;
	--blue-4: #237BBB;
	--blue-5: #4499CC;
	--blue-6: #4FAFE2;
}
a, a:visited, .fake-link {
    text-decoration:underline;
    border:0;
    outline:0;
    color:inherit;
    cursor:pointer;
}
body, html {
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    background-color:#000000;
    background-image:url("background_trees.png");
    background-position:top center;
    background-repeat:repeat-x;
    font-family:'Noto Sans';
    color:#FFFFFF;
}


#header-wrapper, #fullscreenBanner {
    width:100%;
    background-image:url("mbb-header.png");
    background-position:top center;
    background-repeat:repeat-x;
    
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated;
}
#header {
    height:56px;
    width:1070px;
    margin-left:auto;
    margin-right:auto;
    color:#FFFFFF;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#logo-link {
    margin-right:30px;
    float:left;
    position:relative;
}
#menu {
    width:100%;
    display:inline-block;
    font-weight:bold;
    height:64px;
    vertical-align:middle;
    overflow:hidden;
    float:left;
    text-align:center;
}
#menu .item {
    font-size:14px;
    font-family:'Noto Sans';
    position:relative;
    display:inline-block;
    text-align:center;
    width:25%;
    max-width:200px;
    vertical-align:top;
    color:#CCCCCC;
    cursor:pointer;
    padding-top:5px;
    transition: color 1s, padding-top .2s, padding-bottom .2s;
}
#menu .item a {
    text-decoration:none;
}
#menu .item:Hover {
    color:#FFFFFF;
    padding-top:3px;
    padding-bottom:2px;
    transition: color .2s, padding-top .2s, padding-bottom .2s;
}
#menu .item img {
    vertical-align:middle;
    margin-right:8px;
    padding-top:3px;
    padding-bottom:7px;
}

.svg-icon {
    cursor:pointer;
    color:#999999;
    transition:color 1s;
}
.svg-icon path {
    fill:#999999;
    transition:fill 1s;
}
.svg-icon:Hover {
    color:#FFFFFF;
    transition:color .2s;
}
.svg-icon:Hover path {
    fill:#FFFFFF;
    transition:fill .2s;
}

a.pretty {
    transition: color 1s;
    color:#999999;
}
a.pretty:Hover {
    color:#FFFFFF !important;
    transition: color .2s;
}
#page-wrapper {
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

.button {
	display:inline-block;
	height:25px;
	line-height:25px;
	background-color:#756757;
	border:0;
	border-radius:5px;
	text-align:center;
	padding-left:6px;
	padding-right:6px;
	margin-left:5px;
	cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .5s, background-color .5s;
    font-family:'Noto Sans';
    text-decoration:none;
}
.button:Hover {
	background-color:#9e9285;
}


.full-width-da {
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    overflow:hidden;
    text-align:center;
}
.full-width-da ins {
    display:block;
    width:100%;
    text-align:center;
}
.inline-mobile-hide {
    display:inline-block;
}
.mobile-show, .inline-mobile-show {
    display:none;
}

textarea {
    height:7.5em;
    resize:vertical;
    margin:0;
    box-sizing:border-box;
    font-family:inherit;
    background-color:var(--blue-3);
    border:0;
    border-radius:5px;
    outline:0;
    color:#FFFFFF;
    font-size:inherit;
    overflow:auto;
}
input {
    margin:0;
    box-sizing:border-box;
    font-family:inherit;
    background-color:var(--blue-3);
    border:0;
    padding:0px 4px;
    border-radius:5px;
    outline:0;
    color:#FFFFFF;
    font-size:inherit;
}
input::placeholder,
textarea::placeholder {
    color:var(--blue-5);
    font-size:inherit;
    font-style:italic;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    box-shadow: 0 0 0 100px var(--blue-3) inset;
    -webkit-text-fill-color:#FFFFFF;
}

@media screen and (max-width: 1090px) {
    .mobile-break-left {
        clear:left;
    }
    .mobile-break-right {
        clear:right;
    }
    .mobile-hide, .inline-mobile-hide {
        display:none;
    }
    .mobile-show {
        display:block;
    }
    .inline-mobile-show {
        display:inline-block;
    }
    #page-wrapper {
        width:95%;
    }
    .content-box-content {
        width:100%;
    }
    .content-box-header {
        width:100%;
    }
    #logo-link {
        margin-right:22px;
    }
    #logo {
        margin-top:4px;
        margin-bottom:4px;
    }
    #header {
        width:570px;
    }
}


.q-and-a-header {
    width:552px;
    margin-left:auto;
    margin-right:auto;
    
    font-size:20px;
    color:#FFFFFF;
    text-align:center;
    margin-bottom:20px;
    margin-top:50px;
}
.q-and-a {
    width:552px;
    margin-left:auto;
    margin-right:auto;
}

.q-and-a .number {
    display:none;
}
.q-and-a .question {
    font-size:16px;
    color:#DDDDDD;
}
.q-and-a .answer {
    font-size:14px;
    color:#999999;
    margin-top:2px;
    margin-bottom:30px;
    padding-left:20px;
}




.embed-code {
    display:none;
    width:552px;
    margin-left:auto;
    margin-right:auto;
    
    text-align:left;
    font-size:14px;
    background-color:#222222;
    padding:5px;
    margin-bottom:20px;
    border-radius:8px;
}
.embed-code .code-block {
    margin-top:5px;
    background-color:#444444;
    font-family:Courier New, Courier;
    color:#FFFFFF;
    font-size:11px;
    padding:5px;
    border-radius:5px;
    user-select:all;
}

#chatWindow {
    display:inline-block;
    margin-left:10px;
    vertical-align:top;
    background-color:#222222;
    border-radius:5px;
    width:320px;
    position:relative;
    box-sizing:border-box;
}
#chatWindow > div {
    width:100%;
    height:414px;
}
@media screen and (max-width: 1090px) {
    #chatWindow {
        margin-left:0px;
        width: 100%;
        margin-top:20px;
    }
}