/*#region Bootstrap Theme */

header img {
    vertical-align: middle;
}

header .img-circle {
    border-radius: 50%;
}

header .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header .btn:hover {
    text-decoration: none;
}

.tb-container {
    width: 1176px;
}

.dropdown-menu {
    border-radius: 0;
    min-width: 70px;
}

    .dropdown-menu > li > a {
        padding: 6px 14px;
        -moz-transition: background-color 400ms;
        -o-transition: background-color 400ms;
        -webkit-transition: background-color 400ms;
        transition: background-color 400ms;
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            transition: none;
        }

.btn {
    border-radius: 0;
}

.badge {
    border-radius: 0;
}

/*#endregion */

/*#region Common - Navigation Bar */

#nav-menu {
    background: #6BF;
    margin: 0;
    width: auto;
    padding: 0;
    line-height: 15px;
    display: block;
    position: relative;
    min-width: 1206px;
    z-index: 20;
}

    #nav-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
    }

        #nav-menu ul:after,
        #nav-menu:after {
            content: ' ';
            display: block;
            font-size: 0;
            height: 0;
            clear: both;
            visibility: hidden;
        }

    #nav-menu .dual-line p {
        font-size: 13px;
        margin: 0;
        text-align: center;
    }

        #nav-menu .dual-line p:last-child {
            margin-top: 1px;
            font-size: 11px;
        }

    #nav-menu .dual-line a {
        padding: 7px 0;
    }

    #nav-menu ul li {
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        width: 80px;
    }

        #nav-menu ul li a {
            text-decoration: none;
            display: block;
            margin: 0;
            -moz-transition: color .2s ease;
            -o-transition: color .2s ease;
            -webkit-transition: color .2s ease;
            transition: color .2s ease;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        #nav-menu ul li ul {
            position: absolute;
            left: -9999px;
            top: auto;
        }

            #nav-menu ul li ul li {
                max-height: 0;
                position: absolute;
                -moz-transition: max-height 0.4s ease-out, background .2s ease;
                -o-transition: max-height 0.4s ease-out, background .2s ease;
                -webkit-transition: max-height 0.4s ease-out, background .2s ease;
                transition: max-height 0.4s ease-out, background .2s ease;
                background: #b9b9c8;
                border-top: 1px solid #ffffff;
            }

                #nav-menu ul li ul li.has-sub:after {
                    display: block;
                    position: absolute;
                    content: '';
                    height: 10px;
                    width: 10px;
                    border-radius: 5px;
                    background: #000000;
                    z-index: 1;
                    top: 13px;
                    right: 15px;
                }

    #nav-menu.align-right ul li ul li.has-sub:after {
        right: auto;
        left: 15px;
    }

    #nav-menu ul li ul li.has-sub:before {
        display: block;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        border: 3px solid transparent;
        border-left-color: #ffffff;
        z-index: 2;
        top: 15px;
        right: 15px;
    }

    #nav-menu.align-right ul li ul li.has-sub:before {
        right: auto;
        left: 15px;
        border-left-color: transparent;
        border-right-color: #ffffff;
    }

    #nav-menu ul li ul li a {
        font-size: 14px;
        text-transform: none;
        color: #ffffff;
        letter-spacing: 0;
        display: block;
        width: 80px;
        padding: 15px 0;
    }

    #nav-menu ul li ul li:hover,
    #nav-menu ul li ul li.active {
        background: #868695;
    }

        #nav-menu ul li ul li:hover:after,
        #nav-menu ul li ul li.active:after {
            background: #4cb6ea;
        }

        #nav-menu ul li ul li:hover > ul {
            left: 100%;
            top: 0;
        }

            #nav-menu ul li ul li:hover > ul > li {
                max-height: 72px;
                position: relative;
            }

    #nav-menu > ul > li {
        width: 80px;
        float: left;
        margin-right: 20px;
    }

        #nav-menu > ul > li:last-child {
            margin-right: 0;
        }

    #nav-menu.align-center > ul > li {
        float: none;
        display: inline-block;
    }

    #nav-menu.align-center > ul {
        text-align: center;
    }

    #nav-menu.align-center ul ul {
        text-align: center;
    }

    #nav-menu.align-right > ul {
        float: right;
    }

        #nav-menu.align-right > ul > li:hover > ul {
            left: auto;
            right: 0;
        }

    #nav-menu.align-right ul ul li:hover > ul {
        right: 100%;
        left: auto;
    }

    #nav-menu.align-right ul ul li a {
        text-align: right;
    }

    #nav-menu > ul > li:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 0;
        top: 0;
        z-index: 0;
        background: #868695;
    }

    #nav-menu > ul > li.has-sub > a {
        padding-right: 30px;
    }

    #nav-menu > ul > li.nav-logo {
        width: 91px;
    }

        #nav-menu > ul > li.nav-logo:hover > a:after {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALYAAADUCAMAAAAGEilnAAAAbFBMVEX39/dXuuhfvel9yezB4PFzw+qj1O5mv+rw9PbU6fSY0e7m8PXL5fOMy+zd7fW33fGt2O+ByuyAx+vr8/aIze1avOie1e/P6POp2vCT0e5rwura7PTG5fO74PJhvumx3PGOz+3h7/V4x+twxOp+r4JuAAAE6klEQVR4AezcW66bMBSF4b0gOSSkInK5Q+6Z/xwr+SlVpVI3mx37aP0j+B6WLEAW8s1jjDHGGGOMsSKLoEJCQxRJaBkiKCObbLLJJptsssl+7eJyk9xFle3EKKfKzsWo3IZNNtlkk0022WSTTTbZZJNNNtlkk0022WSTTTbZ/CxfDZf02PPYAqmx6xJAcuzThATZA5Agu0SK7BIpsgekyD4hRXZ9SZJ9Q4rsPZJkN0myKyTJ/kqT/UySXSFJ9jlNdrcqux174+NPge3LzzvRL1+bDRRflWi3XZ8NtLcfotrG6rLo41iLWofWig0UXWWzbE22rzmJRgNs2cDj+v5WZliz/VZmea/Jnq2wlREfYgPb60Hh7DNnA1m5Vzj7jNk+t5HwHvg0G5iGu8JLjTkbyMagrfSIgB38iFgX8bCB53BQeMq2Zvut9LLcEVGxfW5xK/fWnq1wrmwRH3v5daKDGXt6IrD8uFv4mm3AbuScI7CiqwK+Zq/2naS/tQis+XMrDsZskfswIbDX14n9sRsdjNm+XdBWXl8n5m6Cz57t68cMgTX9vWyBz7F9VfhWMuCT7P/eShRsv5U2Obbv/jUlx/btNk7bWazO9u3LDHpt55sB21dft1DqZnsz7dRAofZofqFu7gq82XMv1my/lce7AzFga2/lKgZs7a1MvVizFc6VphYDtvZWBhEDtvJWpj6eG8X1vz8iniUCdvgj4ikitu8wPLHcHBfbN2KpYhchu8dSTiJk7y5Y6BojW8oFdXuIkl0tsEdZk+1WulVU1PJ7Lo7fYbkH/tal0f8d1scjm2yyySabbLLJRhR9u1/iM8YYY4wxxhhjbPPzF+322+MoCMRxfL6JMMgfIb7/F3u5UGfbk2170v6e7C6Z1Q9MVdJEBdT5JN9ILkrPcntlQYP8xPfx/03F4r+AbliMTZlme9CWRELeOztUt3wMndzxAnrY2m5s8iQ7g0vH7+32guPH2JueW+hQ0En2/jDzD7ODDo7lcBH8HFtBvsYuxntkJ4V1is0X2Ss4GbGlgptiO1gezD12sTcHuGYFW3SAls3qvaSi4BYr3zdb7GXI7n2YYTfQ9Vf2qvSoSY5UY1d6oiS7Qf98AMfsBGwTbHFADOMPyQq6BAnenhCOkkOf3XorduybhApUR+nVbP2/9zG7L9c+w04OoIUBOymajrEofxOT3A10f7E+4Q+It5oRu/+gXmfba8b+zI6Q7VwqD1HcgQ1HyVET+gVXwY/ZRyfTDFtCAdD8L1uxJntsBoa8FRexSfqHSfqnbPFQjH0tqQC0R/Y6bIGkpRVVjO3PM3PwdLWtKk+wO2YHlgfhwn36YIhYzuzVZFgnhmy74GfY1mR9xV4B9li34F6zN3DP2BIhzrKtaT/s8/EUqhW/YovayIBtBbNsD+1em410JPeKt9i2mk/YGdwn2Ms9O9gTYXA/4Q12wobObLv7tCtsf9rDLlBtYP2FXV+z+5CmZ+ygcIlNCXaP68fL1tp8d9a23D/3Nn2LLcV2PHYMY9tlf4lN32VsxToKLJJ8l9CSSGraD60Qg4SG6iu2uXE5iYTVK2e2lGvsgsXZlsx2gJEjfdGy/eXeY0tVLCN20ktsCW1XQGOW+1NpvW2vFdA92+NUQWOQd9n2fYOWGuTMlgosf9qDAxoAAACEQfZPbY5vwMIAAOA9xFSI0GplOAAAAABJRU5ErkJggg==);
            background-size: contain;
}

        #nav-menu > ul > li.nav-logo > a:after {
            display: block;
            content: '';
            background-image: url(data:image/png;base64,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);
            background-size: contain;
            position: absolute;
            left: 0;
            top: 0;
            width: 91px;
            height: 106px;
        }

    #nav-menu > ul > li.has-sub > a:after {
        display: block;
        /* content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjYvMTWOcCWmAAAA3ElEQVQokY3SoUtEQRCA8bmy6JUDk2LRoH+FCBrMlzQbL9lsRqvNfHAgYrpiMdhFMFhEyzWLKAoG/T3DWu7B8ngeLkyY2e9jZoftoB8RVymlr/jHqaqqFxG7gQccYi7nHLMCXRxhEsh4xTG6M6QeTvCGXIsZHzjFQou0hCE+az5wXhR+cIaVQlrHuGjwjlFgGQd4KS6HWMUaLor6MwZYLMcZYFJAY1wW+RP2a775lj3cF3Add+iXbNv2dnBbSDfYanJ/rX5zOtojNtqYTs657XfMR8T2NL1OKX03mV900rfnItlNCgAAAABJRU5ErkJggg=='); */
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" xmlns:v="https://vecta.io/nano"><path d="M0 0l7 6.5L14 0v4.057L7 11 0 4.259V0z" fill="%23fff" fill-rule="evenodd"/></svg>');
        position: absolute;
        right: 14px;
        top: 16px;
    }

    #nav-menu > ul > li.nav-forum > a:after {
        /* content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjYvMTWOcCWmAAABPUlEQVQokY2TLUhDURiGn10Nwpr/IJjEZBXDggbFrgYNYjIYRAwiaLJbjTaZQTAPMQ/8AQ0WB/MHBhoERQ0ieB/D7oW7eef2wgfncN7zno/3/U5GJYFBIAcMAx3AdRiGJ0EQvNIMalxr6oX6qn6on+qbWlIXE7zUao/0doBloB/I1L1VAK6AIWAk6vQOuATCZEdz6pN/8a4uqaNqXr1RH9WKeqsW1IW4I9TTFJFvdUvNqYfqTwpHtayuxEJHKYSiOqnuNxBIoqJOBcAu8FDnSxHoAcaapgUDwHoAnAHbQClx2A101pj5P9qCaJEHNqIkALqAMvDYgsgzsFc/D9PqgToT7efV+yb+bMZmJyvr32GbVc+jS8/qi/pldVBXY17G2i/SCAEwQTWAXmAcOI4sAWhZKIk2oA/IUvUxBPgFmrOmmnl7g/4AAAAASUVORK5CYII='); */
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="12.601" fill="%23fff" fill-rule="evenodd" xmlns:v="https://vecta.io/nano"><path d="M6 7c0-2.761 2.462-5 5.5-5S17 4.239 17 7s-1.098 3.154-2.376 4.184c-3.237 2.609-.086.816-3.124.816S6 9.761 6 7zm-.5-7C2.462 0 0 2.239 0 5s2.462 5 5.5 5l.251-.005A5.83 5.83 0 0 1 5 7.132c0-2.651 1.783-4.908 4.279-5.764C8.294.52 6.964 0 5.5 0z"/></svg>');
    }

    #nav-menu > ul > li.nav-keylol > a:after {
        /* content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAe1BMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////QYBnOAAAAKHRSTlMAAgQKDQ8XGx8iIyYpNUBBRW1ucHV2kpSVpKWpw8XGzc/R09nm6evvcxz4UAAAAIlJREFUeAFdj9kSwiAMRS9V66JdtKLUil2wwP9/oZMMRqfnAWZuIDkBU08xTjW+5K01TWNsm4Mp5quiW+m54HqokKgCvek0BN0BZY8/+hLuDiZb0Wkc4jkFzz2AS5QAo99y4EwKNuP7SF+k6XrwJ2oqY4ewo7Eilr0OLMbqWoFg9d9yN/vg+nL9DxDICfWm/0IVAAAAAElFTkSuQmCC'); */
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" fill-rule="evenodd" xmlns:v="https://vecta.io/nano"><path d="M8 0a8 8 0 1 0 0 16A8 8 0 1 0 8 0zm0 1a7 7 0 1 0 0 14A7 7 0 1 0 8 1zm1 6h1l2 2.987L10 13H9l2-2.967L9 7z"/></svg>');
        right: 14px;
        top: 15px;
    }

    #nav-menu > ul > li.nav-keylol:after {
        background: #11254a;
    }

    #nav-menu > ul > li.nav-keylol > ul > li, #nav-menu > ul > li.nav-7l > ul > li:hover {
        background: #1f4387;
    }

    #nav-menu > ul > li.nav-7l > a:after {
        /* content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjYvMTWOcCWmAAABdUlEQVQokX3TP4jPYRwH8Nfv+sWXOoOkiOEsR9eVdKUblFIiw2WRkUkWk8FikE3qBilkOItkuJJkEBsDulgM/mVhkEz0fuTP1+D55ev87j711NOn95/P87yfp9e2rUGVUvZgNR42TfPZ4mrbVtu2khxI8izJhyQzg353jXR4uzGBDThTStm1nPL6JHNJ2iQ/kzxIMt5V/semEm5Xwvck80lGh4IrYSzJ/Ur4luTSkuBK2JLkTiWUJFeSTIz8d4g/tQ6jdb8SB7Gp30WUUlbhOI5gsrbncAPPu9ZTSa4m+VHtXyY5lmTjANNLshV7cRTbq9pNnMcKHMZXXOxjHGexBm9wAfPYiXMYwyc87mMBs5jGZTzBCZysLo9wDa+7M69NcijJQp35Y5LZJJNLJXirAtsk15d7SHAa9/AL20opM6WUv5gh6U0leVrV3yfZl6RZLu79FdgmeZtketgYoGmauziFL3hX71mv+60WRb8ZO/CqaZoX8Bs7n5+pZgkFKAAAAABJRU5ErkJggg=='); */
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" viewBox="0 0 5 18" xmlns:v="https://vecta.io/nano"><path d="M0 0h9.273v9.273H6.955V2.318L0 2.337V0zm10.046 2.318h2.318v4.636H17v2.318h-6.954V2.318z" transform="rotate(50)" fill="%23fff" fill-rule="evenodd"/></svg>');
        right: 18px;
        top: 13px;
    }

    #nav-menu > ul > li.nav-7l:after {
        background: #00cc00;
    }

    #nav-menu > ul > li.nav-7l > ul > li, #nav-menu > ul > li.nav-7l > ul > li:hover {
        background: #0bea0b;
    }

    #nav-menu > ul > li.nav-trade > a:after {
        /* content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjYvMTWOcCWmAAABZElEQVQokWXSPWuUURQE4Ce7G7xEt7AKEfyKChY2QirBMggK/gKxsNFO/0HEwsrKQm0s7ay0MJVgZxtQQVJYiCgKfiVkLka9FnlXljenupwzM8yZc2daa/pVax3jLI5jgHd4UUr53sfO9AVqredwA0ex0bXHeI+7pZSn0/hRj3wRt3AKw57ACSzUWveUUh7vclBrPYJHONPNnuMB/uIqlrv+S1wupayD1pq2QpIrSX4maUmeJVlqrWmtSXI6yZNutpnkWlvZ4U4Ac0nuJ9lO8jnJhQl5SmQ5ycckv5M8TDJurRl0tobY12XyCa93nYY3+NBhx5P8BlBK2cAatjCPpVrr/4BrrUMs4QAq1kop32BUa13EH/zoUp/Hdax3onDSzmkX8AVfa62HMRzhHn5hf2cNFnFoSuAgjnXvvbiE85idSdL/itu4jTullM1uhbnOwU3MToMHdtdbrE7IXUZbWMWrPvgf8w2/+ZMYSSsAAAAASUVORK5CYII='); */
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" xmlns:v="https://vecta.io/nano"><path d="M2 6a6 6 0 1 1 12 0 5.97 5.97 0 0 1-1 3.318V10h3v2h-4L9.342 9.342A3.6 3.6 0 0 0 8 2.4a3.6 3.6 0 0 0-1.342 6.942L4 12h0-4v-2h3.007v-.671A5.97 5.97 0 0 1 2 6z" fill="%23fff" fill-rule="evenodd"/></svg>');
    }

    #nav-menu > ul > li.nav-trade:after {
        background: #ff7f00;
    }

    #nav-menu > ul > li.nav-trade > ul > li, #nav-menu > ul > li.nav-trade > ul > li:hover {
        background: #ff9d3c;
    }

    #nav-menu > ul > li.nav-srcn > a:after {
        /* content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjYvMTWOcCWmAAAA0ElEQVQokY2RIY4CQRBFX08QnYAAsXL9ojCIOQdqJJIjrdxkDAqxF+AMGGCScQSFQUB+K2rFdC8dBJmfVNK//kulUu0kGZ1+gG9gHX0FrIAlwICnhsAk601iDwCXTbwCJ2Aa/QH4BMYJ/M0mjoBL9B/ADbgDUNMgydU0mBk1Dfk7ZU5SRQ/lO75V0QdKYNuDawu6w27fQFugcmZGCOGL7kdmL9AOqLz3R8wMM0PSXNJeksXaS5qn/B+McCnpHKvMM2f2vE4IoQAW0W6894+U/QFduYZ83ID9GAAAAABJRU5ErkJggg=='); */
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="14" fill="%23fff" fill-rule="evenodd" xmlns:v="https://vecta.io/nano"><path d="M0 .012h3V2h.997L4 0l2 .012V2h1V.012L10 0v4.012H0v-4zM0 6h10v3l-5 5-5-5V6z"/></svg>');
        right: 18px;
    }

    #nav-menu > ul > li.nav-srcn:after {
        background: #a300d9;
    }

    #nav-menu > ul > li.nav-srcn > ul > li, #nav-menu > ul > li.nav-srcn > ul > li:hover {
        background: #ce3cff;
    }

    #nav-menu > ul > li > a {
        display: block;
        color: #ffffff;
        padding: 15px 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 14px;
        z-index: 2;
        position: relative;
    }

    #nav-menu > ul > li:hover:after,
    #nav-menu > ul > li.active:after {
        height: 100%;
    }

    #nav-menu > ul > li:hover > a,
    #nav-menu > ul > li.active > a {
        color: #ffffff;
    }

        #nav-menu > ul > li:hover > a:before,
        #nav-menu > ul > li.active > a:before {
            border-top-color: #ffffff;
        }

    #nav-menu > ul > li:hover > ul {
        left: 0;
    }

        #nav-menu > ul > li:hover > ul > li {
            max-height: 72px;
            position: relative;
        }

    #nav-menu #menu-button {
        display: none;
    }

    #nav-menu > ul > li > ul {
        width: 80px;
        display: block;
    }

        #nav-menu > ul > li > ul > li {
            width: 80px;
            display: block;
        }

