/* @CHARSET "ISO-8859-1"; */
/* Reset CSS
        * --------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
}
    .video-gallery {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      max-width: 700px;
      margin: 40px auto;
      padding: 10px;
    }

    .video-card {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
      transition: transform 0.3s ease;
    }

    .video-card:hover {
      transform: scale(1.03);
    }

    .video-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60px;
      height: 60px;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .play-button::before {
      content: '';
      border-style: solid;
      border-width: 12px 0 12px 20px;
      border-color: transparent transparent transparent white;
      margin-left: 4px;
    }

    @media (max-width: 600px) {
      .video-gallery {
        grid-template-columns: 1fr;
      }
    }
        .lightbox-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.8);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }

    /* Büyütülen resim */
    .lightbox-overlay img {
      max-width: 90%;
      max-height: 90%;
      border-radius: 10px;
      box-shadow: 0 0 20px black;
    }

    .lightbox-overlay:active {
      display: none;
    }
.sistemx2 {
    flex:1
}
.sistemx, .sistemx2 {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid;
    margin-bottom: 10px;
    background: black;
}

.sistemx p {
    position: absolute;
    bottom: 5px;
    line-height: normal!important;
    padding: 10px;
    background: #000000;
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.sistemx2 div {
    position: absolute;
    right: 5px;
    top: 0px;
    width: 300px;
    height: 100%;
    display: flex;
    line-height: normal!important;
    padding: 10px;
    background: #000000;
    flex-direction: column;
    justify-content: center;
}
.sistemx2 div p{ line-height:normal!important}
.sistemx img{
    width: 100%;
}

 .sistemx2 img{
    width: 417px;
    display: block;
 }
a {
    text-decoration: none;
}

table {
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

/* Custom CSS
        * --------------------------------------- */
body {
    font-family: arial, helvetica;
    background-color: rgb(22, 19, 19);
	    text-shadow: -1px 4px 11px #000;
}

.section {
    text-align: center;
}

body {
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fp-tableCell {
    height: 100%
}

html, body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

#myContainer {
    overflow: hidden;
    height: 100%;
    width: 100%;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAApCAMAAACFghBKAAABYlBMVEUAAADDOTLDOTLDOTLDOTLDOTLDOTLDOTLDOTLDOTLDOTLDOTLDOTLDOTLEOjPDOTLDOTLDOTLDOTLDOTLDOTLg0b7DOTLg0L3DOTLfzrvDOTLDOTLDOTLDOTLg0L3DOTLgz73fzLnDOTLDOTLDOTLexbPDOTLgz73fy7jex7Xeyrfdw7Ldwa/cvq3btaTdwK7PdmvHTkXDOTLbt6bdwrDexbTZrp3Yp5jVmIrbtqXZq5zdw7HXn5DRgnXLZFrJWVDZq5vEPTbJWU/Rg3bfyrjfyrjeyLbdxLLZrJzbuKfcvKvYppfUkYPcu6rZq5vWoJHShnnVlojOdWnNb2TbuajMal/EPDXTkILOc2jGSUHPem7KXFPGSUDWnY7DOTLGSUHOdGjg0r/PwbHNv67YzsDXzL3a0MLRxLTLvaze0sLg0b7azLrVybrTx7fXybbRxLPSxLDh1sjGt6Pc0sXOwa/b0L+zRoBwAAAAYXRSTlMABQYMCggREw8eGhUZLRclPDMpMCP9IPs4801GJxz4QO/vSUQo4VP16ufg2NfSubOEOjrKx7mwpKKdmol0cWlhW1hUQ9fSxb26samTk4yJhYF/enFpZGFdV1VOSUU9NjAvxkPU5QAAAnVJREFUOMvNlFVz20AUhWPBCldkoW2Z7TA5zFRmZlLV1lhT0v/fXaXu2h178tSZnOdvzp67c+6d+g+KXeoKhqJYlqUoCoGTGZZhaCSGYSdyGKJ5ADgAeJpG3ASIpgGnyLKsSBygGYKNUAwNpI/Hgm0Lvqhw/Fi7GIsg8Yv10DCKKVMQlbF2FMNzsqBme7dX9Tg0VEHmeIIRCii+adzsTa+/0VwdFm1RQq/+MytFA1lIxTd6c3fnniYzFR2aPnmVUJxsG/pOfW4rnd5MJDMuTKFXBxihRBO6j+tp6/y8vniUKFTiRRuHY2OjlBrXDoIfWPWZZ+WkphumKIG/X0Ko0+BbpF+5B+W8pkOMDWYgVCIXfI/krW2eIMzAo5JsMQbImFqYtVpO0Gq1Gtb8UVKLD0YglAm1xNJsOmg41k+kZu6g4ELVl3hCsbxiw0p+a37bqzpWtdqpVtvOfWymoGQkmCRAN/lkbdv6OlCnubyK5sRPDlHFT4XDheaMEwRWGF50wjBs3zgzSf5oSD+lZ946F7NOLbS6NW+xU6vV2tnjiCLx8Vfkl3KlMPDuLDQdz/GsIJjOvhilZBu6hfXFUmBNl1ZWVp6/PH2/ClVB4eiRIQVDzyzl0v1+t/TqpJwoaDqC5KhBUyS+r0J3t+s0+o3DMq5FHLVRlEh/SHf22/PZ7m4+mUFGRRM5AR5v3nBbBRW+e7TszXxAdY2MFA6Mrl3ssvmfX+/c28fVHzDEiWyRrd7KLkMjZWKGx8jonsfwGimisJE+M+0/DEGGzXggyXt7vigrZL3HHwFJkSSOnIrxBwX58TzJPBaLrhNDMk86YliEueJoXgv9BslyXDS6+THpAAAAAElFTkSuQmCC) 6 6,auto
}

@font-face { font-family: "DM Serif Display", serif; src: url(../fonts/NotoSerif-Regular.ttf); }
@font-face { font-family: nsb; src: url(../fonts/NotoSerif-Bold.ttf); }

.van-toast--text {
    font-size: .3rem!important;
    padding: 14px 20px!important
}

@font-face {
    font-family: DINCondBold;
    src: url(data:font/woff;base64,d09GRgABAAAAAA+wAA0AAAAAFzwACQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAPlAAAABwAAAAcanOcGUdERUYAAA90AAAAHgAAAB4AKQA7T1MvMgAAAaAAAABSAAAAYFTXAchjbWFwAAAChAAAAK0AAAGCV1O7PGdhc3AAAA9sAAAACAAAAAj//wADZ2x5ZgAAA6AAAAmNAAAOVCzccVRoZWFkAAABMAAAADYAAAA29XLsi2hoZWEAAAFoAAAAIAAAACQHUgL+aG10eAAAAfQAAACOAAAA1EtOBllsb2NhAAADNAAAAGwAAABsY0BnLG1heHAAAAGIAAAAGAAAACAAOwBlbmFtZQAADTAAAAHUAAADmUBc8dNwb3N0AAAPBAAAAGUAAACMBR4FzwABAAAACQAAR1DKdV8PPPUACwPoAAAAALnONoIAAAAA2LxzBf/Y/wYD6AMZAAEACAACAAAAAAAAeJxjYGRgYDrx7wHDCeYX/28wMDC/YACKoABTALj7B1V4nGNgZGBgMGVIZmBlAAEmBjQAABAWAKF4nGNgYSxg2sPAzMDC1MUUwcDA4A2hGeMYjBgNgHwGVgYIaGBgWC/AgACOLk6uDAoMigpqTCf+PWA4wbyS4RdQmBEkx/ib6QSQUmBgBABL+w3pAAB4nGP8wgAGjL5A4gODBaMYgyJjCQMbEHMzJjBwMj5kUGHYxWDKcI/BCIiFGYsY5JkiGPSBYlqMrQw6IBoozgpUrwTEplAahDmR2HAMVg/EIDNgGGimArMCgxnQHCuQWUDMARQ3YgS5bdf/G0A+MxC7g2iguCvQHBagGbLML0DyEPOA7hYCYaBYCQA3YybTAAB4nGNgYGBmgGAZBkYGEKgB8hjBfBaGBCAtwiAAFGFhcADy6hiWMmxXEFGQVJBVUPv/HyiryBDNUA0VlVCQAYn+f/T/xP91/zv+lz+QfiDxQOwBH9RkDMDIxgCXYmQCEkzoCkBuY2FlY+fg5OLm4eXjFxAUEhYRFROXkJSSlpGVk1dQVMJuNAgoq6iqqWvgltfU0tbBLYsH6GITNIHS+kbGBoZI4nr4zQIATl8djQAAAAAAACgAKAAoADwATgB+ANgBJAF6AYYBpgHEAeYB/AIIAhYCIgIwAmACcgKmAvwDFgNOA5QDqAQQBFYEaAR6BI4EogS2BPgFegWMBZoFrAXABcwF2gYQBh4GVAaKBq4GwAbOBtwG6gb+BxIHKnicbVdriBvXFb73jqTR6jGzesxDjxlJM9JIq9VKXs2ORtnVah+JHdvrx8Z227zaOksydv0IqWNC6Y8SSBpwcMAQUufhGBpMC1sH3FAXl+ZH/3VrQ0hpEjeEUmhJE0rILxfKEks9d0byqk5mdR9z5z7OPec73zmL/AgefIu8ixgUQGMogniEYoVYARekRIxNMGw5weBbvQi+1Lu8vrF+dn1dXV8n796+j7zY732Ae1Chfn8K9eEPHoLaUF8jG7Afi1DCZHTWFPT2s+Vm2nHIxu3PdzvevAKR0X+25gm6DaWwuvr86irZuHLlCp0TANmehDkZlEPI1lnd1i3TLSbrFsHdndUT0P75kHKfYs6JzVloR/pzh8RDN2/e7LzVuTlo8NW3qAwMCvd/gX/ApOAcHi2AFBwWkqKU6GJrpk7KTJ2ZxyYdscp1GGrZlimojIJ1a8YoC5LKCEmOsIL+83SMU8w8z4TjvFmwK6IjprXlqZ27TM0uC46QrmpVKcjr91RNcjTUzBdLXO9XwVYtpYl8oHfdl63NFipFqRL4F5d56N49J0MrKz51qpVtSvl68E+xqN6YL0/usjXfIeRHY/1N/B3yHgojCemogUyE4s3WPJ4xtICCk6JmQL/VFKGfSIrDL8LoOANWOZTk+SS/uK9e31dv8SMv+5ZvLZNJPmyGeVqtVLUlo1YzlrSe7Y1AdebOILl0u+3psghy/ZG8ADJNUQyUOKxrdUK1RnXXJWZTJUIywKpYsiVW0stJ0Wy27DKH46Bhu0tATLygLk2orYrUrmb0uDajF5pavFtNTKfthT17nX9OFqRqeE3KFcVYMhyPpOstVZUn50tzDxrGA1NZsyQKeiPdfMRQDhgrtbUfXypZCndBsvCeupURwtmCkadwRxZg76cu9lzkWS7kYLzZv4BuwHjsDhb0OkOFt28oYkbW1CmFH8/VsmTjyN+edN59cNI5dnybefLYWtV1I5SA9Ze99RIFkVE2ByBJ/N/6x73ltSfuLMcoh5/FBwdnS2WTpUpiy5Jus2W7PLfmW/StZR9/PDvskHOd06c7M23boq1lt+n5DXCaCbwJ2EAAXLgZ3A28BftWP/wQfniT1querNX+b9E55FAdgOexVQee3TBeQ//AD+Gdrm4KQqGGp3p/wTsdbw3UW2t0dw0d9/c30ceAScbz+DPgxOS92zXXzzXAxQH4lqA+nABdUhzEQCcUHSZFqBVzEaqlqnbHrqYGjZOtZeFHrGK7IgiVdrH3vWFPVBQRv0VraksQAIPegCsSrGWbMf0NKhZ5dOXEiodNjDSoqAzQ2gPv1qm36FvABBsxplDQrnE+MpZMSBlHnmjnK/eUYiTARX52rff+YfxIuqxEFZFPp2bb+XY1pTQXi2k9n5d6f/f0M7wr5RLP80aPEYeMMWg8D/Eoxp0NUr1R1zNSRnLkajtftbkQP+ZnoilRTkUIEwgFE52G3KopTqaeYeO5FL4gVh4Vs9r47FyuXZELsUiq0NBK9ZwY5dP6tKFDL5ItjRdnq7OWnMulgYt4j/KB6xE+DnrjKLNaYDbTGkDmgxsvn3jtCWd62jl2GPd65MaNw8fQyP02kAEvutDFpksnrilHrgGX5jCPdQgiB65ztczM0tCkSj2VEaLxCBN4GBfJ0T9wicXutaFV1XRayaZ+KahjETaMn93CzgbYrU69wj1QuqM9zSgPvBOkH9IfwOl3xC/EMvUoG/QT4h9jk/ceWk4Gx+DFF/S/cGpJrajww28Snz+dDItFu6pPgZ4KxVI+Iuam9MJkLsVhp7dfymal52m1haENFARJqF8VBEb/4qmH8ba3T5CjB95xbl/0eHCIgTCaR7so4rcEK1NZu/gbgLB1lTojjaz4wpP1um+MCyU7OzrJEDfmIyEhHhdCAIhwMNZ9uBsLhgPMcPC6t4K0BEURjtJqUZlQ5WhaUdJRWZ1Q8jUtw3NZw64UJvNiJF0qpSNifrJQsY0sx2e02vt00Vlaef57x3eoDcoUtHeEHb0Lo4+Gm99/kw3YEH1hR2ww6dogJH2zDXqv41+P2IB4/IN3eTkDZaDYkIUcB+9yXHldXhuZw47M2Y1fdvmq0f8vmSBefhHFQskqkYne0/ilXgBv4neuXl39rPMZ3auBfgh8emaQowAb0r8G3qTzoJxZ/dEqums/ewpbfsHfgM2eppN2Dnej++UHupyAGOly4RaeecxhlylaC7iLt6iDxqc8ZYPSfDIUDTLYF/BvZ0MOF14M+hUhrrlk18q1J2Q1w8kZTUrr6UTwmUiKW/2uWEkcjaq8JahAWb3jDpWh1d9kQiADj9ZAGtdZgf4gFneJ5MY82vMYkn5QCX23TY7xwvkWX1Ic6KPDogQ5GcFGsQDCTBlZqyKX/f5QVN5WTtV2P2YtPHmg0Tj41FJx56IV3yvf/63HzH1nnLnOkRf37vjJ9+3Gjv15reIjYUkpSnnLSGrz37b0JZ4kF/Dr+rbS7PZcdaoyt+M4J7PR8crCnuLMgwt688DJ2fnj++uxbFmoLNYk+7EX9q08t9aurZ5cXjiyayIHeIqH5aqdm17bN12amKf2moU4/RH4MrWqi6GY+dHy8oUL5OztPR2mhu6KaZLOmB9DTAuQDzweDML6S956CQKOBSVI11fIbzpfDeY0cYYYXlzCZkIPYx2Hlz9eXV+HXKN3EB/sve3NQ/3n8K3+VXoORRfNtVeaCPf/SrroIrnhxlS9bF5cfv4E6b7krWHg/E9g7/IwzrTmsODixU1IaY6aFN0hw0USky3OVlpxOcklU6FQCho53qrMFrP4gYXpV63Zjp47X2io44QQXt2mvZLXO7PWeXORnnV/P4DOky+92B7T74dc6cuv5K/L4Z4emMSW6UoEmLFo/jxjuEM0TojmJ1tyyOGwPCKHsGiep3LkX9G2qTzIMa42CudzVI5XpxfoWdvRFZLAu1EBXijqjAYeBJpyl4EDcpgiFy9gkghKajmVbit2JsmnhLF48e4BPDaeS/EJTo5Ek9HU4shL2r2XD6qn4F6SGxtNmkMxZsKkQRICpBskXzx16tTaM85+st95Zg36hy8vTy/jI71Pcab3GnQv030U9G/0Jj5GcRKnuXcyoCnGjGHM4HFaG6790afM53g71W8M7M98/pWMtx8e5GiQp54b5Km6ZZ8DT5chSfvaNy9/IxveN4LiRMa+4f9WQCo2CwX7HOest8MVd+Jd8+gulC/j3rSN4TT4ehqq027ex9LckjJvaVBOA/Pu9Yr3oP8BIhKR/QAAAHicnZLBbtNAEIb/ddOGVCISUQ8IFWmFKnGpI6/bQ6OohzSR2gqUS46c0ngdmzrraJ1WyltwAfUV+gy8A4/ACfEInPm9LFUpCCG88uy3O7P/zHoMYAffIPDjeYUbzwKPBTwHaIinnjfwUiw8N9ARHz1voik+e97Ck2DbcxPbQey5hXbwxnMHneAd1USjxdUHp1yzwDN88RzgkWh73sBYPPfcwJ5473kTbfHJ8xZeiK+em9gJdj23sBsce+5gL3iLIUossYZFjjkyrCBxy1ehhyPafXKMiCMmnUEzLqEtcEFreaa2EiPaK8xwiQWmqEgZIw29ht4BTtF1c8Eh72Wr3EpzrnWuaRNGYlgu1zafZyt5K1XvSO3LOIpieabzRBcX2s61lSN7NbtcTKtZlhtt5OC0KwdFId2xSlpdaXutE4qNcI4x89R3Na564/IldJ2P5bA0iTaV5vKEEUW9f1IWyd8OyrvQPrnHkiOyok+5nfqTKRwg5HzorHqQTNYp+rLXjRKlVZ/3UwdhdBhG6t/y/kENDwqBF/8p+Ltc+IvcnVp4//oT18u6Yyn7VcdNZpnNU/Jr1+KS22v+RJrVTchTBqZ05qZcrZdaTlbTNP3/S30H/iGb5HicbcPHEQEBAADAdSPnnMOhAzO+3NGHUIseNOEpFaAwjLedWYGf98nCP8vvhEBSSlpGVk5eQVFJWUVVTV1DU0tbR1dP38DQyNhEaGpmbmUtEtvY2tk7ODp7uXp4urm7fAAAWwztAAAAAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMANAABAAQAAAACAAAAAAAAAAEAAAAA1+jykQAAAAC5zjaCAAAAANi8cwU=) format("woff");
    font-weight: 400;
    font-style: normal
}

.byte-load-loop {
    -webkit-animation: load-loop 1s linear infinite;
    animation: load-loop 1s linear infinite
}

@-webkit-keyframes load-loop {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load-loop {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #282f38;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,aside,blockquote,body,button,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,section,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #3370ff;
    cursor: pointer;
    -webkit-transition: color .3s linear;
    transition: color .3s linear
}

a:hover {
    color: #5c92ff
}

a:active {
    color: #2152d9
}

a,a:active,a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: #c2c6cc;
    cursor: not-allowed;
    pointer-events: none
}

code,kbd,pre,samp {
    font-family: Consolas,Menlo
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

.byte-fade-enter-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: byte-fade-in;
    animation-name: byte-fade-in
}

.byte-fade-leave-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: byte-fade-out;
    animation-name: byte-fade-out
}

.byte-fade-enter-active {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.byte-fade-leave-active {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes byte-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes byte-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes byte-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes byte-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.move-top-enter-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: move-top-in;
    animation-name: move-top-in
}

.move-top-leave-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: move-top-out;
    animation-name: move-top-out
}

.move-top-appear,.move-top-enter-active {
    opacity: 0
}

.move-top-appear,.move-top-enter-active,.move-top-leave-active {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.move-bottom-enter-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: move-bottom-in;
    animation-name: move-bottom-in
}

.move-bottom-leave-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: move-bottom-out;
    animation-name: move-bottom-out
}

.move-bottom-appear,.move-bottom-enter-active {
    opacity: 0
}

.move-bottom-appear,.move-bottom-enter-active,.move-bottom-leave-active {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.move-left-enter-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: move-left-in;
    animation-name: move-left-in
}

.move-left-leave-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: move-left-out;
    animation-name: move-left-out
}

.move-left-appear,.move-left-enter-active {
    opacity: 0
}

.move-left-appear,.move-left-enter-active,.move-left-leave-active {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.move-right-enter-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: move-right-in;
    animation-name: move-right-in
}

.move-right-leave-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: move-right-out;
    animation-name: move-right-out
}

.move-right-appear,.move-right-enter-active {
    opacity: 0
}

.move-right-appear,.move-right-enter-active,.move-right-leave-active {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes move-top-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes move-top-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes move-top-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes move-top-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

@-webkit-keyframes move-bottom-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes move-bottom-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes move-bottom-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@keyframes move-bottom-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@-webkit-keyframes move-left-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes move-left-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes move-left-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes move-left-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@-webkit-keyframes move-right-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes move-right-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes move-right-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes move-right-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

.slide-top-enter-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slide-top-in;
    animation-name: slide-top-in
}

.slide-top-leave-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slide-top-out;
    animation-name: slide-top-out
}

.slide-top-appear,.slide-top-enter-active {
    opacity: 0
}

.slide-top-appear,.slide-top-enter-active,.slide-top-leave-active {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes slide-top-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
}

@keyframes slide-top-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
}

@-webkit-keyframes slide-top-out {
    0% {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        opacity: 0
    }
}

@keyframes slide-top-out {
    0% {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        opacity: 0
    }
}

.byte-affix {
    z-index: 11
}

.byte-alert {
    position: relative;
    padding: 14px;
    border-radius: 2px;
    color: #282f38;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px
}

.byte-alert--icon {
    padding-left: 42px
}

.byte-alert--close {
    padding-right: 48px
}

.byte-alert--info {
    border: 1px solid #3370ff;
    background-color: #f0f7ff
}

.byte-alert--info .byte-alert__icon {
    color: #3370ff
}

.byte-alert--success {
    border: 1px solid #0fbf60;
    background-color: #e6ffed
}

.byte-alert--success .byte-alert__icon {
    color: #0fbf60
}

.byte-alert--loading,.byte-alert--warning {
    border: 1px solid #f58505;
    background-color: #fff7e6
}

.byte-alert--loading .byte-alert__icon,.byte-alert--warning .byte-alert__icon {
    color: #f58505
}

.byte-alert--error {
    border: 1px solid #ee4d38;
    background-color: #fff4f0
}

.byte-alert--error .byte-alert__icon {
    color: #ee4d38
}

.byte-alert--banner {
    border: 0;
    border-radius: 0
}

.byte-alert__icon {
    font-size: 16px;
    top: 11px;
    left: 14px;
    position: absolute
}

.byte-alert__title {
    font-weight: 600
}

.byte-alert__content {
    display: block
}

.byte-alert__close {
    cursor: pointer;
    font-size: 16px;
    color: #939aa3;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    position: absolute;
    overflow: hidden;
    top: 18px;
    right: 14px;
    line-height: 1
}

.byte-alert__close:hover {
    color: #3370ff
}

.byte-alert__close .byte-icon {
    vertical-align: top
}

.byte-alert--custom-close .byte-alert__close {
    font-size: 14px;
    color: #3370ff
}

.byte-anchor {
    position: relative
}

.byte-anchor__inner {
    overflow: hidden
}

.byte-anchor__border {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: #e6e8eb
}

.byte-anchor__slider {
    display: none;
    position: absolute;
    left: 1px;
    width: 2px;
    height: 16px;
    background-color: #3370ff;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: top .3s linear;
    transition: top .3s linear
}

.byte-anchor-link {
    margin-left: 12px
}

.byte-anchor-link__title {
    display: block;
    color: #939aa3;
    line-height: 22px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.byte-anchor-link--active>.byte-anchor-link__title {
    color: #282f38;
    font-weight: 600
}

.byte-anchor-link__title:hover {
    color: #282f38
}

.byte-anchor-link:nth-child(2) {
    margin-top: 8px
}

.byte-anchor-link:last-child {
    margin-bottom: 8px
}

.byte-avatar {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background-color: #c2c6cc;
    border-radius: 50%;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    font-size: 12px;
    overflow: hidden
}

.byte-avatar--square {
    border-radius: 2px
}

.byte-avatar--icon:before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.byte-avatar--small {
    width: 24px;
    height: 24px
}

.byte-avatar--small .byte-avatar__icon {
    font-size: 12px
}

.byte-avatar--small .byte-avatar__text {
    line-height: 24px
}

.byte-avatar--large {
    width: 40px;
    height: 40px
}

.byte-avatar--large .byte-avatar__icon {
    font-size: 18px
}

.byte-avatar--large .byte-avatar__text {
    line-height: 40px
}

.byte-avatar--huge {
    width: 64px;
    height: 64px
}

.byte-avatar--huge .byte-avatar__icon {
    font-size: 25px
}

.byte-avatar--huge .byte-avatar__text {
    line-height: 64px
}

.byte-avatar__text {
    line-height: 32px;
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    transform-origin: 0 center;
    display: inline-block;
    margin: 0 2px
}

.byte-avatar__icon {
    font-size: 16px
}

.byte-avatar__image {
    display: block;
    width: 100%;
    height: 100%
}

.byte-avatar--circle+.byte-badge__dot {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    -webkit-transform: translate(1px,-3px);
    -ms-transform: translate(1px,-3px);
    transform: translate(1px,-3px)
}

.byte-avatar--circle.byte-avatar--small+.byte-badge__dot {
    width: 6px;
    height: 6px;
    -webkit-transform: translate(-2px,-1px);
    -ms-transform: translate(-2px,-1px);
    transform: translate(-2px,-1px)
}

.byte-avatar--circle.byte-avatar--large+.byte-badge__dot {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.byte-avatar--circle.byte-avatar--huge+.byte-badge__dot {
    width: 18px;
    height: 18px;
    -webkit-transform: translate(1px,-2px);
    -ms-transform: translate(1px,-2px);
    transform: translate(1px,-2px)
}

.byte-avatar--circle+.byte-badge__sup {
    right: auto;
    left: 0;
    -webkit-transform: translate(19px,-9px);
    -ms-transform: translate(19px,-9px);
    transform: translate(19px,-9px)
}

.byte-avatar--circle.byte-avatar--small+.byte-badge__sup {
    -webkit-transform: translate(15px,-9px);
    -ms-transform: translate(15px,-9px);
    transform: translate(15px,-9px)
}

.byte-avatar--circle.byte-avatar--large+.byte-badge__sup {
    -webkit-transform: translate(27px,-9px);
    -ms-transform: translate(27px,-9px);
    transform: translate(27px,-9px)
}

.byte-avatar--circle.byte-avatar--huge+.byte-badge__sup {
    -webkit-transform: translate(47px,-5px);
    -ms-transform: translate(47px,-5px);
    transform: translate(47px,-5px)
}

.byte-back-top {
    position: fixed;
    right: 60px;
    bottom: 60px;
    z-index: 10;
    font-size: 12px;
    cursor: pointer
}

.byte-back-top__content {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #3370ff;
    border-radius: 2px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.byte-back-top__content:hover {
    background-color: #5c92ff
}

.byte-badge {
    position: relative;
    display: inline-block;
    line-height: 1.5
}

.byte-badge__text-dot.byte-badge--primary {
    background-color: #3370ff
}

.byte-badge__text-dot.byte-badge--success {
    background-color: #0fbf60
}

.byte-badge__text-dot.byte-badge--warning {
    background-color: #f58505
}

.byte-badge__text-dot.byte-badge--error {
    background-color: #ee4d38
}

.badge__offset,.byte-badge__dot,.byte-badge__sup {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    background-color: #ee4d38;
    border: 1px solid #fff
}

.byte-badge__sup {
    font-size: 12px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    height: 20px;
    padding: 0 6px
}

.byte-badge__dot {
    width: 6px;
    height: 6px;
    top: -1px;
    right: -1px;
    border: 0;
    border-radius: 50%
}

.byte-badge__text-dot {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 16px;
    background-color: #e6e8eb
}

.byte-badge__text {
    vertical-align: middle;
    font-size: 12px;
    line-height: 1
}

.byte-breadcrumb {
    font-size: 14px;
    zoom:1}

.byte-breadcrumb:after,.byte-breadcrumb:before {
    content: "";
    display: table
}

.byte-breadcrumb:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.byte-breadcrumb a {
    color: #282f38
}

.byte-breadcrumb a:hover {
    color: #5c92ff
}

.byte-breadcrumb a:active {
    color: #2152d9
}

.byte-breadcrumb__item {
    float: left;
    line-height: 1
}

.byte-breadcrumb__item:last-child {
    font-weight: 600;
    color: #282f38
}

.byte-breadcrumb__item:last-child .byte-breadcrumb__separator {
    display: none
}

.byte-breadcrumb__item .byte-breadcrumb__link * {
    display: inline-block;
    vertical-align: top
}

.byte-breadcrumb__item .byte-breadcrumb__separator {
    color: #939aa3;
    margin: 0 6px
}

.byte-breadcrumb__item .byte-breadcrumb__separator.byte-icon {
    width: 12px
}

.byte-breadcrumb__item .byte-breadcrumb__link,.byte-breadcrumb__item .byte-breadcrumb__separator {
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

.byte-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e6e8eb;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.5;
    height: 32px;
    padding: 0 14px;
    color: #282f38;
    font-size: 14px;
    border-radius: 2px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.byte-btn,.byte-btn:active,.byte-btn:focus,.byte-btn:hover {
    outline: 0
}

.byte-btn>span {
    vertical-align: middle;
    line-height: 1
}

.byte-btn .byte-icon {
    width: 16px;
    height: 16px
}

.byte-btn .byte-icon.byte-icon--down {
    width: 12px;
    height: 12px
}

.byte-btn .byte-icon+span {
    margin-left: 4px
}

.byte-btn:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.byte-btn--primary {
    color: #fff;
    background-color: #3370ff;
    border-color: #3370ff
}

.byte-btn--primary:focus,.byte-btn--primary:hover {
    background-color: #5c92ff;
    border-color: #5c92ff;
    color: #fff
}

.byte-btn--primary:active {
    background-color: #2152d9;
    border-color: #2152d9;
    color: #fff
}

.byte-btn--dashed {
    border-style: dashed
}

.byte-btn--text {
    color: #3370ff;
    border: 0;
    padding: 0;
    background-color: transparent
}

.byte-btn--text:focus,.byte-btn--text:hover {
    color: #5c92ff
}

.byte-btn--text:active {
    color: #2152d9
}

.byte-btn--warning {
    color: #ee4d38;
    border-color: #ee4d38
}

.byte-btn--warning:focus,.byte-btn--warning:hover {
    background-color: #ee4d38;
    color: #fff;
    border-color: #ee4d38
}

.byte-btn--warning:active {
    background-color: #c73326;
    border-color: #c73326
}

.byte-btn--danger {
    color: #fff;
    background-color: #ee4d38;
    border-color: #ee4d38
}

.byte-btn--danger:focus,.byte-btn--danger:hover {
    background-color: #fa7a64;
    border-color: #fa7a64;
    color: #fff
}

.byte-btn--danger:active {
    background-color: #c73326;
    border-color: #c73326;
    color: #fff
}

.byte-btn--dashed:focus,.byte-btn--dashed:hover,.byte-btn--default:focus,.byte-btn--default:hover {
    color: #5c92ff;
    border-color: #5c92ff
}

.byte-btn--dashed:active,.byte-btn--default:active {
    color: #2152d9;
    border-color: #2152d9
}

.byte-btn--small {
    padding: 0 8px;
    height: 24px;
    font-size: 12px
}

.byte-btn--small .byte-icon {
    width: 12px;
    height: 12px
}

.byte-btn--large {
    padding: 0 20px;
    height: 36px
}

.byte-btn--huge {
    padding: 0 24px;
    height: 40px;
    font-size: 16px
}

.byte-btn--huge.byte-btn--text,.byte-btn--large.byte-btn--text,.byte-btn--small.byte-btn--text {
    padding: 0
}

.byte-btn--round {
    border-radius: 36px
}

.byte-btn--circle {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%
}

.byte-btn--circle.byte-btn--small {
    width: 24px;
    height: 24px
}

.byte-btn--circle.byte-btn--large {
    width: 36px;
    height: 36px
}

.byte-btn--circle.byte-btn--huge {
    width: 40px;
    height: 40px
}

.byte-btn--loading:hover {
    opacity: 1;
    cursor: auto
}

.byte-btn--loading:before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    display: block;
    background: #fff;
    border-radius: inherit;
    opacity: .35;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    pointer-events: none
}

.byte-btn--ghost {
    background-color: transparent
}

.byte-btn--ghost.byte-btn--primary {
    color: #3370ff
}

.byte-btn--ghost.byte-btn--primary:focus,.byte-btn--ghost.byte-btn--primary:hover {
    color: #fff
}

.byte-btn--ghost.byte-btn--danger {
    color: #ee4d38
}

.byte-btn--ghost.byte-btn--danger:focus,.byte-btn--ghost.byte-btn--danger:hover {
    color: #fff
}

.byte-btn--long {
    width: 100%
}

.byte-btn[disabled] {
    color: #c2c6cc;
    background-color: #f5f6f7;
    border-color: #e6e8eb;
    cursor: not-allowed
}

.byte-btn-group--horizontal {
    display: inline-block;
    font-size: 0
}

.byte-btn-group--horizontal .byte-btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.byte-btn-group--horizontal .byte-btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.byte-btn-group--horizontal .byte-btn:not(:last-child) {
    margin-right: -1px
}

.byte-btn-group--horizontal .byte-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.byte-btn-group--horizontal .byte-btn:active,.byte-btn-group--horizontal .byte-btn:focus,.byte-btn-group--horizontal .byte-btn:hover {
    z-index: 2
}

.byte-btn-group--horizontal .byte-btn--primary:first-child {
    border-right-color: #5c92ff
}

.byte-btn-group--horizontal .byte-btn--primary:last-child {
    border-left-color: #5c92ff
}

.byte-btn-group--horizontal .byte-btn--primary:not(:first-child):not(:last-child) {
    border-left-color: #5c92ff;
    border-right-color: #5c92ff
}

.byte-btn-group--horizontal .byte-btn--danger:first-child {
    border-right-color: #fa7a64
}

.byte-btn-group--horizontal .byte-btn--danger:last-child {
    border-left-color: #fa7a64
}

.byte-btn-group--horizontal .byte-btn--danger:not(:first-child):not(:last-child) {
    border-left-color: #fa7a64;
    border-right-color: #fa7a64
}

.byte-btn-group--horizontal .byte-btn--primary.byte-btn--ghost:first-child {
    border-right-color: #3370ff
}

.byte-btn-group--horizontal .byte-btn--primary.byte-btn--ghost:last-child {
    border-left-color: #3370ff
}

.byte-btn-group--horizontal .byte-btn--primary.byte-btn--ghost:not(:first-child):not(:last-child) {
    border-left-color: #3370ff;
    border-right-color: #3370ff
}

.byte-btn-group--horizontal .byte-btn[disabled]:first-child {
    border-right-color: #e6e8eb
}

.byte-btn-group--horizontal .byte-btn[disabled]:last-child {
    border-left-color: #e6e8eb
}

.byte-btn-group--horizontal .byte-btn[disabled]:not(:first-child):not(:last-child) {
    border-left-color: #e6e8eb;
    border-right-color: #e6e8eb
}

.byte-btn-group--vertical {
    display: inline-block
}

.byte-btn-group--vertical .byte-btn {
    display: block
}

.byte-btn-group--vertical .byte-btn:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.byte-btn-group--vertical .byte-btn:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.byte-btn-group--vertical .byte-btn:not(:last-child) {
    margin-bottom: -1px
}

.byte-btn-group--vertical .byte-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.byte-btn-group--vertical .byte-btn:active,.byte-btn-group--vertical .byte-btn:focus,.byte-btn-group--vertical .byte-btn:hover {
    z-index: 2
}

.byte-btn-group--vertical .byte-btn--primary:first-child {
    border-bottom-color: #5c92ff
}

.byte-btn-group--vertical .byte-btn--primary:last-child {
    border-top-color: #5c92ff
}

.byte-btn-group--vertical .byte-btn--primary:not(:first-child):not(:last-child) {
    border-top-color: #5c92ff;
    border-bottom-color: #5c92ff
}

.byte-btn-group--vertical .byte-btn--danger:first-child {
    border-bottom-color: #fa7a64
}

.byte-btn-group--vertical .byte-btn--danger:last-child {
    border-top-color: #fa7a64
}

.byte-btn-group--vertical .byte-btn--danger:not(:first-child):not(:last-child) {
    border-top-color: #fa7a64;
    border-bottom-color: #fa7a64
}

.byte-btn-group--vertical .byte-btn--primary.byte-btn--ghost:first-child {
    border-bottom-color: #3370ff
}

.byte-btn-group--vertical .byte-btn--primary.byte-btn--ghost:last-child {
    border-top-color: #3370ff
}

.byte-btn-group--vertical .byte-btn--primary.byte-btn--ghost:not(:first-child):not(:last-child) {
    border-top-color: #3370ff;
    border-bottom-color: #3370ff
}

.byte-btn-group--vertical .byte-btn[disabled]:first-child {
    border-bottom-color: #e6e8eb
}

.byte-btn-group--vertical .byte-btn[disabled]:last-child {
    border-top-color: #e6e8eb
}

.byte-btn-group--vertical .byte-btn[disabled]:not(:first-child):not(:last-child) {
    border-top-color: #e6e8eb;
    border-bottom-color: #e6e8eb
}

.byte-carousel {
    height: 160px;
    width: 100%;
    position: relative;
    overflow: hidden
}

.byte-carousel__panel {
    height: 100%;
    width: 100%;
    background-color: #5074c0;
    position: absolute!important;
    top: 0;
    left: 0;
    overflow: hidden
}

.byte-carousel__panel:nth-child(odd) {
    background-color: #a9bbe1
}

.byte-carousel__panel--image {
    background-position: 50%;
    background-size: cover
}

.byte-carousel__panel--next-enter {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.byte-carousel__panel--next-reverse-enter {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.byte-carousel__panel--next-enter-to,.byte-carousel__panel--next-reverse-enter-to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.byte-carousel__panel--next-enter-to,.byte-carousel__panel--next-reverse-enter-to,.byte-carousel__panel--prev-leave-to {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s
}

.byte-carousel__panel--prev-leave-to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.byte-carousel__panel--prev-reverse-leave-to {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.byte-carousel__arrow {
    width: 30px;
    height: 30px;
    border: 0;
    outline: none;
    background: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: .3;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1
}

.byte-carousel__arrow:hover {
    opacity: .8
}

.byte-carousel__arrow--left {
    left: 15px
}

.byte-carousel__arrow--right {
    right: 15px
}

.byte-carousel__arrow--left-enter,.byte-carousel__arrow--left-leave-to {
    left: -30px;
    opacity: 0
}

.byte-carousel__arrow--right-enter,.byte-carousel__arrow--right-leave-to {
    right: -30px;
    opacity: 0
}

.byte-carousel__dots {
    bottom: 0;
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    z-index: 1
}

.byte-carousel__dots .byte-carousel__dot-item {
    display: inline-block;
    padding: 15px 3px;
    vertical-align: middle;
    cursor: pointer
}

.byte-carousel__dots .byte-carousel__dot-item .byte-carousel__dot-btn {
    display: block;
    width: 20px;
    height: 3px;
    background: #fff;
    border: 0;
    border-radius: 2px;
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: .3;
    cursor: pointer;
    outline: none
}

.byte-carousel__dots .byte-carousel__dot-item.byte-carousel__dots--active .byte-carousel__dot-btn {
    width: 28px;
    opacity: 1
}

.byte-carousel__dots .byte-carousel__dot-item:hover .byte-carousel__dot-btn {
    opacity: 1
}

.byte-carousel__dots--none {
    display: none
}

.byte-carousel__dots--outside .byte-carousel__dot-item .byte-carousel__dot-btn {
    background: #c2c6cc
}

.byte-carousel__dots--circle .byte-carousel__dot-item {
    padding: 15px 5px
}

.byte-carousel__dots--circle .byte-carousel__dot-item .byte-carousel__dot-btn {
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.byte-carousel__dots--circle .byte-carousel__dot-item.byte-carousel__dots--active .byte-carousel__dot-btn,.byte-carousel__dots--circle .byte-carousel__dot-item:hover .byte-carousel__dot-btn {
    width: 8px
}

.byte-collapse {
    background-color: #f5f6f7;
    border-radius: 2px;
    border: 1px solid #e6e8eb;
    border-bottom: 0;
    line-height: 1.5;
    font-size: 14px;
    color: #282f38
}

.byte-collapse--borderless,.byte-collapse--simple {
    background-color: #fff;
    border: 0
}

.byte-collapse-item {
    border-bottom: 1px solid #e6e8eb
}

.byte-collapse-item--disabled .byte-collapse-item__header {
    cursor: not-allowed;
    color: #c2c6cc
}

.byte-collapse-item__header {
    position: relative;
    cursor: pointer;
    padding: 16px
}

.byte-collapse-item__header .byte-collapse-item__icon {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    font-size: 12px;
    color: #939aa3
}

.byte-collapse-item__header .byte-collapse-item__icon i {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.byte-collapse-item__header .byte-collapse-item__icon--expanded i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.byte-collapse-item__header-extra {
    float: right
}

.byte-collapse-item--left.byte-collapse-item--icon .byte-collapse-item__header {
    padding-left: 44px
}

.byte-collapse-item--left.byte-collapse-item--icon .byte-collapse-item__header .byte-collapse-item__icon {
    left: 16px
}

.byte-collapse-item--right.byte-collapse-item--icon .byte-collapse-item__header {
    padding-right: 44px
}

.byte-collapse-item--right.byte-collapse-item--icon .byte-collapse-item__header .byte-collapse-item__icon {
    right: 16px
}

.byte-collapse-item__content-container {
    border-top: 1px solid #e6e8eb;
    background-color: #fff;
    padding: 0 16px
}

.byte-collapse-item__content-container .byte-collapse-item__content {
    padding-top: 16px;
    padding-bottom: 16px
}

.byte-collapse-item--borderless .byte-collapse-item__content-container {
    background-color: transparent;
    border-top: 0
}

.byte-collapse-item--borderless .byte-collapse-item__content-container .byte-collapse-item__content {
    padding-top: 0
}

.byte-collapse-item--simple .byte-collapse-item__content-container {
    border-top: none
}

.byte-collapse-item--simple .byte-collapse-item__content-container .byte-collapse-item__content {
    padding-top: 0
}

.byte-collapse-item--simple.byte-collapse-item--left.byte-collapse-item--icon .byte-collapse-item__content-container {
    padding-left: 44px
}

.byte-collapse-item:last-child {
    border-radius: 0 0 4px 4px
}

.byte-collapse-item--simple:last-child {
    border-radius: 0
}

.byte-count-down {
    font-size: 26px;
    font-weight: 600;
    color: #282f38;
    line-height: 1.5;
    font-family: DINCondBold
}

.byte-dropdown {
    display: inline-block
}

.byte-dropdown .byte-dropdown {
    display: block
}

.byte-dropdown-menu {
    outline: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    padding: 4px 0;
    margin: 4px 0;
    border-radius: 2px;
    font-size: 14px
}

.byte-dropdown-menu .byte-dropdown-menu {
    margin: 0 4px
}

.byte-dropdown-item {
    line-height: 36px;
    display: block;
    margin: 0;
    padding: 0 16px;
    cursor: pointer
}

.byte-dropdown-item:focus,.byte-dropdown-item:hover {
    outline: 0;
    background-color: #f5f6f7
}

.byte-dropdown-item__text {
    white-space: nowrap
}

.byte-dropdown-item--disabled {
    color: #c2c6cc;
    cursor: not-allowed
}

.byte-dropdown-item--disabled:focus,.byte-dropdown-item--disabled:hover {
    background-color: transparent
}

.byte-dropdown-item--divided {
    border-top: 1px solid #f0f1f2;
    margin-top: 4px
}

.byte-dropdown-item--divided:before {
    content: "";
    display: block;
    height: 4px;
    margin: 0 -16px;
    background-color: #fff
}

.byte-empty {
    padding: 20px 0;
    width: 100%;
    text-align: center
}

.byte-empty__image {
    width: 64px;
    height: 41px;
    display: block;
    margin: 10px auto 0;
    border: 0;
    outline: 0
}

.byte-empty__image img {
    width: 100%
}

.byte-empty__text {
    display: block;
    color: #c2c6cc;
    line-height: 1;
    margin: 10px 0
}

.byte-form--inline>* {
    margin-right: 20px
}

.byte-form--inline .byte-form-item {
    display: inline-block
}

.byte-form--inline .byte-form-item__content,.byte-form--inline .byte-form-item__label {
    float: none;
    display: inline-block;
    vertical-align: top
}

.byte-form--label-left .byte-form-item__label {
    text-align: left
}

.byte-form--label-top .byte-form-item__label {
    float: none;
    display: inline-block;
    line-height: 22px;
    text-align: left;
    padding-right: 0;
    margin-bottom: 12px
}

.byte-form-item {
    zoom:1;margin-bottom: 28px
}

.byte-form-item:after,.byte-form-item:before {
    content: "";
    display: table
}

.byte-form-item:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.byte-form-item.byte-form-item--inline-message {
    margin-bottom: 28px
}

.byte-form-item.byte-form-item--required .byte-form-item__label:before {
    margin-right: 4px;
    color: #ee4d38;
    font-size: 14px;
    font-family: SimSun,sans-serif;
    line-height: 1;
    content: "*"
}

.byte-form-item__label {
    float: left;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    line-height: 32px;
    padding-right: 20px;
    color: #939aa3
}

.byte-form-item__content {
    zoom:1;position: relative;
    font-size: 14px;
    line-height: 32px
}

.byte-form-item__content:after,.byte-form-item__content:before {
    content: "";
    display: table
}

.byte-form-item__content:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.byte-form-item__content .byte-btn+.byte-btn {
    margin-left: 16px
}

.byte-form-item__extra {
    color: #939aa3;
    font-size: 12px;
    padding-top: 4px;
    line-height: 18px
}

.byte-form-item__tips {
    color: #ee4d38;
    font-size: 12px;
    line-height: 22px;
    height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.byte-form-item__tips--inline {
    display: inline-block;
    vertical-align: middle;
    position: static;
    margin-left: 20px;
    padding-top: 0
}

.byte-form-item--error {
    margin-bottom: 0
}

.byte-form-item--error .byte-form-item__tips {
    min-height: 28px;
    height: auto
}

.byte-form-item--error .byte-form-item__tips--inline {
    min-height: unset;
    height: auto
}

.byte-form-item--error .byte-checkbox__checkbox,.byte-form-item--error .byte-checkbox__checkbox:hover,.byte-form-item--error .byte-date-picker__range-input-wrapper,.byte-form-item--error .byte-date-picker__range-input-wrapper:hover,.byte-form-item--error .byte-input-number__input,.byte-form-item--error .byte-input-number__input:hover,.byte-form-item--error .byte-input-tag,.byte-form-item--error .byte-input-tag:hover,.byte-form-item--error .byte-input__input,.byte-form-item--error .byte-input__input:hover,.byte-form-item--error .byte-input__textarea,.byte-form-item--error .byte-input__textarea:hover,.byte-form-item--error .byte-radio__radio,.byte-form-item--error .byte-radio__radio:hover,.byte-form-item--error .byte-select,.byte-form-item--error .byte-select:hover,.byte-form-item--error .byte-time-picker__range-input-wrapper,.byte-form-item--error .byte-time-picker__range-input-wrapper:hover {
    border-color: #ee4d38
}

.byte-form-item--error .byte-checkbox__checkbox:focus,.byte-form-item--error .byte-date-picker__range-input-wrapper:focus,.byte-form-item--error .byte-input-number__input:focus,.byte-form-item--error .byte-input-tag:focus,.byte-form-item--error .byte-input__input:focus,.byte-form-item--error .byte-input__textarea:focus,.byte-form-item--error .byte-radio__radio:focus,.byte-form-item--error .byte-select:focus,.byte-form-item--error .byte-time-picker__range-input-wrapper:focus {
    border-color: #ee4d38;
    -webkit-box-shadow: 0 0 0 2px #ffd6d6;
    box-shadow: 0 0 0 2px #ffd6d6
}

.byte-form-item--small .byte-form-item__content,.byte-form-item--small .byte-form-item__label {
    line-height: 24px
}

.byte-form-item--large .byte-form-item__content,.byte-form-item--large .byte-form-item__label {
    line-height: 36px
}

.byte-form-item--huge .byte-form-item__content,.byte-form-item--huge .byte-form-item__label {
    line-height: 40px
}

.byte-row {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: auto;
    zoom:1}

.byte-row:after,.byte-row:before {
    content: "";
    display: table
}

.byte-row:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.byte-row--flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.byte-row--flex,.byte-row--flex:after,.byte-row--flex:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.is-justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.is-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.is-justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.is-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.is-align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.byte-col {
    position: relative;
    display: block
}

.byte-col-span-1,.byte-col-span-2,.byte-col-span-3,.byte-col-span-4,.byte-col-span-5,.byte-col-span-6,.byte-col-span-7,.byte-col-span-8,.byte-col-span-9,.byte-col-span-10,.byte-col-span-11,.byte-col-span-12,.byte-col-span-13,.byte-col-span-14,.byte-col-span-15,.byte-col-span-16,.byte-col-span-17,.byte-col-span-18,.byte-col-span-19,.byte-col-span-20,.byte-col-span-21,.byte-col-span-22,.byte-col-span-23,.byte-col-span-24 {
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.byte-col-span-24 {
    display: block;
    width: 100%
}

.byte-col-push-24 {
    left: 100%
}

.byte-col-pull-24 {
    right: 100%
}

.byte-col-offset-24 {
    margin-left: 100%
}

.byte-col-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24
}

.byte-col-span-23 {
    display: block;
    width: 95.83333333%
}

.byte-col-push-23 {
    left: 95.83333333%
}

.byte-col-pull-23 {
    right: 95.83333333%
}

.byte-col-offset-23 {
    margin-left: 95.83333333%
}

.byte-col-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23
}

.byte-col-span-22 {
    display: block;
    width: 91.66666667%
}

.byte-col-push-22 {
    left: 91.66666667%
}

.byte-col-pull-22 {
    right: 91.66666667%
}

.byte-col-offset-22 {
    margin-left: 91.66666667%
}

.byte-col-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22
}

.byte-col-span-21 {
    display: block;
    width: 87.5%
}

.byte-col-push-21 {
    left: 87.5%
}

.byte-col-pull-21 {
    right: 87.5%
}

.byte-col-offset-21 {
    margin-left: 87.5%
}

.byte-col-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21
}

.byte-col-span-20 {
    display: block;
    width: 83.33333333%
}

.byte-col-push-20 {
    left: 83.33333333%
}

.byte-col-pull-20 {
    right: 83.33333333%
}

.byte-col-offset-20 {
    margin-left: 83.33333333%
}

.byte-col-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

.byte-col-span-19 {
    display: block;
    width: 79.16666667%
}

.byte-col-push-19 {
    left: 79.16666667%
}

.byte-col-pull-19 {
    right: 79.16666667%
}

.byte-col-offset-19 {
    margin-left: 79.16666667%
}

.byte-col-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19
}

.byte-col-span-18 {
    display: block;
    width: 75%
}

.byte-col-push-18 {
    left: 75%
}

.byte-col-pull-18 {
    right: 75%
}

.byte-col-offset-18 {
    margin-left: 75%
}

.byte-col-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18
}

.byte-col-span-17 {
    display: block;
    width: 70.83333333%
}

.byte-col-push-17 {
    left: 70.83333333%
}

.byte-col-pull-17 {
    right: 70.83333333%
}

.byte-col-offset-17 {
    margin-left: 70.83333333%
}

.byte-col-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17
}

.byte-col-span-16 {
    display: block;
    width: 66.66666667%
}

.byte-col-push-16 {
    left: 66.66666667%
}

.byte-col-pull-16 {
    right: 66.66666667%
}

.byte-col-offset-16 {
    margin-left: 66.66666667%
}

.byte-col-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16
}

.byte-col-span-15 {
    display: block;
    width: 62.5%
}

.byte-col-push-15 {
    left: 62.5%
}

.byte-col-pull-15 {
    right: 62.5%
}

.byte-col-offset-15 {
    margin-left: 62.5%
}

.byte-col-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.byte-col-span-14 {
    display: block;
    width: 58.33333333%
}

.byte-col-push-14 {
    left: 58.33333333%
}

.byte-col-pull-14 {
    right: 58.33333333%
}

.byte-col-offset-14 {
    margin-left: 58.33333333%
}

.byte-col-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14
}

.byte-col-span-13 {
    display: block;
    width: 54.16666667%
}

.byte-col-push-13 {
    left: 54.16666667%
}

.byte-col-pull-13 {
    right: 54.16666667%
}

.byte-col-offset-13 {
    margin-left: 54.16666667%
}

.byte-col-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.byte-col-span-12 {
    display: block;
    width: 50%
}

.byte-col-push-12 {
    left: 50%
}

.byte-col-pull-12 {
    right: 50%
}

.byte-col-offset-12 {
    margin-left: 50%
}

.byte-col-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.byte-col-span-11 {
    display: block;
    width: 45.83333333%
}

.byte-col-push-11 {
    left: 45.83333333%
}

.byte-col-pull-11 {
    right: 45.83333333%
}

.byte-col-offset-11 {
    margin-left: 45.83333333%
}

.byte-col-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.byte-col-span-10 {
    display: block;
    width: 41.66666667%
}

.byte-col-push-10 {
    left: 41.66666667%
}

.byte-col-pull-10 {
    right: 41.66666667%
}

.byte-col-offset-10 {
    margin-left: 41.66666667%
}

.byte-col-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.byte-col-span-9 {
    display: block;
    width: 37.5%
}

.byte-col-push-9 {
    left: 37.5%
}

.byte-col-pull-9 {
    right: 37.5%
}

.byte-col-offset-9 {
    margin-left: 37.5%
}

.byte-col-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.byte-col-span-8 {
    display: block;
    width: 33.33333333%
}

.byte-col-push-8 {
    left: 33.33333333%
}

.byte-col-pull-8 {
    right: 33.33333333%
}

.byte-col-offset-8 {
    margin-left: 33.33333333%
}

.byte-col-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.byte-col-span-7 {
    display: block;
    width: 29.16666667%
}

.byte-col-push-7 {
    left: 29.16666667%
}

.byte-col-pull-7 {
    right: 29.16666667%
}

.byte-col-offset-7 {
    margin-left: 29.16666667%
}

.byte-col-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.byte-col-span-6 {
    display: block;
    width: 25%
}

.byte-col-push-6 {
    left: 25%
}

.byte-col-pull-6 {
    right: 25%
}

.byte-col-offset-6 {
    margin-left: 25%
}

.byte-col-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.byte-col-span-5 {
    display: block;
    width: 20.83333333%
}

.byte-col-push-5 {
    left: 20.83333333%
}

.byte-col-pull-5 {
    right: 20.83333333%
}

.byte-col-offset-5 {
    margin-left: 20.83333333%
}

.byte-col-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.byte-col-span-4 {
    display: block;
    width: 16.66666667%
}

.byte-col-push-4 {
    left: 16.66666667%
}

.byte-col-pull-4 {
    right: 16.66666667%
}

.byte-col-offset-4 {
    margin-left: 16.66666667%
}

.byte-col-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.byte-col-span-3 {
    display: block;
    width: 12.5%
}

.byte-col-push-3 {
    left: 12.5%
}

.byte-col-pull-3 {
    right: 12.5%
}

.byte-col-offset-3 {
    margin-left: 12.5%
}

.byte-col-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.byte-col-span-2 {
    display: block;
    width: 8.33333333%
}

.byte-col-push-2 {
    left: 8.33333333%
}

.byte-col-pull-2 {
    right: 8.33333333%
}

.byte-col-offset-2 {
    margin-left: 8.33333333%
}

.byte-col-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.byte-col-span-1 {
    display: block;
    width: 4.16666667%
}

.byte-col-push-1 {
    left: 4.16666667%
}

.byte-col-pull-1 {
    right: 4.16666667%
}

.byte-col-offset-1 {
    margin-left: 4.16666667%
}

.byte-col-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.byte-col-span-0 {
    display: none
}

.byte-col-push-0 {
    left: auto
}

.byte-col-pull-0 {
    right: auto
}

.byte-col-span-xs-1,.byte-col-span-xs-2,.byte-col-span-xs-3,.byte-col-span-xs-4,.byte-col-span-xs-5,.byte-col-span-xs-6,.byte-col-span-xs-7,.byte-col-span-xs-8,.byte-col-span-xs-9,.byte-col-span-xs-10,.byte-col-span-xs-11,.byte-col-span-xs-12,.byte-col-span-xs-13,.byte-col-span-xs-14,.byte-col-span-xs-15,.byte-col-span-xs-16,.byte-col-span-xs-17,.byte-col-span-xs-18,.byte-col-span-xs-19,.byte-col-span-xs-20,.byte-col-span-xs-21,.byte-col-span-xs-22,.byte-col-span-xs-23,.byte-col-span-xs-24 {
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.byte-col-span-xs-24 {
    display: block;
    width: 100%
}

.byte-col-xs-push-24 {
    left: 100%
}

.byte-col-xs-pull-24 {
    right: 100%
}

.byte-col-xs-offset-24 {
    margin-left: 100%
}

.byte-col-xs-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24
}

.byte-col-span-xs-23 {
    display: block;
    width: 95.83333333%
}

.byte-col-xs-push-23 {
    left: 95.83333333%
}

.byte-col-xs-pull-23 {
    right: 95.83333333%
}

.byte-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.byte-col-xs-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23
}

.byte-col-span-xs-22 {
    display: block;
    width: 91.66666667%
}

.byte-col-xs-push-22 {
    left: 91.66666667%
}

.byte-col-xs-pull-22 {
    right: 91.66666667%
}

.byte-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.byte-col-xs-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22
}

.byte-col-span-xs-21 {
    display: block;
    width: 87.5%
}

.byte-col-xs-push-21 {
    left: 87.5%
}

.byte-col-xs-pull-21 {
    right: 87.5%
}

.byte-col-xs-offset-21 {
    margin-left: 87.5%
}

.byte-col-xs-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21
}

.byte-col-span-xs-20 {
    display: block;
    width: 83.33333333%
}

.byte-col-xs-push-20 {
    left: 83.33333333%
}

.byte-col-xs-pull-20 {
    right: 83.33333333%
}

.byte-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.byte-col-xs-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

.byte-col-span-xs-19 {
    display: block;
    width: 79.16666667%
}

.byte-col-xs-push-19 {
    left: 79.16666667%
}

.byte-col-xs-pull-19 {
    right: 79.16666667%
}

.byte-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.byte-col-xs-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19
}

.byte-col-span-xs-18 {
    display: block;
    width: 75%
}

.byte-col-xs-push-18 {
    left: 75%
}

.byte-col-xs-pull-18 {
    right: 75%
}

.byte-col-xs-offset-18 {
    margin-left: 75%
}

.byte-col-xs-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18
}

.byte-col-span-xs-17 {
    display: block;
    width: 70.83333333%
}

.byte-col-xs-push-17 {
    left: 70.83333333%
}

.byte-col-xs-pull-17 {
    right: 70.83333333%
}

.byte-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.byte-col-xs-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17
}

.byte-col-span-xs-16 {
    display: block;
    width: 66.66666667%
}

.byte-col-xs-push-16 {
    left: 66.66666667%
}

.byte-col-xs-pull-16 {
    right: 66.66666667%
}

.byte-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.byte-col-xs-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16
}

.byte-col-span-xs-15 {
    display: block;
    width: 62.5%
}

.byte-col-xs-push-15 {
    left: 62.5%
}

.byte-col-xs-pull-15 {
    right: 62.5%
}

.byte-col-xs-offset-15 {
    margin-left: 62.5%
}

.byte-col-xs-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.byte-col-span-xs-14 {
    display: block;
    width: 58.33333333%
}

.byte-col-xs-push-14 {
    left: 58.33333333%
}

.byte-col-xs-pull-14 {
    right: 58.33333333%
}

.byte-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.byte-col-xs-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14
}

.byte-col-span-xs-13 {
    display: block;
    width: 54.16666667%
}

.byte-col-xs-push-13 {
    left: 54.16666667%
}

.byte-col-xs-pull-13 {
    right: 54.16666667%
}

.byte-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.byte-col-xs-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.byte-col-span-xs-12 {
    display: block;
    width: 50%
}

.byte-col-xs-push-12 {
    left: 50%
}

.byte-col-xs-pull-12 {
    right: 50%
}

.byte-col-xs-offset-12 {
    margin-left: 50%
}

.byte-col-xs-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.byte-col-span-xs-11 {
    display: block;
    width: 45.83333333%
}

.byte-col-xs-push-11 {
    left: 45.83333333%
}

.byte-col-xs-pull-11 {
    right: 45.83333333%
}

.byte-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.byte-col-xs-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.byte-col-span-xs-10 {
    display: block;
    width: 41.66666667%
}

.byte-col-xs-push-10 {
    left: 41.66666667%
}

.byte-col-xs-pull-10 {
    right: 41.66666667%
}

.byte-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.byte-col-xs-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.byte-col-span-xs-9 {
    display: block;
    width: 37.5%
}

.byte-col-xs-push-9 {
    left: 37.5%
}

.byte-col-xs-pull-9 {
    right: 37.5%
}

.byte-col-xs-offset-9 {
    margin-left: 37.5%
}

.byte-col-xs-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.byte-col-span-xs-8 {
    display: block;
    width: 33.33333333%
}

.byte-col-xs-push-8 {
    left: 33.33333333%
}

.byte-col-xs-pull-8 {
    right: 33.33333333%
}

.byte-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.byte-col-xs-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.byte-col-span-xs-7 {
    display: block;
    width: 29.16666667%
}

.byte-col-xs-push-7 {
    left: 29.16666667%
}

.byte-col-xs-pull-7 {
    right: 29.16666667%
}

.byte-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.byte-col-xs-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.byte-col-span-xs-6 {
    display: block;
    width: 25%
}

.byte-col-xs-push-6 {
    left: 25%
}

.byte-col-xs-pull-6 {
    right: 25%
}

.byte-col-xs-offset-6 {
    margin-left: 25%
}

.byte-col-xs-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.byte-col-span-xs-5 {
    display: block;
    width: 20.83333333%
}

.byte-col-xs-push-5 {
    left: 20.83333333%
}

.byte-col-xs-pull-5 {
    right: 20.83333333%
}

.byte-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.byte-col-xs-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.byte-col-span-xs-4 {
    display: block;
    width: 16.66666667%
}

.byte-col-xs-push-4 {
    left: 16.66666667%
}

.byte-col-xs-pull-4 {
    right: 16.66666667%
}

.byte-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.byte-col-xs-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.byte-col-span-xs-3 {
    display: block;
    width: 12.5%
}

.byte-col-xs-push-3 {
    left: 12.5%
}

.byte-col-xs-pull-3 {
    right: 12.5%
}

.byte-col-xs-offset-3 {
    margin-left: 12.5%
}

.byte-col-xs-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.byte-col-span-xs-2 {
    display: block;
    width: 8.33333333%
}

.byte-col-xs-push-2 {
    left: 8.33333333%
}

.byte-col-xs-pull-2 {
    right: 8.33333333%
}

.byte-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.byte-col-xs-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.byte-col-span-xs-1 {
    display: block;
    width: 4.16666667%
}

.byte-col-xs-push-1 {
    left: 4.16666667%
}

.byte-col-xs-pull-1 {
    right: 4.16666667%
}

.byte-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.byte-col-xs-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.byte-col-span-xs-0 {
    display: none
}

.byte-col-xs-push-0 {
    left: auto
}

.byte-col-xs-pull-0 {
    right: auto
}

@media (min-width: 576px) {

    .byte-col-span-sm-1,.byte-col-span-sm-2,.byte-col-span-sm-3,.byte-col-span-sm-4,.byte-col-span-sm-5,.byte-col-span-sm-6,.byte-col-span-sm-7,.byte-col-span-sm-8,.byte-col-span-sm-9,.byte-col-span-sm-10,.byte-col-span-sm-11,.byte-col-span-sm-12,.byte-col-span-sm-13,.byte-col-span-sm-14,.byte-col-span-sm-15,.byte-col-span-sm-16,.byte-col-span-sm-17,.byte-col-span-sm-18,.byte-col-span-sm-19,.byte-col-span-sm-20,.byte-col-span-sm-21,.byte-col-span-sm-22,.byte-col-span-sm-23,.byte-col-span-sm-24 {
        float:left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .byte-col-span-sm-24 {
        display: block;
        width: 100%
    }

    .byte-col-sm-push-24 {
        left: 100%
    }

    .byte-col-sm-pull-24 {
        right: 100%
    }

    .byte-col-sm-offset-24 {
        margin-left: 100%
    }

    .byte-col-sm-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .byte-col-span-sm-23 {
        display: block;
        width: 95.83333333%
    }

    .byte-col-sm-push-23 {
        left: 95.83333333%
    }

    .byte-col-sm-pull-23 {
        right: 95.83333333%
    }

    .byte-col-sm-offset-23 {
        margin-left: 95.83333333%
    }

    .byte-col-sm-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .byte-col-span-sm-22 {
        display: block;
        width: 91.66666667%
    }

    .byte-col-sm-push-22 {
        left: 91.66666667%
    }

    .byte-col-sm-pull-22 {
        right: 91.66666667%
    }

    .byte-col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .byte-col-sm-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .byte-col-span-sm-21 {
        display: block;
        width: 87.5%
    }

    .byte-col-sm-push-21 {
        left: 87.5%
    }

    .byte-col-sm-pull-21 {
        right: 87.5%
    }

    .byte-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .byte-col-sm-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .byte-col-span-sm-20 {
        display: block;
        width: 83.33333333%
    }

    .byte-col-sm-push-20 {
        left: 83.33333333%
    }

    .byte-col-sm-pull-20 {
        right: 83.33333333%
    }

    .byte-col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .byte-col-sm-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .byte-col-span-sm-19 {
        display: block;
        width: 79.16666667%
    }

    .byte-col-sm-push-19 {
        left: 79.16666667%
    }

    .byte-col-sm-pull-19 {
        right: 79.16666667%
    }

    .byte-col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .byte-col-sm-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .byte-col-span-sm-18 {
        display: block;
        width: 75%
    }

    .byte-col-sm-push-18 {
        left: 75%
    }

    .byte-col-sm-pull-18 {
        right: 75%
    }

    .byte-col-sm-offset-18 {
        margin-left: 75%
    }

    .byte-col-sm-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .byte-col-span-sm-17 {
        display: block;
        width: 70.83333333%
    }

    .byte-col-sm-push-17 {
        left: 70.83333333%
    }

    .byte-col-sm-pull-17 {
        right: 70.83333333%
    }

    .byte-col-sm-offset-17 {
        margin-left: 70.83333333%
    }

    .byte-col-sm-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .byte-col-span-sm-16 {
        display: block;
        width: 66.66666667%
    }

    .byte-col-sm-push-16 {
        left: 66.66666667%
    }

    .byte-col-sm-pull-16 {
        right: 66.66666667%
    }

    .byte-col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .byte-col-sm-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .byte-col-span-sm-15 {
        display: block;
        width: 62.5%
    }

    .byte-col-sm-push-15 {
        left: 62.5%
    }

    .byte-col-sm-pull-15 {
        right: 62.5%
    }

    .byte-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .byte-col-sm-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .byte-col-span-sm-14 {
        display: block;
        width: 58.33333333%
    }

    .byte-col-sm-push-14 {
        left: 58.33333333%
    }

    .byte-col-sm-pull-14 {
        right: 58.33333333%
    }

    .byte-col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .byte-col-sm-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .byte-col-span-sm-13 {
        display: block;
        width: 54.16666667%
    }

    .byte-col-sm-push-13 {
        left: 54.16666667%
    }

    .byte-col-sm-pull-13 {
        right: 54.16666667%
    }

    .byte-col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .byte-col-sm-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .byte-col-span-sm-12 {
        display: block;
        width: 50%
    }

    .byte-col-sm-push-12 {
        left: 50%
    }

    .byte-col-sm-pull-12 {
        right: 50%
    }

    .byte-col-sm-offset-12 {
        margin-left: 50%
    }

    .byte-col-sm-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .byte-col-span-sm-11 {
        display: block;
        width: 45.83333333%
    }

    .byte-col-sm-push-11 {
        left: 45.83333333%
    }

    .byte-col-sm-pull-11 {
        right: 45.83333333%
    }

    .byte-col-sm-offset-11 {
        margin-left: 45.83333333%
    }

    .byte-col-sm-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .byte-col-span-sm-10 {
        display: block;
        width: 41.66666667%
    }

    .byte-col-sm-push-10 {
        left: 41.66666667%
    }

    .byte-col-sm-pull-10 {
        right: 41.66666667%
    }

    .byte-col-sm-offset-10 {
        margin-left: 41.66666667%
    }

    .byte-col-sm-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .byte-col-span-sm-9 {
        display: block;
        width: 37.5%
    }

    .byte-col-sm-push-9 {
        left: 37.5%
    }

    .byte-col-sm-pull-9 {
        right: 37.5%
    }

    .byte-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .byte-col-sm-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .byte-col-span-sm-8 {
        display: block;
        width: 33.33333333%
    }

    .byte-col-sm-push-8 {
        left: 33.33333333%
    }

    .byte-col-sm-pull-8 {
        right: 33.33333333%
    }

    .byte-col-sm-offset-8 {
        margin-left: 33.33333333%
    }

    .byte-col-sm-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .byte-col-span-sm-7 {
        display: block;
        width: 29.16666667%
    }

    .byte-col-sm-push-7 {
        left: 29.16666667%
    }

    .byte-col-sm-pull-7 {
        right: 29.16666667%
    }

    .byte-col-sm-offset-7 {
        margin-left: 29.16666667%
    }

    .byte-col-sm-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .byte-col-span-sm-6 {
        display: block;
        width: 25%
    }

    .byte-col-sm-push-6 {
        left: 25%
    }

    .byte-col-sm-pull-6 {
        right: 25%
    }

    .byte-col-sm-offset-6 {
        margin-left: 25%
    }

    .byte-col-sm-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .byte-col-span-sm-5 {
        display: block;
        width: 20.83333333%
    }

    .byte-col-sm-push-5 {
        left: 20.83333333%
    }

    .byte-col-sm-pull-5 {
        right: 20.83333333%
    }

    .byte-col-sm-offset-5 {
        margin-left: 20.83333333%
    }

    .byte-col-sm-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .byte-col-span-sm-4 {
        display: block;
        width: 16.66666667%
    }

    .byte-col-sm-push-4 {
        left: 16.66666667%
    }

    .byte-col-sm-pull-4 {
        right: 16.66666667%
    }

    .byte-col-sm-offset-4 {
        margin-left: 16.66666667%
    }

    .byte-col-sm-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .byte-col-span-sm-3 {
        display: block;
        width: 12.5%
    }

    .byte-col-sm-push-3 {
        left: 12.5%
    }

    .byte-col-sm-pull-3 {
        right: 12.5%
    }

    .byte-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .byte-col-sm-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .byte-col-span-sm-2 {
        display: block;
        width: 8.33333333%
    }

    .byte-col-sm-push-2 {
        left: 8.33333333%
    }

    .byte-col-sm-pull-2 {
        right: 8.33333333%
    }

    .byte-col-sm-offset-2 {
        margin-left: 8.33333333%
    }

    .byte-col-sm-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .byte-col-span-sm-1 {
        display: block;
        width: 4.16666667%
    }

    .byte-col-sm-push-1 {
        left: 4.16666667%
    }

    .byte-col-sm-pull-1 {
        right: 4.16666667%
    }

    .byte-col-sm-offset-1 {
        margin-left: 4.16666667%
    }

    .byte-col-sm-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .byte-col-span-sm-0 {
        display: none
    }

    .byte-col-sm-push-0 {
        left: auto
    }

    .byte-col-sm-pull-0 {
        right: auto
    }
}

@media (min-width: 768px) {
    .byte-col-span-md-1,.byte-col-span-md-2,.byte-col-span-md-3,.byte-col-span-md-4,.byte-col-span-md-5,.byte-col-span-md-6,.byte-col-span-md-7,.byte-col-span-md-8,.byte-col-span-md-9,.byte-col-span-md-10,.byte-col-span-md-11,.byte-col-span-md-12,.byte-col-span-md-13,.byte-col-span-md-14,.byte-col-span-md-15,.byte-col-span-md-16,.byte-col-span-md-17,.byte-col-span-md-18,.byte-col-span-md-19,.byte-col-span-md-20,.byte-col-span-md-21,.byte-col-span-md-22,.byte-col-span-md-23,.byte-col-span-md-24 {
        float:left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .byte-col-span-md-24 {
        display: block;
        width: 100%
    }

    .byte-col-md-push-24 {
        left: 100%
    }

    .byte-col-md-pull-24 {
        right: 100%
    }

    .byte-col-md-offset-24 {
        margin-left: 100%
    }

    .byte-col-md-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .byte-col-span-md-23 {
        display: block;
        width: 95.83333333%
    }

    .byte-col-md-push-23 {
        left: 95.83333333%
    }

    .byte-col-md-pull-23 {
        right: 95.83333333%
    }

    .byte-col-md-offset-23 {
        margin-left: 95.83333333%
    }

    .byte-col-md-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .byte-col-span-md-22 {
        display: block;
        width: 91.66666667%
    }

    .byte-col-md-push-22 {
        left: 91.66666667%
    }

    .byte-col-md-pull-22 {
        right: 91.66666667%
    }

    .byte-col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .byte-col-md-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .byte-col-span-md-21 {
        display: block;
        width: 87.5%
    }

    .byte-col-md-push-21 {
        left: 87.5%
    }

    .byte-col-md-pull-21 {
        right: 87.5%
    }

    .byte-col-md-offset-21 {
        margin-left: 87.5%
    }

    .byte-col-md-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .byte-col-span-md-20 {
        display: block;
        width: 83.33333333%
    }

    .byte-col-md-push-20 {
        left: 83.33333333%
    }

    .byte-col-md-pull-20 {
        right: 83.33333333%
    }

    .byte-col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .byte-col-md-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .byte-col-span-md-19 {
        display: block;
        width: 79.16666667%
    }

    .byte-col-md-push-19 {
        left: 79.16666667%
    }

    .byte-col-md-pull-19 {
        right: 79.16666667%
    }

    .byte-col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .byte-col-md-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .byte-col-span-md-18 {
        display: block;
        width: 75%
    }

    .byte-col-md-push-18 {
        left: 75%
    }

    .byte-col-md-pull-18 {
        right: 75%
    }

    .byte-col-md-offset-18 {
        margin-left: 75%
    }

    .byte-col-md-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .byte-col-span-md-17 {
        display: block;
        width: 70.83333333%
    }

    .byte-col-md-push-17 {
        left: 70.83333333%
    }

    .byte-col-md-pull-17 {
        right: 70.83333333%
    }

    .byte-col-md-offset-17 {
        margin-left: 70.83333333%
    }

    .byte-col-md-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .byte-col-span-md-16 {
        display: block;
        width: 66.66666667%
    }

    .byte-col-md-push-16 {
        left: 66.66666667%
    }

    .byte-col-md-pull-16 {
        right: 66.66666667%
    }

    .byte-col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .byte-col-md-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .byte-col-span-md-15 {
        display: block;
        width: 62.5%
    }

    .byte-col-md-push-15 {
        left: 62.5%
    }

    .byte-col-md-pull-15 {
        right: 62.5%
    }

    .byte-col-md-offset-15 {
        margin-left: 62.5%
    }

    .byte-col-md-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .byte-col-span-md-14 {
        display: block;
        width: 58.33333333%
    }

    .byte-col-md-push-14 {
        left: 58.33333333%
    }

    .byte-col-md-pull-14 {
        right: 58.33333333%
    }

    .byte-col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .byte-col-md-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .byte-col-span-md-13 {
        display: block;
        width: 54.16666667%
    }

    .byte-col-md-push-13 {
        left: 54.16666667%
    }

    .byte-col-md-pull-13 {
        right: 54.16666667%
    }

    .byte-col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .byte-col-md-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .byte-col-span-md-12 {
        display: block;
        width: 50%
    }

    .byte-col-md-push-12 {
        left: 50%
    }

    .byte-col-md-pull-12 {
        right: 50%
    }

    .byte-col-md-offset-12 {
        margin-left: 50%
    }

    .byte-col-md-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .byte-col-span-md-11 {
        display: block;
        width: 45.83333333%
    }

    .byte-col-md-push-11 {
        left: 45.83333333%
    }

    .byte-col-md-pull-11 {
        right: 45.83333333%
    }

    .byte-col-md-offset-11 {
        margin-left: 45.83333333%
    }

    .byte-col-md-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .byte-col-span-md-10 {
        display: block;
        width: 41.66666667%
    }

    .byte-col-md-push-10 {
        left: 41.66666667%
    }

    .byte-col-md-pull-10 {
        right: 41.66666667%
    }

    .byte-col-md-offset-10 {
        margin-left: 41.66666667%
    }

    .byte-col-md-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .byte-col-span-md-9 {
        display: block;
        width: 37.5%
    }

    .byte-col-md-push-9 {
        left: 37.5%
    }

    .byte-col-md-pull-9 {
        right: 37.5%
    }

    .byte-col-md-offset-9 {
        margin-left: 37.5%
    }

    .byte-col-md-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .byte-col-span-md-8 {
        display: block;
        width: 33.33333333%
    }

    .byte-col-md-push-8 {
        left: 33.33333333%
    }

    .byte-col-md-pull-8 {
        right: 33.33333333%
    }

    .byte-col-md-offset-8 {
        margin-left: 33.33333333%
    }

    .byte-col-md-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .byte-col-span-md-7 {
        display: block;
        width: 29.16666667%
    }

    .byte-col-md-push-7 {
        left: 29.16666667%
    }

    .byte-col-md-pull-7 {
        right: 29.16666667%
    }

    .byte-col-md-offset-7 {
        margin-left: 29.16666667%
    }

    .byte-col-md-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .byte-col-span-md-6 {
        display: block;
        width: 25%
    }

    .byte-col-md-push-6 {
        left: 25%
    }

    .byte-col-md-pull-6 {
        right: 25%
    }

    .byte-col-md-offset-6 {
        margin-left: 25%
    }

    .byte-col-md-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .byte-col-span-md-5 {
        display: block;
        width: 20.83333333%
    }

    .byte-col-md-push-5 {
        left: 20.83333333%
    }

    .byte-col-md-pull-5 {
        right: 20.83333333%
    }

    .byte-col-md-offset-5 {
        margin-left: 20.83333333%
    }

    .byte-col-md-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .byte-col-span-md-4 {
        display: block;
        width: 16.66666667%
    }

    .byte-col-md-push-4 {
        left: 16.66666667%
    }

    .byte-col-md-pull-4 {
        right: 16.66666667%
    }

    .byte-col-md-offset-4 {
        margin-left: 16.66666667%
    }

    .byte-col-md-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .byte-col-span-md-3 {
        display: block;
        width: 12.5%
    }

    .byte-col-md-push-3 {
        left: 12.5%
    }

    .byte-col-md-pull-3 {
        right: 12.5%
    }

    .byte-col-md-offset-3 {
        margin-left: 12.5%
    }

    .byte-col-md-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .byte-col-span-md-2 {
        display: block;
        width: 8.33333333%
    }

    .byte-col-md-push-2 {
        left: 8.33333333%
    }

    .byte-col-md-pull-2 {
        right: 8.33333333%
    }

    .byte-col-md-offset-2 {
        margin-left: 8.33333333%
    }

    .byte-col-md-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .byte-col-span-md-1 {
        display: block;
        width: 4.16666667%
    }

    .byte-col-md-push-1 {
        left: 4.16666667%
    }

    .byte-col-md-pull-1 {
        right: 4.16666667%
    }

    .byte-col-md-offset-1 {
        margin-left: 4.16666667%
    }

    .byte-col-md-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .byte-col-span-md-0 {
        display: none
    }

    .byte-col-md-push-0 {
        left: auto
    }

    .byte-col-md-pull-0 {
        right: auto
    }
}

@media (min-width: 992px) {
    .byte-col-span-lg-1,.byte-col-span-lg-2,.byte-col-span-lg-3,.byte-col-span-lg-4,.byte-col-span-lg-5,.byte-col-span-lg-6,.byte-col-span-lg-7,.byte-col-span-lg-8,.byte-col-span-lg-9,.byte-col-span-lg-10,.byte-col-span-lg-11,.byte-col-span-lg-12,.byte-col-span-lg-13,.byte-col-span-lg-14,.byte-col-span-lg-15,.byte-col-span-lg-16,.byte-col-span-lg-17,.byte-col-span-lg-18,.byte-col-span-lg-19,.byte-col-span-lg-20,.byte-col-span-lg-21,.byte-col-span-lg-22,.byte-col-span-lg-23,.byte-col-span-lg-24 {
        float:left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .byte-col-span-lg-24 {
        display: block;
        width: 100%
    }

    .byte-col-lg-push-24 {
        left: 100%
    }

    .byte-col-lg-pull-24 {
        right: 100%
    }

    .byte-col-lg-offset-24 {
        margin-left: 100%
    }

    .byte-col-lg-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .byte-col-span-lg-23 {
        display: block;
        width: 95.83333333%
    }

    .byte-col-lg-push-23 {
        left: 95.83333333%
    }

    .byte-col-lg-pull-23 {
        right: 95.83333333%
    }

    .byte-col-lg-offset-23 {
        margin-left: 95.83333333%
    }

    .byte-col-lg-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .byte-col-span-lg-22 {
        display: block;
        width: 91.66666667%
    }

    .byte-col-lg-push-22 {
        left: 91.66666667%
    }

    .byte-col-lg-pull-22 {
        right: 91.66666667%
    }

    .byte-col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .byte-col-lg-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .byte-col-span-lg-21 {
        display: block;
        width: 87.5%
    }

    .byte-col-lg-push-21 {
        left: 87.5%
    }

    .byte-col-lg-pull-21 {
        right: 87.5%
    }

    .byte-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .byte-col-lg-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .byte-col-span-lg-20 {
        display: block;
        width: 83.33333333%
    }

    .byte-col-lg-push-20 {
        left: 83.33333333%
    }

    .byte-col-lg-pull-20 {
        right: 83.33333333%
    }

    .byte-col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .byte-col-lg-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .byte-col-span-lg-19 {
        display: block;
        width: 79.16666667%
    }

    .byte-col-lg-push-19 {
        left: 79.16666667%
    }

    .byte-col-lg-pull-19 {
        right: 79.16666667%
    }

    .byte-col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .byte-col-lg-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .byte-col-span-lg-18 {
        display: block;
        width: 75%
    }

    .byte-col-lg-push-18 {
        left: 75%
    }

    .byte-col-lg-pull-18 {
        right: 75%
    }

    .byte-col-lg-offset-18 {
        margin-left: 75%
    }

    .byte-col-lg-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .byte-col-span-lg-17 {
        display: block;
        width: 70.83333333%
    }

    .byte-col-lg-push-17 {
        left: 70.83333333%
    }

    .byte-col-lg-pull-17 {
        right: 70.83333333%
    }

    .byte-col-lg-offset-17 {
        margin-left: 70.83333333%
    }

    .byte-col-lg-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .byte-col-span-lg-16 {
        display: block;
        width: 66.66666667%
    }

    .byte-col-lg-push-16 {
        left: 66.66666667%
    }

    .byte-col-lg-pull-16 {
        right: 66.66666667%
    }

    .byte-col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .byte-col-lg-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .byte-col-span-lg-15 {
        display: block;
        width: 62.5%
    }

    .byte-col-lg-push-15 {
        left: 62.5%
    }

    .byte-col-lg-pull-15 {
        right: 62.5%
    }

    .byte-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .byte-col-lg-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .byte-col-span-lg-14 {
        display: block;
        width: 58.33333333%
    }

    .byte-col-lg-push-14 {
        left: 58.33333333%
    }

    .byte-col-lg-pull-14 {
        right: 58.33333333%
    }

    .byte-col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .byte-col-lg-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .byte-col-span-lg-13 {
        display: block;
        width: 54.16666667%
    }

    .byte-col-lg-push-13 {
        left: 54.16666667%
    }

    .byte-col-lg-pull-13 {
        right: 54.16666667%
    }

    .byte-col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .byte-col-lg-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .byte-col-span-lg-12 {
        display: block;
        width: 50%
    }

    .byte-col-lg-push-12 {
        left: 50%
    }

    .byte-col-lg-pull-12 {
        right: 50%
    }

    .byte-col-lg-offset-12 {
        margin-left: 50%
    }

    .byte-col-lg-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .byte-col-span-lg-11 {
        display: block;
        width: 45.83333333%
    }

    .byte-col-lg-push-11 {
        left: 45.83333333%
    }

    .byte-col-lg-pull-11 {
        right: 45.83333333%
    }

    .byte-col-lg-offset-11 {
        margin-left: 45.83333333%
    }

    .byte-col-lg-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .byte-col-span-lg-10 {
        display: block;
        width: 41.66666667%
    }

    .byte-col-lg-push-10 {
        left: 41.66666667%
    }

    .byte-col-lg-pull-10 {
        right: 41.66666667%
    }

    .byte-col-lg-offset-10 {
        margin-left: 41.66666667%
    }

    .byte-col-lg-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .byte-col-span-lg-9 {
        display: block;
        width: 37.5%
    }

    .byte-col-lg-push-9 {
        left: 37.5%
    }

    .byte-col-lg-pull-9 {
        right: 37.5%
    }

    .byte-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .byte-col-lg-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .byte-col-span-lg-8 {
        display: block;
        width: 33.33333333%
    }

    .byte-col-lg-push-8 {
        left: 33.33333333%
    }

    .byte-col-lg-pull-8 {
        right: 33.33333333%
    }

    .byte-col-lg-offset-8 {
        margin-left: 33.33333333%
    }

    .byte-col-lg-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .byte-col-span-lg-7 {
        display: block;
        width: 29.16666667%
    }

    .byte-col-lg-push-7 {
        left: 29.16666667%
    }

    .byte-col-lg-pull-7 {
        right: 29.16666667%
    }

    .byte-col-lg-offset-7 {
        margin-left: 29.16666667%
    }

    .byte-col-lg-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .byte-col-span-lg-6 {
        display: block;
        width: 25%
    }

    .byte-col-lg-push-6 {
        left: 25%
    }

    .byte-col-lg-pull-6 {
        right: 25%
    }

    .byte-col-lg-offset-6 {
        margin-left: 25%
    }

    .byte-col-lg-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .byte-col-span-lg-5 {
        display: block;
        width: 20.83333333%
    }

    .byte-col-lg-push-5 {
        left: 20.83333333%
    }

    .byte-col-lg-pull-5 {
        right: 20.83333333%
    }

    .byte-col-lg-offset-5 {
        margin-left: 20.83333333%
    }

    .byte-col-lg-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .byte-col-span-lg-4 {
        display: block;
        width: 16.66666667%
    }

    .byte-col-lg-push-4 {
        left: 16.66666667%
    }

    .byte-col-lg-pull-4 {
        right: 16.66666667%
    }

    .byte-col-lg-offset-4 {
        margin-left: 16.66666667%
    }

    .byte-col-lg-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .byte-col-span-lg-3 {
        display: block;
        width: 12.5%
    }

    .byte-col-lg-push-3 {
        left: 12.5%
    }

    .byte-col-lg-pull-3 {
        right: 12.5%
    }

    .byte-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .byte-col-lg-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .byte-col-span-lg-2 {
        display: block;
        width: 8.33333333%
    }

    .byte-col-lg-push-2 {
        left: 8.33333333%
    }

    .byte-col-lg-pull-2 {
        right: 8.33333333%
    }

    .byte-col-lg-offset-2 {
        margin-left: 8.33333333%
    }

    .byte-col-lg-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .byte-col-span-lg-1 {
        display: block;
        width: 4.16666667%
    }

    .byte-col-lg-push-1 {
        left: 4.16666667%
    }

    .byte-col-lg-pull-1 {
        right: 4.16666667%
    }

    .byte-col-lg-offset-1 {
        margin-left: 4.16666667%
    }

    .byte-col-lg-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .byte-col-span-lg-0 {
        display: none
    }

    .byte-col-lg-push-0 {
        left: auto
    }

    .byte-col-lg-pull-0 {
        right: auto
    }
}

@media (min-width: 1200px) {
    .byte-col-span-xl-1,.byte-col-span-xl-2,.byte-col-span-xl-3,.byte-col-span-xl-4,.byte-col-span-xl-5,.byte-col-span-xl-6,.byte-col-span-xl-7,.byte-col-span-xl-8,.byte-col-span-xl-9,.byte-col-span-xl-10,.byte-col-span-xl-11,.byte-col-span-xl-12,.byte-col-span-xl-13,.byte-col-span-xl-14,.byte-col-span-xl-15,.byte-col-span-xl-16,.byte-col-span-xl-17,.byte-col-span-xl-18,.byte-col-span-xl-19,.byte-col-span-xl-20,.byte-col-span-xl-21,.byte-col-span-xl-22,.byte-col-span-xl-23,.byte-col-span-xl-24 {
        float:left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .byte-col-span-xl-24 {
        display: block;
        width: 100%
    }

    .byte-col-xl-push-24 {
        left: 100%
    }

    .byte-col-xl-pull-24 {
        right: 100%
    }

    .byte-col-xl-offset-24 {
        margin-left: 100%
    }

    .byte-col-xl-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .byte-col-span-xl-23 {
        display: block;
        width: 95.83333333%
    }

    .byte-col-xl-push-23 {
        left: 95.83333333%
    }

    .byte-col-xl-pull-23 {
        right: 95.83333333%
    }

    .byte-col-xl-offset-23 {
        margin-left: 95.83333333%
    }

    .byte-col-xl-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .byte-col-span-xl-22 {
        display: block;
        width: 91.66666667%
    }

    .byte-col-xl-push-22 {
        left: 91.66666667%
    }

    .byte-col-xl-pull-22 {
        right: 91.66666667%
    }

    .byte-col-xl-offset-22 {
        margin-left: 91.66666667%
    }

    .byte-col-xl-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .byte-col-span-xl-21 {
        display: block;
        width: 87.5%
    }

    .byte-col-xl-push-21 {
        left: 87.5%
    }

    .byte-col-xl-pull-21 {
        right: 87.5%
    }

    .byte-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .byte-col-xl-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .byte-col-span-xl-20 {
        display: block;
        width: 83.33333333%
    }

    .byte-col-xl-push-20 {
        left: 83.33333333%
    }

    .byte-col-xl-pull-20 {
        right: 83.33333333%
    }

    .byte-col-xl-offset-20 {
        margin-left: 83.33333333%
    }

    .byte-col-xl-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .byte-col-span-xl-19 {
        display: block;
        width: 79.16666667%
    }

    .byte-col-xl-push-19 {
        left: 79.16666667%
    }

    .byte-col-xl-pull-19 {
        right: 79.16666667%
    }

    .byte-col-xl-offset-19 {
        margin-left: 79.16666667%
    }

    .byte-col-xl-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .byte-col-span-xl-18 {
        display: block;
        width: 75%
    }

    .byte-col-xl-push-18 {
        left: 75%
    }

    .byte-col-xl-pull-18 {
        right: 75%
    }

    .byte-col-xl-offset-18 {
        margin-left: 75%
    }

    .byte-col-xl-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .byte-col-span-xl-17 {
        display: block;
        width: 70.83333333%
    }

    .byte-col-xl-push-17 {
        left: 70.83333333%
    }

    .byte-col-xl-pull-17 {
        right: 70.83333333%
    }

    .byte-col-xl-offset-17 {
        margin-left: 70.83333333%
    }

    .byte-col-xl-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .byte-col-span-xl-16 {
        display: block;
        width: 66.66666667%
    }

    .byte-col-xl-push-16 {
        left: 66.66666667%
    }

    .byte-col-xl-pull-16 {
        right: 66.66666667%
    }

    .byte-col-xl-offset-16 {
        margin-left: 66.66666667%
    }

    .byte-col-xl-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .byte-col-span-xl-15 {
        display: block;
        width: 62.5%
    }

    .byte-col-xl-push-15 {
        left: 62.5%
    }

    .byte-col-xl-pull-15 {
        right: 62.5%
    }

    .byte-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .byte-col-xl-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .byte-col-span-xl-14 {
        display: block;
        width: 58.33333333%
    }

    .byte-col-xl-push-14 {
        left: 58.33333333%
    }

    .byte-col-xl-pull-14 {
        right: 58.33333333%
    }

    .byte-col-xl-offset-14 {
        margin-left: 58.33333333%
    }

    .byte-col-xl-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .byte-col-span-xl-13 {
        display: block;
        width: 54.16666667%
    }

    .byte-col-xl-push-13 {
        left: 54.16666667%
    }

    .byte-col-xl-pull-13 {
        right: 54.16666667%
    }

    .byte-col-xl-offset-13 {
        margin-left: 54.16666667%
    }

    .byte-col-xl-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .byte-col-span-xl-12 {
        display: block;
        width: 50%
    }

    .byte-col-xl-push-12 {
        left: 50%
    }

    .byte-col-xl-pull-12 {
        right: 50%
    }

    .byte-col-xl-offset-12 {
        margin-left: 50%
    }

    .byte-col-xl-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .byte-col-span-xl-11 {
        display: block;
        width: 45.83333333%
    }

    .byte-col-xl-push-11 {
        left: 45.83333333%
    }

    .byte-col-xl-pull-11 {
        right: 45.83333333%
    }

    .byte-col-xl-offset-11 {
        margin-left: 45.83333333%
    }

    .byte-col-xl-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .byte-col-span-xl-10 {
        display: block;
        width: 41.66666667%
    }

    .byte-col-xl-push-10 {
        left: 41.66666667%
    }

    .byte-col-xl-pull-10 {
        right: 41.66666667%
    }

    .byte-col-xl-offset-10 {
        margin-left: 41.66666667%
    }

    .byte-col-xl-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .byte-col-span-xl-9 {
        display: block;
        width: 37.5%
    }

    .byte-col-xl-push-9 {
        left: 37.5%
    }

    .byte-col-xl-pull-9 {
        right: 37.5%
    }

    .byte-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .byte-col-xl-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .byte-col-span-xl-8 {
        display: block;
        width: 33.33333333%
    }

    .byte-col-xl-push-8 {
        left: 33.33333333%
    }

    .byte-col-xl-pull-8 {
        right: 33.33333333%
    }

    .byte-col-xl-offset-8 {
        margin-left: 33.33333333%
    }

    .byte-col-xl-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .byte-col-span-xl-7 {
        display: block;
        width: 29.16666667%
    }

    .byte-col-xl-push-7 {
        left: 29.16666667%
    }

    .byte-col-xl-pull-7 {
        right: 29.16666667%
    }

    .byte-col-xl-offset-7 {
        margin-left: 29.16666667%
    }

    .byte-col-xl-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .byte-col-span-xl-6 {
        display: block;
        width: 25%
    }

    .byte-col-xl-push-6 {
        left: 25%
    }

    .byte-col-xl-pull-6 {
        right: 25%
    }

    .byte-col-xl-offset-6 {
        margin-left: 25%
    }

    .byte-col-xl-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .byte-col-span-xl-5 {
        display: block;
        width: 20.83333333%
    }

    .byte-col-xl-push-5 {
        left: 20.83333333%
    }

    .byte-col-xl-pull-5 {
        right: 20.83333333%
    }

    .byte-col-xl-offset-5 {
        margin-left: 20.83333333%
    }

    .byte-col-xl-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .byte-col-span-xl-4 {
        display: block;
        width: 16.66666667%
    }

    .byte-col-xl-push-4 {
        left: 16.66666667%
    }

    .byte-col-xl-pull-4 {
        right: 16.66666667%
    }

    .byte-col-xl-offset-4 {
        margin-left: 16.66666667%
    }

    .byte-col-xl-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .byte-col-span-xl-3 {
        display: block;
        width: 12.5%
    }

    .byte-col-xl-push-3 {
        left: 12.5%
    }

    .byte-col-xl-pull-3 {
        right: 12.5%
    }

    .byte-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .byte-col-xl-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .byte-col-span-xl-2 {
        display: block;
        width: 8.33333333%
    }

    .byte-col-xl-push-2 {
        left: 8.33333333%
    }

    .byte-col-xl-pull-2 {
        right: 8.33333333%
    }

    .byte-col-xl-offset-2 {
        margin-left: 8.33333333%
    }

    .byte-col-xl-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .byte-col-span-xl-1 {
        display: block;
        width: 4.16666667%
    }

    .byte-col-xl-push-1 {
        left: 4.16666667%
    }

    .byte-col-xl-pull-1 {
        right: 4.16666667%
    }

    .byte-col-xl-offset-1 {
        margin-left: 4.16666667%
    }

    .byte-col-xl-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .byte-col-span-xl-0 {
        display: none
    }

    .byte-col-xl-push-0 {
        left: auto
    }

    .byte-col-xl-pull-0 {
        right: auto
    }
}

@media (min-width: 1600px) {
    .byte-col-span-xxl-1,.byte-col-span-xxl-2,.byte-col-span-xxl-3,.byte-col-span-xxl-4,.byte-col-span-xxl-5,.byte-col-span-xxl-6,.byte-col-span-xxl-7,.byte-col-span-xxl-8,.byte-col-span-xxl-9,.byte-col-span-xxl-10,.byte-col-span-xxl-11,.byte-col-span-xxl-12,.byte-col-span-xxl-13,.byte-col-span-xxl-14,.byte-col-span-xxl-15,.byte-col-span-xxl-16,.byte-col-span-xxl-17,.byte-col-span-xxl-18,.byte-col-span-xxl-19,.byte-col-span-xxl-20,.byte-col-span-xxl-21,.byte-col-span-xxl-22,.byte-col-span-xxl-23,.byte-col-span-xxl-24 {
        float:left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .byte-col-span-xxl-24 {
        display: block;
        width: 100%
    }

    .byte-col-xxl-push-24 {
        left: 100%
    }

    .byte-col-xxl-pull-24 {
        right: 100%
    }

    .byte-col-xxl-offset-24 {
        margin-left: 100%
    }

    .byte-col-xxl-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .byte-col-span-xxl-23 {
        display: block;
        width: 95.83333333%
    }

    .byte-col-xxl-push-23 {
        left: 95.83333333%
    }

    .byte-col-xxl-pull-23 {
        right: 95.83333333%
    }

    .byte-col-xxl-offset-23 {
        margin-left: 95.83333333%
    }

    .byte-col-xxl-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .byte-col-span-xxl-22 {
        display: block;
        width: 91.66666667%
    }

    .byte-col-xxl-push-22 {
        left: 91.66666667%
    }

    .byte-col-xxl-pull-22 {
        right: 91.66666667%
    }

    .byte-col-xxl-offset-22 {
        margin-left: 91.66666667%
    }

    .byte-col-xxl-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .byte-col-span-xxl-21 {
        display: block;
        width: 87.5%
    }

    .byte-col-xxl-push-21 {
        left: 87.5%
    }

    .byte-col-xxl-pull-21 {
        right: 87.5%
    }

    .byte-col-xxl-offset-21 {
        margin-left: 87.5%
    }

    .byte-col-xxl-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .byte-col-span-xxl-20 {
        display: block;
        width: 83.33333333%
    }

    .byte-col-xxl-push-20 {
        left: 83.33333333%
    }

    .byte-col-xxl-pull-20 {
        right: 83.33333333%
    }

    .byte-col-xxl-offset-20 {
        margin-left: 83.33333333%
    }

    .byte-col-xxl-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .byte-col-span-xxl-19 {
        display: block;
        width: 79.16666667%
    }

    .byte-col-xxl-push-19 {
        left: 79.16666667%
    }

    .byte-col-xxl-pull-19 {
        right: 79.16666667%
    }

    .byte-col-xxl-offset-19 {
        margin-left: 79.16666667%
    }

    .byte-col-xxl-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .byte-col-span-xxl-18 {
        display: block;
        width: 75%
    }

    .byte-col-xxl-push-18 {
        left: 75%
    }

    .byte-col-xxl-pull-18 {
        right: 75%
    }

    .byte-col-xxl-offset-18 {
        margin-left: 75%
    }

    .byte-col-xxl-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .byte-col-span-xxl-17 {
        display: block;
        width: 70.83333333%
    }

    .byte-col-xxl-push-17 {
        left: 70.83333333%
    }

    .byte-col-xxl-pull-17 {
        right: 70.83333333%
    }

    .byte-col-xxl-offset-17 {
        margin-left: 70.83333333%
    }

    .byte-col-xxl-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .byte-col-span-xxl-16 {
        display: block;
        width: 66.66666667%
    }

    .byte-col-xxl-push-16 {
        left: 66.66666667%
    }

    .byte-col-xxl-pull-16 {
        right: 66.66666667%
    }

    .byte-col-xxl-offset-16 {
        margin-left: 66.66666667%
    }

    .byte-col-xxl-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .byte-col-span-xxl-15 {
        display: block;
        width: 62.5%
    }

    .byte-col-xxl-push-15 {
        left: 62.5%
    }

    .byte-col-xxl-pull-15 {
        right: 62.5%
    }

    .byte-col-xxl-offset-15 {
        margin-left: 62.5%
    }

    .byte-col-xxl-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .byte-col-span-xxl-14 {
        display: block;
        width: 58.33333333%
    }

    .byte-col-xxl-push-14 {
        left: 58.33333333%
    }

    .byte-col-xxl-pull-14 {
        right: 58.33333333%
    }

    .byte-col-xxl-offset-14 {
        margin-left: 58.33333333%
    }

    .byte-col-xxl-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .byte-col-span-xxl-13 {
        display: block;
        width: 54.16666667%
    }

    .byte-col-xxl-push-13 {
        left: 54.16666667%
    }

    .byte-col-xxl-pull-13 {
        right: 54.16666667%
    }

    .byte-col-xxl-offset-13 {
        margin-left: 54.16666667%
    }

    .byte-col-xxl-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .byte-col-span-xxl-12 {
        display: block;
        width: 50%
    }

    .byte-col-xxl-push-12 {
        left: 50%
    }

    .byte-col-xxl-pull-12 {
        right: 50%
    }

    .byte-col-xxl-offset-12 {
        margin-left: 50%
    }

    .byte-col-xxl-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .byte-col-span-xxl-11 {
        display: block;
        width: 45.83333333%
    }

    .byte-col-xxl-push-11 {
        left: 45.83333333%
    }

    .byte-col-xxl-pull-11 {
        right: 45.83333333%
    }

    .byte-col-xxl-offset-11 {
        margin-left: 45.83333333%
    }

    .byte-col-xxl-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .byte-col-span-xxl-10 {
        display: block;
        width: 41.66666667%
    }

    .byte-col-xxl-push-10 {
        left: 41.66666667%
    }

    .byte-col-xxl-pull-10 {
        right: 41.66666667%
    }

    .byte-col-xxl-offset-10 {
        margin-left: 41.66666667%
    }

    .byte-col-xxl-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .byte-col-span-xxl-9 {
        display: block;
        width: 37.5%
    }

    .byte-col-xxl-push-9 {
        left: 37.5%
    }

    .byte-col-xxl-pull-9 {
        right: 37.5%
    }

    .byte-col-xxl-offset-9 {
        margin-left: 37.5%
    }

    .byte-col-xxl-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .byte-col-span-xxl-8 {
        display: block;
        width: 33.33333333%
    }

    .byte-col-xxl-push-8 {
        left: 33.33333333%
    }

    .byte-col-xxl-pull-8 {
        right: 33.33333333%
    }

    .byte-col-xxl-offset-8 {
        margin-left: 33.33333333%
    }

    .byte-col-xxl-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .byte-col-span-xxl-7 {
        display: block;
        width: 29.16666667%
    }

    .byte-col-xxl-push-7 {
        left: 29.16666667%
    }

    .byte-col-xxl-pull-7 {
        right: 29.16666667%
    }

    .byte-col-xxl-offset-7 {
        margin-left: 29.16666667%
    }

    .byte-col-xxl-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .byte-col-span-xxl-6 {
        display: block;
        width: 25%
    }

    .byte-col-xxl-push-6 {
        left: 25%
    }

    .byte-col-xxl-pull-6 {
        right: 25%
    }

    .byte-col-xxl-offset-6 {
        margin-left: 25%
    }

    .byte-col-xxl-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .byte-col-span-xxl-5 {
        display: block;
        width: 20.83333333%
    }

    .byte-col-xxl-push-5 {
        left: 20.83333333%
    }

    .byte-col-xxl-pull-5 {
        right: 20.83333333%
    }

    .byte-col-xxl-offset-5 {
        margin-left: 20.83333333%
    }

    .byte-col-xxl-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .byte-col-span-xxl-4 {
        display: block;
        width: 16.66666667%
    }

    .byte-col-xxl-push-4 {
        left: 16.66666667%
    }

    .byte-col-xxl-pull-4 {
        right: 16.66666667%
    }

    .byte-col-xxl-offset-4 {
        margin-left: 16.66666667%
    }

    .byte-col-xxl-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .byte-col-span-xxl-3 {
        display: block;
        width: 12.5%
    }

    .byte-col-xxl-push-3 {
        left: 12.5%
    }

    .byte-col-xxl-pull-3 {
        right: 12.5%
    }

    .byte-col-xxl-offset-3 {
        margin-left: 12.5%
    }

    .byte-col-xxl-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .byte-col-span-xxl-2 {
        display: block;
        width: 8.33333333%
    }

    .byte-col-xxl-push-2 {
        left: 8.33333333%
    }

    .byte-col-xxl-pull-2 {
        right: 8.33333333%
    }

    .byte-col-xxl-offset-2 {
        margin-left: 8.33333333%
    }

    .byte-col-xxl-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .byte-col-span-xxl-1 {
        display: block;
        width: 4.16666667%
    }

    .byte-col-xxl-push-1 {
        left: 4.16666667%
    }

    .byte-col-xxl-pull-1 {
        right: 4.16666667%
    }

    .byte-col-xxl-offset-1 {
        margin-left: 4.16666667%
    }

    .byte-col-xxl-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .byte-col-span-xxl-0 {
        display: none
    }

    .byte-col-xxl-push-0 {
        left: auto
    }

    .byte-col-xxl-pull-0 {
        right: auto
    }
}

.byte-icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.byte-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
    pointer-events: none
}

.byte-icon--spin {
    -webkit-animation: IconSpin 1s linear infinite;
    animation: IconSpin 1s linear infinite
}

@-webkit-keyframes IconSpin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes IconSpin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.byte-input {
    vertical-align: middle;
    border-collapse: separate;
    border-spacing: 0
}

.byte-input,.byte-input__input {
    position: relative;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5
}

.byte-input__input {
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    color: #282f38;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    height: 32px;
    padding: 0 12px
}

.byte-input__input:hover {
    border-color: #3370ff
}

.byte-input__input--focused,.byte-input__input:focus {
    border-color: #3370ff;
    -webkit-box-shadow: 0 0 0 2px #d6e8ff;
    box-shadow: 0 0 0 2px #d6e8ff
}

.byte-input__input--disabled,.byte-input__input[disabled] {
    color: #c2c6cc;
    background-color: #f5f6f7;
    cursor: not-allowed;
    border-color: #e6e8eb
}

.byte-input__input--disabled:hover,.byte-input__input[disabled]:hover {
    border-color: #e6e8eb
}

.byte-input__input--disabled>input,.byte-input__input[disabled]>input {
    color: #c2c6cc
}

.byte-input__input--small {
    height: 24px;
    padding: 0 12px;
    font-size: 12px
}

.byte-input__input--large {
    height: 36px;
    padding: 0 12px;
    font-size: 14px
}

.byte-input__input--huge {
    height: 40px;
    padding: 0 12px;
    font-size: 16px
}

.byte-input__input::-webkit-input-placeholder {
    color: #c2c6cc
}

.byte-input__input::-moz-placeholder {
    color: #c2c6cc
}

.byte-input__input:-ms-input-placeholder,.byte-input__input::-ms-input-placeholder {
    color: #c2c6cc
}

.byte-input__input::placeholder {
    color: #c2c6cc
}

.byte-input--appended,.byte-input--prepended {
    display: inline-table
}

.byte-input--prepended .byte-input__input {
    display: table-cell;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.byte-input--appended .byte-input__input {
    display: table-cell;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.byte-input__append,.byte-input__prepend {
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    outline: 0;
    width: 1px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
    background-color: #f5f6f7;
    line-height: 1;
    white-space: nowrap
}

.byte-input__append>.byte-btn,.byte-input__append>.byte-select,.byte-input__prepend>.byte-btn,.byte-input__prepend>.byte-select {
    min-width: 50px;
    margin: -1px -12px;
    color: inherit;
    background-color: transparent;
    border: none
}

.byte-input__append .byte-select__input,.byte-input__prepend .byte-select__input {
    background: transparent
}

.byte-input__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none
}

.byte-input__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none
}

.byte-input--small {
    font-size: 12px
}

.byte-input--small>.byte-input__append,.byte-input--small>.byte-input__prepend {
    padding: 0 12px
}

.byte-input--small>.byte-input__append>.byte-btn,.byte-input--small>.byte-input__append>.byte-select,.byte-input--small>.byte-input__prepend>.byte-btn,.byte-input--small>.byte-input__prepend>.byte-select {
    margin: -1px -12px
}

.byte-input--large {
    font-size: 16px
}

.byte-input--large>.byte-input__append,.byte-input--large>.byte-input__prepend {
    padding: 0 12px
}

.byte-input--large>.byte-input__append>.byte-btn,.byte-input--large>.byte-input__append>.byte-select,.byte-input--large>.byte-input__prepend>.byte-btn,.byte-input--large>.byte-input__prepend>.byte-select {
    margin: -1px -12px
}

.byte-input--huge {
    font-size: 16px
}

.byte-input--huge>.byte-input__append,.byte-input--huge>.byte-input__prepend {
    padding: 0 12px
}

.byte-input--huge>.byte-input__append>.byte-btn,.byte-input--huge>.byte-input__append>.byte-select,.byte-input--huge>.byte-input__prepend>.byte-btn,.byte-input--huge>.byte-input__prepend>.byte-select {
    margin: -1px -12px
}

.byte-input--prefixed .byte-input__input {
    padding-left: 32px
}

.byte-input--suffixed .byte-input__input {
    padding-right: 32px
}

.byte-input__prefix,.byte-input__suffix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32px
}

.byte-input__prefix .byte-icon,.byte-input__suffix .byte-icon {
    font-size: 16px
}

.byte-input__prefix {
    left: 0
}

.byte-input__suffix {
    right: 0
}

.byte-input--clearable .byte-input__input {
    padding-right: 0
}

.byte-input--clearable .byte-input__suffix {
    display: none
}

.byte-input--clearable:hover .byte-input__suffix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.byte-input__search-icon {
    cursor: pointer
}

.byte-input__textarea {
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    position: relative;
    width: 100%;
    display: inline-block;
    color: #282f38;
    line-height: 1.5;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    height: 32px;
    padding: 0 12px;
    font-size: 14px;
    height: auto;
    padding: 6px 10px;
    vertical-align: top;
    -webkit-transition: all .3s,height 0s;
    transition: all .3s,height 0s;
    resize: vertical
}

.byte-input__textarea:hover {
    border-color: #3370ff
}

.byte-input__textarea--focused,.byte-input__textarea:focus {
    border-color: #3370ff;
    -webkit-box-shadow: 0 0 0 2px #d6e8ff;
    box-shadow: 0 0 0 2px #d6e8ff
}

.byte-input__textarea--disabled,.byte-input__textarea[disabled] {
    color: #c2c6cc;
    background-color: #f5f6f7;
    cursor: not-allowed;
    border-color: #e6e8eb
}

.byte-input__textarea--disabled:hover,.byte-input__textarea[disabled]:hover {
    border-color: #e6e8eb
}

.byte-input__textarea--disabled>input,.byte-input__textarea[disabled]>input {
    color: #c2c6cc
}

.byte-input__textarea--small {
    height: 24px;
    padding: 0 12px;
    font-size: 12px
}

.byte-input__textarea--large {
    height: 36px;
    padding: 0 12px;
    font-size: 14px
}

.byte-input__textarea--huge {
    height: 40px;
    padding: 0 12px;
    font-size: 16px
}

.byte-input__textarea::-webkit-input-placeholder {
    color: #c2c6cc
}

.byte-input__textarea::-moz-placeholder {
    color: #c2c6cc
}

.byte-input__textarea:-ms-input-placeholder,.byte-input__textarea::-ms-input-placeholder {
    color: #c2c6cc
}

.byte-input__textarea::placeholder {
    color: #c2c6cc
}

.byte-input__textarea[disabled] {
    resize: none
}

.byte-input-number {
    vertical-align: middle
}

.byte-input-number,.byte-input-number__input {
    position: relative;
    display: inline-block;
    line-height: 1.5;
    width: 100%
}

.byte-input-number__input {
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    color: #282f38;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    height: 32px;
    padding: 0 12px;
    font-size: 14px
}

.byte-input-number__input:hover {
    border-color: #3370ff
}

.byte-input-number__input--focused,.byte-input-number__input:focus {
    border-color: #3370ff;
    -webkit-box-shadow: 0 0 0 2px #d6e8ff;
    box-shadow: 0 0 0 2px #d6e8ff
}

.byte-input-number__input--disabled,.byte-input-number__input[disabled] {
    color: #c2c6cc;
    background-color: #f5f6f7;
    cursor: not-allowed;
    border-color: #e6e8eb
}

.byte-input-number__input--disabled:hover,.byte-input-number__input[disabled]:hover {
    border-color: #e6e8eb
}

.byte-input-number__input--disabled>input,.byte-input-number__input[disabled]>input {
    color: #c2c6cc
}

.byte-input-number__input--small {
    height: 24px;
    padding: 0 12px;
    font-size: 12px
}

.byte-input-number__input--large {
    height: 36px;
    padding: 0 12px;
    font-size: 14px
}

.byte-input-number__input--huge {
    height: 40px;
    padding: 0 12px;
    font-size: 16px
}

.byte-input-number__input::-webkit-input-placeholder {
    color: #c2c6cc
}

.byte-input-number__input::-moz-placeholder {
    color: #c2c6cc
}

.byte-input-number__input:-ms-input-placeholder,.byte-input-number__input::-ms-input-placeholder {
    color: #c2c6cc
}

.byte-input-number__input::placeholder {
    color: #c2c6cc
}

.byte-input-number:hover .byte-input-number__tuner {
    opacity: 1
}

.byte-input-number--disabled:hover .byte-input-number__tuner {
    opacity: 0
}

.byte-input-number--disabled:hover .byte-input-number__input {
    cursor: not-allowed
}

.byte-input-number__tuner {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 26px;
    border-left: 1px solid #e6e8eb;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0
}

.byte-input-number__tuner-down,.byte-input-number__tuner-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 50%;
    color: #e6e8eb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .3s linear;
    transition: height .3s linear
}

.byte-input-number__tuner-down:hover,.byte-input-number__tuner-up:hover {
    color: #5c92ff
}

.byte-input-number__tuner-down--disabled,.byte-input-number__tuner-up--disabled {
    color: #c2c6cc;
    background-color: #f5f6f7;
    cursor: not-allowed;
    border-color: #e6e8eb
}

.byte-input-number__tuner-down--disabled:hover,.byte-input-number__tuner-up--disabled:hover {
    border-color: #e6e8eb
}

.byte-input-number__tuner-up {
    border-bottom: 1px solid #c2c6cc
}

.byte-autocomplete {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.byte-autocomplete .byte-input {
    vertical-align: top
}

.byte-autocomplete-suggestion {
    position: absolute;
    min-height: 36px;
    max-height: 280px;
    padding: 5px 0;
    margin: 4px 0;
    background-color: #fff;
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    outline: 0;
    overflow-y: scroll
}

.byte-autocomplete-suggestion__item {
    line-height: 36px;
    display: block;
    margin: 0;
    padding: 0 16px;
    cursor: pointer;
    overflow: hidden
}

.byte-autocomplete-suggestion__item--highlight,.byte-autocomplete-suggestion__item:focus,.byte-autocomplete-suggestion__item:hover {
    outline: 0;
    background-color: #f5f6f7
}

.byte-autocomplete-suggestion__item--disabled {
    color: #c2c6cc;
    cursor: not-allowed
}

.byte-autocomplete-suggestion__item--disabled:focus,.byte-autocomplete-suggestion__item--disabled:hover {
    background-color: transparent
}

.byte-steps {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.byte-steps .byte-step--clickable {
    cursor: pointer
}

.byte-steps .byte-step--clickable.byte-step--not-current:hover .byte-step__icon {
    border: 1px solid #3370ff;
    color: #3370ff
}

.byte-steps .byte-step--clickable.byte-step--not-current:hover .byte-step__description,.byte-steps .byte-step--clickable.byte-step--not-current:hover .byte-step__title {
    color: #3370ff
}

.byte-steps .byte-step {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}

.byte-steps .byte-step:last-child {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.byte-steps .byte-step:last-child .byte-step__tail:after,.byte-steps .byte-step:last-child .byte-step__title:after {
    display: none
}

.byte-steps .byte-step__tail:after {
    display: block;
    content: ""
}

.byte-steps .byte-step__title {
    position: relative;
    font-size: 16px;
    color: #282f38;
    line-height: 2
}

.byte-steps .byte-step__description {
    color: #939aa3;
    font-size: 14px;
    font-weight: 400;
    display: block;
    line-height: 22px;
    white-space: normal
}

.byte-steps .byte-step__icon {
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 16px;
    vertical-align: top;
    line-height: 0
}

.byte-steps .byte-step__icon:not(.byte-step__icon--custom):after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.byte-steps .byte-step__icon--custom {
    line-height: 0
}

.byte-steps .byte-step>.byte-step__icon--custom {
    border: none;
    background-color: transparent;
    font-size: 32px
}

.byte-steps .byte-step__icon:not(.byte-step__icon--custom) .byte-step__icon-inner {
    position: relative;
    color: inherit;
    font-size: 20px
}

.byte-steps .byte-step__icon-inner-text {
    font-size: 16px;
    line-height: 30px;
    height: 100%
}

.byte-steps--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.byte-steps--horizontal .byte-step {
    margin-right: 16px
}

.byte-steps--horizontal .byte-step:last-child {
    margin-right: 0
}

.byte-steps--horizontal .byte-step:last-child .byte-step__content {
    width: 100%
}

.byte-steps--horizontal .byte-step__icon {
    display: inline-block
}

.byte-steps--horizontal .byte-step__content {
    display: inline-block;
    width: calc(100% - 48px)
}

.byte-steps--horizontal .byte-step__title {
    display: inline-block
}

.byte-steps--horizontal .byte-step__description {
    overflow: hidden;
    word-break: break-word
}

.byte-steps--content-horizontal .byte-step__content {
    margin-left: 16px
}

.byte-steps--content-horizontal .byte-step__title {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    font-size: 16px
}

.byte-steps--content-horizontal .byte-step__title:after {
    position: absolute;
    top: 16px;
    left: 100%;
    display: block;
    width: 6666px;
    height: 1px;
    background: #e6e8eb;
    content: ""
}

.byte-steps--content-horizontal .byte-step__description {
    width: 100%;
    overflow: hidden;
    color: #939aa3;
    font-weight: 400;
    white-space: normal;
    display: block;
    word-break: break-word
}

.byte-steps--content-vertical>.byte-step:last-child>.byte-step__content {
    width: 140px
}

.byte-steps--content-vertical .byte-step {
    overflow: visible
}

.byte-steps--content-vertical .byte-step__icon {
    margin-left: 54px
}

.byte-steps--content-vertical .byte-step__tail {
    height: 1px;
    margin-left: 78px;
    padding: 0 20px;
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%
}

.byte-steps--content-vertical .byte-step__tail:after {
    width: 100%;
    height: 1px;
    background: #e6e8eb
}

.byte-steps--content-vertical .byte-step__content {
    width: 140px;
    display: block;
    text-align: center
}

.byte-steps--content-vertical .byte-step__description,.byte-steps--content-vertical .byte-step__title {
    word-break: break-all
}

.byte-steps--content-vertical.byte-steps--small .byte-step>.byte-step__icon {
    margin-left: 58px
}

.byte-steps--content-vertical.byte-steps--small .byte-step>.byte-step__tail {
    top: 11px
}

.byte-steps--vertical {
    display: block
}

.byte-steps--vertical .byte-step {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.byte-steps--vertical .byte-step__icon {
    width: 32px;
    float: left;
    display: block;
    margin-right: 16px
}

.byte-steps--vertical .byte-step__content {
    min-height: 52px;
    display: block;
    overflow: hidden
}

.byte-steps--vertical .byte-step__title {
    display: block
}

.byte-steps--vertical .byte-step__tail {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 15px;
    padding: 36px 0 4px
}

.byte-steps--vertical .byte-step__tail:after {
    width: 1px;
    height: 100%;
    background: #e6e8eb
}

.byte-steps--sagittal .byte-step {
    overflow: visible;
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: 60px;
    background: #f0f1f2
}

.byte-steps--sagittal .byte-step>.byte-step__icon {
    display: none
}

.byte-steps--sagittal .byte-step__content {
    height: 41px;
    width: 100%;
    overflow: hidden
}

.byte-steps--sagittal .byte-step__title {
    font-size: 14px;
    line-height: 22px;
    color: #939aa3;
    text-align: center
}

.byte-steps--sagittal .byte-step__description {
    line-height: 1.5;
    margin-top: 1px;
    text-align: center;
    color: #939aa3;
    white-space: nowrap;
    font-size: 12px
}

.byte-steps--sagittal .byte-step:after {
    content: "";
    display: block;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #f0f1f2;
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 1
}

.byte-steps--sagittal .byte-step:before {
    content: "";
    display: block;
    border-top: 30px solid #f0f1f2;
    border-bottom: 30px solid #f0f1f2;
    border-left: 30px solid #fff;
    position: absolute;
    left: 0;
    top: 0
}

.byte-steps--sagittal .byte-step:first-child {
    border-radius: 2px 0 0 2px
}

.byte-steps--sagittal .byte-step:first-child:before {
    display: none
}

.byte-steps--sagittal .byte-step:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 2px 0 0 2px
}

.byte-steps--sagittal .byte-step:last-child:after {
    display: none
}

.byte-steps--small-sagittal .byte-step {
    overflow: visible;
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: 32px;
    background: #f0f1f2
}

.byte-steps--small-sagittal .byte-step>.byte-step__icon {
    display: inline-block;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%
}

.byte-steps--small-sagittal .byte-step>.byte-step__icon>.byte-step__icon-inner-text {
    line-height: 1;
    font-size: 12px
}

.byte-steps--small-sagittal .byte-step>.byte-step__icon>.byte-step__icon-inner {
    font-size: 12px
}

.byte-steps--small-sagittal .byte-step__title {
    font-size: 14px;
    line-height: 22px;
    color: #282f38;
    text-align: center
}

.byte-steps--small-sagittal .byte-step:after {
    content: "";
    display: block;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #f0f1f2;
    position: absolute;
    right: -16px;
    top: 0;
    z-index: 1
}

.byte-steps--small-sagittal .byte-step:before {
    content: "";
    display: block;
    border-top: 16px solid #f0f1f2;
    border-bottom: 16px solid #f0f1f2;
    border-left: 16px solid #fff;
    position: absolute;
    left: 0;
    top: 0
}

.byte-steps--small-sagittal .byte-step:first-child {
    border-radius: 2px 0 0 2px
}

.byte-steps--small-sagittal .byte-step:first-child:before {
    display: none
}

.byte-steps--small-sagittal .byte-step:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 2px 0 0 2px
}

.byte-steps--small-sagittal .byte-step:last-child:after {
    display: none
}

.byte-steps--small>.byte-step>.byte-step__icon {
    width: 24px;
    height: 24px
}

.byte-steps--small>.byte-step>.byte-step__icon>.byte-step__icon-inner {
    font-size: 16px
}

.byte-steps--small>.byte-step>.byte-step__icon>.byte-step__icon-inner-text {
    font-size: 12px;
    line-height: 22px
}

.byte-steps--small>.byte-step>.byte-step__content {
    line-height: 24px
}

.byte-steps--small>.byte-step>.byte-step__content>.byte-step__title {
    font-size: 14px
}

.byte-steps--small:not(.byte-steps--content-vertical)>.byte-step>.byte-step__content {
    margin-left: 12px
}

.byte-steps--small:not(.byte-steps--content-vertical)>.byte-step>.byte-step__content>.byte-step__title {
    line-height: 24px
}

.byte-steps--small:not(.byte-steps--content-vertical)>.byte-step>.byte-step__content>.byte-step__title:after {
    top: 12px
}

.byte-steps:not(.byte-steps--small-sagittal):not(.byte-steps--sagittal)>.byte-step--finish>.byte-step__icon {
    color: #3370ff
}

.byte-steps:not(.byte-steps--small-sagittal):not(.byte-steps--sagittal)>.byte-step--finish>.byte-step__icon:not(.byte-step__icon--custom) {
    border: 1px solid #3370ff
}

.byte-steps:not(.byte-steps--small-sagittal):not(.byte-steps--sagittal)>.byte-step--finish>.byte-step__content>.byte-step__title:after,.byte-steps:not(.byte-steps--small-sagittal):not(.byte-steps--sagittal)>.byte-step--finish>.byte-step__tail:after {
    background-color: #3370ff
}

.byte-steps:not(.byte-steps--small-sagittal):not(.byte-steps--sagittal)>.byte-step--process>.byte-step__content>.byte-step__title {
    font-weight: 500;
    color: #282f38
}

.byte-steps:not(.byte-steps--small-sagittal):not(.byte-steps--sagittal)>.byte-step--process>.byte-step__icon {
    color: #3370ff
}

.byte-steps:not(.byte-steps--small-sagittal):not(.byte-steps--sagittal)>.byte-step--process>.byte-step__icon:not(.byte-step__icon--custom) {
    background-color: #3370ff;
    border: 1px solid #3370ff
}

.byte-steps:not(.byte-steps--small-sagittal):not(.byte-steps--sagittal)>.byte-step--process>.byte-step__icon>.byte-step__icon-inner-text {
    color: #fff
}

.byte-steps>.byte-step--error>.byte-step__icon {
    color: #ee4d38
}

.byte-steps>.byte-step--error>.byte-step__icon:not(.byte-step__icon--custom) {
    background-color: #fff;
    border: 1px solid #ee4d38
}

.byte-steps>.byte-step--wait>.byte-step__icon {
    color: #939aa3
}

.byte-steps>.byte-step--wait>.byte-step__icon:not(.byte-step__icon--custom) {
    background-color: #fff;
    border: 1px solid #e6e8eb
}

.byte-steps--small-sagittal>.byte-step--finish {
    background-color: #f0f1f2
}

.byte-steps--small-sagittal>.byte-step--finish:after {
    border-left: 16px solid #f0f1f2
}

.byte-steps--small-sagittal>.byte-step--finish:before {
    border-top: 16px solid #f0f1f2;
    border-bottom: 16px solid #f0f1f2
}

.byte-steps--small-sagittal>.byte-step--finish>.byte-step__icon {
    color: #fff
}

.byte-steps--small-sagittal>.byte-step--finish>.byte-step__icon:not(.byte-step__icon--custom) {
    background-color: #3370ff;
    border: 1px solid #3370ff
}

.byte-steps--sagittal>.byte-step--process {
    background-color: #3370ff
}

.byte-steps--sagittal>.byte-step--process:after {
    border-left: 30px solid #3370ff
}

.byte-steps--sagittal>.byte-step--process:before {
    border-top-color: #3370ff;
    border-bottom-color: #3370ff
}

.byte-steps--sagittal>.byte-step--process>.byte-step__content>.byte-step__title {
    color: #fff;
    font-weight: 500
}

.byte-steps--sagittal>.byte-step--process>.byte-step__content>.byte-step__description {
    color: #fff
}

.byte-steps--small-sagittal>.byte-step--process {
    background-color: #3370ff
}

.byte-steps--small-sagittal>.byte-step--process:after {
    border-left: 16px solid #3370ff
}

.byte-steps--small-sagittal>.byte-step--process:before {
    border-top: 16px solid #3370ff;
    border-bottom: 16px solid #3370ff
}

.byte-steps--small-sagittal>.byte-step--process>.byte-step__icon {
    color: #3370ff
}

.byte-steps--small-sagittal>.byte-step--process>.byte-step__icon:not(.byte-step__icon--custom) {
    background-color: #fff;
    border: 1px solid #3370ff
}

.byte-steps--small-sagittal>.byte-step--process>.byte-step__content>.byte-step__title {
    color: #fff
}

.byte-card {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1.5;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.byte-card__header,.byte-card__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.byte-card__header {
    padding: 9px 16px;
    border-bottom: 1px solid #e6e8eb;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    position: relative;
    color: #282f38;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.byte-card__extra,.byte-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.byte-card__extra {
    padding-left: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400
}

.byte-card__body {
    padding: 16px
}

.byte-card__actions {
    border-top: 1px solid #e6e8eb;
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.byte-card__actions .byte-card__action {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    position: relative
}

.byte-card__actions .byte-card__action:not(:last-child):after {
    content: "";
    background-color: #e6e8eb;
    display: inline-block;
    height: 7px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3.5px
}

.byte-card--no-divider .byte-card__header {
    border-bottom-color: transparent;
    padding-top: 12px
}

.byte-card--no-divider .byte-card__body {
    padding-top: 0
}

.byte-card--bordered {
    border: 1px solid #e6e8eb
}

.byte-card--always,.byte-card--hover:hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
}

.byte-radio-group {
    display: inline-block
}

.byte-radio__original {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.byte-radio__original--disabled {
    cursor: not-allowed
}

.byte-radio__wrapper {
    cursor: pointer;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    line-height: 16px;
    margin-right: 16px;
    color: #282f38
}

.byte-radio__wrapper:last-child {
    margin-right: 0
}

.byte-radio__wrapper:hover .byte-radio__radio {
    border-color: #3370ff
}

.byte-radio__wrapper .byte-radio__radio-inner input[type=radio]:checked+span {
    border-color: #3370ff;
    background-color: #3370ff
}

.byte-radio__wrapper .byte-radio__radio-inner input[type=radio]:checked+.byte-radio__radio:after {
    height: 4px;
    width: 4px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    border-radius: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #fff
}

.byte-radio__wrapper--disabled {
    color: #c2c6cc;
    cursor: not-allowed
}

.byte-radio__wrapper--disabled .byte-radio__radio-inner input[type=radio]+span {
    border-color: #e6e8eb;
    background-color: #f5f6f7;
    cursor: not-allowed
}

.byte-radio__wrapper--disabled .byte-radio__radio-inner input[type=radio]:checked+span {
    border-color: #e6e8eb;
    background-color: #f5f6f7
}

.byte-radio__wrapper--disabled .byte-radio__radio-inner input[type=radio]:checked+.byte-radio__radio:after {
    height: 4px;
    width: 4px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    border-radius: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #c2c6cc;
    cursor: not-allowed
}

.byte-radio__radio-inner {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    position: relative;
    line-height: 1;
    margin-right: 8px
}

.byte-radio__label {
    vertical-align: top;
    line-height: 16px;
    font-size: 14px;
    white-space: normal
}

.byte-radio__radio {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #e6e8eb;
    border-radius: 100%
}

.byte-radio__radio,.byte-radio__radio :after {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.byte-radio__radio :after {
    height: 4px;
    width: 4px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    border-radius: 100%
}

.byte-radio-group--vertical {
    display: inline-block
}

.byte-radio-group--vertical .byte-radio__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0
}

.byte-radio-group--vertical .byte-radio__wrapper+.byte-radio__wrapper {
    margin-top: 16px
}

.byte-radio-group--button {
    vertical-align: middle;
    font-size: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 32px;
    line-height: 30px
}

.byte-radio-group--button .byte-radio__wrapper {
    line-height: unset;
    padding: 0 16px;
    border: 1px solid #e6e8eb;
    margin-right: -1px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.byte-radio-group--button .byte-radio__wrapper .byte-radio__radio-inner {
    display: none
}

.byte-radio-group--button .byte-radio__wrapper .byte-radio__label {
    line-height: unset
}

.byte-radio-group--button .byte-radio__wrapper:hover {
    color: #3370ff
}

.byte-radio-group--button .byte-radio__wrapper--disabled {
    background-color: #f5f6f7
}

.byte-radio-group--button .byte-radio__wrapper--disabled:hover {
    color: #c2c6cc
}

.byte-radio-group--button .byte-radio__wrapper:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.byte-radio-group--button .byte-radio__wrapper:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.byte-radio-group--button.byte-radio-group--outline .byte-radio__wrapper--checked {
    border: 1px solid #3370ff;
    color: #3370ff;
    z-index: 1
}

.byte-radio-group--button.byte-radio-group--fill .byte-radio__wrapper--checked {
    border: 1px solid #3370ff;
    background-color: #3370ff;
    color: #fff;
    z-index: 1
}

.byte-radio-group--small {
    height: 24px;
    line-height: 22px
}

.byte-radio-group--small .byte-radio__wrapper {
    padding: 0 12px
}

.byte-radio-group--small .byte-radio__wrapper .byte-radio__label {
    font-size: 12px
}

.byte-radio-group--large {
    height: 36px;
    line-height: 34px
}

.byte-radio-group--huge {
    height: 40px;
    line-height: 38px
}

.byte-radio-group--huge .byte-radio__wrapper .byte-radio__label {
    font-size: 16px
}

.byte-checkbox-group {
    display: inline-block
}

.byte-checkbox-group--vertical .byte-checkbox__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0
}

.byte-checkbox-group--vertical .byte-checkbox__wrapper+.byte-checkbox__wrapper {
    margin-top: 16px
}

.byte-checkbox__original {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.byte-checkbox__original--disabled {
    cursor: not-allowed
}

.byte-checkbox__wrapper {
    cursor: pointer;
    display: inline-block;
    line-height: 16px;
    position: relative;
    white-space: nowrap;
    color: #282f38;
    margin-right: 16px
}

.byte-checkbox__wrapper :hover .byte-checkbox__checkbox {
    border-color: #3370ff
}

.byte-checkbox__wrapper:last-child {
    margin-right: 0
}

.byte-checkbox__wrapper .byte-checkbox__checkbox-inner input[type=checkbox]:checked+span {
    border-color: #3370ff;
    background-color: #3370ff
}

.byte-checkbox__wrapper .byte-checkbox__checkbox-inner input[type=checkbox]:checked+.byte-checkbox__checkbox:after {
    height: 10px;
    width: 6px;
    content: "";
    position: absolute;
    top: 1px;
    left: 4px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-color: #fff
}

.byte-checkbox__wrapper--disabled {
    cursor: not-allowed;
    color: #c2c6cc
}

.byte-checkbox__wrapper--disabled .byte-checkbox__checkbox-inner input[type=checkbox]+span {
    border-color: #e6e8eb;
    background-color: #f5f6f7;
    cursor: not-allowed
}

.byte-checkbox__wrapper--disabled .byte-checkbox__checkbox-inner input[type=checkbox]:checked+span {
    border-color: #e6e8eb;
    background-color: #f5f6f7
}

.byte-checkbox__wrapper--disabled .byte-checkbox__checkbox-inner input[type=checkbox]:checked+.byte-checkbox__checkbox:after {
    height: 10px;
    width: 6px;
    content: "";
    position: absolute;
    top: 1px;
    left: 4px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-color: #c2c6cc;
    cursor: not-allowed
}

.byte-checkbox__wrapper--indeterminate .byte-checkbox__checkbox {
    background-color: #3370ff;
    border-color: #3370ff
}

.byte-checkbox__wrapper--indeterminate .byte-checkbox__checkbox:after {
    height: 10px;
    width: 6px;
    content: "";
    position: absolute;
    top: 1px;
    left: 4px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #fff;
    border-bottom: 0;
    border-bottom-color: #fff;
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.byte-checkbox__checkbox-inner {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    position: relative;
    line-height: 1
}

.byte-checkbox__label {
    vertical-align: top;
    line-height: 16px;
    white-space: normal
}

.byte-checkbox__checkbox-inner+.byte-checkbox__label {
    margin-left: 8px
}

.byte-checkbox__checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    background-color: #fff
}

.byte-checkbox__checkbox,.byte-checkbox__checkbox :after {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.byte-checkbox__checkbox :after {
    height: 10px;
    width: 6px;
    content: "";
    position: absolute;
    top: 1px;
    left: 4px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.byte-input-tag {
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    position: relative;
    width: 100%;
    display: inline-block;
    color: #282f38;
    line-height: 1.5;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    height: 32px;
    padding: 0 12px;
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 32px;
    height: auto!important
}

.byte-input-tag:hover {
    border-color: #3370ff
}

.byte-input-tag--focused,.byte-input-tag:focus {
    border-color: #3370ff;
    -webkit-box-shadow: 0 0 0 2px #d6e8ff;
    box-shadow: 0 0 0 2px #d6e8ff
}

.byte-input-tag--disabled,.byte-input-tag[disabled] {
    color: #c2c6cc;
    background-color: #f5f6f7;
    cursor: not-allowed;
    border-color: #e6e8eb
}

.byte-input-tag--disabled:hover,.byte-input-tag[disabled]:hover {
    border-color: #e6e8eb
}

.byte-input-tag--disabled>input,.byte-input-tag[disabled]>input {
    color: #c2c6cc
}

.byte-input-tag--small {
    height: 24px;
    padding: 0 12px;
    font-size: 12px
}

.byte-input-tag--large {
    height: 36px;
    padding: 0 12px;
    font-size: 14px
}

.byte-input-tag--huge {
    height: 40px;
    padding: 0 12px;
    font-size: 16px
}

.byte-input-tag::-webkit-input-placeholder {
    color: #c2c6cc
}

.byte-input-tag::-moz-placeholder {
    color: #c2c6cc
}

.byte-input-tag:-ms-input-placeholder,.byte-input-tag::-ms-input-placeholder {
    color: #c2c6cc
}

.byte-input-tag::placeholder {
    color: #c2c6cc
}

.byte-input-tag--small {
    min-height: 24px
}

.byte-input-tag--large {
    min-height: 36px
}

.byte-input-tag--huge {
    min-height: 40px
}

.byte-input-tag--small .byte-input-tag__tag {
    min-height: 18px;
    line-height: 16px;
    margin-top: 2px;
    margin-bottom: 2px
}

.byte-input-tag--large .byte-input-tag__tag {
    min-height: 28px;
    line-height: 26px
}

.byte-input-tag--huge .byte-input-tag__tag {
    min-height: 30px;
    line-height: 28px
}

.byte-input-tag__tag {
    display: inline-block;
    min-height: 22px;
    line-height: 20px;
    background: #f0f1f2;
    border-radius: 2px;
    margin-right: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0 6px;
    font-size: 12px;
    word-break: break-all
}

.byte-input-tag__tag span {
    vertical-align: middle;
    margin-right: 4px
}

.byte-input-tag__tag .byte-icon {
    color: #939aa3;
    cursor: pointer
}

.byte-input-tag__input {
    display: inline-block;
    background: none;
    border: 0;
    outline: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 4px
}

.byte-input-tag__input::-webkit-input-placeholder {
    color: #c2c6cc
}

.byte-input-tag__input::-moz-placeholder {
    color: #c2c6cc
}

.byte-input-tag__input:-ms-input-placeholder,.byte-input-tag__input::-ms-input-placeholder {
    color: #c2c6cc
}

.byte-input-tag__input::placeholder {
    color: #c2c6cc
}

.byte-input-tag--disabled:hover .byte-input-tag__input {
    cursor: not-allowed
}

.byte-loading-parent--relative {
    position: relative!important
}

.byte-loading-parent--hidden {
    overflow: hidden!important
}

.byte-loading {
    position: absolute;
    z-index: 1000;
    background-color: hsla(0,0%,100%,.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    color: #3370ff
}

.byte-loading--fullscreen {
    position: fixed
}

.byte-loading__spinner {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.byte-loading__spinner .circular {
    width: 30px;
    height: 30px;
    vertical-align: top;
    -webkit-animation: loading-rotate 1s linear infinite;
    animation: loading-rotate 1s linear infinite
}

.byte-loading__text {
    margin-top: 8px;
    font-size: 12px
}

@-webkit-keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.byte-notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    pointer-events: none
}

.byte-notification-notice {
    left: auto;
    right: 20px;
    width: 380px
}

.byte-message {
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    padding: 12px 16px;
    color: #282f38;
    line-height: 22px;
    pointer-events: all
}

.byte-message__cover {
    text-align: center;
    margin: 0 10px 20px
}

.byte-message>.byte-message__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.byte-message .byte-message__icon {
    height: 22px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    margin-right: 12px
}

.byte-message .byte-message__icon--info {
    color: #3370ff
}

.byte-message .byte-message__icon--success {
    color: #0fbf60
}

.byte-message .byte-message__icon--warning {
    color: #f58505
}

.byte-message .byte-message__icon--error {
    color: #ee4d38
}

.byte-message .byte-message__icon--loading {
    color: #14a9f8;
    -webkit-animation: message-loading-circle 1s linear infinite;
    animation: message-loading-circle 1s linear infinite
}

.byte-message .byte-message__content {
    display: inline-block;
    text-align: left
}

.byte-message .byte-message__close {
    height: 22px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    margin-left: 32px
}

@-webkit-keyframes message-loading-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes message-loading-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes message-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes message-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes message-slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    70% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0
    }
}

@keyframes message-slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    70% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0
    }
}

.message-slide-enter-active {
    -webkit-animation: message-slide-in .15s;
    animation: message-slide-in .15s
}

.message-slide-leave-active {
    -webkit-animation: message-slide-out .15s;
    animation: message-slide-out .15s
}

.byte-menu {
    font-size: 14px;
    list-style-type: none;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #282f38;
    text-align: left;
    width: 100%
}

.byte-menu .byte-icon {
    font-size: 16px;
    margin-right: 12px;
    vertical-align: -3px
}

.byte-menu--horizontal {
    border-bottom: 1px solid #e6e8eb;
    line-height: 46px;
    white-space: nowrap;
    zoom:1}

.byte-menu--horizontal:after,.byte-menu--horizontal:before {
    content: "";
    display: table
}

.byte-menu--horizontal:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.byte-menu--horizontal .byte-menu-item,.byte-menu--horizontal .byte-submenu {
    float: left;
    border-bottom: 2px solid transparent;
    margin: 0 20px;
    top: 1px
}

.byte-menu--horizontal .byte-menu-item--active,.byte-menu--horizontal .byte-submenu--active {
    border-bottom-color: #3370ff;
    color: #3370ff
}

.byte-menu--horizontal .byte-menu-item--opened>.byte-submenu__title .byte-submenu__title-icon,.byte-menu--horizontal .byte-submenu--opened>.byte-submenu__title .byte-submenu__title-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.byte-menu--horizontal .byte-submenu__title-icon {
    margin-left: 12px;
    margin-right: 0;
    font-size: 12px;
    vertical-align: middle;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.byte-menu--popup,.byte-menu--vertical {
    border-right: 1px solid #e6e8eb;
    background: #fff
}

.byte-menu--popup .byte-menu-item,.byte-menu--popup .byte-submenu__title,.byte-menu--vertical .byte-menu-item,.byte-menu--vertical .byte-submenu__title {
    overflow: hidden;
    padding-left: 20px;
    border-left: 3px solid transparent;
    line-height: 48px
}

.byte-menu--popup .byte-menu-item:hover,.byte-menu--popup .byte-submenu__title:hover,.byte-menu--vertical .byte-menu-item:hover,.byte-menu--vertical .byte-submenu__title:hover {
    color: #3370ff
}

.byte-menu--popup .byte-menu-item-group__title,.byte-menu--vertical .byte-menu-item-group__title {
    border-left: 3px solid transparent
}

.byte-menu--popup .byte-menu-item--active,.byte-menu--vertical .byte-menu-item--active {
    color: #3370ff;
    background-color: #fafbfc;
    border-left-color: #3370ff;
    font-weight: 600
}

.byte-menu--popup .byte-submenu__title,.byte-menu--vertical .byte-submenu__title {
    position: relative
}

.byte-menu--popup .byte-submenu__title-icon,.byte-menu--vertical .byte-submenu__title-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -5px;
    margin-right: 0;
    font-size: 12px
}

.byte-menu--popup .byte-submenu__title-icon,.byte-menu--popup .byte-submenu__title .byte-icon,.byte-menu--popup .byte-submenu__title span,.byte-menu--vertical .byte-submenu__title-icon,.byte-menu--vertical .byte-submenu__title .byte-icon,.byte-menu--vertical .byte-submenu__title span {
    -webkit-transition: all .2s;
    transition: all .2s
}

.byte-menu--popup .byte-submenu--active:not(.byte-submenu--opened)>.byte-submenu__title,.byte-menu--vertical .byte-submenu--active:not(.byte-submenu--opened)>.byte-submenu__title {
    color: #3370ff
}

.byte-menu--popup .byte-submenu--opened>.byte-submenu__title .byte-submenu__title-icon,.byte-menu--vertical .byte-submenu--opened>.byte-submenu__title .byte-submenu__title-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.byte-menu--dark.byte-menu--collapse,.byte-menu--dark.byte-menu--popup,.byte-menu--dark.byte-menu--vertical {
    color: #939aa3;
    background-color: #282f38;
    border-right: 0
}

.byte-menu--dark.byte-menu--collapse .byte-menu__inner,.byte-menu--dark.byte-menu--popup .byte-menu__inner,.byte-menu--dark.byte-menu--vertical .byte-menu__inner {
    background-color: #1d252f
}

.byte-menu--dark.byte-menu--collapse .byte-menu-item,.byte-menu--dark.byte-menu--collapse .byte-submenu__title,.byte-menu--dark.byte-menu--popup .byte-menu-item,.byte-menu--dark.byte-menu--popup .byte-submenu__title,.byte-menu--dark.byte-menu--vertical .byte-menu-item,.byte-menu--dark.byte-menu--vertical .byte-submenu__title {
    color: #939aa3
}

.byte-menu--dark.byte-menu--collapse .byte-menu-item:hover,.byte-menu--dark.byte-menu--collapse .byte-submenu__title:hover,.byte-menu--dark.byte-menu--popup .byte-menu-item:hover,.byte-menu--dark.byte-menu--popup .byte-submenu__title:hover,.byte-menu--dark.byte-menu--vertical .byte-menu-item:hover,.byte-menu--dark.byte-menu--vertical .byte-submenu__title:hover {
    color: #fff
}

.byte-menu--dark.byte-menu--collapse .byte-menu-item--active,.byte-menu--dark.byte-menu--collapse .byte-submenu__title--active,.byte-menu--dark.byte-menu--popup .byte-menu-item--active,.byte-menu--dark.byte-menu--popup .byte-submenu__title--active,.byte-menu--dark.byte-menu--vertical .byte-menu-item--active,.byte-menu--dark.byte-menu--vertical .byte-submenu__title--active {
    color: #fff;
    background-color: #3370ff;
    border-left-color: #3370ff
}

.byte-menu--dark.byte-menu--collapse .byte-submenu--active:not(.byte-submenu--opened)>.byte-submenu__title,.byte-menu--dark.byte-menu--popup .byte-submenu--active:not(.byte-submenu--opened)>.byte-submenu__title,.byte-menu--dark.byte-menu--vertical .byte-submenu--active:not(.byte-submenu--opened)>.byte-submenu__title {
    color: #fff
}

.byte-menu--collapse {
    width: 62px!important
}

.byte-menu--collapse>.byte-submenu>.byte-submenu__title span {
    display: inline-block;
    max-width: 0;
    opacity: 0
}

.byte-menu--collapse>.byte-submenu>.byte-submenu__title .byte-submenu__title-icon {
    opacity: 0
}

.byte-menu--collapse>.byte-menu-item .byte-menu-item__title {
    display: inline-block;
    max-width: 10px;
    opacity: 0
}

.byte-menu-item,.byte-submenu {
    display: block;
    position: relative;
    color: #282f38;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.byte-menu-item--disabled,.byte-menu-item--disabled .byte-menu-item__title,.byte-menu-item--disabled .byte-submenu__title,.byte-submenu--disabled,.byte-submenu--disabled .byte-menu-item__title,.byte-submenu--disabled .byte-submenu__title {
    cursor: not-allowed!important;
    color: #c2c6cc!important;
    border-bottom-color: transparent!important;
    background-color: transparent!important
}

.byte-menu-item__title {
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    opacity: 1
}

.byte-menu-item,.byte-submenu__title {
    cursor: pointer;
    white-space: nowrap;
    font-weight: 400
}

.byte-menu-item--active,.byte-submenu__title--active {
    color: #3370ff
}

.byte-submenu__dropdown {
    margin: 4px 0 0;
    padding: 8px 0;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(29,37,47,.1);
    box-shadow: 0 5px 10px rgba(29,37,47,.1);
    color: #282f38
}

.byte-submenu__dropdown .byte-menu-item,.byte-submenu__dropdown .byte-submenu {
    display: block;
    line-height: 38px;
    padding: 0 20px;
    margin: 0;
    float: none;
    top: 0;
    border: 0
}

.byte-submenu__dropdown .byte-menu-item:hover,.byte-submenu__dropdown .byte-submenu:hover {
    outline: 0;
    color: #3370ff
}

.byte-submenu__dropdown .byte-submenu {
    padding-right: 0
}

.byte-submenu__dropdown .byte-submenu__title {
    padding-right: 36px
}

.byte-submenu__dropdown .byte-submenu__title-icon {
    position: absolute;
    right: 12px;
    top: 13px
}

.byte-submenu__dropdown .byte-submenu__dropdown {
    margin-left: 4px;
    margin-top: -8px
}

.byte-submenu__dropdown--right-start {
    margin-left: 4px;
    margin-top: -4px
}

.byte-submenu__dropdown--right-start .byte-menu-item,.byte-submenu__dropdown--right-start .byte-submenu {
    line-height: 38px
}

.byte-submenu__dropdown--right-start .byte-submenu__title {
    padding-left: 0;
    border: 0
}

.byte-submenu__dropdown--right-start .byte-submenu__title-icon {
    margin-top: -7px;
    top: 50%;
    right: 16px
}

.byte-submenu__dropdown--dark {
    color: #939aa3;
    background-color: #282f38;
    border-right: 0
}

.byte-submenu__dropdown--dark .byte-menu__inner {
    background-color: #1d252f
}

.byte-submenu__dropdown--dark .byte-menu-item,.byte-submenu__dropdown--dark .byte-submenu__title {
    color: #939aa3
}

.byte-submenu__dropdown--dark .byte-menu-item:hover,.byte-submenu__dropdown--dark .byte-submenu__title:hover {
    color: #fff
}

.byte-submenu__dropdown--dark .byte-menu-item--active,.byte-submenu__dropdown--dark .byte-submenu__title--active {
    color: #fff;
    background-color: #3370ff;
    border-left-color: #3370ff
}

.byte-submenu__dropdown--dark .byte-submenu--active:not(.byte-submenu--opened)>.byte-submenu__title {
    color: #fff
}

.byte-menu-item-group__title {
    font-size: 12px;
    color: #939aa3;
    padding-left: 20px;
    line-height: 24px
}

.byte-notice {
    position: relative;
    margin: 0 0 20px;
    background: #fff;
    border-left: 3px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    padding: 16px;
    font-size: 14px;
    color: #282f38;
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.byte-notice--info {
    border-color: #3370ff
}

.byte-notice--success {
    border-color: #0fbf60
}

.byte-notice--warning {
    border-color: #f58505
}

.byte-notice--error {
    border-color: #ee4d38
}

.byte-notice .byte-notice__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    margin-right: 12px;
    height: 24px
}

.byte-notice .byte-notice__icon--info {
    color: #3370ff
}

.byte-notice .byte-notice__icon--success {
    color: #0fbf60
}

.byte-notice .byte-notice__icon--warning {
    color: #f58505
}

.byte-notice .byte-notice__icon--error {
    color: #ee4d38
}

.byte-notice .byte-notice__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 32px
}

.byte-notice .byte-notice__title {
    font-size: 16px;
    line-height: 24px
}

.byte-notice .byte-notice__title+.byte-notice .byte-notice__content {
    margin-top: 8px
}

.byte-notice .byte-notice__content {
    text-align: justify;
    line-height: 22px
}

.byte-notice .byte-notice__close {
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 16px;
    right: 16px;
    color: #939aa3
}

@-webkit-keyframes notice-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes notice-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes notice-slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    70% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0
    }
}

@keyframes notice-slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    70% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0
    }
}

.notice-slide-enter-active {
    -webkit-animation: notice-slide-in .3s;
    animation: notice-slide-in .3s
}

.notice-slide-leave-active {
    -webkit-animation: notice-slide-out .3s;
    animation: notice-slide-out .3s
}

.byte-popover {
    min-width: 150px;
    background-color: #fff;
    padding: 16px;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1.5;
    position: absolute;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    color: #1d252f
}

.byte-popover__title {
    font-weight: 600;
    margin-bottom: 8px
}

.byte-popover__content {
    color: #939aa3
}

.byte-popover__controls {
    text-align: right;
    margin-top: 14px
}

.byte-popover__controls--cancel,.byte-popover__controls--ok {
    display: inline-block;
    margin-left: 16px;
    cursor: pointer
}

.byte-popover__controls--ok {
    color: #3370ff;
    font-weight: 600
}

.byte-popover .popper__arrow {
    width: 8px;
    height: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e8eb #e6e8eb transparent transparent;
    background-color: inherit;
    position: absolute
}

.byte-popover[x-placement^=top] {
    margin-bottom: 10px
}

.byte-popover[x-placement^=top] .popper__arrow {
    bottom: -4px;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.byte-popover[x-placement^=bottom] {
    margin-top: 10px
}

.byte-popover[x-placement^=bottom] .popper__arrow {
    top: -4px;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.byte-popover[x-placement^=right] {
    margin-left: 10px
}

.byte-popover[x-placement^=right] .popper__arrow {
    left: -4px;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.byte-popover[x-placement^=left] {
    margin-right: 10px
}

.byte-popover[x-placement^=left] .popper__arrow {
    right: -4px;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.byte-progress {
    position: relative
}

.byte-progress--leisure {
    padding-right: 85px;
    margin-right: -85px
}

.byte-progress--bar {
    vertical-align: middle;
    width: 100%
}

.byte-progress--bar,.byte-progress-circle {
    display: inline-block
}

.byte-progress-circle .byte-progress__text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    width: 100%;
    text-align: center;
    color: #3370ff;
    font-size: 16px
}

.byte-progress-circle__inner {
    height: 100%
}

.byte-progress__outer {
    position: relative;
    vertical-align: middle;
    width: 100%;
    overflow: hidden
}

.byte-progress__inner {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    -webkit-transition: width 1s;
    transition: width 1s;
    text-align: right
}

.byte-progress-dashed__inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.byte-progress-dashed__inner+.byte-progress-dashed__inner {
    margin-left: 20px
}

.byte-progress-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.byte-progress__text {
    font-size: 14px;
    display: inline-block;
    margin-left: 12px;
    color: #939aa3
}

.byte-progress__text-inside {
    color: #39424e;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    margin: 2px 7px 0;
    font-size: 12px
}

.byte-progress__text-inside .active {
    color: #fff
}

.byte-progress__text-inside .byte-icon {
    vertical-align: top;
    margin-right: -5px
}

.byte-progress__bg--default {
    background-color: #f0f1f2
}

.byte-progress__bg--normal {
    background-color: #3370ff
}

.byte-progress__bg--success {
    background-color: #0fbf60
}

.byte-progress__bg--error {
    background-color: #ee4d38
}

.byte-progress-stroke--small {
    height: 6px;
    border-radius: 6px
}

.byte-progress-stroke--default {
    height: 8px;
    border-radius: 6px
}

.byte-progress-stroke--large {
    height: 16px;
    border-radius: 8px
}

.background {
    background: linear-gradient(-45deg,#f0f1f2 25%,#e6e6e6 37%,#f0f1f2 63%);
    -webkit-animation: byte-skeleton-loading 1.4s ease infinite;
    animation: byte-skeleton-loading 1.4s ease infinite;
    background-size: 400% 100%
}

@-webkit-keyframes byte-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes byte-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.byte-skeleton-parent>:not(.byte-skeleton)>:not(.byte-skeleton) {
    display: none
}

.byte-skeleton--avatar .byte-skeleton__content {
    margin-left: 48px
}

.byte-skeleton--small .byte-skeleton__avatar {
    width: 24px;
    height: 24px
}

.byte-skeleton--small .byte-skeleton__title {
    height: 12px;
    margin-top: 6px
}

.byte-skeleton--small .byte-skeleton__line {
    height: 12px;
    margin-top: 12px
}

.byte-skeleton--small .byte-skeleton__line:first-child {
    margin-top: 18px
}

.byte-skeleton--small.byte-skeleton--avatar .byte-skeleton__content {
    margin-left: 36px
}

.byte-skeleton--small .byte-skeleton__item {
    padding-bottom: 17px;
    margin-bottom: 17px
}

.byte-skeleton--large .byte-skeleton__avatar {
    width: 40px;
    height: 40px
}

.byte-skeleton--large .byte-skeleton__title {
    height: 18px;
    margin-top: 11px
}

.byte-skeleton--large .byte-skeleton__line {
    height: 18px;
    margin-top: 18px
}

.byte-skeleton--large .byte-skeleton__line:first-child {
    margin-top: 27px
}

.byte-skeleton--large.byte-skeleton--avatar .byte-skeleton__content {
    margin-left: 58px
}

.byte-skeleton--large .byte-skeleton__item {
    padding-bottom: 23px;
    margin-bottom: 23px
}

.byte-skeleton--huge .byte-skeleton__avatar {
    width: 64px;
    height: 64px
}

.byte-skeleton--huge .byte-skeleton__title {
    height: 25px;
    margin-top: 19.5px
}

.byte-skeleton--huge .byte-skeleton__line {
    height: 25px;
    margin-top: 25px
}

.byte-skeleton--huge .byte-skeleton__line:first-child {
    margin-top: 37.5px
}

.byte-skeleton--huge.byte-skeleton--avatar .byte-skeleton__content {
    margin-left: 89px
}

.byte-skeleton--huge .byte-skeleton__item {
    padding-bottom: 30px;
    margin-bottom: 30px
}

.byte-skeleton--animated .byte-skeleton__avatar,.byte-skeleton--animated .byte-skeleton__line,.byte-skeleton--animated .byte-skeleton__title {
    background: linear-gradient(-45deg,#f0f1f2 25%,#e6e6e6 37%,#f0f1f2 63%);
    -webkit-animation: byte-skeleton-loading 1.4s ease infinite;
    animation: byte-skeleton-loading 1.4s ease infinite;
    background-size: 400% 100%
}

.byte-skeleton__item {
    padding-bottom: 21px;
    margin-bottom: 21px;
    border-bottom: 1px solid #f0f1f2
}

.byte-skeleton__item:last-child {
    padding: 0;
    margin: 0;
    border: none
}

.byte-skeleton__avatar {
    float: left;
    width: 32px;
    height: 32px;
    background: #f0f1f2;
    border-radius: 50%
}

.byte-skeleton__avatar--square {
    border-radius: 2px
}

.byte-skeleton__content {
    overflow: hidden
}

.byte-skeleton__title {
    width: 50%;
    height: 16px;
    margin-top: 8px;
    background: #f0f1f2
}

.byte-skeleton__line {
    height: 16px;
    background: #f0f1f2;
    margin-top: 16px
}

.byte-skeleton__line:first-child {
    margin-top: 24px
}

.byte-skeleton__line:last-child {
    width: 80%
}

.byte-statistic {
    display: inline-block;
    color: #282f38
}

.byte-statistic .byte-icon+span,.byte-statistic span+.byte-icon {
    margin-left: 4px
}

.byte-statistic__title {
    font-size: 14px;
    margin-bottom: 4px
}

.byte-statistic__content {
    display: block;
    font-size: 26px;
    font-weight: 600;
    font-family: DINCondBold
}

.byte-statistic__content .byte-icon {
    vertical-align: -2px
}

.byte-statistic__decimal {
    font-size: 16px
}

.byte-tooltip {
    padding: 8px 12px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    font-size: 14px;
    font-weight: 400
}

.byte-tooltip__wrapper {
    display: inline-block
}

.byte-tooltip--dark {
    color: #fff;
    background-color: #1d252f
}

.byte-tooltip--light {
    color: #1d252f;
    background-color: #fff;
    border-radius: 2px
}

.byte-tooltip--dark .popper__arrow,.byte-tooltip--light .popper__arrow {
    width: 8px;
    height: 8px;
    background-color: inherit;
    position: absolute
}

.byte-tooltip[x-placement^=top] {
    margin-bottom: 10px
}

.byte-tooltip[x-placement^=top] .popper__arrow {
    bottom: -4px;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.byte-tooltip[x-placement^=bottom] {
    margin-top: 10px
}

.byte-tooltip[x-placement^=bottom] .popper__arrow {
    top: -4px;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.byte-tooltip[x-placement^=right] {
    margin-left: 10px
}

.byte-tooltip[x-placement^=right] .popper__arrow {
    left: -4px;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.byte-tooltip[x-placement^=left] {
    margin-right: 10px
}

.byte-tooltip[x-placement^=left] .popper__arrow {
    right: -4px;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.byte-tag {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    padding: 0 6px;
    border-width: 1px;
    border-radius: 2px;
    border-color: #e6e8eb;
    color: #282f38;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.byte-tag--default:hover {
    border-color: #f0f1f2
}

.byte-tag--default {
    height: 22px;
    padding: 0 6px;
    line-height: 20px
}

.byte-tag--small {
    height: 18px;
    padding: 0 4px;
    line-height: 16px
}

.byte-tag--large {
    height: 26px;
    padding: 0 6px;
    line-height: 24px
}

.byte-tag--huge {
    height: 30px;
    padding: 0 6px;
    line-height: 28px
}

.byte-tag--red {
    color: #fa7a64;
    border-color: #ffc7b8;
    background-color: #fff4f0
}

.byte-tag--red:hover {
    border-color: #ffe8e0
}

.byte-tag--yellow {
    color: #ffcd00;
    border-color: #fff27a;
    background-color: #fffee6
}

.byte-tag--yellow:hover {
    border-color: #fff9a3
}

.byte-tag--blue {
    color: #3370ff;
    border-color: #adceff;
    background-color: #d6e8ff
}

.byte-tag--blue:hover {
    border-color: #85b1ff
}

.byte-tag--green {
    color: #0fbf60;
    border-color: #81e6a6;
    background-color: #e6ffed
}

.byte-tag--green:hover {
    border-color: #57d98b
}

.byte-tag--purple {
    color: #6c30c7;
    border-color: #ccabed;
    background-color: #f8f0ff
}

.byte-tag--purple:hover {
    border-color: #ac7ee0
}

.byte-tag--turquoise {
    color: #00d0b6;
    border-color: #77f7db;
    background-color: #e6fff8
}

.byte-tag--turquoise:hover {
    border-color: #4bebcd
}

.byte-tag--orange {
    color: #f58505;
    border-color: #ffd080;
    background-color: #fff7e6
}

.byte-tag--orange:hover {
    border-color: #ffbc57
}

.byte-tag--plum {
    color: #d018ca;
    border-color: #f794ea;
    background-color: #ffebfb
}

.byte-tag--plum:hover {
    border-color: #eb67dd
}

.byte-tag--larkblue {
    color: #3370ff;
    border-color: #adceff;
    background-color: #d6e8ff
}

.byte-tag--larkblue:hover {
    border-color: #85b1ff
}

.byte-tag--border,.byte-tag--filling {
    border-width: 1px;
    border-style: solid
}

.byte-tag--filling {
    color: #fff
}

.byte-tag--filling.byte-tag--red {
    border-color: #fa7a64;
    background-color: #fa7a64
}

.byte-tag--filling.byte-tag--yellow {
    border-color: #ffcd00;
    background-color: #ffcd00
}

.byte-tag--filling.byte-tag--blue {
    border-color: #3370ff;
    background-color: #3370ff
}

.byte-tag--filling.byte-tag--green {
    border-color: #0fbf60;
    background-color: #0fbf60
}

.byte-tag--filling.byte-tag--purple {
    border-color: #6c30c7;
    background-color: #6c30c7
}

.byte-tag--filling.byte-tag--turquoise {
    border-color: #00d0b6;
    background-color: #00d0b6
}

.byte-tag--filling.byte-tag--orange {
    border-color: #f58505;
    background-color: #f58505
}

.byte-tag--filling.byte-tag--plum {
    border-color: #d018ca;
    background-color: #d018ca
}

.byte-tag--filling.byte-tag--larkblue {
    border-color: #3370ff;
    background-color: #3370ff
}

.byte-tag-icon {
    margin-right: 4px;
    vertical-align: -.125em
}

.byte-tag--close {
    margin-left: 8px;
    vertical-align: -.125em
}

.byte-tag--default-close {
    color: #c2c6cc
}

.byte-tag:not(.byte-tag--checked) {
    border-color: transparent;
    color: #282f38;
    background-color: transparent
}

.byte-pagination {
    list-style: none;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    margin: 0;
    color: #282f38
}

.byte-pagination--small .byte-pagination__item,.byte-pagination--small .byte-pagination__total {
    font-size: 12px;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle
}

.byte-pagination--normal .byte-pagination__item,.byte-pagination--normal .byte-pagination__total {
    font-size: 14px;
    min-width: 32px;
    height: 32px;
    line-height: 32px
}

.byte-pagination--large .byte-pagination__item,.byte-pagination--large .byte-pagination__total {
    font-size: 14px;
    min-width: 36px;
    height: 36px;
    line-height: 36px
}

.byte-pagination--huge .byte-pagination__item,.byte-pagination--huge .byte-pagination__total {
    font-size: 16px;
    min-width: 40px;
    height: 40px;
    line-height: 40px
}

.byte-pagination__pager {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin: 0
}

.byte-pagination__total {
    display: inline-block;
    margin: 0 9px
}

.byte-pagination__input {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px
}

.byte-pagination__jumper,.byte-pagination__sizechanger {
    display: inline-block;
    margin: 0 16px
}

.byte-pagination__sizechanger {
    vertical-align: middle
}

.byte-pagination__prev-text {
    margin-right: 8px
}

.byte-pagination__next-text {
    margin-left: 8px
}

.byte-pagination__jumper-input {
    width: 50px;
    margin-right: 8px
}

.byte-pagination__simple-item {
    display: inline-block;
    color: #282f38;
    background-color: transparent;
    cursor: pointer
}

.byte-pagination__simple-item:hover {
    color: #3370ff;
    background-color: transparent
}

.byte-pagination__simple-item[disabled] {
    cursor: not-allowed;
    color: #c2c6cc;
    background-color: transparent
}

.byte-pagination__simple-item[disabled]:hover {
    color: #c2c6cc
}

.byte-pagination__simple-pager {
    margin: 0 8px;
    display: inline-block
}

.byte-pagination__item {
    background-color: #f5f6f7;
    display: inline-block;
    min-width: 32px;
    padding-left: 6px;
    padding-right: 6px;
    height: 32px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle;
    line-height: 32px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer
}

.byte-pagination__item--active,.byte-pagination__item:hover {
    color: #fff;
    background-color: #3370ff
}

.byte-pagination__item[disabled] {
    cursor: not-allowed;
    color: #c2c6cc;
    background-color: #f5f6f7
}

.byte-pagination__item .byte-icon {
    vertical-align: -1px
}

.byte-pagination--disabled,.byte-pagination--disabled * {
    color: #c2c6cc;
    cursor: not-allowed
}

.byte-pagination--disabled .byte-pagination__item {
    background-color: #f5f6f7
}

.byte-pagination--disabled .byte-pagination__item--active,.byte-pagination--disabled .byte-pagination__item:hover {
    color: #c2c6cc;
    background-color: #f5f6f7
}

.byte-table {
    width: inherit;
    height: 100%;
    overflow: hidden;
    color: #282f38;
    font-size: 14px;
    line-height: 1.5
}

.byte-table,.byte-table-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.byte-table-wrapper {
    position: relative
}

.byte-table-wrapper__border {
    border: 1px solid #e6e8eb
}

.byte-table-wrapper__border tbody tr:last-child td {
    border-bottom: unset
}

.byte-table td,.byte-table th {
    border-bottom: 1px solid #e6e8eb
}

.byte-table table {
    width: 100%;
    table-layout: fixed;
    background-color: #fff
}

.byte-table table thead {
    background-color: #f5f6f7
}

.byte-table__tr-hover {
    background-color: #fafbfc
}

.byte-table__cell {
    width: 100%;
    padding: 16px 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.byte-table__cell-header-resizable {
    position: absolute;
    width: 6px;
    top: 0;
    bottom: 0;
    right: -2px
}

.byte-table__cell-header-resizable:hover {
    cursor: move
}

.byte-table__cell--small {
    padding: 8px 24px
}

.byte-table__cell--relative {
    position: relative
}

.byte-table__cell--bordered tr>td:not(.byte-table__cell--last):not(:last-of-type),.byte-table__cell--bordered tr>th:not(.byte-table__cell--last):not(:last-of-type) {
    border-right: 1px solid #e6e8eb
}

.byte-table__cell--ellipsis {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.byte-table__cell-tooltip-wrapper,.byte-table__cell-tooltip-wrapper .byte-tooltip__wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.byte-table__cell-tooltip-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.byte-table__cell-expand {
    cursor: pointer
}

.byte-table__cell-expand:hover {
    color: #3370ff
}

.byte-table__cell .byte-table__header-sort {
    display: inline-block;
    margin-left: 8px;
    vertical-align: -2px
}

.byte-table__cell .byte-table__header-sort-icon {
    position: relative;
    height: 8px;
    line-height: 8px;
    overflow: hidden;
    cursor: pointer;
    color: #939aa3;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    font-size: 12px
}

.byte-table__cell .byte-table__header-sort-icon i {
    top: -2px
}

.byte-table__cell .byte-table__header-sort-icon i:hover {
    color: inherit
}

.byte-table__cell .byte-table__header-sort-icon i.on {
    color: #3370ff
}

.byte-table__cell .byte-table__header-sort-icon:last-child i {
    position: relative
}

.byte-table__cell .byte-table__header-filter {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 24px;
    line-height: 1;
    vertical-align: 0
}

.byte-table__cell .byte-table__header-filter:hover {
    background-color: #e6e8eb
}

.byte-table__cell .byte-table__header-filter i {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: #939aa3;
    font-size: 16px
}

.byte-table__cell .byte-table__header-filter i.on {
    color: #3370ff
}

.byte-table__cell .byte-table__header-filter.open {
    background-color: #e6e8eb
}

.byte-table__cell--left {
    text-align: left
}

.byte-table__cell--center {
    text-align: center
}

.byte-table__cell--right {
    text-align: right
}

.byte-table__cell--hidden {
    visibility: hidden
}

th .byte-table__cell {
    display: inline-block;
    word-wrap: normal;
    vertical-align: middle
}

.byte-table__header-wrapper {
    overflow: hidden
}

.byte-table__header-wrapper th {
    position: relative
}

.byte-table__header-filter {
    display: inline-block;
    margin-left: 4px
}

.byte-table__header-filter-wrapper .byte-checkbox-group,.byte-table__header-filter-wrapper .byte-radio-group {
    width: 100%
}

.byte-table__header-filter-wrapper ul {
    padding: 0 4px;
    margin: 4px 0
}

.byte-table__header-filter-wrapper ul li {
    list-style: none;
    padding: 6px 0
}

.byte-table__header-filter-wrapper ul li:hover {
    background-color: #fafbfc;
    color: #3370ff
}

.byte-table__header-filter-wrapper .multiple-action {
    border-top: 1px solid #e6e8eb
}

.byte-table__header-filter-wrapper .multiple-action .filter-btn,.byte-table__header-filter-wrapper .multiple-action .reset-btn {
    text-align: center;
    display: inline-block;
    width: 50%;
    height: 36px;
    line-height: 36px
}

.byte-table__header-filter-wrapper .multiple-action .filter-btn {
    position: relative
}

.byte-table__header-filter-wrapper .multiple-action .filter-btn:after {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background-color: #e6e8eb
}

.byte-table__body-wrapper {
    overflow: hidden
}

.byte-table__body-scrollX {
    overflow-x: scroll
}

.byte-table__body-scrollY {
    overflow-y: scroll
}

.byte-table__body-empty-wrapper {
    position: relative
}

.byte-table__body-empty-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.byte-table__fixed-left-wrapper,.byte-table__fixed-right-wrapper {
    position: absolute;
    top: 0;
    overflow: hidden
}

.byte-table__fixed-left-body-wrapper,.byte-table__fixed-right-body-wrapper {
    overflow: hidden;
    position: relative
}

.byte-table__fixed-left-wrapper {
    left: 0;
    -webkit-box-shadow: 2px 0 8px -8px rgba(0,0,0,.5);
    box-shadow: 2px 0 8px -8px rgba(0,0,0,.5)
}

.byte-table__fixed-right-wrapper {
    right: 0;
    -webkit-box-shadow: -2px 0 8px -8px rgba(0,0,0,.5);
    box-shadow: -2px 0 8px -8px rgba(0,0,0,.5)
}

.byte-table__fixed-right-body-wrapper {
    overflow: hidden
}

.byte-table__fixed-right-append-th {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f5f6f7;
    border: 1px solid #e6e8eb;
    border-left: none;
    border-right: none
}

.byte-table__stripe .byte-table__body-wrapper tr:nth-child(2n) td,.byte-table__stripe .byte-table__fixed-left-body-wrapper tr:nth-child(2n) td,.byte-table__stripe .byte-table__fixed-right-body-wrapper tr:nth-child(2n) td {
    background-color: #f5f6f7
}

.byte-table__drag-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px dashed #e6e8eb
}

.byte-select {
    cursor: pointer;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e6e8eb;
    -webkit-transition: all .3s;
    transition: all .3s
}

.byte-select--small {
    font-size: 12px
}

.byte-select--small .byte-select__tag {
    margin-top: 2px
}

.byte-select--small .byte-select__input {
    height: 22px
}

.byte-select--small .byte-select__icon-wrap,.byte-select--small .byte-select__placeholder {
    line-height: 22px
}

.byte-select--large .byte-select__input {
    height: 34px
}

.byte-select--large .byte-select__icon-wrap,.byte-select--large .byte-select__placeholder {
    line-height: 34px
}

.byte-select--huge .byte-select__input {
    height: 38px;
    font-size: 16px
}

.byte-select--huge .byte-select__icon-wrap,.byte-select--huge .byte-select__placeholder {
    font-size: 16px;
    line-height: 38px
}

.byte-select--simple .byte-select__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0
}

.byte-select--focus {
    border-color: #3370ff;
    -webkit-box-shadow: 0 0 0 2px #d6e8ff;
    box-shadow: 0 0 0 2px #d6e8ff
}

.byte-select--hover {
    border: 1px solid #3370ff
}

.byte-select--disabled {
    color: #c2c6cc;
    background-color: #f5f6f7;
    cursor: not-allowed;
    border-color: #e6e8eb
}

.byte-select--disabled:hover {
    border-color: #e6e8eb
}

.byte-select--disabled .byte-select__input {
    background-color: #f5f6f7;
    color: #c2c6cc
}

.byte-select--disabled .byte-select__wrap {
    pointer-events: none
}

.byte-select .byte-select__wrap {
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 12px
}

.byte-select .byte-select__wrap,.byte-select__content-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.byte-select__content-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.byte-select__tag {
    margin-right: 6px;
    background-color: #f0f1f2;
    border-color: #f0f1f2;
    overflow: hidden;
    margin-top: 4px;
    display: inline-block
}

.byte-select__tag>span {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.byte-select__tag .byte-icon {
    color: #939aa3
}

.byte-select__input {
    border: none;
    outline: none;
    height: 30px;
    color: #282f38;
    cursor: pointer
}

.byte-select__input,.byte-select__placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.byte-select__placeholder {
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #c2c6cc;
    text-align: left
}

.byte-select__icon-wrap {
    margin-right: -4px;
    line-height: 30px
}

.byte-select__icon-wrap .byte-icon {
    vertical-align: -1px
}

.byte-select__suffix {
    color: #c2c6cc;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    display: inline-block
}

.byte-select__suffix--up {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.byte-select__suffix--down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.byte-select__clear-icon {
    color: #939aa3
}

.byte-select__clear-icon:hover {
    color: #282f38
}

.byte-select-dropdown {
    margin: 4px 1px;
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15)
}

.byte-select-dropdown .byte-select__empty-text {
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: inherit;
    color: #c2c6cc
}

.byte-select-dropdown__wrap {
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 240px
}

.byte-select-dropdown__wrap .byte-select-option {
    width: 100%;
    line-height: 20px;
    font-size: inherit;
    padding: 8px 0 8px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.byte-select-dropdown__wrap .byte-select-option--hover {
    background-color: #f5f6f7
}

.byte-select-dropdown__wrap .byte-select-option--selected {
    color: #3370ff
}

.byte-select-dropdown__wrap .byte-select-option--disabled {
    color: #c2c6cc;
    cursor: not-allowed
}

.byte-select-option-group {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 12px
}

.byte-select-option-group__title {
    padding-left: 16px;
    margin: 10px 0 2px;
    font-size: 12px;
    color: #939aa3
}

.byte-select-option-group:last-child {
    padding-bottom: 0
}

.byte-select-option-group:last-child:after {
    display: none
}

.byte-select-option-group:after {
    content: "";
    position: absolute;
    display: block;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    background: #e6e8eb
}

.byte-divider {
    line-height: 1.5
}

.byte-divider--horizontal {
    display: block;
    width: 100%;
    min-width: 100%;
    border-top: 1px solid #e6e8eb;
    margin: 24px 0;
    clear: both
}

.byte-divider--vertical {
    background: #e6e8eb;
    font-size: 1em;
    margin: 0 8px;
    display: inline-block;
    height: .9em;
    width: 1px;
    vertical-align: middle;
    position: relative;
    top: -.06em
}

.byte-divider--horizontal.byte-divider__title--center,.byte-divider--horizontal.byte-divider__title--left,.byte-divider--horizontal.byte-divider__title--right {
    border: none;
    display: table;
    white-space: nowrap;
    text-align: center;
    margin: 16px 0
}

.byte-divider--horizontal.byte-divider__title--center:after,.byte-divider--horizontal.byte-divider__title--center:before,.byte-divider--horizontal.byte-divider__title--left:after,.byte-divider--horizontal.byte-divider__title--left:before,.byte-divider--horizontal.byte-divider__title--right:after,.byte-divider--horizontal.byte-divider__title--right:before {
    content: "";
    display: table-cell;
    width: 50%;
    border-top: 1px solid #e6e8eb;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.byte-divider--horizontal.byte-divider__title--center .byte-divider__title {
    padding: 0 24px
}

.byte-divider__title {
    color: #1d252f;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    padding: 0 10px
}

.byte-divider--horizontal.byte-divider__title--left:before {
    width: 5%
}

.byte-divider--horizontal.byte-divider__title--left:after,.byte-divider--horizontal.byte-divider__title--right:before {
    width: 95%
}

.byte-divider--horizontal.byte-divider__title--right:after {
    width: 5%
}

.byte-divider--horizontal.byte-divider--dashed {
    border-top: 1px dashed #e6e8eb
}

.byte-divider--horizontal.byte-divider__title--center.byte-divider--dashed,.byte-divider--horizontal.byte-divider__title--left.byte-divider--dashed,.byte-divider--horizontal.byte-divider__title--right.byte-divider--dashed {
    border: none
}

.byte-divider--horizontal.byte-divider__title--center.byte-divider--dashed:after,.byte-divider--horizontal.byte-divider__title--center.byte-divider--dashed:before,.byte-divider--horizontal.byte-divider__title--left.byte-divider--dashed:after,.byte-divider--horizontal.byte-divider__title--left.byte-divider--dashed:before,.byte-divider--horizontal.byte-divider__title--right.byte-divider--dashed:after,.byte-divider--horizontal.byte-divider__title--right.byte-divider--dashed:before {
    border-top: 1px dashed #e6e8eb
}

.byte-switch {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 29px;
    background-color: #c2c6cc;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 40px;
    height: 20px
}

.byte-switch__input {
    top: 0;
    left: 0;
    width: 0;
    height: 0%;
    opacity: 0;
    display: none
}

.byte-switch:after {
    content: "";
    background-color: #fff;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.byte-switch:before {
    content: "";
    display: none;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    top: 4px;
    width: 12px;
    height: 12px;
    background-color: transparent;
    z-index: 1;
    border: 1px solid #3370ff;
    border-color: transparent transparent transparent #3370ff;
    -webkit-animation: load-loop 1s linear infinite;
    animation: load-loop 1s linear infinite
}

.byte-switch--loading {
    opacity: .4
}

.byte-switch--loading.byte-switch:before {
    display: block
}

.byte-switch--checked.byte-switch:before {
    right: 4px;
    left: unset
}

.byte-switch--small.byte-switch:before {
    left: 4px;
    top: 4px;
    width: 8px;
    height: 8px
}

.byte-switch--small.byte-switch--checked.byte-switch:before {
    right: 4px;
    left: unset
}

.byte-switch--small {
    width: 28px;
    height: 16px;
    min-width: 28px
}

.byte-switch--small:after {
    width: 12px;
    height: 12px
}

.byte-switch--checked {
    background-color: #3370ff
}

.byte-switch__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    height: 100%;
    margin-right: 6px;
    margin-left: 22px
}

.byte-switch--checked:after,.byte-switch__inner {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.byte-switch--checked:after {
    left: calc(100% - 18px)
}

.byte-switch--small.byte-switch--checked:after {
    left: calc(100% - 14px)
}

.byte-switch--checked .byte-switch__inner {
    margin-left: 6px;
    margin-right: 22px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.byte-switch--disabled {
    cursor: not-allowed;
    opacity: .4
}

.byte-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #282f38
}

.byte-timeline,.byte-timeline-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.byte-timeline-item {
    margin-left: -8px
}

.byte-timeline-item:last-child .byte-timeline-item__tail {
    display: none
}

.byte-timeline-item__center {
    width: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

.byte-timeline-item__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #3370ff
}

.byte-timeline-item__dot-color--success {
    border-color: #0fbf60
}

.byte-timeline-item__dot-color--warning {
    border-color: #f58505
}

.byte-timeline-item__dot-color--error {
    border-color: #ee4d38
}

.byte-timeline-item__dot-icon {
    color: #3370ff;
    font-size: 12px
}

.byte-timeline-item__dot-icon-color--success {
    color: #0fbf60
}

.byte-timeline-item__dot-icon-color--warning {
    color: #f58505
}

.byte-timeline-item__dot-icon-color--error {
    color: #ee4d38
}

.byte-timeline-item__dot-icon--large {
    font-size: 16px
}

.byte-timeline-item__dot--custom {
    line-height: 1
}

.byte-timeline-item__tail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 2px;
    margin-top: 8px;
    background: #d7dadd
}

.byte-timeline-item__content {
    font-size: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 8px
}

.byte-timeline-item__content ol,.byte-timeline-item__content ul {
    padding-left: 20px
}

.byte-timeline-item__timestamp {
    margin-top: 4px;
    font-size: 12px;
    color: #939aa3
}

.byte-timeline__reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.byte-timeline__reverse .byte-timeline-item:first-child .byte-timeline-item__tail {
    display: none
}

.byte-timeline__reverse .byte-timeline-item:last-child .byte-timeline-item__tail {
    display: block
}

.byte-timeline__layout--center .byte-timeline-item:before {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.byte-timeline__layout--center .byte-timeline-item:nth-child(2n),.byte-timeline__layout--right .byte-timeline-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right
}

.byte-rate {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400
}

.byte-rate:focus {
    outline: none
}

.byte-rate__item {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    margin-right: 4px;
    position: relative;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.byte-rate__item:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.byte-rate__item-first {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.byte-rate__item-first,.byte-rate__item-second {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #e6e8eb
}

.byte-rate__item .byte-icon {
    vertical-align: top
}

.byte-rate__item.byte-rate--full .byte-rate__item-first,.byte-rate__item.byte-rate--full .byte-rate__item-second {
    color: #ffcd00
}

.byte-rate__item.byte-rate--half .byte-rate__item-first {
    opacity: 1;
    color: #ffcd00
}

.byte-rate__text {
    margin-left: 24px;
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    color: #282f38;
    line-height: 24px
}

.byte-tabs .byte-tabs__content {
    overflow: hidden
}

.byte-tabs--secondary .byte-tabs__content {
    padding: 0 8px
}

.byte-tabs--horizontal.byte-tabs--card .byte-tabs__content {
    padding: 20px 15px;
    border: 1px solid #e6e8eb;
    border-top: none
}

.byte-tabs--horizontal .byte-tab-nav--line:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e6e8eb
}

.byte-tabs--horizontal .byte-tab-nav--line .byte-tab-nav__extra {
    line-height: 44px
}

.byte-tabs--horizontal .byte-tab-nav--line .byte-tab-nav__item {
    padding: 0;
    margin: 0 20px;
    height: 44px;
    line-height: 44px
}

.byte-tabs--horizontal .byte-tab-nav--line .byte-tab-nav__item .byte-icon {
    height: 42px;
    line-height: 42px
}

.byte-tabs--horizontal .byte-tab-nav--card,.byte-tabs--horizontal .byte-tab-nav--card-no-gutter {
    margin-bottom: 0;
    border-bottom: 1px solid #e6e8eb
}

.byte-tabs--horizontal .byte-tab-nav--card-no-gutter .byte-tab-nav__item-wrap,.byte-tabs--horizontal .byte-tab-nav--card .byte-tab-nav__item-wrap {
    margin-bottom: -1px
}

.byte-tabs--horizontal .byte-tab-nav--card .byte-tab-nav__item {
    border-radius: 4px 4px 0 0;
    margin-right: 6px
}

.byte-tabs--horizontal .byte-tab-nav--card .byte-tab-nav__item.byte-tab-nav--active {
    border-bottom: 1px solid #fff;
    background-color: #fff
}

.byte-tabs--horizontal .byte-tab-nav--scroll.byte-tab-nav--card-no-gutter .byte-tab-nav__item-wrap,.byte-tabs--horizontal .byte-tab-nav--scroll.byte-tab-nav--card .byte-tab-nav__item-wrap {
    border: 1px solid #e6e8eb
}

.byte-tabs--horizontal .byte-tab-nav--scroll.byte-tab-nav--card-no-gutter .byte-tab-nav__item-list,.byte-tabs--horizontal .byte-tab-nav--scroll.byte-tab-nav--card .byte-tab-nav__item-list {
    border: none
}

.byte-tabs--horizontal .byte-tab-nav--scroll .byte-tab-nav__item-scroll {
    margin: 0 30px
}

.byte-tabs--horizontal .byte-tab-nav--scroll.byte-tab-nav--line .byte-tab-nav__next,.byte-tabs--horizontal .byte-tab-nav--scroll.byte-tab-nav--line .byte-tab-nav__prev {
    height: 44px;
    line-height: 44px
}

.byte-tabs--horizontal .byte-tab-nav--scroll.byte-tab-nav--line.byte-tab-nav--large {
    height: 46px;
    line-height: 46px
}

.byte-tabs--horizontal .byte-tab-nav--scroll .byte-tab-nav__next,.byte-tabs--horizontal .byte-tab-nav--scroll .byte-tab-nav__prev {
    height: 40px;
    line-height: 38px;
    position: absolute;
    top: 0
}

.byte-tabs--horizontal .byte-tab-nav--scroll .byte-tab-nav__prev {
    top: 1px;
    left: 8px
}

.byte-tabs--horizontal .byte-tab-nav--scroll .byte-tab-nav__next {
    top: 1px;
    right: 8px
}

.byte-tabs--vertical {
    overflow: hidden
}

.byte-tabs--vertical.byte-tabs--card .byte-tabs__content {
    height: 100%;
    padding: 20px 15px;
    border: 1px solid #e6e8eb;
    border-left: none
}

.byte-tabs--vertical .byte-tab-nav {
    margin-bottom: 0;
    height: 100%;
    float: left
}

.byte-tabs--vertical .byte-tab-nav .byte-tab-nav__item-scroll,.byte-tabs--vertical .byte-tab-nav .byte-tab-nav__item-wrap {
    height: 100%
}

.byte-tabs--vertical .byte-tab-nav .byte-tab-nav__item {
    display: block
}

.byte-tabs--vertical .byte-tab-nav--line {
    margin-right: 15px
}

.byte-tabs--vertical .byte-tab-nav--line:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e6e8eb
}

.byte-tabs--vertical .byte-tab-nav--line .byte-tab-nav__item {
    margin: 16px 0;
    height: 36px;
    line-height: 36px
}

.byte-tabs--vertical .byte-tab-nav--line .byte-tab-nav__item:nth-child(2) {
    margin-top: 0
}

.byte-tabs--vertical .byte-tab-nav--line .byte-tab-nav__item:last-child {
    margin-bottom: 0
}

.byte-tabs--vertical .byte-tab-nav--card,.byte-tabs--vertical .byte-tab-nav--card-no-gutter {
    margin-bottom: 0;
    border-bottom: 1px solid #e6e8eb
}

.byte-tabs--vertical .byte-tab-nav--card-no-gutter .byte-tab-nav__item-wrap,.byte-tabs--vertical .byte-tab-nav--card .byte-tab-nav__item-wrap {
    margin-bottom: -1px
}

.byte-tabs--vertical .byte-tab-nav--card {
    border-bottom: none;
    border-right: 1px solid #e6e8eb
}

.byte-tabs--vertical .byte-tab-nav--card .byte-tab-nav__item-wrap {
    margin-right: -1px
}

.byte-tabs--vertical .byte-tab-nav--card .byte-tab-nav__item {
    border-radius: 4px 0 0 4px;
    margin-bottom: 4px
}

.byte-tabs--vertical .byte-tab-nav--card .byte-tab-nav__item.byte-tab-nav--active {
    border-right: 1px solid #fff;
    background-color: #fff
}

.byte-tabs--vertical .byte-tab-nav--card .byte-tab-nav__item.byte-tab-nav--active:before {
    content: "";
    display: block;
    height: 32px;
    width: 2px;
    background: #3370ff;
    position: absolute;
    top: 2px;
    left: 0
}

.byte-tabs--vertical .byte-tab-nav--scroll .byte-tab-nav__item-wrap {
    padding: 24px 0
}

.byte-tabs--vertical .byte-tab-nav--scroll .byte-tab-nav__next,.byte-tabs--vertical .byte-tab-nav--scroll .byte-tab-nav__prev {
    position: absolute;
    left: 50%;
    margin-left: -6px
}

.byte-tabs--vertical .byte-tab-nav--scroll .byte-tab-nav__prev {
    top: 0
}

.byte-tabs--vertical .byte-tab-nav--scroll .byte-tab-nav__next {
    bottom: 0
}

.byte-tab-nav {
    position: relative;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.byte-tab-nav .byte-tab-nav__item-list {
    float: left;
    white-space: nowrap
}

.byte-tab-nav .byte-tab-nav__item-scroll {
    overflow: hidden
}

.byte-tab-nav .byte-tab-nav__item-wrap {
    overflow: hidden;
    position: relative
}

.byte-tab-nav .byte-tab-nav__extra {
    line-height: 38px
}

.byte-tab-nav .byte-tab-nav__item {
    padding: 0 20px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    list-style: none;
    font-weight: 400;
    color: #282f38;
    position: relative;
    cursor: pointer
}

.byte-tab-nav .byte-tab-nav__item .byte-tab-nav__item-icon {
    margin-right: 5px
}

.byte-tab-nav .byte-tab-nav__item .byte-tab-nav__item-text {
    vertical-align: top
}

.byte-tab-nav .byte-tab-nav__item .byte-icon {
    vertical-align: top;
    height: 38px;
    line-height: 38px
}

.byte-tab-nav .byte-tab-nav__item.byte-tab-nav--active,.byte-tab-nav .byte-tab-nav__item:hover {
    color: #3370ff;
    font-weight: 600
}

.byte-tab-nav .byte-tab-nav__item.byte-tab-nav--disabled {
    cursor: not-allowed;
    color: #c2c6cc
}

.byte-tab-nav--line .byte-tab-nav__item-wrap {
    position: relative;
    z-index: 1
}

.byte-tab-nav--button .byte-tab-nav__item {
    padding: 0 40px;
    background-color: #f5f6f7;
    border: 1px solid #e6e8eb;
    border-right: none
}

.byte-tab-nav--button .byte-tab-nav__item.byte-tab-nav--active {
    color: #fff;
    background-color: #3370ff;
    border-color: #3370ff
}

.byte-tab-nav--button .byte-tab-nav__item:first-child {
    border-radius: 4px 0 0 4px
}

.byte-tab-nav--button .byte-tab-nav__item:last-child {
    border-right: 1px solid #e6e8eb;
    border-radius: 0 4px 4px 0
}

.byte-tab-nav--text .byte-tab-nav__item:after {
    content: "";
    display: block;
    height: 8px;
    width: 0;
    border-left: 1px solid #e6e8eb;
    position: absolute;
    top: 16px;
    right: 0
}

.byte-tab-nav--text .byte-tab-nav__item:first-child {
    padding-left: 0
}

.byte-tab-nav--text .byte-tab-nav__item:last-child {
    padding-right: 0
}

.byte-tab-nav--text .byte-tab-nav__item:last-child:after {
    display: none
}

.byte-tab-nav--rounded .byte-tab-nav__item {
    padding: 0 16px;
    margin-right: 32px
}

.byte-tab-nav--rounded .byte-tab-nav__item.byte-tab-nav--active {
    background-color: #f5f6f7;
    border-radius: 20px
}

.byte-tab-nav--rounded .byte-tab-nav__item:last-child {
    margin-right: 0
}

.byte-tab-nav--secondary .byte-tab-nav__extra {
    line-height: 24px
}

.byte-tab-nav--secondary .byte-tab-nav__item {
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 8px;
    margin-right: 10px
}

.byte-tab-nav--secondary .byte-tab-nav__item.byte-tab-nav--active {
    background-color: #f0f7ff
}

.byte-tab-nav--secondary .byte-tab-nav__item:last-child {
    margin-right: 0
}

.byte-tab-nav--secondary .byte-tab-nav__item .byte-icon {
    height: 24px;
    line-height: 24px
}

.byte-tab-nav--card-no-gutter .byte-tab-nav__item-list,.byte-tab-nav--card .byte-tab-nav__item-list {
    overflow: hidden;
    border-top-left-radius: 4px
}

.byte-tab-nav--card-no-gutter .byte-tab-nav__item-list {
    border: 1px solid #e6e8eb;
    border-bottom: none
}

.byte-tab-nav--card-no-gutter .byte-tab-nav__item {
    border-right: 1px solid #e6e8eb
}

.byte-tab-nav--card-no-gutter .byte-tab-nav__item:last-child {
    border-right: none
}

.byte-tab-nav--card-no-gutter .byte-tab-nav__item.byte-tab-nav--active {
    border-bottom: 1px solid #fff
}

.byte-tab-nav--card .byte-tab-nav__item {
    border: 1px solid #e6e8eb;
    background-color: #f5f6f7
}

.byte-tab-nav--scroll .byte-tab-nav__item-list {
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.byte-tab-nav--scroll .byte-tab-nav__next,.byte-tab-nav--scroll .byte-tab-nav__prev {
    color: #606a78;
    cursor: pointer;
    font-size: 12px;
    position: absolute
}

.byte-tab-nav--scroll .byte-tab-nav__next:hover,.byte-tab-nav--scroll .byte-tab-nav__prev:hover {
    color: #c2c6cc
}

.byte-tab-nav--large.byte-tab-nav--line .byte-tab-nav__extra {
    line-height: 46px
}

.byte-tab-nav--large.byte-tab-nav--line .byte-tab-nav__item {
    height: 46px;
    line-height: 44px;
    font-size: 16px
}

.byte-tab-nav--large.byte-tab-nav--line .byte-tab-nav__item .byte-icon {
    height: 46px;
    line-height: 44px
}

.byte-tab-bar {
    position: absolute;
    background-color: #3370ff;
    z-index: 1;
    -webkit-transition: height .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: height .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1),height .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1),height .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    list-style: none
}

.byte-tab-bar--horizontal {
    bottom: 0;
    left: 0;
    height: 2px
}

.byte-tab-bar--vertical {
    top: 0;
    right: 0;
    width: 2px
}

.byte-slider__wrapper {
    width: 100%
}

.byte-slider__wrapper,.byte-slider__wrapper .byte-slider__input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.byte-slider__wrapper .byte-slider__input-wrapper .byte-slider__input {
    width: 65px
}

.byte-slider__wrapper .byte-slider__input-wrapper .byte-slider__input-range {
    margin: 0 6px
}

.byte-slider__wrapper--vertical {
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto
}

.byte-slider__wrapper--vertical,.byte-slider__wrapper--vertical.byte-slider__input-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.byte-slider {
    position: relative;
    padding: 5px 0;
    width: 100%;
    margin: 10px;
    cursor: pointer
}

.byte-slider--disabled {
    cursor: not-allowed
}

.byte-slider--vertical {
    height: 100%;
    width: auto;
    padding: 0 5px
}

.byte-slider__rail {
    height: 4px;
    width: 100%;
    border-radius: 2px;
    background-color: #f0f1f2
}

.byte-slider__rail--vertical {
    height: 100%;
    width: 4px
}

.byte-slider__rail--disabled {
    background-color: #e6e8eb
}

.byte-slider__block-wrapper {
    width: 14px;
    height: 14px;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -7px
}

.byte-slider__block-wrapper--vertical {
    bottom: 0;
    top: unset;
    margin-bottom: -7px;
    margin-left: 0;
    left: 0
}

.byte-slider__block-wrapper .byte-tooltip__wrapper {
    display: inline
}

.byte-slider__block {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #fff;
    z-index: 1;
    -webkit-transition: border .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: border .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out,border .2s ease-in-out;
    transition: transform .2s ease-in-out,border .2s ease-in-out,-webkit-transform .2s ease-in-out;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2)
}

.byte-slider__block--draging,.byte-slider__block:hover {
    cursor: -webkit-grab;
    cursor: grab;
    border: 2px solid #3370ff
}

.byte-slider__block--disabled,.byte-slider__block--disabled.byte-slider__block:hover {
    cursor: not-allowed;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border-color: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2)
}

.byte-slider__actived-rail {
    height: 4px;
    width: 0;
    background-color: #3370ff;
    border-radius: 2px;
    position: absolute
}

.byte-slider__actived-rail--vertical {
    height: 0;
    bottom: 0;
    width: 4px;
    position: absolute;
    margin: 0
}

.byte-slider__actived-rail--disabled {
    background-color: #c2c6cc
}

.byte-slider__mark {
    display: inline-block;
    position: absolute;
    top: 20px;
    line-height: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.byte-slider__mark--vertical {
    display: inline-block;
    left: 20px;
    top: unset;
    line-height: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.byte-slider__mark:after {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #f0f1f2;
    position: absolute;
    top: -17px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    cursor: pointer
}

.byte-slider__mark--vertical.byte-slider__mark:after {
    left: -17px;
    bottom: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.byte-slider__mark--actived.byte-slider__mark:after {
    border-color: #3370ff
}

.byte-modal__mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6)
}

.byte-modal__wrapper {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 0
}

.byte-modal__content {
    position: relative;
    margin: 0 auto 50px;
    padding: 28px;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    top: 100px;
    color: #282f38
}

.byte-modal__header {
    margin-bottom: 12px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600
}

.byte-modal__headerbtn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
    color: #939aa3;
    border: none;
    outline: none;
    cursor: pointer
}

.byte-modal__headerbtn:hover {
    color: #5c92ff
}

.byte-modal__body {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: justify
}

.byte-modal__footer {
    margin-top: 28px;
    text-align: right
}

.byte-modal__footer button+button {
    margin-left: 16px
}

.byte-modal-confirm__head {
    margin-bottom: 12px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 600
}

.byte-modal-confirm__head--icon--info {
    color: #3370ff
}

.byte-modal-confirm__head--icon--success {
    color: #0fbf60
}

.byte-modal-confirm__head--icon--warning {
    color: #f58505
}

.byte-modal-confirm__head--icon--error {
    color: #ee4d38
}

.byte-modal-confirm__head--icon--confirm {
    color: #f58505
}

.byte-modal-confirm__head--title {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 16px;
    font-weight: 600
}

.byte-modal-confirm__body {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-left: 28px;
    position: relative
}

.byte-modal-confirm__body--render {
    margin: 0;
    padding: 0
}

.byte-modal-confirm__footer {
    margin-top: 28px;
    text-align: right
}

.byte-modal-confirm__footer button+button {
    margin-left: 16px
}

.byte-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.byte-layout--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.byte-layout--horizontal>.byte-layout,.byte-layout--horizontal>.byte-layout-content {
    overflow-x: hidden
}

.byte-layout-header {
    padding: 0 50px;
    height: 64px;
    line-height: 64px
}

.byte-layout-footer,.byte-layout-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.byte-layout-footer {
    padding: 24px 50px
}

.byte-layout-sider {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    min-width: 0
}

.byte-layout-sider--dark {
    background-color: #282f38
}

.byte-layout-sider--dark .byte-layout-sider__trigger {
    color: #fff
}

.byte-layout-sider--light {
    background-color: #fff
}

.byte-layout-sider--light .byte-layout-sider__trigger {
    color: #3370ff
}

.byte-layout-sider__inner {
    height: 100%;
    padding-top: .1px;
    margin-top: -.1px
}

.byte-layout-sider__trigger {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    cursor: pointer;
    height: 40px;
    line-height: 36px;
    color: #3370ff;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.byte-layout-sider--collapse .byte-layout-sider__trigger .byte-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.byte-layout-content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.upload-list-enter-active,.upload-list-leave-active {
    -webkit-transition: all 1s;
    transition: all 1s
}

.upload-list-enter,.upload-list-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.byte-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: none
}

.byte-upload__input {
    display: none
}

.byte-upload__tip {
    font-size: 12px;
    color: #606a78;
    margin-top: 8px;
    line-height: 1.5
}

.byte-upload.byte-upload--drag {
    width: 100%
}

.byte-upload--disabled {
    cursor: not-allowed
}

.byte-upload--disabled .byte-upload-dragger:hover {
    border-color: #e6e8eb
}

.byte-upload-dragger {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    border: 1px dashed #e6e8eb;
    background-color: #fafbfc;
    border-radius: 2px
}

.byte-upload-dragger .byte-icon {
    color: #939aa3;
    margin: 40px auto 20px
}

.byte-upload-dragger .byte-upload__text {
    margin-bottom: 4px;
    line-height: 22px;
    color: #282f38
}

.byte-upload-dragger .byte-upload__tip {
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 14px;
    color: #939aa3
}

.byte-upload-dragger:hover {
    border-color: #5c92ff
}

.byte-upload-list {
    margin: 12px 0 0;
    padding: 0;
    list-style: none
}

.byte-upload-list-position-top {
    margin: 0 0 12px
}

.byte-upload-list__item {
    list-style: none;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 4px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%
}

.byte-upload-list__item-name {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
    margin-right: 40px;
    width: 152px;
    color: #282f38
}

.byte-upload-list__item-name .byte-icon {
    margin-right: 8px
}

.byte-upload-list__item-status {
    display: inline-block
}

.byte-upload-list__item-progress {
    display: inline-block;
    width: 210px;
    margin-right: 12px
}

.byte-upload-list__item-progress .byte-progress__text {
    margin-left: 16px;
    min-width: 42px;
    text-align: right
}

.byte-upload-list__item-actions {
    display: inline-block;
    margin: 0 5px
}

.byte-upload--picture-card {
    border: 1px dashed #c2c6cc;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #f5f6f7;
    vertical-align: top;
    color: #939aa3
}

.byte-upload--picture-card:hover {
    border-color: #5c92ff;
    color: #5c92ff
}

.byte-upload--picture-card.byte-upload--exceed {
    display: none
}

.byte-upload-list--picture-card {
    margin: 0;
    display: inline;
    vertical-align: top
}

.byte-upload-list--picture-card .byte-upload-list__item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c2c6cc;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    margin: 0 8px 8px 0;
    display: inline-block;
    cursor: pointer
}

.byte-upload-list--picture-card .byte-upload-list__item .byte-upload-list__item-thumbnail {
    width: 100%;
    height: 100%
}

.byte-upload-list--picture-card .byte-upload-list__item .byte-upload-list__item-name {
    display: none
}

.byte-upload-list--picture-card .byte-upload-list__item .byte-upload-list__item-progress {
    position: absolute;
    width: 90%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-right: 0
}

.byte-upload-list--picture-card .byte-upload-list__item .byte-upload-list__item-actions {
    display: none
}

.byte-upload-list--picture-card .byte-upload-list__item .byte-upload-list__item-card-actions {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 16px;
    background-color: rgba(0,0,0,.4);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.byte-upload-list--picture-card .byte-upload-list__item .byte-upload-list__item-card-actions:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.byte-upload-list--picture-card .byte-upload-list__item .byte-upload-list__item-card-actions span {
    display: none;
    cursor: pointer
}

.byte-upload-list--picture-card .byte-upload-list__item .byte-upload-list__item-card-actions span+span {
    margin-left: 15px
}

.byte-upload-list--picture-card .byte-upload-list__item .byte-upload-list__item-card-actions:hover {
    opacity: 1
}

.byte-upload-list--picture-card .byte-upload-list__item .byte-upload-list__item-card-actions:hover span {
    display: inline-block
}

.byte-upload-list--picture-card .byte-upload-list__item--fail {
    border-color: #ee4d38
}

.byte-drawer__wrapper {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 0
}

.byte-drawer--left {
    top: 0;
    left: 0
}

.byte-drawer--right {
    top: 0;
    right: 0
}

.byte-drawer--bottom {
    bottom: 0;
    right: 0;
    left: 0
}

.byte-drawer--top {
    top: 0;
    right: 0;
    left: 0
}

.byte-drawer__mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6)
}

.byte-drawer__content {
    position: absolute;
    border: 0;
    background-color: #fff;
    color: #282f38;
    background-clip: padding-box;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    overflow: auto
}

.byte-drawer__header {
    padding: 16px;
    line-height: 22px;
    border: none
}

.byte-drawer__title {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600
}

.byte-drawer__close {
    float: right;
    display: inline-block;
    color: #939aa3;
    cursor: pointer
}

.byte-drawer__close:hover {
    color: #5c92ff
}

.byte-drawer__body {
    width: 100%;
    padding: 16px;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    overflow: auto
}

.byte-drawer__content--footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.byte-drawer__content--footer .byte-drawer__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.byte-drawer__footer {
    padding: 16px;
    text-align: right;
    background-color: #fff
}

.byte-tree {
    padding-left: 0;
    list-style: none
}

.byte-tree-node {
    list-style: none;
    cursor: pointer
}

.byte-tree-node__content {
    height: 36px;
    padding-left: 14px;
    -ms-flex-align: center
}

.byte-tree-node__content,.byte-tree-node__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.byte-tree-node__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    padding: 0 4px
}

.byte-tree-node__title:hover {
    background-color: #f5f6f7
}

.byte-tree-node__title--selected {
    color: #3370ff
}

.byte-tree-node__title--drop-before {
    border-top: 2px solid #14a9f8
}

.byte-tree-node__title--drop-inner {
    background: #14a9f8
}

.byte-tree-node__title--drop-after {
    border-bottom: 2px solid #14a9f8
}

.byte-tree-node__arrow {
    width: 1em;
    margin-right: 8px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.byte-tree-node__arrow--loading {
    -webkit-animation: load-loop 1s linear infinite;
    animation: load-loop 1s linear infinite
}

.byte-tree-node__arrow--expanded {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.byte-tree-node__checkbox {
    margin-right: 8px;
    text-align: center
}

.byte-tree-node__subtree {
    margin: 0;
    padding-left: 24px;
    list-style: none
}

.byte-date-picker__shortcut {
    display: block;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 12px;
    text-overflow: ellipsis
}

.byte-date-picker__shortcut:hover {
    color: #3370ff
}

.byte-date-picker__icon {
    top: -2px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    color: #939aa3;
    -webkit-transition: color .3s;
    transition: color .3s;
    font-size: 16px
}

.byte-date-picker__icon:hover {
    color: #3370ff
}

.byte-date-picker__icon--prev-double {
    left: 12px
}

.byte-date-picker__icon--prev {
    left: 36px
}

.byte-date-picker__icon--next {
    right: 36px
}

.byte-date-picker__icon--next-double {
    right: 12px
}

.byte-date-picker__input:hover {
    border-color: #3370ff
}

.byte-date-picker__single-input .byte-icon {
    color: #c2c6cc;
    font-size: 16px
}

.byte-date-picker__single-input--small .byte-icon {
    font-size: 12px
}

.byte-date-picker__range-input {
    width: 44%;
    height: 100%;
    border: none;
    outline: none;
    text-align: center;
    display: inline-block;
    float: left;
    color: inherit;
    background-color: inherit
}

.byte-date-picker__range-input[disabled] {
    cursor: not-allowed
}

.byte-date-picker__range-input::-webkit-input-placeholder {
    color: #c2c6cc
}

.byte-date-picker__range-input::-moz-placeholder {
    color: #c2c6cc
}

.byte-date-picker__range-input:-ms-input-placeholder,.byte-date-picker__range-input::-ms-input-placeholder {
    color: #c2c6cc
}

.byte-date-picker__range-input::placeholder {
    color: #c2c6cc
}

.byte-date-picker__range-input-wrapper {
    width: 100%;
    outline: none;
    color: #282f38;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 4px 12px 4px 30px;
    border-radius: 2px;
    border: 1px solid #e6e8eb;
    -webkit-transition: border-color .3s,-webkit-box-shadow .3s;
    transition: border-color .3s,-webkit-box-shadow .3s;
    transition: border-color .3s,box-shadow .3s;
    transition: border-color .3s,box-shadow .3s,-webkit-box-shadow .3s;
    height: 32px;
    font-size: 14px
}

.byte-date-picker__range-input-wrapper--disabled {
    color: #c2c6cc;
    background-color: #f5f6f7;
    cursor: not-allowed
}

.byte-date-picker__range-input-wrapper--small {
    font-size: 12px;
    height: 24px
}

.byte-date-picker__range-input-wrapper--large {
    font-size: 14px;
    height: 36px
}

.byte-date-picker__range-input-wrapper--huge {
    font-size: 16px;
    height: 40px
}

.byte-date-picker__range-input--focused {
    border-color: #3370ff;
    -webkit-box-shadow: 0 0 0 2px #d6e8ff;
    box-shadow: 0 0 0 2px #d6e8ff
}

.byte-date-picker__range-input-prepend {
    top: 50%;
    left: 8px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #c2c6cc;
    font-size: 16px
}

.byte-date-picker__range-input-prepend--small {
    font-size: 12px
}

.byte-date-picker__range-input-separator {
    float: left;
    outline: none;
    padding: 0 8px;
    min-width: 10px;
    display: inline-block;
    height: 100%;
    line-height: 22px
}

.byte-date-picker__range-input-separator--small {
    line-height: 14px
}

.byte-date-picker__range-input-separator--large {
    line-height: 26px
}

.byte-date-picker__range-input-separator--huge {
    line-height: 30px
}

.byte-date-picker__range-input-append {
    top: 50%;
    right: 8px;
    cursor: pointer;
    position: absolute;
    color: #c2c6cc;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px
}

.byte-date-picker__range-input-append--small {
    font-size: 12px
}

.byte-date-picker__range-panel-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.byte-date-picker__panel {
    padding: 20px
}

.byte-date-picker__panel--expanded {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.byte-date-picker__panel-wrapper {
    margin: 4px 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 2px
}

.byte-date-picker__panel-sidebar {
    height: 100%;
    padding: 16px;
    width: 106px;
    background-color: #fff
}

.byte-date-picker__panel-content {
    padding: 20px;
    border-left: 1px solid #e6e8eb
}

.byte-date-picker__panel-datetime>.byte-date-picker__panel-content {
    padding: 0
}

.byte-date-picker__panel-header {
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    color: #282f38;
    margin-bottom: 10px
}

.byte-date-picker__panel-header-label {
    display: inline-block;
    font-size: 16px;
    font-weight: 500
}

.byte-date-picker__panel-body th {
    padding: 2px 0 6px
}

.byte-date-picker__panel-row--selected:hover td,.byte-date-picker__panel-row--selected td,.byte-date-picker__panel-row:hover td {
    color: #3370ff;
    background-color: #f0f7ff
}

.byte-date-picker__panel-row--selected:hover td:first-child .byte-date-picker__panel-cell--inner,.byte-date-picker__panel-row--selected td:first-child .byte-date-picker__panel-cell--inner {
    color: #fff;
    background-color: #3370ff;
    border-radius: 2px
}

.byte-date-picker__panel-cell {
    padding: 3px 6px
}

.byte-date-picker__panel-cell-wrapper {
    padding: 2px 0
}

.byte-date-picker__panel-cell-wrapper,.byte-date-picker__panel-cell-wrapper--large {
    text-align: center
}

.byte-date-picker__panel-cell-wrapper--large {
    padding: 16px 20px
}

.byte-date-picker__panel-cell--inside {
    background-color: #f0f7ff
}

.byte-date-picker__panel-cell--outside {
    background-color: #fff
}

.byte-date-picker__panel-cell--inner {
    height: 24px;
    line-height: 24px;
    cursor: pointer
}

.byte-date-picker__panel-cell--inner:hover {
    background-color: #f0f7ff;
    color: #3370ff
}

.byte-date-picker__panel-cell--small {
    width: 24px
}

.byte-date-picker__panel-cell--large {
    width: 48px
}

.byte-date-picker__panel-cell--last,.byte-date-picker__panel-cell--last:hover,.byte-date-picker__panel-cell--next,.byte-date-picker__panel-cell--next:hover {
    color: #c2c6cc
}

.byte-date-picker__panel-cell--disabled,.byte-date-picker__panel-cell--disabled:hover {
    background-color: #f5f6f7;
    color: #c2c6cc
}

.byte-date-picker__panel-cell--selected,.byte-date-picker__panel-cell--selected:hover {
    color: #fff;
    background-color: #3370ff;
    border-radius: 2px
}

.byte-date-picker__panel-cell--current {
    position: relative
}

.byte-date-picker__panel-cell--current:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #3370ff
}

.byte-date-picker__panel-cell--special {
    color: #c2c6cc
}

.byte-date-picker__panel-footer {
    border-top: 1px solid #e6e8eb;
    text-align: center;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px
}

.byte-date-picker__panel-switch {
    width: 50%;
    cursor: pointer;
    padding: 16px 0;
    color: #c2c6cc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.byte-date-picker__panel-switch-text {
    display: inline-block;
    margin-left: 8px
}

.byte-date-picker__panel-switch--bordered {
    border-right: 1px solid #e6e8eb
}

.byte-date-picker__panel-switch--active {
    color: #282f38;
    font-weight: 500
}

.byte-date-picker__panel-confirm {
    border-top: 1px solid #e6e8eb;
    text-align: right;
    padding: 12px
}

.byte-date-picker__panel-confirm-shortcut {
    float: left
}

.byte-date-picker__datetime-content {
    padding: 20px
}

.byte-time-picker__input:hover {
    border-color: #3370ff
}

.byte-time-picker__single-input .byte-icon {
    color: #c2c6cc;
    font-size: 16px
}

.byte-time-picker__single-input--small .byte-icon {
    font-size: 12px
}

.byte-time-picker__range-input {
    width: 44%;
    height: 100%;
    border: none;
    outline: none;
    text-align: center;
    display: inline-block;
    float: left;
    color: inherit;
    background-color: inherit
}

.byte-time-picker__range-input[disabled] {
    cursor: not-allowed
}

.byte-time-picker__range-input::-webkit-input-placeholder {
    color: #c2c6cc
}

.byte-time-picker__range-input::-moz-placeholder {
    color: #c2c6cc
}

.byte-time-picker__range-input:-ms-input-placeholder,.byte-time-picker__range-input::-ms-input-placeholder {
    color: #c2c6cc
}

.byte-time-picker__range-input::placeholder {
    color: #c2c6cc
}

.byte-time-picker__range-input-wrapper {
    width: 100%;
    outline: none;
    color: #282f38;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 4px 12px 4px 30px;
    border-radius: 2px;
    border: 1px solid #e6e8eb;
    -webkit-transition: border-color .3s,-webkit-box-shadow .3s;
    transition: border-color .3s,-webkit-box-shadow .3s;
    transition: border-color .3s,box-shadow .3s;
    transition: border-color .3s,box-shadow .3s,-webkit-box-shadow .3s;
    height: 32px;
    font-size: 14px
}

.byte-time-picker__range-input-wrapper--disabled {
    color: #c2c6cc;
    background-color: #f5f6f7;
    cursor: not-allowed
}

.byte-time-picker__range-input-wrapper--small {
    font-size: 12px;
    height: 24px
}

.byte-time-picker__range-input-wrapper--large {
    font-size: 14px;
    height: 36px
}

.byte-time-picker__range-input-wrapper--huge {
    font-size: 16px;
    height: 40px
}

.byte-time-picker__range-input--focused {
    border-color: #3370ff;
    -webkit-box-shadow: 0 0 0 2px #d6e8ff;
    box-shadow: 0 0 0 2px #d6e8ff
}

.byte-time-picker__range-input-prepend {
    top: 50%;
    left: 8px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #c2c6cc;
    font-size: 16px
}

.byte-time-picker__range-input-prepend--small {
    font-size: 12px
}

.byte-time-picker__range-input-separator {
    float: left;
    outline: none;
    padding: 0 8px;
    min-width: 10px;
    display: inline-block;
    height: 100%;
    line-height: 22px
}

.byte-time-picker__range-input-separator--small {
    line-height: 14px
}

.byte-time-picker__range-input-separator--large {
    line-height: 26px
}

.byte-time-picker__range-input-separator--huge {
    line-height: 30px
}

.byte-time-picker__range-input-append {
    top: 50%;
    right: 8px;
    cursor: pointer;
    position: absolute;
    color: #c2c6cc;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px
}

.byte-time-picker__range-input-append--small {
    font-size: 12px
}

.byte-time-picker__range-panel-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.byte-time-picker__panel {
    padding: 20px
}

.byte-time-picker__panel-wrapper {
    margin: 4px 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 2px
}

.byte-time-picker__panel-content {
    padding: 0 16px 10px
}

.byte-time-picker__panel-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.byte-time-picker__panel-item {
    display: inline-block
}

.byte-time-picker__panel-item:first-child {
    margin-right: 16px
}

.byte-time-picker__panel-title {
    height: 44px;
    line-height: 44px;
    text-align: center
}

.byte-time-picker__spinner-wrapper {
    background-color: #fff
}

.byte-time-picker__spinner-wrapper--complete .byte-time-picker-spinner__list {
    width: 33.33%
}

.byte-time-picker__spinner-wrapper--incomplete .byte-time-picker-spinner__list {
    width: 50%
}

.byte-time-picker-spinner {
    width: 168px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.byte-time-picker-spinner--large {
    width: 200px
}

.byte-time-picker-spinner--huge {
    width: 252px
}

.byte-time-picker-spinner--bordered {
    padding: 0 18px;
    border-radius: 2px;
    border: 1px solid #e6e8eb
}

.byte-time-picker-spinner__list {
    text-align: center;
    overflow: hidden;
    float: left;
    max-height: 252px
}

.byte-time-picker-spinner__list:after,.byte-time-picker-spinner__list:before {
    content: "";
    display: block;
    width: 100%
}

.byte-time-picker-spinner__list:before {
    height: 108px
}

.byte-time-picker-spinner__list:after {
    height: 144px
}

.byte-time-picker-spinner__list:hover {
    overflow-y: auto
}

.byte-time-picker-spinner__list--small {
    max-height: 203px
}

.byte-time-picker-spinner__ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.byte-time-picker-spinner__cell {
    height: 36px;
    line-height: 36px;
    cursor: pointer
}

.byte-time-picker-spinner__cell:hover {
    background-color: #f5f6f7;
    color: #3370ff
}

.byte-time-picker-spinner__cell--selected {
    font-weight: 700
}

.byte-time-picker-spinner__cell--disabled,.byte-time-picker-spinner__cell--disabled:hover {
    background-color: #f5f6f7;
    color: #c2c6cc
}

.byte-time-picker-spinner__view-holder:after,.byte-time-picker-spinner__view-holder:before {
    content: "";
    height: 1px;
    position: absolute;
    top: 108px;
    background-color: #e6e8eb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    left: 0
}

.byte-time-picker-spinner__view-holder:after {
    top: 144px
}

.byte-time-picker-spinner__view-holder--padding:after,.byte-time-picker-spinner__view-holder--padding:before {
    width: calc(100% - 36px);
    left: 18px
}

.byte-transfer {
    font-size: 14px
}

.byte-transfer-panel {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    background: #fff;
    overflow: hidden
}

.byte-transfer-panel__header {
    background: #f5f6f7;
    margin: 0;
    padding: 0;
    color: #282f38
}

.byte-transfer-panel__header .byte-checkbox__wrapper {
    display: block;
    padding: 20px 16px
}

.byte-transfer-panel__header .byte-checkbox__label {
    font-weight: 600
}

.byte-transfer-panel__header .byte-checkbox__label span {
    float: right;
    color: #939aa3;
    font-weight: 400
}

.byte-transfer-panel__body {
    height: 265px
}

.byte-transfer-panel__list {
    display: block;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    height: 265px;
    overflow: auto
}

.byte-transfer-panel__filter {
    margin: 12px 16px 0;
    width: auto
}

.byte-transfer-panel__item {
    display: block;
    padding: 8px 16px
}

.byte-transfer-panel__item+.byte-transfer-panel__item {
    margin-left: 0
}

.byte-transfer-panel__empty {
    text-align: center;
    margin: 0;
    padding-top: 24px
}

.byte-transfer__operations {
    display: inline-block;
    vertical-align: middle;
    padding: 0 36px
}

.byte-transfer__operations .byte-btn {
    display: block;
    margin: 24px 0
}

.byte-cascader-panel__search-check {
    position: absolute;
    right: 8px;
    top: 12px
}

.byte-cascader__multiple-search {
    display: inline-block;
    width: 0;
    cursor: pointer;
    background: none;
    border: 0;
    outline: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 2px
}

.byte-cascader__multiple-search::-webkit-input-placeholder {
    color: #c2c6cc
}

.byte-cascader__multiple-search::-moz-placeholder {
    color: #c2c6cc
}

.byte-cascader__multiple-search:-ms-input-placeholder,.byte-cascader__multiple-search::-ms-input-placeholder {
    color: #c2c6cc
}

.byte-cascader__multiple-search::placeholder {
    color: #c2c6cc
}

.byte-cascader__multiple-suffix {
    position: absolute;
    right: 9px
}

.byte-cascader__multiple {
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    position: relative;
    width: 100%;
    display: inline-block;
    color: #282f38;
    line-height: 1.5;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    height: 32px;
    padding: 0 12px;
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 32px;
    height: auto;
    cursor: pointer
}

.byte-cascader__multiple:hover {
    border-color: #3370ff
}

.byte-cascader__multiple--focused,.byte-cascader__multiple:focus {
    border-color: #3370ff;
    -webkit-box-shadow: 0 0 0 2px #d6e8ff;
    box-shadow: 0 0 0 2px #d6e8ff
}

.byte-cascader__multiple--disabled,.byte-cascader__multiple[disabled] {
    color: #c2c6cc;
    background-color: #f5f6f7;
    cursor: not-allowed;
    border-color: #e6e8eb
}

.byte-cascader__multiple--disabled:hover,.byte-cascader__multiple[disabled]:hover {
    border-color: #e6e8eb
}

.byte-cascader__multiple--disabled>input,.byte-cascader__multiple[disabled]>input {
    color: #c2c6cc
}

.byte-cascader__multiple--small {
    height: 24px;
    padding: 0 12px;
    font-size: 12px
}

.byte-cascader__multiple--large {
    height: 36px;
    padding: 0 12px;
    font-size: 14px
}

.byte-cascader__multiple--huge {
    height: 40px;
    padding: 0 12px;
    font-size: 16px
}

.byte-cascader__multiple::-webkit-input-placeholder {
    color: #c2c6cc
}

.byte-cascader__multiple::-moz-placeholder {
    color: #c2c6cc
}

.byte-cascader__multiple:-ms-input-placeholder,.byte-cascader__multiple::-ms-input-placeholder {
    color: #c2c6cc
}

.byte-cascader__multiple::placeholder {
    color: #c2c6cc
}

.byte-cascader__multiple--small {
    min-height: 24px
}

.byte-cascader__multiple--large {
    min-height: 36px
}

.byte-cascader__multiple--huge {
    min-height: 40px
}

.byte-cascader__multiple--disabled {
    color: #c2c6cc;
    background-color: #f5f6f7;
    cursor: not-allowed;
    border-color: #e6e8eb
}

.byte-cascader__multiple--disabled:hover {
    border-color: #e6e8eb
}

.byte-cascader__multiple--small .byte-cascader__multiple__tag {
    height: 18px;
    line-height: 16px;
    margin-top: 2px;
    margin-bottom: 2px
}

.byte-cascader__multiple--large .byte-cascader__multiple__tag {
    height: 28px;
    line-height: 26px
}

.byte-cascader__multiple--huge .byte-cascader__multiple__tag {
    height: 30px;
    line-height: 28px
}

.byte-cascader__multiple__tag {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    background: #f0f1f2;
    border-radius: 2px;
    margin-right: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0 6px;
    font-size: 12px
}

.byte-cascader__multiple__tag span {
    vertical-align: middle;
    margin-right: 4px
}

.byte-cascader__multiple__tag .byte-icon {
    color: #939aa3;
    cursor: pointer
}

.byte-cascader__multiple .byte-cascader__input-icon-reversed {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.byte-cascader__input .byte-input__input {
    cursor: pointer
}

.byte-cascader__input .byte-input__suffix {
    color: #c2c6cc;
    cursor: pointer;
    vertical-align: -1px
}

.byte-cascader__input-clear {
    cursor: pointer
}

.byte-cascader__input-placeholder {
    color: #c2c6cc
}

.byte-cascader__input-icon {
    -webkit-transition: all .3s;
    transition: all .3s;
    display: block;
    line-height: unset
}

.byte-cascader__input-icon svg {
    vertical-align: top
}

.byte-cascader__input-icon-reversed {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.byte-cascader-panel {
    margin-top: 4px;
    margin-left: 1px;
    background: #fff;
    z-index: 1;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    height: 180px;
    overflow: auto
}

.byte-cascader-panel__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.byte-cascader-panel__search {
    list-style: none;
    padding: 8px 0;
    overflow: auto
}

.byte-cascader-panel__search-item {
    line-height: 36px;
    padding: 0 16px;
    position: relative;
    cursor: pointer
}

.byte-cascader-panel__search-item:hover {
    color: #3370ff;
    background: #f5f6f7
}

.byte-cascader-list {
    list-style: none;
    min-width: 120px;
    padding: 8px 0;
    overflow: auto;
    border-right: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.byte-cascader-list:not(:last-child) {
    border-right: 1px solid #e6e8eb
}

.byte-cascader-list__item {
    line-height: 36px;
    padding-left: 16px;
    position: relative;
    display: block;
    white-space: nowrap;
    padding-right: 24px;
    cursor: pointer
}

.byte-cascader-list__item:hover {
    color: #3370ff
}

.byte-cascader-list__item--active {
    color: #3370ff;
    background: #f5f6f7;
    font-weight: 600
}

.byte-cascader-list__item .byte-checkbox__wrapper {
    margin-right: 4px
}

.byte-cascader-list__loading {
    position: absolute;
    right: 6px;
    top: 12px;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.byte-cascader-list__arrow {
    position: absolute;
    right: 6px;
    top: 12px
}

.byte-image {
    display: inline-block
}

.byte-image--preview {
    cursor: pointer
}

.byte-image__img {
    width: 100%;
    height: 100%
}

.byte-image-viewer {
    background-color: hsla(210,7%,94%,.95);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5% 10%
}

.byte-image-viewer__img {
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: 100%;
    height: 100%
}

.byte-list__wrapper {
    overflow: auto
}

.byte-list {
    border: 1px solid #e6e8eb;
    border-radius: 2px;
    width: 100%;
    color: #282f38;
    font-size: 14px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.byte-list--default .byte-list-item,.byte-list--default .byte-list__footer,.byte-list--default .byte-list__header {
    padding: 16px 24px
}

.byte-list--small .byte-list-item,.byte-list--small .byte-list__footer,.byte-list--small .byte-list__header {
    padding: 12px 24px
}

.byte-list--large .byte-list-item,.byte-list--large .byte-list__footer,.byte-list--large .byte-list__header {
    padding: 20px 24px
}

.byte-list__header {
    border-bottom: 1px solid #e6e8eb
}

.byte-list__footer {
    border-top: 1px solid #e6e8eb
}

.byte-list--noborder,.byte-list--nosplit .byte-list-item {
    border: none
}

.byte-list-item {
    border-bottom: 1px solid #e6e8eb;
    padding: 16px 24px;
    overflow: hidden
}

.byte-list-item-meta {
    padding: 14px 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #7d7d7f
}

.byte-list-item-meta__title {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #282f38
}

.byte-list-item-meta__title:hover {
    color: #5babf3
}

.byte-list-item-meta__description {
    word-break: break-word
}

.byte-list-item-meta__content {
    margin-left: 12px
}

.byte-list-item--noborder {
    border: none
}

.byte-list-item .byte-list-item__action {
    padding: 5px 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.byte-list-item .byte-list-item__action>li {
    display: inline-block;
    cursor: pointer;
    padding: 0 8px;
    position: relative;
    line-height: 22px;
    text-align: center
}

.byte-list-item .byte-list-item__action li:first-child {
    padding-left: 0
}

.byte-list-item .byte-list-item__action__split {
    background-color: #e6e8eb;
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 14px
}

.byte-list-item__extra {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.byte-list-item__extra-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.byte-list-item:last-child {
    border: none
}

.byte-list__pagination {
    float: right;
    margin-top: 20px
}

.byte-list__pagination:after {
    display: block;
    clear: both;
    height: 0;
    content: "";
    visibility: hidden;
    overflow: hidden
}

.communitys-down.active {
    opacity: 1
}

.communitys-down {
    position: absolute;
    top: .4rem;
    left: 50%;
    min-width: 2.22rem;
    transform: translate(-50%);
    box-sizing: border-box;
    background: url(../images/concep/menu_box_bg.58269fdf.png?v=1.5) 0 0 no-repeat;
    background-size: 100% 100%;
    text-align: left;
    opacity: 0;
    transition: all 1s ease-in-out
}

.communitys-down .bg_box {
    padding: .15rem .2rem .2rem
}

.communitys-down .bg_box .live {
    color: #fff;
    background-color: #752524;
    height: 12px;
    width: 30px;
    line-height: 12px;
    font-size: 10px;
    text-align: center;
    margin: 0 0 0 5px
}

.communitys-down p {
    font-size: .18rem;
    color: #dfd2bc;
    white-space: nowrap;
    height: .32rem;
    line-height: .32rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAAAiCAYAAAAqC4dbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE9GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuYThkNDc1MzQ5LCAyMDIzLzAzLzIzLTEzOjA1OjQ1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuNiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDgtMjFUMTk6NTQ6NTYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA4LTIyVDE2OjE3OjM4KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA4LTIyVDE2OjE3OjM4KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NTkyODRmMS1hNTZhLTQ4MWItYTQ3ZC1mYmE0ZWEwZDA0MGMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTU5Mjg0ZjEtYTU2YS00ODFiLWE0N2QtZmJhNGVhMGQwNDBjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTU5Mjg0ZjEtYTU2YS00ODFiLWE0N2QtZmJhNGVhMGQwNDBjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NTkyODRmMS1hNTZhLTQ4MWItYTQ3ZC1mYmE0ZWEwZDA0MGMiIHN0RXZ0OndoZW49IjIwMjMtMDgtMjFUMTk6NTQ6NTYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC42IChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg8gdIcAAAH+SURBVHic7dPPbkxxGMbx7xna0lbHBNFUg4QmLLmDxkV0w7XYugKxcgNWbsAFIBErkQgbRP3XoTpjpsfiPBPdexOJfD+bOXPO78/7nt95mrZtkfR3ev+6AOl/YJCkAgZJKmCQpAIGSSpgkKQCBkkqYJCkAgZJKmCQpAIGSSpgkKQCBkkqYJCkAgZJKmCQpAIGSSpgkKQCBkkqYJCkAgZJKmCQpAIGSSpgkKQCBkkqYJCkAgZJKmCQpAIGSSpgkKQCBkkqYJCkAs2dmzdOAYeBz8AUWMr/I8AJYA74AewDJ4EnwFqeP8+cAdAAR4EzGfsSOAaMga2Mv5Vx14FLwCHgNg07tGwBF4EHQD97rWadHvCQhsu0/ASu5tkEuA9sAovA3dQySB8DYAUYpc4V4MuB/peAV8Db1Hkt60zzDlpgBzgNfExdbXr4CqwDn4BnwHHgfer+nvUWss8I2Mi4Jmts5v7j9PELWM47I+exnn3bvL9d4BzwJs8XUu+sxitZ/16uP+QdX0ifM03OqE93tuPUPjv/TeBpno/pvoNV4HV6209Na8Ajum9kMetup4dvmd8H5mjYoOVF9l+e7dlCr+nWI+czTE2j1D5M75PsQ/Ya5nfMn/l7wNns/S73djNvhe6cAeYzf4/unEcZM0lf7YH1prk+T/ctzmdck7lTYPwbT4xpu9My3ogAAAAASUVORK5CYII=) bottom repeat;
    margin-top: .02rem;
    padding: 0 .1rem;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.communitys-down p:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAAAiCAYAAAAqC4dbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEn0lEQVR4nO2dy44cNRSGPw8kgSTMMAJEFCJAgkiwhDcY8RDZAFsegyx5AgQbFmxZ8QI8ACAhVggJkQ2ghDsZCDPNDGZRp+mamqrqKvvYdarbv9SautjH/7nZbpen2nnvKSgoiMPO1AQKCjYBD7ddfP/2m04OXe3TPF/32Vlzbezxunu1j3Pgu3jV9HBIOZPwrAhbRI2fr11qHg/9/At4Xzmk83xV1vnqdvN663Hb+dDPGb3euv1h6xRu6Ihkcf7Xw2koXYtqrZA1iQIaS8GvKbO7jbW+Gy5KAds2tbOdOVOiWCYKc0oky7OcgrMISUtt/2btGlImUlORWENpyAviYLmzHs0tT3dkodPT4DBYRspE0jZmU162+LYQFV0kRnNLaDVjHY4GncEyco5IsYrZ8lPu7LKlfStqJglhOwMNu2F8RDIxFrTDuNunoiftWnBcVg45FxsCFGuEQ7xpjIe/HqaKZMV2XethuKRo3/cJmNOqnUYaWOgptwG+8yReXGh1d/7SOPQFT85EqnOfavVsa0YkVYzwVpuBA3uvpL7S7lGnGpGCth40lM+2/L2VqFtqREi787U1GIRU117s6oX1qV2fMet7oTI3bRWKnKcfu1Xmc5EmUX+ONMeoisT0kTQec+ScDM0lhpAYVn+OpPFcIPZ7UVv9LUzwXCimJfXOhoFZ1UtiaGZGPuQrCMbGmTvpQ+Kgqd3ANO0lEdTfJewkNy5spoUFc2rv9exFzp0N2o8TVOe861Y1Ng1xXx3WwsK8cGN2NqTuEbJt1bcQFeehtRxltpuYVbykXGwYPyLZjNiBSEe+3XBmEyAEbcpob3I2sWqngfWK9NM2nmbpAtu44hqY/YrsVFuElOrPytbbhMG+VnjxRhd6gkM/boITKUBL13OWj0VBDgz2bqqu0Pf+P5x+3AQn0gAD9O91KjkQjOlN1+796Xmt4Ey+RUiHQup/PZ8GE7BI0eS4laD20jYc8j8MvvwkhtJY63aXn+ydDb2wwSIasStBEYK7hMfmpdZbLgZBbbGh08xj7d9dfkNCtqAFGQezNGGklkgB35l0mjQ2nygA6r4O9/qsOs6cW4TSDNWK5p6V5wrWofxj3xK+9xSvPRxt1OCW48XceVuPRVJOrvw+UkFBPNx7b7/xFNXPu/wKnAJX5PwR4AngAvAX1c9iPAl8AVyX+19LnX2qjH8UeEbKfgs8BiyAW1L+HSn3OvAS8BDwLo77eG4BLwKfAHvS1jWRswN8iuNlPH8Dr8q9E+Bj4AC4DHwgXPZFj31gFzgWnrvAbzX9rwB3gB+E52si51Rs4IH7wNPAz8LLiw6/AzeAX4CvgMeBH4X3nyLvkrRzDNyUck5kHMj1z0WPf4CrYjPEHzekXS/2ewA8B3wv9y8J3yXHV0T+R3L8k9j4BdFzCSc+2qPy7UK4L/1/AHwp9xdUcXAN+E50W/5EynXgM6oYuSxy74kOf0j9PeACjpt4vpH2ry7b9LDjKnmIfw6F07FwPxTdT6QdpK1D+btgVf8IeFbavivXHki9XSo/A1yU+kdUfj6WMiecfYXBkdgE4HmqWLwo5ZzUPQUW/wFPfC7L0sTxcQAAAABJRU5ErkJggg==)
}

.communitys-down p a {
    color: #dfd2bc
}

.communitys-down p a:first-child {
    margin-right: .14rem
}

.communitys-down .top {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAByklEQVQokW2SO28TQRSFv7u7jhK8eSBsk4ACMlQowaULUkQ8Eh41EgUKDrSxAVEEGwWJBtHwQ0KNqJAdQ/4ADVI6e0GCJlIgcYyS3ZlLEa+1mBRHc+/MnG+OrkbWy3MOIIADuL01rl3Aqbf0OeBdz8trwAKmJ5voLaBJWCwPSMVqtLVm4JaBa422vkye9e4mvZJM4yWUAlLNQKtGuTmbkaVCVpaMcrUZ6NoAMJYLOM4x6TzAawa6GlkWZrNSOjPK/qTPn0JOSpFlvhnoi+NgMdBNwFzATcCWp3w633Si0jbjT06n6RZy8rAHrSXmHDPceIb9jY1AV0PLjZmslCZ99lrR2Eo31Eo31JWt7kgll6ZTyMlyaJnfOEra9wLi3i2eG45fabS1GimLlzPyYGqUzlb3RLkbUjHGYqzlIKK4E7qS982mPyQffnR4GvxmOj8hm4AC2gfWW1qLlMWZjNw/O8bul52hcufAPj6MLIeRIYwM1loMUtw2w1z0w08jnrz/uc+z4BfTF07KZ0BlvTw39rGla0a5femU3Ds/zt7AoKUn4hSJvxd93yX9dVvfuUJ9IS+v5NGdK28iS1U4svXd8i+JASL6f+05vP0LagbCaxPM2/QAAAAASUVORK5CYII=) 50% no-repeat;
    width: .2rem;
    height: .1rem;
    position: absolute;
    left: 50%;
    top: -.04rem;
    transform: translate(-50%)
}

.communitys-down .icon {
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAAsTAAALEwEAmpwYAAABb0lEQVQokY3SvUuWYRQG8J8Pjx8U5T9goIUkakNikRTUIBUEkkMUhhgZiG2C4NIQDaFDYAhOQlREDeISkiCSDkUGgkgKDUZDEQ1iToqpr8Nzgpd8Bc9y35xzrvNxXado6OF9+1gjtjBfKJjsA2rGG7zGpYMAD6EvQEtYw3u8QF0h4AkM4Df68Q7tuIpn8f+C4ciV4im6UIoJjOAtNqPoXYzjJrrRiZEUtQH6jlV04ApyOI+pmOwnfqAC1Wns0IxKHMEkRrGNY1iJ9wbKY4qF9D+CttEW3UQ3Mmnu5eX9SfANg2jFL3xCWV7SUUxjUcZ4DsUJqlCNGTThbJD0z8ZxGPV4iSKkCU7iGm5hHS24iMvhuxA+uB1vXYpXuC7TqCHGeSSTqQbP8RFjsc4mPifB4hk8CQI+BGHHo3oudm+VXVAtHifYwVf0yu5yAw9QEsA7ET8n03iZvbc6g9PoyfN14hRm8xNThW0Qc/grk2eP7QKEMFDTeeJGEAAAAABJRU5ErkJggg==);
    width: .14rem;
    height: .16rem;
    background-size: 100% 100%
}

.communitys-down .icon-live {
    display: flex;
    align-items: center
}

.dun .mg-logo {
    background-image: url(../images/concep/logo1.db5ab10b.png?v=1.5);
    width: 3.94rem;
    height: .56rem
}

.mg-menus {
    position: fixed;
    z-index: 500;
    width: 100%;
	justify-content: center;
}

.mg-menus ul {
    padding-top: .24rem;
   /* flex: 1;
    margin-left: 3rem*/
}

.mg-menus li:first-child {
    background: none
}

.mg-menus li {
    display: inline;
    float: left;
    font-size: .18rem;
    color: #dfd2ba;
    padding: 0 .2rem;
    list-style: none;
    font-family: nsb!important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAdCAYAAABrAQZpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNpimFEfy8zEwMDADiI4QQQbnMUFIrhBBA+IyAcRu0DEZxARDCL2w5WAtTGBiH8gghVESIKIWSCiHERwgIhXIOI7iLgF13EURLCAiJsAAQYA6P8LxfaifFAAAAAASUVORK5CYII=) 0 no-repeat;
    height: .3rem;
    line-height: .3rem;
    position: relative
}
.mg-menus li  a{
    color: #dfd2ba;
}

.mg-menus li>.icon {
    display: inline-block;
    width: .08rem;
    height: .08rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH9JREFUeNpivH9pTzoDA8N6IH7FgApEgTiYCUhcAOJLQByKJBkCxFeA+CILkDgJxCeAeBUQN0AVgOhtQHycEWgFSMAAiM8BMSOSKWZAfJoJygFZswFJcgdIEsRgQhJsBOL/UHYLTJAFScFFIN4OxOxAfBSbAhBoB2JmZAGAAAMAoPYZ5JMR7dwAAAAASUVORK5CYII=) 50% no-repeat;
    margin-left: .05rem;
    vertical-align: middle
}

.mg-menus li>.text {
    vertical-align: middle
}

.mg-menus li>.text.top-up {
    color: #e5b365
}

.mg-menus li.active {
    color: #fff7e9
}

.mg-menus li.active .hover-guang {
    display: block
}

.mg-menus li:hover {
    color: #fff7e9
}

.mg-menus li:hover .hover-guang {
    display: block
}

.mg-menus li.last {
    flex: 1;
    margin-right: 80px;
    text-align: right;
    float: right;
    background: none
}

.mg-menus li .hover-guang {
    width: 2.33rem;
    height: 1.11rem;
    position: absolute;
    background: url(../images/concep/nav_active.41e2f94b.png?v=1.5) 50% no-repeat;
    background-size: 100% 100%;
    top: -.25rem;
    left: 50%;
    transform: translate(-50%);
    display: none;
    z-index: -1
}

.flex {
    display: flex
}

.flex_1 {
    flex: 1
}

.fire-container {
    display: flex;
    justify-content: center
}

.fire-container .fire-box {
    color: transparent;
    position: absolute;
    z-index: 20;
    bottom: 0;
    height: 100px;
    width: 300px
}

.mg-logo {
    background: url(../images/concep/logo.2a65c30f.png?v=1.5) 0 0 no-repeat;
    background-size: cover;
    width: 5.15rem;
    height: 2.8rem;
    margin-right: .25rem;
    margin-top: .8rem;
    margin-left: .8rem;
    position: absolute
}

.mg-logo.ko {
    background: url(../images/concep/logo-ko.643de94e.png?v=1.5) 0 0 no-repeat;
    background-size: cover;
    margin-top: .6rem;
    width: 3rem;
    height: 2.13rem
}

.mg-logo.ja {
    background: url(../images/concep/logo-ja.98aec698.png?v=1.5) 0 0 no-repeat;
    background-size: cover;
    margin-top: .6rem;
    width: 3rem;
    height: 1.72rem
}

.section.offical-home {
    background: url(../images/concep/bg-625.de9f92fc.jpg?v=1.5?v=1.2) 50% no-repeat;
    background-size: cover
}

.section.offical-home .fp-tableCell {
    position: relative!important
}

.section.offical-home .mask {
    width: 100%;
    height: 1.66rem;
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none
}

.section.offical-home .mask img {
    width: 100%;
    height: 1.66rem
}

.section.offical-home #home-video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section.offical-home .mid-wrap {
    position: absolute;
    bottom: .8rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 26;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.section.offical-home .mid-wrap .mid-text {
    width: 100vw!important;
    display: inline
}

.section.offical-home .mid-wrap .mid-slogans {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%
}

.section.offical-home .mid-wrap .mid-slogans .mid-slogans-left {
  /*  width: 100% slogan boyut*/
}

.section.offical-home .mid-wrap .mid-slogans .mid-slogans-right {
    width: .45rem;
    height: .45rem;
    margin: .38rem 0 8% .14rem
}

.section.offical-home .mid-wrap .mid-slogans-desc {
    margin: -1.2rem 0 0 0;
    width: 90%;
    text-align: center
}

.section.offical-home .mid-wrap .mid-slogans-desc img {
    width: 85%
}

.section.offical-home .mid-wrap .play-btn {
    position: absolute;
    right: -.7rem;
    top: 1.4rem;
    height: .65rem
}

.section.offical-home .mid-wrap .search-btns {
    display: flex;
    flex-direction: column;
    align-items: center
}

.section.offical-home .mid-wrap .search-btns .search {
    height: .9rem
}

.section.offical-home .mid-wrap .search-btns .search:hover {
    transform: none;
    cursor: auto
}

.section.offical-home .mid-wrap .search-btns .app-btn-group {
    min-width: 10rem
}

.section.offical-home .mid-wrap .search-btns .app-btn-group img {
    cursor: pointer;
    height: .9rem;
    transition: all .25s ease-in-out
}

.section.offical-home .mid-wrap .search-btns .app-btn-group .appgallery-icon {
    width: 16.5%;
    height: .81rem;
    margin-bottom: .045rem
}

.section.offical-home .mid-wrap .search-btns .app-btn-group img:hover {
    transform: translateY(-5px)
}

.section.offical-home .mid-wrap .search-btns .app-btn-group .not-allowed {
    cursor: not-allowed
}

.section.offical-home .dnd-desc {
    position: absolute;
    bottom: .1rem;
    right: .4rem;
    font-size: .16rem;
    color: #b0b6c0;
    font-weight: 600
}

.section.offical-home .bottom-mask,.section.offical-home .bottom-mask img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.section.offical-home .bottom-mask img {
    width: 100%
}

.home-video-modal .byte-modal__wrapper {
    overflow: hidden
}

.home-video-modal .byte-modal__wrapper .byte-modal__content {
    width: 100%;
    height: 100%;
    background: #000;
    top: 0
}

.home-video-modal .byte-modal__wrapper .byte-modal__content .video-wrap {
    width: 13.4rem;
    height: 7.8rem;
    background: url(../images/concep/bg.fbce786e.png?v=1.5) 50% no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%,-50%);
    padding: .2rem .17rem .18rem .15rem
}

.home-video-modal .byte-modal__wrapper .byte-modal__content .home-video-close {
    position: absolute;
    top: .41rem;
    right: .44rem;
    width: .8rem;
    height: .7rem;
    cursor: pointer;
    z-index: 3001;
    transition: all .25s ease-in-out
}

.home-video-modal .byte-modal__wrapper .byte-modal__content .home-video-close img {
    width: 100%;
    height: 100%
}

.home-video-modal .byte-modal__wrapper .byte-modal__content .home-video-close:hover {
    transform: rotate(-90deg)
}

.home-video-modal #home-video::-webkit-media-controls {
    display: none!important
}

.heros-section {
    position: relative
}

.heros-section .dna-right-arrow {
    position: absolute;
    right: 1.46rem;
    z-index: 100;
    width: .68rem;
    top: 40%
}

.heros-section .dna-left-arrow {
    position: absolute;
    right: .46rem;
    z-index: 100;
    width: .68rem;
    top: 40%;
    right: 54%
}

.heros-section .dnd-right {
    position: absolute;
    bottom: .4rem;
    right: .46rem;
    z-index: 100
}

.heros-section .mg-logo {
    background: url(../images/concep/logo.2a65c30f.png?v=1.5) 0 0 no-repeat;
    background-size: 100%;
    width: 4.19rem;
    height: 1.9rem;
    right: .38rem;
    top: .8rem;
    position: absolute;
    z-index: 100;
    margin-right: .25rem;
    margin-top: .5rem;
    margin-left: .1rem
}

.heros-section .mg-logo.ko {
    background-image: url(../images/concep/logo-ko.643de94e.png?v=1.5);
    width: 3rem;
    height: 2.13rem
}

.heros-section .mg-logo.ja {
    background-image: url(../images/concep/logo-ja.98aec698.png?v=1.5);
    width: 3rem;
    height: 1.72rem
}

.heros-com-container {
    position: absolute;
    width: 100%;
    height: 100%
}

.heros-com {
    height: 100%;
    width: 100%;
    position: relative
}

.heros-com .bg {
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.heros-com.acitve .prospect {
    background-position-x: 0
}

.heros-com.acitve .heros-box {
    right: 0
}

.heros-com .prospect {
    background-size: cover;
    background-repeat: repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-position-x: -1rem;
    transition: background-position-x 1s ease-in-out
}

.heros-com .heros-box {
    position: absolute;
    right: -1rem;
    bottom: 0;
    z-index: 3;
    transition: right 1s ease-in-out
}

.heros-com .fog {
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: repeat;
    width: 100%;
    height: 5.24rem;
    z-index: 4
}

.heros-com-1.acitve .heros-box {
    right: 1.8rem
}

.heros-com-1 .heros-box {
    height: 100%;
    right: -4rem
}

.heros-com-1 img {
    height: 100%
}

.heros-com-2.acitve .heros-box {
    right: 2.6rem
}

.heros-com-3.acitve .heros-box {
    right: 1.6rem
}

.heros-com-4.acitve .heros-box {
    right: .2rem
}

.heros-com-4 .heros-box {
    height: 100%;
    overflow: hidden;
    text-align: right;
    right: -.6rem
}

.heros-com-4 img {
    height: 100%
}

.heros-com-5.acitve .heros-box {
    right: 2.4rem
}

.heros-com-7.acitve .heros-box {
    right: .8rem
}

.heros-com-8.acitve .heros-box {
    right: 2rem
}

.heros-com-2 .heros-box,.heros-com-2 img,.heros-com-3 .heros-box,.heros-com-3 img,.heros-com-5 .heros-box,.heros-com-5 img,.heros-com-6 .heros-box,.heros-com-6 img,.heros-com-7 .heros-box,.heros-com-7 img,.heros-com-8 .heros-box,.heros-com-8 img {
    height: 100%
}

.heros-slider {
    position: absolute;
    left: 1.2rem;
    top: 35%;
    transform: translateY(-35%);
    z-index: 10
}

.video-container {
    position: absolute;
    top: 66%;
    left: 3.3rem;
    z-index: 1000;
    width: 3.31rem
}

.video-container img {
    width: 100%;
    cursor: pointer
}

.heros-slider-time {
    margin-bottom: .1rem;
    position: relative;
    background: #00000063;
    font-weight: bold;
    padding: 10px 30px;
    color: white;
    border-radius: 10px;
    border: 2px solid rgb(255 255 255 / 60%);
    box-shadow: 0 0 15px rgb(0 0 0 / 80%);
    transition: all 0.3s ease;
}

.heros-slider-time.dnd-time .dnd-img {
    width: .77rem;
    height: auto
}

.heros-slider-time img {
    width: .47rem;
    height: .51rem
}

.heros-slider-time .active_icon {
    position: absolute;
    width: .62rem;
    right: .52rem;
    right: -.23rem
}

.heros-slider-bar {
    padding-right: 0.2rem;
    padding-top: 0.28rem;
    position: relative
}

.heros-slider-line {
    position: absolute;
    right: 0;
    width: 1.7rem;
    height: 6.8rem;
    top: -.43rem
}

.heros-slider-text {
    width: 5.8rem;
    text-align: left;
    font-family: "DM Serif Display", serif;
    padding-left: .33rem;
    position: relative;
    padding-top: 1.4rem
}

.heros-slider-text .h1 {
    top: .1rem;
    width: 4.18rem;
    position: absolute;
    z-index: -1;
    left: -.52rem
}

.heros-slider-text .spec {
    left: -.29rem
}

.heros-slider-text .dnd-tit {
    left: -.3rem
}

.heros-slider-text h2 {
    font-size: 12px;
    color: #ffe8bf;
    border-bottom: 1px dashed #adadad;
    margin: 2px 0px;
    padding-bottom: 10px;
    font-family: system-ui;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.heros-slider-text h1 {
    font-size: .3rem;
    color: #ffffff;
    text-transform: uppercase;
}

.heros-slider-text .heros-slider-context {
    background: #00000078;
    padding: 10px 20px;
    margin: 10px 0px;
    font-size: 18px;
    border-radius: 10px;
    color: white;
  font-family: sans-serif;
}

.heros-slider-text .heros-slider-context  ul{
    margin: 10px 20px;
}
.heros-slider-text .heros-slider-context table{
	font-size:14px;
}
.heros-slider-text p {
    color: #dfd2bc;
    font-size: .16rem;
    line-height: .3rem
}
.mgh5{
	    font-family: "DM Serif Display", serif;
    font-size: 0.25rem;
    font-weight: 400;
    font-stretch: normal;
    color: #9e8c6c;
    margin-top: .1rem;
    text-align: center;
}
.heros-h1 {
    width: 3.82rem;
    height: .97rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 1rem;
    z-index: 5
}

.heros-h1 img {
    width: 100%
}

.flex {
    display: flex
}

.flex_1 {
    flex: 1
}

.hero-video-modal .byte-modal__wrapper {
    overflow: hidden
}

.hero-video-modal .byte-modal__wrapper .byte-modal__content {
    width: 100%;
    height: 100%;
    background: #000;
    top: 0
}

.hero-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body {
    height: 100%;
    width: 100%
}

.hero-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap {
    width: 12rem;
    height: 7.5rem;
    background: url(../images/concep/bg.fdaa0d15.png?v=1.5) 50% no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%,-50%);
    padding: .4rem
}

.hero-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap video {
    width: 100%;
    height: 100%;
    padding: .2rem .17rem .18rem .15rem;
    object-fit: cover
}

.hero-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap .role-video-close {
    position: absolute;
    top: -.7rem;
    right: -.8rem;
    width: 1.38rem;
    height: 1.29rem;
    cursor: pointer
}

.hero-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap .role-video-close img {
    width: 100%;
    height: 100%
}

.dnd-text-cst {
    color: rgba(198,188,169,.4);
    margin-top: .45rem
}

#map {
    position: absolute;
    left: 0;
    top: 0
}

#map,.adventure-box {
    height: 100%;
    width: 100%
}

.adventure-box {
    position: relative;
    min-width: 800px;
    overflow: hidden
}

.adventure-box .map {
    background: url(../images/concep/bg.315218d1.png?v=1.5) 0 0 no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.adventure-box .map.en {
    background-image: url(../images/concep/bg.e98f5fc0.png?v=1.5)
}

.adventure-box .map.fr {
    background-image: url(../images/concep/bg.495f8e7b.png?v=1.5)
}

.adventure-box .map.ko {
    background-image: url(../images/concep/bg.bfb042ca.png?v=1.5)
}

.adventure-box .map.ru {
    background-image: url(../images/concep/bg.1fe9b077.png?v=1.5)
}

.adventure-box .map.de {
    background-image: url(../images/concep/bg.a09d47d9.png?v=1.5)
}

.adventure-box .map.ja {
    background-image: url(../images/concep/bg.54d534c2.png?v=1.5)
}

.adventure-box .area_01 {
    position: absolute;
    z-index: 10;
    border-radius: 50%;
    height: 41vh;
    width: 26vw;
    top: .2rem
}

.adventure-box .area_02 {
    top: 1.27rem;
    height: 46vh;
    width: 33vw
}

.adventure-box .area_03 {
    top: 2.8rem;
    height: 78vh;
    width: 13vw;
    border-radius: inherit;
    transform: rotate(-55deg);
    border-radius: 0 20px 20px 206px
}

.adventure-box .area_04 {
    top: inherit;
    left: 79px;
    height: 58vh;
    width: 17vw;
    border-radius: inherit;
    transform: rotate(-54deg);
    bottom: -52px!important
}

.area_tips {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: 0 0 no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .6s ease-in-out
}

.area_tips.active {
    z-index: 2;
    opacity: 1
}

.area_tips.de_active_1 {
    background-image: url(../images/concep/hover-Chaos-Universum.a7e24242.png?v=1.5)
}

.area_tips.de_active_2 {
    background-image: url(../images/concep/hover-Nytheria.7805f312.png?v=1.5)
}

.area_tips.de_active_3 {
    background-image: url(../images/concep/hover-South-Adenthia.2445ed3c.png?v=1.5)
}

.area_tips.de_active_4 {
    background-image: url(../images/concep/hover-Teneebria.91db9af2.png?v=1.5)
}

.area_tips.en_active_1 {
    background-image: url(../images/concep/hover-Chaos-Universum.299ed261.png?v=1.5)
}

.area_tips.en_active_2 {
    background-image: url(../images/concep/hover-Nytheria.d35608d0.png?v=1.5)
}

.area_tips.en_active_3 {
    background-image: url(../images/concep/hover-South-Adenthia.ca7c5d68.png?v=1.5)
}

.area_tips.en_active_4 {
    background-image: url(../images/concep/hover-Teneebria.4d03a0ce.png?v=1.5)
}

.area_tips.fr_active_1 {
    background-image: url(../images/concep/hover-Chaos-Universum.d1164a91.png?v=1.5)
}

.area_tips.fr_active_2 {
    background-image: url(../images/concep/hover-Nytheria.2f7c6706.png?v=1.5)
}

.area_tips.fr_active_3 {
    background-image: url(../images/concep/hover-South-Adenthia.f791236c.png?v=1.5)
}

.area_tips.fr_active_4 {
    background-image: url(../images/concep/hover-Teneebria.79479377.png?v=1.5)
}

.area_tips.ja_active_1 {
    background-image: url(../images/concep/hover-Chaos-Universum.3c4608c4.png?v=1.5)
}

.area_tips.ja_active_2 {
    background-image: url(../images/concep/hover-Nytheria.50ebb167.png?v=1.5)
}

.area_tips.ja_active_3 {
    background-image: url(../images/concep/hover-South-Adenthia.04e84643.png?v=1.5)
}

.area_tips.ja_active_4 {
    background-image: url(../images/concep/hover-Teneebria.a02ffd88.png?v=1.5)
}

.area_tips.ko_active_1 {
    background-image: url(../images/concep/hover-Chaos-Universum.de9ae8eb.png?v=1.5)
}

.area_tips.ko_active_2 {
    background-image: url(../images/concep/hover-Nytheria.7b02dbf8.png?v=1.5)
}

.area_tips.ko_active_3 {
    background-image: url(../images/concep/hover-South-Adenthia.cb4a8c7a.png?v=1.5)
}

.area_tips.ko_active_4 {
    background-image: url(../images/concep/hover-Teneebria.07237a31.png?v=1.5)
}

.area_tips.ru_active_1 {
    background-image: url(../images/concep/hover-Chaos-Universum.ed031a14.png?v=1.5)
}

.area_tips.ru_active_2 {
    background-image: url(../images/concep/hover-Nytheria.3c82653f.png?v=1.5)
}

.area_tips.ru_active_3 {
    background-image: url(../images/concep/hover-South-Adenthia.e3dda341.png?v=1.5)
}

.area_tips.ru_active_4 {
    background-image: url(../images/concep/hover-Teneebria.285b730a.png?v=1.5)
}

.adventrue_bg_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/concep/bg_box.53fafbc2.png?v=1.5) 0 0 no-repeat;
    background-size: 100% 100%;
    z-index: 7
}

.adventure-h1 {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: .3rem;
    z-index: 8
}

.adventure-h1 img {
    width: 100%
}

.adventure-h2 {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: .8rem;
    z-index: 8;
    font-size: .2rem;
    color: #9e8c6c;
    font-family: nsr
}

.cloud_right {
    background: url(../images/concep/cloud_right.b1bfdc9f.png?v=1.5) 0 0 no-repeat;
    background-size: cover;
    right: 0;
    width: 16.09rem
}

.cloud_left,.cloud_right {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 5;
    opacity: 0;
    transition: left,opacity,1s ease-in-out
}

.cloud_left {
    background: url(../images/concep/cloud_left.0630a63e.png?v=1.5) 0 0 no-repeat;
    background-size: cover;
    left: 0;
    width: 17.07rem
}

.adventure-box.active .cloud_left {
    left: -2.3rem;
    opacity: 1
}

.adventure-box.active .cloud_right {
    right: -3rem;
    opacity: 1
}

.adventture-wrap,.img-wrap-bg {
    position: relative
}

.img-wrap-bg {
    background: url(../images/concep/bg.fdaa0d15.png?v=1.5) 0 0 no-repeat;
    background-size: contain;
    width: 10.768rem;
    height: 6.4rem;
    box-sizing: border-box;
    padding: .336rem;
    padding-right: .256rem;
    padding-bottom: .304rem;
    margin: 0 auto
}

.img-wrap-bg .ad-video {
    width: 100%!important;
    height: 100%!important
}

.adventure-text {
    text-align: center;
    color: #9e8c6c;
    margin-top: -.51rem;
    font-family: nsr
}

.adventure-text img {
    width: 8.08rem!important;
    height: 1.23rem!important;
    margin-top: .3rem;
    margin-bottom: .1rem
}

.adventure-text p {
    line-height: .27rem;
    font-size: .18rem
}

.adventure-text .adventure-text-p {
    width: 80%;
    margin: 0 auto;
    margin-top: -.41rem
}

.adventure-video-close {
    background: url(../images/concep/return.ac2700c9.png?v=1.5) 0 0 no-repeat;
    width: 1.38rem;
    height: 1.29rem;
    position: absolute;
    background-size: cover;
    right: -.5rem;
    top: -.4rem
}

.features-img-modal .byte-modal__wrapper .byte-modal__content {
    background-color: rgba(0,0,0,.9)!important
}

.section.offical-features {
    background: url(../images/concep/features-bg.e984940d.jpg?v=1.5) 50% no-repeat;
    background-size: 100% 100%
}

.section.offical-features .fp-tableCell {
    position: relative!important
}

.section.offical-features .feature-title {
    width: 9.2rem;
    display: inline-block;
    margin: 5.5% 0 1.5% 0
}

.section.offical-features .feature-content-wrap {
    padding: 0 100px 0 100px;
    position: relative;
    width: 14rem;
    height: calc(93.5% - 1rem);
    margin-left: 50%;
    transform: translateX(-50%)
}

.section.offical-features .swiper {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.section.offical-features .swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper{
	overflow:visible!important;
}
.section.offical-features .swiper .swiper-slide img {
    display: block;
    width: 10rem;
    object-fit: cover;
	border-radius: 10px;
    box-shadow: 0px 0px 17px 7px #00000073;
}

.section.offical-features .swiper .swiper-slide-active {
    opacity: 1;
    transform: translateZ(0) rotateX(0deg) rotateY(0deg) scale(1)!important
}

.section.offical-features .swiper .swiper-slide-prev {
    transform: scale(.75) translateY(-.2rem) translateX(3.2rem) rotate(-5deg)!important;
    opacity: 1
}

.section.offical-features .swiper .swiper-slide-next {
    opacity: 1;
    transform: scale(.75) translateY(-.2rem) translateX(-3.2rem) rotate(5deg)!important
}

.section.offical-features .swiper-button-next:after,.section.offical-features .swiper-button-prev:after {
    content: ""
}

.section.offical-features .swiper-button-next,.section.offical-features .swiper-button-prev {
    top: 32%
}

.section.offical-features .swiper-button-next {
    right: -.8rem
}

.section.offical-features .swiper-button-prev {
    left: -.8rem
}

.section.offical-features .swiper-pagination-progressbar {
    background: transparent
}

.section.offical-features .features-pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    bottom: 180px
}

.section.offical-features .features-pagination .swiper-pagination-bullet:after {
    display: block;
    width: 30px;
    height: 30px;
    font-family: none;
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTAzLTA4VDEwOjA0OjI3KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0wMy0wOFQxNjo0OToyOSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wMy0wOFQxNjo0OToyOSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjM0NDc1QjBCRDhFMTFFREIwMDVERkJBMDQ5QkI0MzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjM0NDc1QjFCRDhFMTFFREIwMDVERkJBMDQ5QkI0MzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMzQ0NzVBRUJEOEUxMUVEQjAwNURGQkEwNDlCQjQzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMzQ0NzVBRkJEOEUxMUVEQjAwNURGQkEwNDlCQjQzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuCXn8MAAAQOSURBVHja7FdNiBxFFH7vVXV1T88mu7MryHqIij8HD+bixYBIWDQe9BATfw6JIAR/EIlBLwl4WSIqiEL0IooH/0UFRfCiR8WDaCJ4MQcvIYdEk/2b3Z3p7qrnVz27sNFsz24QA5KaeUN1ddf73s/3XvWwqtLlGEKXaVwB/v8D2/VuTD+3v3FjUB2zRm5JrPwSlBeJmqtDiSmzns7MOnr59bfXB87bbn0lwGDmydT6o6l0n6AQTmKlEdiI0kIvpaJKmz2ugmkAZrISbkpocacNvRuZ9KQOAc5tSae6GXX7STNwJ/mzKW6ACQ+JVpiG3bj8ugk0mtQv4zYha7QZ2FJvfUXMNyvpXkyQbHpQyU8jDKeIL57nxFR0ptuhs90t5DBvZHXwPVLf/6eEApb7I5g4DQFz3YrHnyQDHzi7uEg28FE3UE4uHydJchLXHkjaJrZ53HK7hmrfSrzxVRCHHxe21yolVAuvEVyzODJGaO25sC6wsQ6RlBUxEAsFhvHzCrHBgq1zh9sx4uMa6HmB1waP4AtjVgQc9YFpqbAksgFghaYaUMygCmGtCE+LcTvY5LVBuAYIaMYpmVZnf9oem3KpI5cYcs7WkrcM9UNOp2dGkN8wHBgEgmJYaZIaBGHaE3x1JJZN7ZXojzBst+fWOZuNUeKsU7/8Fp67GtVW1/qqDNKhF7SYIS1zsBOfe70v3w1VKTII3ywLHwxsvmCbvgmikS+XQb7yejz+BtZIrKWKc1ryI9QLOf29s22kV9+PsH/IrLlJapLMIuwPELsfYjTQal4MVe+Eej/wLHF7EYljMfGxbj0ZVJxs6pAYxeYXKl99Do+2GJsg7PI7K095yb4N7Or8WjFdYT0AgxYkayMcaSy3p/HzKry0vBI1VN5qb5toJldQ40Oxh3xBMb7M4Tss3kmc/KzkJuHZN2zt4cgFEPAnsu6RWKvI8yCxkh6Cx0cj4EhLaXJCqfC16l5j58I4DzPvgOJ3ELrYNQ6Iy2fg0japio9wfwcY86uC9bHOOZTjqlUIPoiifCqWEz7QV9FNpJtaWTzRar2Lw4Ajt/+AC/fV5ZR24Gx2W9Wb/xgAN3BZvGcoP2Tao6Pg/2uhXHo0lAV5Faokfx+V9hQiNF/nWmMtX3h+2WHMiqGMXQLtcaLqLXxaVXSdYM0k2a3w9Fktl+/yxdIuEAAZzWi5yA+LuJeMdi/tRWDt8NFcP9dVlWfIdo4lebZNOGzX3vx2MBqALfLmqpnCm8f6gT/LqfpXX336IMuX6Ex3p859b8Fy4zIS9PSQXnNcJZsKAEUfo2FvI5sEXs2Q/oaOtotN+wNvOzRfbP0EZ+1OROA408b/HFzSyx5Svlh52nf6bLhnZq56GKBzm9Zx5S/MfzX+EmAAHJ6zo/5hpSYAAAAASUVORK5CYII=) 50% no-repeat;
    background-size: 100% 100%
}

.section.offical-features .features-pagination .swiper-pagination-bullet-active:after {
    display: block;
    width: 30px;
    height: 30px;
    font-family: none;
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTAzLTA4VDEwOjA0OjI3KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0wMy0yN1QxNTowMTozMCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wMy0yN1QxNTowMTozMCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM3REVDRTRDQzZEMTFFRDhEQjg4NDk2NEJENEYzQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM3REVDRTVDQzZEMTFFRDhEQjg4NDk2NEJENEYzQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxREMxNURGRUJEOEUxMUVEQTEzMDhCQ0JFMDUzRjZFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxREMxNURGRkJEOEUxMUVEQTEzMDhCQ0JFMDUzRjZFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PowU7HIAAARnSURBVHjaxJdrTBxVFMfP3JnZN+xsF9hdnvJaWgKUJrVFJVArGusH08RYaa00Fkg0jU2sCS0YatFG+/iglJCgUtpqTJWaqHwQTXxEQWkoDVCBAOGxpbDAwj5gn7MzO+NdEgyamMKywE0mmTt3zvzuueec/8kQoijCVgwEWzTWBXaMfJ6yOHItdtPBC052x+Bff5KbDp4xD0l8LJcUii0VKtTac1aakPFMldM2OYyn7ZvmsaDa/QpCkt0+t3Wi5/s3EjfN4/6u72aDlUjR8jMIib/hRxMb7vGDu1fyKFqpkcjVoFAbQBAJZrKzRr/h4Mmp+ynR8bk3lBE6WJwfBVoWeXPcZDJuKPhuS9kjAs9TgigA63UAScphW0wGGNKeOjl37/KqY02sRTK9wxeVs37jLfNYxwHWPQ+ATUUxAEx0Ong9NuC91mcLD9/4MeweT1iVZfaZoQMkSQNBINDG7wR98uPgtE9ADL5P2flilbmnLi+s4OG29/IsU4OzQoAHdVQKIFJ62GHuLkII1cUZ94FErgGHzVQw2N+VEDbw/MDHu1w+9LREwdzUxmbiEpLhhFKqCoqv/6wgZup5v+9Lx9wIcF4naHTbs8d7Pzu3bvB013mDec5dTEtV70bF5UBA4LAV+taYrPs1uJ64t3pI4By3A5z3LOB4I5Kutlsm0diduoMhg2e6LyV56LQ6FRNfQUsjIJhNIs9/Ldhvl2uz3hpdfi8z/1RtUMxoeSROVwSKCF01IY09MdP3aeGawdN9V/e5iIQPWffCC8FjdDkmwWU31yqJyWrjk7Xz/31fE4F+IhDZwHoc4F6YwhuAIpaIOWcdbNy16nIy9TSV+nyBx/x+d6mI63UpdnpjM0M+OKXNrpj6v822N7+aD5Q6Q6pgGpnoNJBiZcOIP+TIVhW9veT3h3rM+RbMghAAJZZDZaS+RaNPb9JJTaUrof1tl1/raq06utIu/9C1diYqQYPB+MRJWHKKgCd8EHXBMtC056Hg9Lw3W5kIaBR4rtlrH7+VmnukVLWj0rW83vbV8SKvx8PII+P2zvWc1/1704sWj3MWeL8XgqdFANFBgasxJvN456qVy973AaPJqnQsz23dp9G021BJSZgshMC1TWJ+W5tTZQmuTXWcVt+3cM9rDTnPkSRVjDMfSEr6gwws7xiyX+8MWTLHfilHVlZXLopEg0afARQK1CTnHluqV1PnxUfnrJ79UpX2glqTBDzvbeFZ13iU0va+NqvCsq5+zCtyjkXrEo/wrBMILJkBoPeMdDVdEjlnHycyBbQESgWOBT7AtnoXJlqzCisawtYkRu/Uv0TKY8sCAa5IFPigOe5OEqzbBFASBWCRGWEXTfWJOUc/Cmt3Co7ZgetFTr/0BEGQB2lagYEyHEvZkpxTnPmMNv3QN2Fvi/9od9+VVC+V+gmJ6P0I6zb2+J4sMF6iTi3p3ZB+vHK4h2u1bknuF0EdVXK9LyvTT9rW9IEgONTLN1RDhGpLbNVP298CDAD2AiyMLnznIgAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 100% 100%
}

.section.offical-features .features-pagination .swiper-pagination-bullet,.section.offical-features .features-pagination .swiper-pagination-bullet-active {
    background: none!important;
    margin-right: 20px;
    opacity: 1
}

.section.offical-features .story-arrow-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 16;
    width: 100%
}

.section.offical-features .story-arrow-bottom a {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.section.offical-features .story-arrow-bottom a img {
    width: 4rem
}

.section.offical-features .swiper-3d .swiper-slide-shadow {
    background: none
}

.features-img-modal .byte-modal__wrapper {
    overflow: hidden
}

.features-img-modal .byte-modal__wrapper .byte-modal__content {
    width: 100%;
    height: 100%;
    background: #000;
    top: 0
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body {
    height: 100%;
    width: 100%
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .img-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .img-wrap img {
    width: 70%;
    height: auto
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap {
    width: 12rem;
    height: 7.5rem;
    background: url(../images/concep/bg.fbce786e.png?v=1.5) 50% no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%,-50%)
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap video {
    width: 100%;
    height: 100%;
    padding: .2rem .17rem .18rem .15rem;
    object-fit: cover
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap .icon-playOk {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap .icon-playOk img {
    width: 57px
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .role-video-close {
    position: absolute;
    top: .4rem;
    right: 12%;
    width: 1.38rem;
    height: 1.29rem;
    cursor: pointer
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .role-video-close img {
    width: 100%;
    height: 100%
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .hero-text {
    position: absolute;
    left: 50%;
    bottom: 4%;
    transform: translate(-50%,-50%);
    width: 2.92rem
}

.features-img-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .hero-text img {
    width: 100%;
    height: 100%
}

.gallery-audio {
    background: url(../images/concep/bg.33ab79c7.png?v=1.5) 50% no-repeat;
    width: 11.43rem;
    height: 6.09rem;
    background-size: 100%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 100000
}

.gallery-audio .gallery-audio-body {
    position: relative
}

.gallery-audio .gallery-audio-body .gallery-audio-close {
    position: absolute;
    background: url(../images/concep/close.6bd69ebe.png?v=1.5) 50% no-repeat;
    background-size: 100%;
    top: .2rem;
    right: .3rem;
    width: .9rem;
    height: 1rem;
    cursor: pointer
}

.gallery-audio .gallery-audio-body .gallery-audio-content {
    display: flex
}

.gallery-audio .gallery-audio-body .gallery-audio-content .gallery-audio-content-left {
    width: 5.7rem
}

.gallery-audio .gallery-audio-body .gallery-audio-content .gallery-audio-content-right {
    flex: 1
}

.gallery-audio .gallery-audio-body .gallery-audio-tilte {
    padding-top: .2rem
}

.gallery-audio .gallery-audio-body .gallery-audio-tilte img {
    width: 4.43rem
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeoAAAGeCAYAAABb3kLtAAAACXBIWXMAABcSAAAXEgFnn9JSAAAImklEQVR4nO3bS3KcVwGG4dOSuoNbFcs3CTsOlwFhA0yyAhaQLWQH2UeWwBaYswMmbIDKBIMdI8cXUeqW3bo0AwZQhdQJEEVv4eeZ9vmrvtlbf/V/Juv1egAATZMvv/j1r256BADw77748nd/2BljjN/89vc3vQUA+Beff/bpGGOMrRveAQBsINQAELaz6cf5j2bTxwd7d+fz2Xxna2tnMhmTH2oYAPy/Wa/H+uzi4my5XC2fHh69Xr5dnX7bM1eG+sGd3fnHD+88evHqeOvPz1+Pd6fnwxfiAPDfm0wmkw+m29N7e7t7v/z5/od/ef7m62/eLJabnrk01Lu3ZtOPH9559NWTb7aOl++uZy0AvGfW6/V4uzobz14cjb8t3m794icPHi3fnj7Z9GZ96X/UH+3v3T18eSzSAHBNjpfvxuGr463HB3t3N527NNTz+Wz+8mhxPcsAgDHGGC+PFmM+n803nbk01NPtrenq9Px6VgEAY4wxVqfnY7q9Nd105srrWT4cA4Dr9V1a6x41AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCECTUAhAk1AIQJNQCEXRnqyWTyQ+4AgPfOd2ntpaE+O784m023v/dBAMA/zabb4+z84mzTmUtDvThZLe7v7V7PKgBgjDHGvdvzsThZLTaduTTUzw6PXh/c//Bi99bsepYBwHtufms2Hj64vX52ePR607mr3qhPnx6+ef7Jzw4uPtq/PT6Y7VzPSgB4z8ymO+PR/u3xyU/3L54evvl6cbI63XT+ygK/eHW8WJ6snjw+uHPvx/dvz7e3J2oNAP+j8/P12eJktfzqyYtX3xbpMTaEeox/vFn/8U+Hf/3+5gEA/wn3qAEgTKgBIEyoASBMqAEgbGeMMT7/7NOb3gEAXGKyXq9vegMAcIW/A1Cou0zq5Ba3AAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100%;
    width: 4.9rem;
    height: 4.14rem;
    box-sizing: border-box;
    padding: .2rem .1rem;
    margin-top: .2rem;
    margin-left: .15rem
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .content {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .content::-webkit-scrollbar {
    width: 8px;
    height: 106px
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .content::-webkit-scrollbar-track {
    background: #1d1912;
    border: 1px solid #3b3128;
    border-radius: 10px
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .content::-webkit-scrollbar-thumb {
    background: #56473c;
    border-radius: 4px;
    width: 8px;
    height: 106px
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .content::-ms-scrollbar {
    width: 8px;
    height: 106px
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .content::-ms-scrollbar-track {
    background: #1d1912;
    border: 1px solid #3b3128;
    border-radius: 10px
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .content::-ms-scrollbar-thumb {
    background: #56473c;
    border-radius: 4px;
    width: 8px;
    height: 106px
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .audio-li {
    color: #b0a491;
    font-size: .16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbEAAAABCAYAAABQbZBwAAAACXBIWXMAABcSAAAXEgFnn9JSAAADZ0lEQVQ4jaWU224cRRCGv+6Z2dmj97xeNrZjEAGiSAiBhASCa8QFD8BD8CC8CA+BuOGGKxQhY5CSOE58Pnvt3fXMzkxPNxdTG68gd5RU6p7qv/6uqukq9eMP33wE+BSiZPVk7wHBkl0L1pO9+pctBm4F2xN1wAywQB2oCn7Zf6GenPlyZsVeBmqyT4U/XIp7EfOCswa0gQPgZ+AE+Bz4GmgKbyZ+dbFpIBL+AbAuXHvAFTAG7uQ8BDZFa4AReyq8TmIL5Y4UCJzDUwoTBH4ehiXPmNxLkrTknMvl7kRyrUs8RupfWvwDpRRa60wplTlrlclz3wsCPwyryqRJlmXztNvr6163HUxuxxhrVavdU9Y6jo+O3Gw6JSwHqttbpdsfks4TdXl5rsrVpusN1+zd5JrDvR3P8+DJB+vu4dpqcnZ5m25tv/CNdeUHaxs6niecn51FyprTaq0yNsbaJDPRykozHIwevtcZjAYlnXF1+jo52D+YmNxLOv2hF01vtUnvMLm9jpNskqVJXcEQqPeGG0GtWtHzeIIDuv0RjfaANE052X/pLo4PbG2lxcb7j71Krc7ZwWvOj/ZctVFXvdV12v13aHb6RLNbXj3bIksTHj35DGstu8+3sXmWDR9sJu3eKkkch8f7L/XN+PwkCEqHrXa/M1x/d7PeaJdODnd58fdTotk0rzVaphSWXJrM/dwYPwhKGTCdx1Fqbd7Q2qtpra9K5cq2UmoeR7MPnXUbzU5/Uqk3rm2WlaNo1o2jWWiNwfd9lPbAOSwOBXQGI9tsd28m46u/Tg93jz0v+EIpNXLO+bnNcdbev3Cl3jTiQpxzb7ZLmosu9+bbxKGUq9YbeNpX83mksjSBe04AtNZ4foC19iY3Zowi0Fr3FSq0Ns+dc5b7/nubWHm7SimtAOuc3XHO/QJco/RXWqkvwZWcs7ErShPCf9K1kh/c9/r/lUW9FvNuIRnF3Mop+tEH5kuY34CfKObC98B3gjWCPQWeie/Hsu4B5xSzaZ1idizHschnCvwBbAEjirnVo8jfCs5IPA6oiC2WuD3BLc/KQLCLB6WW7rsDbsS3RTGjY7FnFHNpwWuAM/keASvAhWhH8gqBCfAc2JEaOfHRwGPgkfAdSq6/C28LWBPsK4n3E8FfAL8Cf0o9vwU+/Qe33oTXrYkvCQAAAABJRU5ErkJggg==) bottom no-repeat;
    height: .36rem;
    text-align: left
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .audio-li .audio-li-box {
    position: relative;
    width: 100%;
    height: 100%
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .audio-li .audio-li-box .progress {
    position: absolute;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    background: rgba(74,61,45,.8);
    transition: width .5s ease-out
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .audio-li .bg {
    padding-left: .4rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .audio-li .bg .name {
    flex: 1;
    margin-top: .01rem;
    font-family: nsb
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .audio-li .bg .time {
    margin-right: .1rem
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .audio-li .bg .btn {
    display: flex;
    align-items: center;
    margin-right: .13rem
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .audio-li .bg .btn img {
    width: .22rem
}

.gallery-audio .gallery-audio-body .gallery-audio-list-music .audio-li .active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbAAAAAmCAYAAAClBs7AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNTA4N2NlNi01NTIyLTA2NDMtOTAwMi1jYjU1ZTRlYzVjMWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjkxRjg0Mjc5OTg4MTFFRTlBOUY5Q0Y2NjA0NDY0NUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjkxRjg0MjY5OTg4MTFFRTlBOUY5Q0Y2NjA0NDY0NUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTM2MWRkYjktY2U2Yi0xMjQ0LTlhNGItM2I0MzE1YzlmZmYxIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmE0YmY4NjMtZjVkNy0wYjQ5LTgzNzgtOWJjNDFiNzI5N2FmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3CJEsgAABSJJREFUeNrs3dtPk3ccx/EenqctLfRcSoucTEFgoICIB3TOJV64xZhlybKrLbvYX7A/YlfL/ohl2Y0mM8t2sWVbjEdUEBHQYoVCQQ6Wg20pbZ8e9nu0JcY7oYpd3q/kmz79pe3F93fxyQ9+z+/Rnhlo0wAAUGmkV64DovpE1YmSaQ0A4D2hiFoSNSIq9HqAnRbVT48AAO8hdVHVUKy7oq6og7riyovwAgBUgv5ibr0IsMP0AwBQQQ6XAsxLLwAAFcRbCjA2bAAAKolcCjAAACoOAQYAIMAAAPhfBFh7oKWztaWJoz4AAGUnva0f7mpv7Qk0N3yey+WTsiz9Pjn1ZIx2AwDKRd9S7zpRzh+sMhmNhzoPHGuq959LpTNLOp1O9npcg75atzutKNF4YjNB2wEAu3SzbCswp91m89fV7m/e5z9rMMi1qVR6PvJ06bok6Y2Nft/Hdpu171jfwd6V6NqV0Mzc7aVn0RX6DwDYqV0HmM/r8QaaG4/bbTVdsiTZ1bFYYnNibDL4mwirqPo+GArfPznQ+6XNWnOo1u38yO20H4+ubwzNzS/em1tYjDANAIB3HmD9Bzu/kWXZLS4LaxvP74QjT4eWn60uibcFdVW2lUqldMLw2OTlaov5bxF2g06HbaDW5fzQYbV+IALse6YBAPDOAyyXL2TUW6IzirIqSZK5PdD8SdeBgCWRTM5Ker25ymT0rcfik7JeMmm1L3Y9apVsdl2s1py5XC7JFAAA9iTAksmtiMlo8BvEKkyUS1GUtWQqvTA9O3/TWlPtbmms9xfyhaxW0khVVSa/0WDYPnsxk83GmAIAwJ4EWDaXS5WuC8KjUPjS45nZqeJQZGo6PG6UZXlzK5U62NHav7+p4Yvt1VuWFRgAYGd2fSOzVqvVq6/qxg1xrWmsrzsqS9J2MGYyihLfTCbdDrujuaH+vDqWEiu0YvilmQIAwJ4E2Prz2OzU9OzP12/f+2V6dv6iutPw9IkjX73+uSM9XV/rdLqq4JPwT+PB0MWX4cdRVgCAPQowsbIKtDTUn/O6nd7RiUfq/V3/WKstnaeO9l0ofebU0cOfGY0G/8rq2tWJYOi+CC6tOl4oaPJMAQBgTwJMNshWWZacJpPRrL6/cWf0DyWbXfO4nKe8bpe7rtbt9bgcg4qiRK8NjVxWP+Ow23zqq7nK5GMKAAA7seujpBw2q8VurWl3Ox2H7DarbiMWX9yIxYIiwFpdDpuvsd43qNfrzdduj/yoEQuvE/09F/xez1mtoCjZtSfhyF2mAQDwhm7uOsBECCVqLBaj0WBw2Wqq2/f5vR2Ly9GxaotZDbZeSdJXx+KJiVwu/3ygp/tbMR4oiK+tb8SG740/vLyVSqeYBwDAmwaY9sxA23fl+CURVta+7o7zYhXWm8/nt9IZJSpSzavVaCT1T4qGl6d1aFbXN26FwpEbC4vLT+k/AGCHfijbafSpdCY9E1l4oNfpVux2a5vRIHvULfbq1nq9Xm8RK7XVUHju0p3R8X/jic04vQcA7GYFVvbngY0HQ6OPZ+YmBnq7P/W4HCfFkHZx+dlft0bG/lRvdKbnAIByeCsPtExnMsrVoeFfuzva5vL5XHYiyMMsAQAVEGAlDx5OjdBiAMDbwEkYAAACDACAdxlgCm0AAFQQpRRgy/QCAFBBlksBNkwvAAAVZLgUYCFRnEcIAKgEd4u5tb2N/ooo9SGTfaLqRMn0CADwnlD/57UkaqQUXq8GmKY4GKJPAIBK8J8AAwBIuarKIB5b5QAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 100%;
    height: 100%
}

.gallery-audio-content-left {
    position: relative
}

.gallery-audio-content-left .gallery-audio-img {
    width: 4.05rem;
    position: absolute;
    z-index: 2;
    top: .67rem;
    left: .5rem
}

.gallery-audio-content-left .gallery-audio-song {
    width: 2.68rem;
    height: 2.68rem;
    left: 2.74rem;
    top: .85rem;
    position: absolute;
    z-index: 1
}

.animate-spin {
    animation: spin 3s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.section.ob-offical-gallery {
    background: url(../images/concep/bg.2edc1c2e.jpg?v=1.5) 50% no-repeat;
    background-size: 100% 100%
}

.section.ob-offical-gallery .gallery-title {
    display: flex;
    justify-content: center;
    align-items: center
}

.section.ob-offical-gallery .gallery-title .title-cell {
    width: 2.8rem;
    margin: 0 .05rem;
    position: relative
}

.section.ob-offical-gallery .gallery-title .title-cell .title {
    width: 100%;
    height: auto
}

.section.ob-offical-gallery .gallery-title .title-cell .title:hover {
    opacity: 0
}

.section.ob-offical-gallery .gallery-title .title-cell .title-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.section.ob-offical-gallery .gallery-title .title-cell .isDisplay,.section.ob-offical-gallery .gallery-title .title-cell .title-hover:hover {
    opacity: 1
}

.section.ob-offical-gallery .gallery-title .title-cell .btn-text {
    font-family: nsb;
    font-size: .26rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #e0cdac;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    width: 100%
}

.section.ob-offical-gallery .fp-tableCell {
    position: relative!important;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.section.ob-offical-gallery .gallery-slide {
    width: 90%;
    padding: 0 0 .2rem 0;
    margin: .3rem auto 0 auto
}

.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 5.58rem!important
}

.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide .thum-cell {
    width: 5.58rem;
    height: 3.96rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide .thum-cell .loop-cell-pic {
    width: 4.8rem;
    height: 2.85rem;
    margin: .2rem 0 0 0;
    border-radius: .1rem
}

.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide .thum-cell .loop-cell-title {
    width: auto;
    height: .6rem;
    padding: .1rem 0 .2rem 0
}

.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide .thum-cell .loop-cell-text {
    width: 80%;
    display: flex;
    justify-content: center
}

.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide .thum-cell .loop-cell-text .left,.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide .thum-cell .loop-cell-text .right {
    width: .35rem;
    height: .35rem;
    vertical-align: middle
}

.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide .thum-cell .loop-cell-text .desc {
    display: inline-block;
    font-size: .18rem;
    font-family: nsb;
    line-height: .35rem;
    color: #51453d;
    height: .35rem;
    vertical-align: middle
}

.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide .thum-cell .titleHeight {
    width: auto;
    height: .48rem;
    padding: .1rem 0 .2rem 0
}

.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide .thum-cell:after {
    content: "";
    opacity: 1;
    position: absolute;
    width: 5.58rem;
    height: 3.96rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAi4AAAGMCAMAAADKqNmVAAAAV1BMVEUAAAA5LyM/LSg/LSg/LShALSlALSlALSk/LSg+LShALSk/LSg/LShALSk/LSg/LSg/LShALSg/LSg/LShALSlALSlALSk/LShALSlALSk/LShALSk/LSiRDBhVAAAAHXRSTlMAs7EIlywTH6arDlqGJpBunhl9dzU+RKFMZotTYTZ5U+UAAA78SURBVHja7Nppc9MwEAZgsVrdpyVbPv//70QyR4FhhnHhA5B9JpEP1cnU+1ZynTBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghfz8u2ZtJhMlay6SYGPlnTUIya+UUviuj5Oz3iSuwz9SJkLHW1DzgvgRG/kFh2RF8S7ViBjzV1/2X+ANjikrbxAZ7IoBPl3MVYYjXLLnljPwjOOdyviIMsTp3JQ+Ap2WD2pJ69zjDbT+I3eZaT8Xl6QHyIsebytBcRZ2huHMTlJd/BBfb6QpkjdW1IDlnTC4ZoJySq61WwYZR9neNAWKf2eCwJLcbAEz87b3V5Q/EchQnGPkHiLP4gvHwl3oro00IYHaXCjo2zPt7y2mzxiSk5fPu2njVHH1N2+Lqfs5SLXvBEtEfp2tbKsfutja3RSzLvCzLuc1L35qFUEHZ/pSTnISalJom1Vcll5KPGPP++DRO2tFay21fvPiQxTvLre0LZuVoGWf8fozzNs5lp9QUwiSl/HyKhZhb6yd/O5dRhLsUbXP7UVJr7jw8xoLlWiY5n3t1y5aqj9kAYHP7zK0UCTVa9k4HgC6Ncy42D58cR8SsYY0p674o6cADtfYZwGizrga0Rm3w6CmOWeesV6O1XrUBYwz84MOH0ZA/A+7mfsIXxsAwarJijrXoUaAUV9CIhz/gk9IC47z1XvDv/mO9AAw63gWEwWCMCcEAlmyMiTU5V0ZXXkH3HTrnVa/e++gj3nFBRN2tozHavP0Cn3PSW8rL00Tc3nb8/CduBj7RehTJp72WaIzJ9S5iihENDFGxzo2t611x4ePw8UZFjS2EFdGLvrrUmFefUK9JWCXEVWspdXfbsrSlzcGqIJroHWH03iNlEFxO1vJ7B7dTmOdZtG2eeieTgnP54nPPr3HJubBMSTnNWxP9BIbJcjkLNeasSXIRQu+Uou8IvRFNhL4295K0ZXM9JqVUN3rntOqYjhVjXRhjwmdcAUcBVBmhcoy9Iy6jgjtAjrH1rRngEoHdxCLaIjdHN+r+UZPb5NJ6GdlNiB1grLcYM8DOGJ8ev+S4QL5HjvuK+YSs3pLUI24Z+Zd9N+OoFc57Liq1jrrP+9O8yOoVGzkL8wieh529obnjP7ODv6eNMN2Tki+SPSRw52/5QEM3V/5jwqD8Jjx5Zk/xqsWn2yJjo6ySkf+W1OUuc28sE7pMz+Ny5k3KOaG/3CmuSBcr/zEZL3Gel8c0S7mtTj2PS1DNuQgARmtEpP+D/mMTImptACCerqn5HXGRoWjUsPpr6yuVJqP/mKyo/XZ5DRp1CSI8fwXhko9ls/e6ornovyaVkGNxFvTJLYI9xB1ElyKNKS9GxuQi7Jw9ozRAjagYeSkKYwXQT+t+gkk1XTS6vBh1pZoATvaIzOCDc3SB+2pEdS4gZPnsKABnCwLF5cXMBoutAOLhXLQu7ACgL/u/mAvgYJeGjT3hIAoeAWZGXkoBiNxlcM/iYo4wIdAHi68mGcDpyuZRXHiCI4gMmm79v5ikIYsrQ+KPbtZAFM2AZuS1bAZMSytE+SQuCNh2gMLIa5EIsFcN+CQu3JvDeYCFkRdzAfhjNZ4/Ogh9zbDSlyxfjlohY8aLPSEQ0UBi5NXwBEZrFOwJm1YNZmPk5WwGwCTLHhEIcNClywv6yM694CYMxFAUtZ0vEQNB0PLZ/0JL1RW8SFGR3j1ruBo8g5WvU8nvbct5rnrySGdoeFaVeLp019/7Nyt0hsbvQ9W1C8ljrlfjYmSoa6eqR2jaXGcOF0vLWd9EuPTFvchT96i6yK81M3u6plrVJJ8uK5OLqUU/XcbjK2CqapRzOQZM6blcenKxtWXUZdfFVtVELtgxl5lcbG3JhdnF1pZcuEjbSjmXNp8CprKanEsfMEUu2DWXgVx8ZQ2haf0aMJXZ5JsRudjKnEKzkIuvzCVE/T1gKjNEHbn4yuzUXFZysbUlF2YXW3ou0fMpIFuZoVrJxdaGXO7kYkvPZTyQi62sMTQTnzH0pe+7DHUImNL/YryRi6+sG7mAXPD2/7kwuxgjF+w66g5VAVPkAnLBH3KBgFwgIBcIyAWCT8iFdxdbmeSCHXNp/Bj5ymzkgv1ymcjFV+ZELiAXvJELBB+QS5KLLXIBufywS8c2EAJBAMRuhURO/81+8BVMgAjWrsH86ULwfZdHl71mntxlDkvpwqtdbl32mrl14b0uly57zVy6ULpEuuw1c3RBF87RhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXAl0IdCHQhUAXfuzSMQ0AAAjAsAT/osHCLp5WQwNdCHQh0IVAFwJdCHQh0IVAFwJdCHQh0IVAFwJdCHQh0IVAFwJdCHQh0IVAFwJdCHQh0IVAFwJdCHQh0IVAFwJdCHQh0IVAFwJdCHQh0IVAFwJdCHQh0IVAFwJdCHQh0IVAFwJdCHQh0IVAFwJdCHTh04wu6MLRhUAXAl1Y9u0wtWEYCKLwEm9sKciO4gRMTe9/zlJ6AU0h5Me87wwPDdisgFwgIBd8UiUXjKuVXPDGXCZy8VXrRC4YVeRcZnLxVepMLnhfLg9y8XXUB7ngnblcAqb0XBZy8dXLoubCGPlKPZcLr4utPBbGCKOykAuGbQdjhGFnJxcMO3ldMG4rai4rufg6j5VcMKp1NZcrufja8yrnUgOmWr/yumBUr+SCYUkuIBf8YYwwjFwgYYwwjlwgIBd8UNZXaF581fWVhVxALvj1+Vz4xWgsyzU0C7n40i8B5loCprZjDtFBLra2PVSdXGxtz1AludhqXyGaeg+Y2vdJzSWPgKn2JBcIYzSFKBkjW+0eolshF1stb6FZyMVX2+Qb6cyAqbbLR6+FXGzpR68rufja+yrnsgVM3f+RyxkwpeeylBYw9Z2LnMseMPXT3p0tuQkDUQBVWq1daGWH///OIJw4yVOi5Mmhz4wxIwrXFH0LLfbUuP64LJWRh6K4kA5Hf1wSxeWx+uOSA41dHuv0mfWRnuLyWDHK7rjQRPqxandcckDOyCPZ0N0ZqaQVI4806P6hLsLKyBPxFfbcnTCIlpEHshGWgfVZF9gHGr08EB8CpLXznGrAzHR7eSA5G9CVd96QNMAmGHkcsQHoaDtPQgP7xMjjTAEMit7hTtJgaG70QKuBJXXeXQSGYCAy8jQ8ggl75+3lxBITLLRS9zhqgbRVPLsi5o1fPYBj5GFOAD9743nPZAoBxw0AB0aehA8IsF0blD1xCRDUbMD4SfFMq3WPYDNXk7/X23YIsm+846VIoEHvPhS6xzyAKOh3DRqS4B4iZx2c8TkjGAAsHj3l5b8ndvQ1ABjAbL1xrIeDoHgAgE1ksRZHbwf856yrq8jDBgCBy71zknNAEmwHKKyRI82o/3NKSNYUgJ2JBGvv/6c5bMH3WTTa/c/x95ouFnsACNZDJvCDc5XeZHwYUZ0bPCTJuhxgYo0ndUIPo85Yo4Gj9zQNUANSXB5GYajQ/+4PPyC4GCQjjyJDdAFW3r8c7KIPZbXtNYSimfR/Tb5mRvIo6KNTrJ8dikYNiz/Xa6fKb62Um//I92rKitqvp9egUZeBs35Kzc4FADBaI2J+NY6TW+kj3/8DPhxuGhVrMiJqbQAgHG5WivVb0yrlGNGf7hBnsO8YzTHOFJgPx1sV37GQ4RTHcXqMo5TrsrJ+UQtmOeMtGbwskr3NYBzl5aNxZ2Bib1KXu8zXxjKhI+smcPsRCYlGsLeMGBxNsT+YcgGDZG/CoGRvGwrWSVavWt7yMLZzPWzszW61RFrv/WAilnpa9raBb63TkHkLk6+S9cmbYEyctRZ0r7cc1Y8oSZlpQeajyYZ9p5Z7GddhqfVV98w62Tt0kEKYr70R4BQDu4lJzJNcXWbkIym3ymkWk2A3ITaAtj+HkAC2b8Xv5wBAl7tTQlgQfXvRqYa0+Ih6icIqcd+BSt3cOk3zNI+DVYOYxXVgaEellGoYBJfZWn43cJuHcRzFvI75Osik4FzSyPk3uORcWKakzOM6i3Ech2y5HIWy3NosuRiG66AUV8NwbcQshmtvvEoyT6vbaimlunZ0jIsOcV8w1KmFxSdcAO9OqGj4l4/zOwCD9+kKoTEYQkQwgCUZY7DULfoEAIsGY+4lmqs5paQXbbRpZ7Tm5svt+9Pt1UD+ENzXrT1ezH2F9bKktGBICbHUsuMeXb2+nTsx4Y5JXwy2ooU4TW7zrXCvIsYQ0EAT1F1vNP8SFw+gy8w5G2YPL/seMGlYQk3agPY1pLAYjS2XBrRu23agMQbevtzpAIrHP7jT8lNc2pcxOi16SYiYloB+Tz66GKPXyS/JaES9GAOtXKFgcfFq07jtC2jE3e/wUuaBcTYXDeDZX7JJYxTS8nFzMwKYFHyN6+TqdoxSTVvB0n7Dw81rLPvm1nmcJzFN4zRNxzpO10+jEGpQ9nrILLNQWamc1bUruZT828IOZ9eWS9u2rc+6nh7eO/FL62XahbCybRln/PUtJW/X8qJUHoYspfx2iYUY53mcpvWYWhHuUsyr2/YS59kdu8cWmXPKcjy26qY1Vh+SAcDZbSO3UkTUaNnfEdvIGocluq29avxRRa5OvyOWvTiaU38EcRRfMOz+VD/KaCMCmM3Fgo414yZYP24Zk+w21nooLg8PkCbZki+H2VXUCYo7VvHwG8Hn4GI9XIGksbp5kO2WJacEUA7J1VqrYE0ru+XdI3H2jYprZo09EMDH07mK0IRzlNxSWj5G6/HHM0AT2mA4egA8LGvUGhX75h9mquIc3sk5EBLWGmcPuE3010cfaZg2BD/HWjEBHurdfgr277hkP2QxZGstk4IW6T5YFpJZK/PwSxlp9YsQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEI+wVcDqqvJF7NXJwAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 100% 100%
}

.section.ob-offical-gallery .gallery-slide .swiper-wrapper .swiper-slide .thum-cell:hover:after {
    content: "";
    opacity: 1;
    position: absolute;
    width: 5.58rem;
    height: 3.96rem;
    background: url(../images/concep/page_bghr.fa789214.png?v=1.5) 50% no-repeat;
    background-size: 100% 100%
}

.gallery-video-modal .byte-modal__wrapper {
    overflow: hidden
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content {
    width: 100%;
    height: 100%;
    background: #000;
    top: 0
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body {
    height: 100%;
    width: 100%
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .img-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .img-wrap .img-content {
    width: 70%;
    position: relative
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .img-wrap .img-content .big-image {
    width: 100%;
    height: auto
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .img-wrap .img-content .img-close {
    position: absolute;
    top: -.7rem;
    right: -.8rem;
    width: 1.38rem;
    height: 1.29rem;
    cursor: pointer
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .img-wrap .img-content .img-close img {
    width: 100%;
    height: 100%
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap {
    width: 12rem;
    height: 7.5rem;
    background: url(../images/concep/bg.fdaa0d15.png?v=1.5) 50% no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%,-50%);
    padding: .4rem
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap video {
    width: 100%;
    height: 100%;
    padding: .2rem .17rem .18rem .15rem;
    object-fit: cover
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap .icon-playOk {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap .icon-playOk img {
    width: 57px
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap .role-video-close {
    position: absolute;
    top: -.7rem;
    right: -.8rem;
    width: 1.38rem;
    height: 1.29rem;
    cursor: pointer
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap .role-video-close img {
    width: 100%;
    height: 100%
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .hero-text {
    position: absolute;
    left: 50%;
    bottom: 4%;
    transform: translate(-50%,-50%)
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .hero-text .hero-text-wrap {
    display: flex;
    justify-content: center;
    padding: .1rem 0 .1rem 0
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .hero-text .hero-text-wrap .left,.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .hero-text .hero-text-wrap .right {
    width: .35rem;
    height: .35rem;
    vertical-align: middle
}

.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .hero-text .hero-text-wrap .desc {
    display: inline-block;
    font-size: .18rem;
    font-family: nsb;
    line-height: .35rem;
    color: #51453d;
    height: .35rem;
    vertical-align: middle
}

.news-page .title {
    font-family: nsb;
    font-size: .56rem;
    line-height: 1;
    color: #dfd2bc
}

.news-page .date,.news-page .title {
    text-align: center;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0
}

.news-page .date {
    font-family: Philosopher;
    font-size: .18rem;
    line-height: 3;
    color: #9e8c6c
}

.news-page .deco,.news-page .deco img {
    width: 100%
}

.news-page .content {
    width: 60%;
    margin: 0 auto
}

.news-page .content .text {
    font-family: Philosopher;
    font-size: .18rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0;
    color: #dfd2bc;
    margin-bottom: .3rem
}

.news-page .content .bold {
    font-weight: 600
}

.news-page .content .heading {
    font-family: nsb;
    font-size: .24rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: 0;
    color: #9e8c6c;
    margin-bottom: .24rem
}

.section.ob-news {
    background: url(../images/concep/black.25f47804.jpg?v=1.5) 50% no-repeat;
    background-size: cover
}

.section.ob-news .fp-tableCell {
    position: relative
}

.section.ob-news .news-modal {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section.ob-news .news-title {
    position: absolute;
    background: url(../images/concep/tit.8101a9be.png?v=1.5);
    background-size: 100% 100%;
    width: 5.61rem;
    height: .99rem;
    left: 50%;
    transform: translateX(-50%);
    top: 14%
}

.section.ob-news .news-title.fr {
    background: url(../images/concep/tit.c5b70cfc.png?v=1.5);
    background-size: 100% 100%
}

.section.ob-news .news-title.de {
    background: url(../images/concep/tit.d5b97218.png?v=1.5);
    background-size: 100% 100%
}

.section.ob-news .news-title.ja {
    background: url(../images/concep/tit.33f43e29.png?v=1.5);
    background-size: 100% 100%
}

.section.ob-news .news-title.ko {
    background: url(../images/concep/tit.7a6d89cc.png?v=1.5);
    background-size: 100% 100%
}

.section.ob-news .news-title.ru {
    background: url(../images/concep/tit.fb8aeeeb.png?v=1.5);
    background-size: 100% 100%
}

.section.ob-news .fp-tableCell {
    position: relative!important
}

.section.ob-news .main-wrap {
    width: 40%;
    min-width: 452px;
    position: absolute;
    right: 17%;
    top: 15%;
    height: 55%;
    min-height: 47px
}

.section.ob-news .main-wrap .line {
    width: 100%
}

.section.ob-news .main-wrap .content-wrap {
    margin: .2rem 0px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
}

.section.ob-news .main-wrap .content-wrap .news-block {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px;
}

.section.ob-news .main-wrap .content-wrap .news-block .cell-content {
	z-index: 5;
    position: relative;
    background: #14241f;
    border-radius: 5px;
    padding: 10px;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}

.section.ob-news .main-wrap .content-wrap .news-block .cell-date {
    font-family: "DM Serif Display", serif;
    font-size: .2rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #6c9e6c;
    flex: 1
}

.section.ob-news .main-wrap .content-wrap .news-block .cell-content {
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.section.ob-news .main-wrap .content-wrap .news-block .cell-content .title {
    font-family: nsb;
    font-size: .24rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0;
    color: #dfd2bc;
    text-align: center;
    width: 100%
}

.section.ob-news .main-wrap .content-wrap .news-block .cell-content .sub-title {
    font-family: "DM Serif Display", serif;
    font-size: .15rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0;
    color: #6c9e6c;
    text-align: center;
    margin-top: .1rem;
    width: 100%;
    overflow: hidden
}

.section.ob-news .main-wrap .content-wrap::-webkit-scrollbar {
    display: none
}

.section.ob-news .fire-bottom {
    position: absolute;
    bottom: 0
}

.ob-news-modal .byte-modal__wrapper {
    background: url(../images/concep/bg.06ebb170.jpg?v=1.5) 50% no-repeat;
    background-size: 100% 100%;
    overflow: hidden
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content {
    width: 80%!important;
    background: transparent;
    height: 100%;
    top: 40px
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body,.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page {
    height: 100%
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .title {
    text-align: center;
    font-family: nsb;
    font-size: .5rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #dfd2bc;
    margin-left: 50%;
    transform: translateX(-50%)
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .date {
    text-align: center;
    font-family: "DM Serif Display", serif;
    font-size: .18rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 0;
    color: #9e8c6c
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .deco {
    width: 7.5rem;
    margin: 0 auto
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .deco img {
    width: 100%
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content {
    width: 100%;
    height: calc(100% - 40px - 2rem);
    overflow-y: auto;
    overflow-x: hidden
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content::-webkit-scrollbar {
    width: 8px;
    height: 106px
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content::-webkit-scrollbar-track {
    background: #1d1912;
    border: 1px solid #3b3128
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content::-webkit-scrollbar-thumb:vertical {
    background: #56473c;
    border-radius: 4px;
    width: 8px;
    height: 106px
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content::-ms-scrollbar {
    width: 8px;
    height: 106px
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content::-ms-scrollbar-track {
    background: #1d1912;
    border: 1px solid #3b3128
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content::-ms-scrollbar-thumb:vertical {
    background: #56473c;
    border-radius: 4px;
    width: 8px;
    height: 106px
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content .text {
    width: 60%;
    margin-left: 50%;
    transform: translateX(-50%);
    font-family: "DM Serif Display", serif;
    font-size: .18rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0;
    color: #dfd2bc;
    margin-bottom: .3rem
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content .bold {
    font-weight: 600
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content .small-text {
    margin-bottom: .1rem
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .content .heading {
    width: 60%;
    margin-left: 50%;
    transform: translateX(-50%);
    font-family: nsb;
    font-size: .24rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: 0;
    color: #9e8c6c;
    margin-bottom: .24rem
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .img-one-wrap {
    text-align: center;
    margin-top: .2rem;
    margin-bottom: .2rem
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .img-one-wrap img {
    width: 60%
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap {
    margin: .3rem 0;
    border: 1px solid #4a3f36;
    width: 60%;
    margin-left: 50%;
    transform: translateX(-50%)
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap .row {
    background-color: #191410;
    border-bottom: 1px solid #4a3f36
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap .row .column {
    display: inline-block;
    width: 14%;
    text-align: left;
    font-family: Philosopher;
    font-size: .24rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #b8a98c;
    padding: .2rem
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap .row .column a {
    text-decoration: underline;
    color: #0c4cb4
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap .row .special-column {
    width: 24%
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap .row .second-column {
    width: 70%;
    word-break: break-word
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap .row .special-column:first-child {
    padding-left: .1rem
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap .row .column:first-child {
    padding-left: .4rem
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap .row.first-row {
    background: #201a12
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap .row.first-row .column {
    font-family: nsb;
    color: #b1a38c
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-page .table-wrap .row:last-child {
    border: none
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-modal-close {
    position: absolute;
    right: 0;
    top: .4rem;
    width: 1.28rem;
    cursor: pointer
}

.ob-news-modal .byte-modal__wrapper .byte-modal__content .news-modal-close img {
    width: 100%
}

.privacy-page {
    width: 100%;
    background: #1b1613
}

.privacy-page,.privacy-page .fp-tableCell {
    height: 140px!important
}

.privacy-page .main-bottom {
    width: 100%;
    text-align: center;
    font-family: nsb;
    font-size: .18rem;
    font-stretch: normal;
    display: flex;
    flex-direction: column;
    align-items: center
}

.privacy-page .main-bottom .privacy .dot {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #47413b;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    margin-top: .15rem
}

.privacy-page .main-bottom .privacy .privacy-option-img {
    width: 30.75px;
    height: 14.75px;
    vertical-align: middle;
    margin-left: .24rem;
    margin-right: -.1rem;
    cursor: pointer
}

.privacy-page .main-bottom .privacy .terms {
    margin-left: .24rem;
    margin-right: .24rem
}

.privacy-page .main-bottom .privacy .decor-line {
    width: 4.19rem;
    vertical-align: middle
}

.privacy-page .main-bottom .privacy a {
    color: #b2a99b;
    font-size: .18rem;
    bottom: .3rem;
    left: 50%;
    transform: translateX(-50%);
    margin-right: .24rem;
    margin-left: .24rem;
    font-weight: 800;
    vertical-align: middle
}

.privacy-page .main-bottom .privacy span {
    margin-right: .24rem
}

.privacy-page .main-bottom .contact {
    text-align: center;
    font-size: .16rem;
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #82654b;
    margin: .04rem 0
}

.privacy-page .main-bottom .footer-text {
    font-size: .16rem;
    color: #b2a99b
}

.ob-offical-content {
    height: 100%;
    min-width: 800px;
    position: relative
}

.ob-offical-content .loading-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #161313;
    z-index: 30
}

.ob-offical-content .loading-wrap .pic2 {
    position: absolute;
    left: 50%;
    top: 51%;
    transform: translate(-50%,-50%)
}

.ob-offical-content .loading-wrap .anPic {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.ob-offical-content .loading-wrap .anPic .pic1 {
    width: 3.1rem;
    -webkit-animation: pic-rotate 8s linear 1s 5 alternate;
    animation: pic-rotate 8s linear infinite
}

.ob-offical-content .loading-wrap .pic2 {
    width: 1.65rem;
    z-index: 2
}

.ob-offical-content .loading-wrap .loading-progress {
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.ob-offical-content .loading-wrap .loading-progress .van-circle .van-circle__text {
    position: absolute;
    bottom: -43%;
    left: 2%;
    top: auto;
    color: #877766;
    font-size: .24rem;
    font-weight: 700
}

@-webkit-keyframes pic-rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes pic-rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ob-offical-content .left-logo {
    position: absolute;
    left: 13px;
    top: 0;
    z-index: 30;
    width: 320px;
    height: 161px;
    cursor: pointer
}

.ob-offical-content .byte-dropdown-item__text img {
    width: 1rem!important
}

.ob-offical-content .right-social-wrap {
    position: absolute;
    right: 0;
    bottom: 200px;
    z-index: 20;
    text-align: right
}

.ob-offical-content .right-social-wrap>div:first {
    padding-right: inherit
}

.ob-offical-content .right-social-wrap>div {
    padding-right: .34rem
}

.ob-offical-content .right-social-wrap .share {
    width: 1.22rem
}

.ob-offical-content .right-social-wrap img {
    width: .5rem;
    cursor: pointer;
    text-align: right
}

.ob-offical-content .right-social-wrap .bgm,.ob-offical-content .right-social-wrap .discord,.ob-offical-content .right-social-wrap .facebook,.ob-offical-content .right-social-wrap .share,.ob-offical-content .right-social-wrap .youtube {
    margin-top: 9px
}

.ob-offical-content .right-social-wrap .byte-dropdown {
    padding-right: 0!important
}

.ob-offical-content .right-social-wrap .facebook {
    width: .5rem
}

.ob-offical-content .right-social-wrap .bgm {
    padding-top: 10px;
    margin-right: .46rem
}

.ob-offical-content .right-social-wrap .byte-dropdown-menu {
    background: url(../images/concep/share-bg.c10c3b8f.png?v=1.5) top no-repeat;
    background-size: cover;
    padding: .12rem .04rem .08rem .04rem;
    box-shadow: none
}

.ob-offical-content .right-social-wrap .byte-dropdown-menu .byte-dropdown-item:first-child {
    margin-top: .36rem
}

.ob-offical-content .right-social-wrap .byte-dropdown-menu .byte-dropdown-item:focus,.ob-offical-content .right-social-wrap .byte-dropdown-menu .byte-dropdown-item:hover {
    background-color: transparent
}

.ob-offical-content .right-social-wrap .byte-dropdown-menu .copy-link:hover {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAASCAYAAAB7PKHtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTAzLTMwVDEwOjAyOjUzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0wMy0zMFQxMDoyMjoyMCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wMy0zMFQxMDoyMjoyMCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjJBOTNGOURDRUExMTFFREJFRURDNjczRjBBNTNCNEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjJBOTNGOUVDRUExMTFFREJFRURDNjczRjBBNTNCNEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMkE5M0Y5QkNFQTExMUVEQkVFREM2NzNGMEE1M0I0RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMkE5M0Y5Q0NFQTExMUVEQkVFREM2NzNGMEE1M0I0RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpZWbMMAAAONSURBVHja7Fm/ixNREN6sJ4hWe63CHQeCIAhn8ick2tltCv+ApLHf/ROypeUFbC2SWuS4FIJgIcbDRmxu9eCuUbg9RNDq4jf6PRmf+5OYsIEMDJv3dt68efPNm3lv05jNZs6a6k2vXz0zP12wD94uGHIJ/Bn8BPwH4I21K1eKHoMfEcB34PfgbxmyW+Dn4NM12KtJD8En4Afgw6qD/wL79PiwiUfAVGFoInxj+25kDz759HaH8j1Lfgj5sZITfW0lJ+8Stodk0TVSOrrQkaQZDX1v+D62+n2tA+87eYuH/Ihr3ZS50D7Dbw8sekO9BmvcgejOmk+XRvjUzDG9vrXbmhNsSc8hgb5C8G+CGzljvjCdnzeMYTDKGB7awMrixAHo76s+CQzpH1v9omePgIeWnjPqabHtUYfo6qB/gr4BA2hq5Cwd8s5JCz7L3rYBsSzYVsBIu2UHlAY7az7lU+l3AHLnP9Xsc/Au+CN4H3yvpIoP4Nuu2tG/gIZh/ziRC2uqxRmQphpoyspuEB0B5Hp5FtDBJiB89oXc2U0DrDWvnwc0KZnDtxM+Za4R53Sqzkegk3mBTiEB/KpsjgpjbsmhzmUjoGF5TpyohQd0xjADxIgOCCo4qqn6+ma85ew9BtKiaWoCTqXp0sTULf7sLsC2C/DlgtSdRtdcGOaZmlKwC0OVEn1rF2Q5bId1PY+aSt7MFXPHewRYdnVbZY6FE7OZ2NS2M0yJc4CzIKDnIlc5u0rqExCSvHqYsWOdlANVQNnIcvaQweRTbsAdv0zq8rA2MMFWQGJju45AG7CXTVKLZ8LcteOsgxCdnTCVjguCaxG7O1YBNiqRpeS9xzReS7BjtVvLkjjdKzi8eHZ6Nm04sUHeZHmIcw5wwxIlY5GATwi4V6J+dxm8fh0Bd5FyYgLeZP0uQ6ZutgtqcZwF5CoRS0rErLRXIFtbwE0ajxi5QU591XUrUh9FnIy7sLekk/OyADdXwl5RFmTNrh3gLo0zkRvAuEHGCTNhSjPptZMW6erQFXFHrAJ5JQHvFN1aLMCHBPygDovcUMaFMEoW0uPhSafssX3lQXsKuRbvwjPro0R/WVekAjqDbWn95ivhhNfII8iNmYLLnNAHJQHvG5/ieSTgF3zLKKIf8zijsf6Ls/6kPpfeB79wfn8XP6+o5s76X6/Von1Vfi8qXp2/umv/rSR9Bz+tIP8SfPxTgAEAix61DMMD6joAAAAASUVORK5CYII=)
}

.ob-offical-content .right-social-wrap .byte-dropdown-menu .tw-link:hover {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAASCAYAAAB7PKHtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTAzLTMwVDEwOjAyOjUzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0wMy0zMFQxMDoyMjowMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wMy0zMFQxMDoyMjowMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTg0NUUxMjVDRUExMTFFREJDOTFFOTE3REQ4QTFGQkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTg0NUUxMjZDRUExMTFFREJDOTFFOTE3REQ4QTFGQkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODQ1RTEyM0NFQTExMUVEQkM5MUU5MTdERDhBMUZCQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBODQ1RTEyNENFQTExMUVEQkM5MUU5MTdERDhBMUZCQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtmOFXwAAAPDSURBVHja7FlNSFRRFH5TlhktIgOhzGwTTNoiI6kQWkhBKUQLhaKFkIkEUdEPuagkiKBcKEGkQcwiDIqiIM20FkFZTTi2EKVVhmabFArKInP6zvBN3G7P++bn4ZvBOfBx5v6+9+537rnn3PGFw2ErI3NDsjJLkPoS7O3YDDVYurXiq0O/81CngQWs+gwcBj4BtRmy00PuARNAsYFoIfWMVr0cuMXfXfMy65gW8gsoAqGvgSIbohdBXTKM/w2s8SV7Zn/80F8C9RzIiaH7KDCUX1iyI1IYDpXQ7ZQDbahv+G/AcKgG6hDaSln+DjWO8iqWL3IOJzkJHAHyY3jHFkDecbuh33W8Qx2e34bfZYCf9Xe4A/38HVi5ekNnkm78CdcoKs3yfLj1QaVP2MFYKtwgWz7WwgfVsbwLqkM+FItRrRFn24b621BV8kKo79TGdEN1o75pBrKDUFdRDrAs73NQyI2OUZ7dhLp1St0/c9kYmm076ldA3VcM8O93YR2qlU3Qw01QhvpQgkT7oOR5A8BSrfkV8AL4Apw1xGAjMIwCt9x4YyydSOQQUKk1BaiP2gzzq6TZyNso0THIDTc+Fs8bEwMz9SG5d0l2fRKPywa2Ab3AtNYmgdtxQAKz+YY5xGitpMmWHQ2MxTEk4vLpflUjmKQ71F34kMPC18VqaA5GEy/hAWsWBDvyB9QFQLyHz9DV1PbOFbIT9AJC7G6NVEs3Asg+oD0dIyq4cfmO/YyiG5Ocbm8MhJqkxxOy6QKHgUKefRat9iZ/q4HIxtnaQaZXxnuGNQRn6FsFksMCEv0QWB+n57Pb3XI276FXnEpginYvL1UeMIIWixc3XA5Sc7GI4saLaQSyq5+mwCYdnSmAs5FIgAayx/E7V2KQZIlWRM7sY0yj4uFNovYJr9y4xRRLXPlOuvA+xQhyeOsjqU+nlZ4SDcyaXZwziylddhxjpmgglmdkK4Ga5LynlHP5inKe+1PAhScctDJfr2QK5kagNsb1agVCzJ2dpBLjvqUC2d3UeVFSeZ4P8ELiZSoTKrk1cMLQpYW7+5qLkfkkUM9U1ensPoC+j3XX4E3UgzQIi9Vgcy7LBcsmJfe2k8UeEy0xRavpLMfubsKujtzCQdegnJCXCvZ25DHPXgIUyNEnvJsSAaAWRHfpDV7fjffp5zJz4VH9Jk1z/8sYFbd5EY1zQR/F4M6F7DdyARO9aUxApunpLgPnDES/Z/taO6IjeVvm/+z0EOzwhVBbJB2VtJXeTS5cRoB+4BlI/mmaI0P2HJI/AgwApbSHqFAPVrAAAAAASUVORK5CYII=)
}

.ob-offical-content .right-social-wrap .byte-dropdown-menu .fc-link:hover {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAASCAYAAAB7PKHtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTAzLTMwVDEwOjAyOjUzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0wMy0zMFQxMDoyMTozNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wMy0zMFQxMDoyMTozNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTg1OTc2NDBDRUExMTFFREE1NjM5MEEyN0FDMUQxMDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTg1OTc2NDFDRUExMTFFREE1NjM5MEEyN0FDMUQxMDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODU5NzYzRUNFQTExMUVEQTU2MzkwQTI3QUMxRDEwMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5ODU5NzYzRkNFQTExMUVEQTU2MzkwQTI3QUMxRDEwMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppgq3X0AAAQySURBVHja7FlBSFVBFP3PrNCKonapFdVGiSLD3+ZvIv2gBUGhUEiImNUiamFgBNIuqRatkmyRhLhIWhSVkNYmEVSyRfDdaBioFWQIWZJUv3PzDIzDe++//569lP6Fy8ybd2f+fffce+fOfCuZTEYytHRpoO+J6taBd/pcRkC+l50x57KgNeA7AddYmz3x7nUrOjFwoYPQcP624iJzcHxsaDOaEbzLdfsFyt0EV2rDn8HPMbeKMsVoGsGHwTluekC2Af04uIzjg+AxzpW2F3L1DrrcN35jHNzlJO91DnW6btpLz5qw8wCaEhHP27q3IE2gsn1E8g/wSm1shSUKQZEKPEi+6IQiVeqtZVnyIQl0S/EBk4YRxElOgZvx7pKDoQTEbvBH02E4vxzjBdqYMkieze8t0APP39BMGfOv0mkWOCgdrh/8xVhD9Hso4zb6+ZmTYND80V+BDfvKeAS2LfKZxteDpz2IfwCfEWcEz4FXgb/zXUuWhwUaTMOTjrGtdplrC7QQI+M9DFTh8bud9NDXFKcbFoMTFEUCWq7ptOgPoTlN+WfGcn7mzJg6EegZP0D7oJN0xDk+z+kvU4KNj3tqE7GStkaZ0vLtAGPkbgRfc1leUqQnI9jp4UKzBEXpms9tY9JhXXGQMuUgfubYEVO3AB0NAegpcA/7e8AdtK93sB2oFnyL6ULogo1MOY3e5gLgDeHF+lrur5JG27XhuMqILlN72VYGmGPqMsDUHQbQKoWrIqEGfNzUzdz4K+GNSU3hQYARNT5ConidgMg0Vs0Cz6RNARSfwNpmpNoVgpJVzLNjt1FwbWCb8PC7OwLM0UkcfBeAzg2xYv+l9VfbCZiRLQWapdgEWoviLkbmJD08h2l7sUgKHEtjJ6ON63J4vgjeJ8WbW3oNgWQLyGEa/9v0iA6nb6VNHDvgO42zQo0ZkdOhpe0F0Ri6hee3hFYek5o5rKpYL7XBaIA5OpXySFgSAuBSFL5l/aToE8ciQfbsK4zipGI839VSao0m+4qyDSFj/pKtujdQFbPb3qm2oc4Ac0zHi4YE+BbuzXFtrJhjR4OALcetQ0aKVelT6IQm28joPu+SKRrSSf8eZVU0DmvRLl5/kJkpYlODFHKvH/I7x3Yvmi/O/jbgMVbdeqFbx7FzvsBWxy27I5BmnJgyDo3QxIhPmEYjcFVut1c21W1fCpliOtcsnU3RfrBcwvToelD+Ni9h4sZyfuY4Ad5NwBORf0jpXMPVpjgzH+GRpx8GaZcLDnEC9F9w/9Qr7GFea0Y9VuPqGrItRTUuID/mrd6Q5oxSSBbwaDaCNuV1qZ85LoDHAbTc7lWjlfPwA4zVhw22lfnXa2lTGtelb8C72Zc7kLPG+5asjDn/H8qAvTzoK3gy4Bpjmf+zlwfJ35XbI/N/zDjRT60vxfRl7Vn26unfAgwAMaMcB8qjt24AAAAASUVORK5CYII=)
}

.byte-notification-message .byte-message {
    background: rgba(0,0,0,.7)
}

.byte-notification-message .byte-message .byte-message__content {
    font-size: 14px;
    color: #fff
}

.bgm_icon {
    position: fixed;
    right: .3rem;
    top: .18rem;
    z-index: 500
}

.bgm_icon img {
    width: .45rem
}

.box-heade {
    background: #1e1e1e;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 56%) 0px 4px 12px;
    color: #fff9e9;
    border: 1px solid #3e3e3e;
	position:relative
}
.box-heade2 {
    background: #2414144f;
    padding: 10px;
    border-radius: 10px;
    color: #fff9e9;
    position: relative;
    flex: 1 1 auto;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
	border:1px solid red
}
.box-heade svg{
    fill:#9e8c60
}

 .mglist{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    padding: 10px;
}

.mgb {
    padding: 30px !important;
    overflow: hidden;
    box-shadow: none;
    color: white;
    font-size: 20px;
	 font-family: nsb;
    text-shadow: 0px 4px 15px black;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(26 25 24) 50%, rgba(0, 0, 0, 0) 100%);
}


 .box-heade2::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    opacity: 0.5;
    background-image: url(../images/x_icon.svg);
    width: 53px;
    height: 100%;
    background-size: 100%;
    background-position: center center;
    margin: auto;
    zoom: 1.2;
}


.box-heade .head-text {
	    font-family: nsb;

    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0;
    color: #dfd2bc;
    text-align: center;

    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}

.bosslar {
	    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.bosslar .boss {
	flex:1 1 auto
}

.boss a {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 5px;
    padding: revert;
    justify-content: flex-end;
    align-items: center;
	    color: #bdb4a3;
}
.boss a, .metin a {
    background: #02020266;
    padding: 10px
}
.boss a img {
    display: block;
    width: 120px;
    height: 120px;
    border: 2px solid #b2a98e;
    border-radius: 50%;
}

.boss h3 {
    background: #010d12;
    padding: 2px 10px;
    font-size: 14px;
    text-align: center;
    margin: 0px;
    position: absolute;
    width: auto;
    border-radius: 5px;
    border: 1px solid #b2a98e;
}

 table {
width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    color: #bdb4a3;
    background: black;
  }
  th, td {
    border: 1px solid black;
    padding: 8px;
    text-align: center;
  }
  th {
    background-color: #4b4b4b;
    color: wheat;
  }
  
  .conversions-character .character-title{
	width: 100%;
	background: #04020291;
	height: auto;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	color: aliceblue;
}
.conversions-character .character-title h3{
	margin-top:0px;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 1px;
}
.conversions-character .character-content{
	overflow:hidden;
	display: flex;
}
.conversions-character .character-content .character-list{
    background-color: #08050340;
    border-radius: 5px;
    overflow: hidden;
    width: auto;
    position: relative;
    color: cornsilk;
    font-size: 14px;
    flex: 1 1 auto;
    margin-right: 15px;
    padding-top: 10px;
}
.conversions-character{
	    border-top: 3px dashed #7c7a7a;
    margin: 20px 0px;
    padding: 10px 0px;
}

.conversions-character .character-content .character-list small{
	text-align: center;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}
.conversions-character .character-content .character-list > img{
	margin:auto;
	display:block
}
.conversions-character .character-content .character-list h5{
    text-align: center;
    font-weight: 700;
    padding: 10px 0px;
    font-size: 15px;
}
.conversions-character .character-content .character-list .item-aciklama .istenen-itemler {
    padding: 10px;
	display: flex;
	width: auto;
	flex-wrap: wrap;
}

.conversions-character .character-content .character-list .item-aciklama .istenen-itemler div{
	border-bottom: 1px solid #d4cdba38;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	display: flex;
	align-content: center;
	align-items: center;
	flex:1;
	justify-content: center;
}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
#scroll-area {
	height: 500px;
    overflow-y: scroll;
	padding:10px
}
#scroll-area::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}

/* background of the scrollbar except button or resizer */
#scroll-area::-webkit-scrollbar-track {
    background-color: #fff;
}

/* scrollbar itself */
#scroll-area::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
#scroll-area::-webkit-scrollbar-button {
    display:none;
}

.conversions-character .character-content .character-list .donusum-item-arti {
    position: absolute;
    right: 7px;
    top: 10px;
    background: #1e1c2c;
}

.conversions-character .character-content .character-list .donusum-item-arti svg {
    fill: #b5b5b5;
}

.conversions-character .character-content .character-list .donusum-item-arti span {
    position: absolute;
    right: 0;
    top: 25px;
    background: #1e1c2c;
    width: 24px;
    height: 24px;
    color: #b5b5b5;
    text-align: center;
    line-height: 22px;
}
.conversions-character .character-content.general{
	display:flex;
	overflow: inherit;
}
.conversions-character .character-content.general .character-list:last-child  , .conversions-character .character-content.general .character-list:nth-child(2)  {
	margin-left:15px;
}
.conversions-character .character-content.general .character-list  {
	flex:1
}
.conversions-character .character-content.general .character-list > img {
    display: block;
    object-fit: cover;
    width: auto;
    margin: 15px auto 0px;
}
.conversions-character .character-content .text-center{
	justify-content: center;
}

.donusum-sayisi {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    background: red;
    padding: 4px;
    border-radius: 5px;
    font-size: 11px;
    color: white;
}

.sondonusum{
	background: #ffffff1c;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    padding-top: 10px;
}

.conversions-character .character-content .character-list:last-child{
	margin:0px;
}

#notice-alt {
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 350px;
    color: #000000;
    background: #f3cf21;
    display: none;
}

#notice-alt a {
	color: #000000;
	text-decoration: none;
}

#notice-alt h4 {
	font-size: 15px;
}

#notice-alt span {
	font-weight: 700;
	color: #feda95;
	text-transform: uppercase;
}
.donusum{
		width: 8.8rem;
	}


@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false
}
.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.section.ob-news .main-wrap .content-wrap .news-block{
	position:relative
}

.section.ob-news .main-wrap .content-wrap .news-block:after {
    animation: borderannim 3s linear infinite;
    background-image: conic-gradient(from var(--angle), transparent 50%,#6dbeb0);
    border-radius: 5px;
    content: "";
    height: 100%;
    left: 50%;
    padding: 3px;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    width: 100%;
}


@keyframes borderannim {
    0% {
        --angle: 0deg
    }

    to {
        --angle: 360deg
    }
}

.tilte{
	font-size: 0.40rem;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'nsb';
    width: 9.2rem;
    display: inline-block;
    margin: 5.5% 0 1.5% 0;
    text-shadow: 0px 0px 12px #ff952a;
}
#snow {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.section.page3 {
    background: url(../images/concep/bg.jpg?v=1.5) 50% no-repeat;
    background-size: 100% 100%
}
.page3_dian {
    height: auto;
    width: auto;
    display: flex;
    justify-content: space-evenly;
	position:relative;
	font-family: nsb!important;
	margin-bottom:30px
}

.page3_dian span{
    width: auto;
    height: auto;
    display: inline-block;
    position: relative;
}

.page3_dian span .icon {
    width: 87px;
    height: 87px;
    background: none;
    position: absolute;
    z-index: 30;
    opacity: 1;
    background: url(../images/icon.png?v=1.5) no-repeat;
    background-position: 0px -530px;
    display: block;
    z-index: 2;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
}
.page3_dian span .icon:hover {
    background-position: -2px 0px;
    background-image: url(../images/dian2.png?v=1.5);
    background-size: 87px;
}
.page3_dian span .icon.active {
    background-position: -2px 0px;
    background-image: url(../images/dian2.png?v=1.5);
    background-size: 87px;
}

.page3_dian span em {
    display: block;
    margin-top: 36px;
    font-size: 14px;
    width: auto;
    color: #fff;
    font-style: normal;
}

.page3_dian span.active em {
    color: #ffdf91;
}

.page3_dian::after {
    content: '';
    position: absolute;
    height: 7px;
    top: 11px;
    width: 100%;
    background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(226, 196, 132, 1) 50%, rgba(255, 0, 0, 0));
}

.page3 .toptxt {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
	display:none
}

.page3 .toptxt h3 {
    position: relative;
    font-weight: bold;
    color: #fff;
    font-size: 35px;
    line-height: 1;
    text-shadow: 0rem 0rem 5rem #513c09;
    text-transform: uppercase;
    font-family:nsr;
}

.page3 .toptxt .line {
    position: relative;
    height: 17px;
    width: 600px;
    background: url(../images/line.png?v=1.5) left bottom no-repeat;
    background-size: 100%;
    display: block;
    margin: 10px 0px;
}

.page3 .toptxt small {
    font-size: 16px;
    color: #fff;
    display: block;
}
.page3 .toptxt small em {
    color: #fff;
	font-size:15px;
}
.page3 .feature-content-wrap{
	    width: 100%;
    height: auto;
}
.page3 .content{
    padding: 50px;
    height: 100%;
}

#evrimsistemi {
	margin-top:10px
}
#evrimsistemi ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-top: 10px;
}
#evrimsistemi ul li {
    background: #201644;
    float: left;
    width: 40px;
    height: 40px;
    list-style: none;
    border-radius: 10px;
    border: 1px solid #5b4e8b;
    flex: 1 1 auto;
    margin-right: 5px;
}

#evrimsistemi ul li div {
	background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    -webkit-filter: drop-shadow(5px 5px 5px #d9d9d9);
    filter: drop-shadow(5px 5px 5px #d9d9d9);
    background-size: 24px;
	-webkit-filter: none;
}

#evrimsistemi ul li div span {
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 80%;
    min-width: auto;
    text-align: center;
    background: #000000;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    right: 1px;
    bottom: -14px;
}


.karakter span {
    display: block;
    background-image: url(../images/karakter.png?v=1.5);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    border: 1px dashed #873e3e;
    background-color: rgba(0, 0, 0, 0.55);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
}

.karakter span.savasci{
    background-position: -9px -9px;
}
.karakter span.sura{
    background-position: -9px -117px;
}
.karakter span.ninja{
    background-position: -9px -63px;
}
.karakter span.saman{
    background-position: -9px -170px;
}

.karakter-evrim {
    display: flex;
    gap: 15px;
    padding: 20px;
    background: #0000008a;
    border-radius: 10px;
    margin-bottom: 20px;
    justify-content: center;
}

.karakter-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    gap: 15px;
    padding: 10px;
    transition: box-shadow 0.3s ease, transform 0.3s ease; 
}

.karakter-list.active {
    box-shadow: 0px 0px 12px #fff;
    border-radius: 5px;
    transform: scale(1.05); 
}

.karakter-list > div {
    display: flex;
}
.karakter-list > div:nth-child(2) {
    flex-direction: column;
}
.karakter-list > div:nth-child(2) span {
    background: #ff00004f;
    text-transform: uppercase;
    font-size: 12px;
}

.evrim-level {
	display:none;
}
.evrim-level-sec {
    display: flex;
    gap: 10px;
}

.evrim-level-sec span {
    display: block;
    background: #FF9800;
    color: #351f00;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 5px;
    border: 2px solid #FF9800;
    box-shadow: 0px 0px 12px 0px #FF9800;
    transition: background 0.3s ease, transform 0.3s ease; /* Geçiş animasyonu ekledik */
}

.evrim-level-sec span.active {
    border-color: #fff;
    transform: scale(1.05); /* Aktif olduğunda biraz büyümesini sağlıyoruz */
    box-shadow: 0px 0px 16px 0px #fff; /* Aktif olduğunda daha belirgin bir gölge ekliyoruz */
}

.evrim-level p, #kemerlist p { 
    padding: 10px;
    background: #000000;
    margin-top: 15px;
    color: white;
    font-weight: bold;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
}

#kemerlist ul {
    display: flex;
    background: #0b0c328f;
    margin: 0px;
    border-left: none;
    padding: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    text-align: left;
}

#kemerlist ul li .icon {
    background: #070812;
    float: left;
    width: 55px;
    height: 55px;
    list-style: none;
    border-radius: 10px;
    border: 1px solid #2e3476;
    margin-right: 5px;
}
#kemerlist ul li .icon div {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
}

#kemerlist ul li {
    display: flex;
    color: white;
    background: #2b4c81;
    border-radius: 5px;
    align-items: center;
    padding: 5px;
    font-size: 13px;
    flex: 1 1 auto;
}

#metinadasi .list {
    display: flex;
    justify-content: space-around;
}

#metinadasi .list li {
    position: relative;
    width: 260px;
    height: 500px;
    background: url(../images/bg-h.png?v=1.5) center center no-repeat;
    background-size: 100% auto;
}

#metinadasi .list li.get {
    background: url(../images/bg-l.png?v=1.5) center center no-repeat;
    background-size: 100% auto;
}
#metinadasi .list li.get h4 {
    color: #ffdf91;
}
#metinadasi .list li.get img {
    -webkit-filter: drop-shadow(0px 0px 20px #63b0ff);
    filter: drop-shadow(0px 0px 20px #63b0ff);
}
#metinadasi .list li.get p {
    color: #fff;
}
#metinadasi .list li h4 {
    font-family: nsb;
    color: #cbc7bc;
    font-size: 30px;
    position: absolute;
    left: 17px;
    top: 50px;
    text-shadow: 0 0 5px #816223;
    width: 200px;
    text-align: center;
}

#metinadasi .list li img {
    position: absolute;
    left: -29px;
    right: 0;
    margin: auto;
    top: 92px;
    width: 112px;
    -webkit-filter: drop-shadow(0px 0px 20px #c8c4b9);
    filter: drop-shadow(0px 0px 20px #c8c4b9);
}

#metinadasi .list li p {
    position: absolute;
    color: #cbc7bc;
    font-size: 16px;
    line-height: 22px;
    width: 195px;
    top: 290px;
    left: 20px;
    text-align: center;
}

#metinadasi .list li p span {
    display: block;
}
#metinadasi .list li em {
    position: absolute;
    bottom: 50px;
    color: #878d94;
    font-size: 38px;
    width: 200px;
    left: 18px;
    text-align: center;
}

/* Hamburger menü görünümü */
.hamburger {
    display: none;
    font-size: 14px;
    color: wheat;
    padding: 10px;
    cursor: pointer;
}



@media (max-width: 768px) {
    .hamburger {
        display: block;
		
    }
    .mobile-visible {
        display: flex;
    }
    .hidden-menu {
        display: none;
        flex-direction: column;
    }
}

/* Hamburger menü açıldığında görünür olacak */
.open-menu {
    display: flex !important;
    flex-direction: column;
	display: flex !important;
    flex-direction: column;
    background: #00000069;
    padding: 10px;
    position: absolute;
    width: 100%;
    top: 41px;
}

@media (max-width: 876px) {
	.page3 .toptxt h3{
		font-size:22px
	}
	.m-scroll2 {
        position: relative;
        width: 100%;
        height: 325px;
        overflow: scroll;
    }
	.gun {
		flex-direction: column;
	}
	#evrimsistemi ul li div span{
		font-size:9px
	}
	.page3 .toptxt small em, .evrim-level-sec span {
		font-size: 13px;
	}
	.m-scroll{
		position: relative;
		width: 100%;
		height: 498px;
		overflow: scroll;
	}
	.list, .kemer{
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.page3_dian span em{
		display:none!important
	}
	.page3_dian span .icon.active {
		background-position: -16px -16px;
		background-size: 48px;
	}
	.page3_dian span .icon {
		width: 15px;
		height: 15px;
		background-position: -17px -323px;
		background-size: 265px;
		top: 6px;
	}
	.page3_dian::after {
		height: 2px;
	}
	.ob-offical-content .right-social-wrap{
		bottom:15px;
	}
	.bgm_icon {
		top: 0.58rem;
	}
	.section.offical-home{
		background-position: right;
	}
	.section.offical-home .mid-wrap .mid-slogans .mid-slogans-left{
		width:100%
	}
	.mg-menus ul,.mg-menus li.last, .mg-menus li.last{
		margin-left:0px;
		margin-right:0px;
	}
	.mg-menu-list li:nth-child(1){
		display:none
	}
	.ob-offical-content{
		min-width:100%
	}
	.section.offical-home .mid-wrap .mid-slogans{
		width:100%
	}
	.section.ob-news .main-wrap {
		width: 100%;
		min-width: 100%;
		position: absolute;
		right: 0;
		top: 42px;
		height: 100%;
		min-height: 100%;
		display: flex;
        flex-direction: column;
        justify-content: center;
	}
	.section.ob-news .main-wrap .content-wrap {
		margin: 5px 0px;
		display: flex;
		gap: 10px;
		flex-direction: column;
		flex-wrap: nowrap;
		padding: 10px;
	}
	.mgb {
		padding: 10px !important;
		font-size: 14px;
	}
	.box-heade2 {
		background: #1e0000;
		padding: 5px;
		border-radius: 10px;
		box-shadow: rgb(0 0 0 / 56%) 0px 4px 12px;
		color: #fff9e9;
		border: 1px solid #3e3e3e;
		position: relative;
		flex: 1 1 auto;
		height: auto;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content: center;
	}
	.mglist {
		flex-wrap: wrap;
	}
	.heros-section .mg-logo, .heros-slider-line{
		display:none
	}
	.heros-slider{
		flex-direction: column;
		left:0
	}
	.heros-slider-bar {
		padding-right: 0px;
		padding-top: 0px;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		justify-content: center;
	}
	.heros-slider-time {
		margin-bottom: 0px;
		position: relative;
		background: #00000063;
		font-weight: bold;
		padding: 5px;
		color: white;
		border-radius: 10px;
	}
	.boss a, .metin a {
		background: #02020266;
		padding: 0px;
	}
	.boss h3{
		position:relative
	}
	.boss a img{
		display:none;
		
	}
	.heros-slider-text {
		width: 100%;
		text-align: center;
		font-family: "DM Serif Display", serif;
		padding-left: 0px;
		position: relative;
		padding-top: 0px;
		background: #00000082;
		padding: 10px;
		margin-top: 30px;
	}
	#scroll-area {
		height: 300px;
		overflow-y: scroll;
		padding: 10px;
	}
	.etkinlik{
		display:none
	}
	.donusum,#notice-alt{
		width: 100%;
	}
	.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap {
		width: 100%;
		height: auto;
	}
	.gallery-video-modal .byte-modal__wrapper .byte-modal__content .byte-modal__body .video-wrap .role-video-close {
		position: absolute;
		top: -.7rem;
		right: 0px;
		width: 1.38rem;
		height: 1.29rem;
		cursor: pointer;
	}
	.heros-slider-text p{
		font-size:14px;
	}
	.section.offical-features .feature-content-wrap {
		width: 19rem;
		display: flex;
        align-items: center;
	}
	.section.offical-features .swiper .swiper-slide img {
		width: 100%;
	}
	.section.offical-features .swiper{
		top:auto
	}
	.section.offical-features .feature-title {
		width: 100%;
		display: inline-block;
		margin: 50px 0px -50px 0px;
	}
	.mg-logo {
		width: 6.19rem;
		height: 2.9rem;
		margin-right: .25rem;
		margin-top: .8rem;
		margin-left: .8rem;
		position: absolute;
		left: 0;
		right: 0;
		margin: .4rem auto;
	}
	
	.tilte{
		width: 100%;
		margin: 20.5% 0 1.5% 0;
	}
}

.gun {
    display: flex;
    gap: 10px;
}
.gun > div{
    background: #00000059;
    padding: 10px;
    color: white;
    flex: 1;
}

.gun strong {
    font-size: 14px;
    margin-bottom: 14px;
    display: block;
    background: #FFC107;
    color: #0c0900;
}