/*#endregion */

/*#region Common - Additional Header */

#nav-additional {
    margin-top: 40px;
    margin-bottom: 37px;
    display: table-cell;
    vertical-align: middle;
    height: 44px;
}

#nav-additional > * {
    display: inline-block;
}

#nav-logo {
    display: inline-block;
    margin-top: 30px;
    height: 64px;
    width:285px;
    background: url('../img/common/icon_with_text_256h.png') left/contain no-repeat;
}

#nav-logo > span {
    display: none;
    color: #b4b4b5;
    float: right;
    padding-right: 1.8em;
    background: right/contain no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGWSURBVFhH7ZevbsMwEIcLx/YWk4amsaE9QcHYHmR40ujIHqEPUDYwHFjlLxssKiwZCqmq9nfVuXLOnu2kSRrgkz5Vaey7r77ITmdFURymRBTyMX2hsixfq6p6yLLscUhUDVnfEJqNHHme7xv19QuCrHnsKBGFfBGFfBGFfDEZoSRJbiBTyvpXEUKdF7kyitGFcDTdy5o6owuhxlrW1DGEeN4gkabpnawnMYTQ2xWW9Zlz9Br0JiHrSQwhjTXk3jhXL4F8v5Y6DVxCihqJFvi85bydAjk+RF4rIUJnuraT9hxbPhuthBQQ24LgdmLOn8zxH52ENGqw5LrWwP0fbbwXm9A3CP5FBFZrD+iBnbOHatOnPi4EQ4jz0UP4juuNvB8AzXFufi5sK/TETqfA9RxydAjutDGDYQi5jg7cX4JW7fTwBeg5PH/XSkjFBe1U1HTIcq7+3ocoKRKuMC+4nRi/5emn8AqBTjsy5tHyy1wGEGjsX14h+ovLY1sH5jvbyMUbP9grRAMuQeazsHONt7XsqkQhN8XhCA7LeOrQOZCMAAAAAElFTkSuQmCC');
}

#nav-search-bar {
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    opacity: 0.4;
    position: relative;
    z-index: 10;
    margin: 0 5px;
}

#nav-search-bar:hover, #nav-search-bar:focus-within {
    opacity: 1.0;
    border: 1px solid #6bf;
}

/*#endregion */

/*#region Common - Search Bar */

.search-bar {
    display: inline-block;
    color: #999;
    padding: 1px 0;
}

    .search-bar:hover button[type=submit],
    .search-bar:focus-within button[type=submit],
    .search-bar .search-box:focus ~ button[type=submit],
    .search-bar .dropdown.open ~ button[type=submit] {
        width: 26px;
        height: 26px;
    }

    .search-bar > img:first-child {
        margin-right: 5px;
    }

    .search-bar .search-bar-form {
        display: inline-block;
        padding: 2px;
    }

    .search-bar .search-box {
        border: none;
        height: 26px;
        padding: 3px;
        vertical-align: middle;
        outline: none;
    }

    .search-bar .dropdown {
        display: inline-block;
        vertical-align: middle;
    }

        .search-bar .dropdown .btn {
            border: none;
            font-size: 13px;
            padding: 3px 7px;
            color: #999;
            background: transparent;
        }

            .search-bar .dropdown .btn .caret {
                margin-left: 3px;
            }

    .search-bar button[type=submit] {
        vertical-align: middle;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA0CAMAAACjMti6AAAAtFBMVEX29vbv8/Xv7+/W6PLP5fHMzMzu8vXm7/Tf4OG/3u/V1tfm5uam0uybzuqAwedpt+RlteNIqOCLj5F1eXxUWl1CSExUruGu1u2Uyum7vb6hpKVrcHO5u7xLqeC12e6usLJwdXdyu+VmZmZcYmVYXmGoq616vuY1PEAyOT2ez+s6QESIjI6Dh4l5fX+GxOjD3++lqKri7fNYr+KdoKKPyOlOVFdGTE+ZmZnR0tM3PUGqra5Dpt+xM8H5AAABCElEQVR4XsXRxW7EQBAE0BoyMy8zhRn//78Sy5pY7nj36r50SU8aqWvwfXaGopkvGJMv8X+KHiG9UkAUlArTXNU7YCImVCJsQoCKkGHrJESXnlDpOGddKuD/kUEeNGWbCJ0QNMHHHaEIqOLfuz3Y5K7IBGBIydg81tRKsC+l9ELSYVhLb72hAez7m78H00JpZq8u/NfAdDw7Q9FVojhXNz2UWVDjBwcqp5S77rreKXcOhHbYNiFFQohPdXI+uvSGRMcv3qW8pQWho6t0shShdyybkOCWUAZ2Xd/9jCm569UCwJViWBy6lLlAOtkpNd6QorYu2LK33g0Hm/Q3PwLXQulztL7wX8PSD0Ia6YOmc4hpAAAAAElFTkSuQmCC') /*../img/common/search-button-bg.png*/ no-repeat;
        height: 0;
        width: 0;
        border: none;
        padding: 0;
        -moz-transition: all 200ms;
        -o-transition: all 200ms;
        -webkit-transition: all 200ms;
        transition: all 200ms;
    }

        .search-bar button[type=submit]:hover {
            background-position-y: -26px;
        }

/*#endregion */

/*#region Common - User Action Bar */

@-moz-keyframes btn-user-action-highlight {
    from {
        background-color: #6BF;
        color: #F7F7F7;
    }

    to {
        background-color: #F7F7F7;
        color: #6BF;
    }
}

@-webkit-keyframes btn-user-action-highlight {
    from {
        background-color: #6BF;
        color: #F7F7F7;
    }

    to {
        background-color: #F7F7F7;
        color: #6BF;
    }
}

@keyframes btn-user-action-highlight {
    from {
        background-color: #6BF;
        color: #F7F7F7;
    }

    to {
        background-color: #F7F7F7;
        color: #6BF;
    }
}

#nav-user-action-bar > ul {
    margin-bottom: 0;
}

#nav-user-action-bar .avatar {
    width: 44px;
    height: 44px;
    object-fit: cover;
    margin: 0 -5px 0 8px;
}

#nav-user-action-bar .btn-user-action {
    color: #333;
    border: none;
    -moz-transition: background-color 200ms, color 200ms;
    -o-transition: background-color 200ms, color 200ms;
    -webkit-transition: background-color 200ms, color 200ms;
    transition: background-color 200ms, color 200ms;
}

    #nav-user-action-bar .btn-user-action:hover {
        color: #f7f7f7;
        background-color: #6BF;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }

    #nav-user-action-bar .btn-user-action .badge {
        border-radius: 0;
        background-color: #6BF;
        color: #f7f7f7;
        margin-left: 10px;
    }

    #nav-user-action-bar .btn-user-action.btn-user-action-highlight {
        -moz-animation: btn-user-action-highlight 2s infinite alternate-reverse ease-in-out;
        -o-animation: btn-user-action-highlight 2s infinite alternate-reverse ease-in-out;
        -webkit-animation: btn-user-action-highlight 2s infinite alternate-reverse ease-in-out;
        animation: btn-user-action-highlight 2s infinite alternate-reverse ease-in-out;
    }

        #nav-user-action-bar .btn-user-action.btn-user-action-highlight .badge {
            -moz-animation: btn-user-action-highlight 2s infinite alternate ease-in-out;
            -o-animation: btn-user-action-highlight 2s infinite alternate ease-in-out;
            -webkit-animation: btn-user-action-highlight 2s infinite alternate ease-in-out;
            animation: btn-user-action-highlight 2s infinite alternate ease-in-out;
        }

#nav-user-action-bar .dropdown .dropdown-menu {
    margin-top: 0;
    text-align: center;
}

#nav-user-action-bar .dropdown:hover .dropdown-menu {
    display: block;
}

/*#endregion */

.threadlist-username {
    color: rgb(87, 186, 232);
    margin-right: 5px;
}

.threadlist-reply-username {
    margin-bottom: 5px;
}

.threadlist-tps-td {
    line-height: 14px;
}

.threadlist-tps-td .tps {
    margin-bottom: 5px;
    display: block;
}

.tl .th .num,
.tl .num {
    width: 101px;
}

.tl .num a {
    display: inline-block;
    padding-bottom: 5px;
}

.tl .th .by,
.tl .by {
    width: 150px;
}

.tl .th .jump {
    width: 125px;
}

.tl .jump {
    width: 139px;
}

.tl .tdpre ~ em,
.tl .tdpre ~ a {
    vertical-align: middle;
}

.threadlist-tps-td a,
.threadlist-blue-text {
    color: #6BF;
}

.threadlist-grey-text {
    color: #B5B5B5;
}

#threadlisttableid {
    line-height: 2em;
}

.ad .pls,
.ad .plc {
    background-color: transparent;
    height: 5px;
}

#postlist .ad {
    /* sff: change bg for ads in postlist */
    /* background-color: white; */
    background-color: #F1F2F3;
}

#postlist .ad:first-of-type {
    background-color: #6BF;
}

.pls {
    width: 180px;
    background-color: #F1F2F3;
}

.pls .avatar {
    text-align: center;
}

.wp {
    width: 1206px;
    box-sizing: border-box;
}

.forum-rule-anchor {
    color: #6BF;
}

.forum-rule-anchor.active {
    color: #333;
}

.forum-rule-anchor.active:hover {
    text-decoration: none;
}

#threadindex li:hover {
    text-decoration: underline;
}