API tools faq
paste
Guest User

Untitled

a guest
Mar 22nd, 2016
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 65.23 KB | None | 0 0
raw download clone embed print report
  1. @font-face {
  2.   font-family: 'Material Icons';
  3.   font-style: normal;
  4.   font-weight: 400;
  5.   src: local('Material Icons'), local('MaterialIcons-Regular'), url(http://fonts.gstatic.com/s/materialicons/v13/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
  6. }
  7.  
  8. .material-icons {
  9.   font-family: 'Material Icons';
  10.   font-weight: normal;
  11.   font-style: normal;
  12.   font-size: 24px;
  13.   line-height: 1;
  14.   letter-spacing: normal;
  15.   text-transform: none;
  16.   display: inline-block;
  17.   white-space: nowrap;
  18.   word-wrap: normal;
  19.   direction: ltr;
  20.   -moz-font-feature-settings: 'liga';
  21.   -moz-osx-font-smoothing: grayscale;
  22. }
  23. #videowrap, #playlistrow, .well{
  24.     display: none;
  25. }
  26. #chanjs-allow-prompt .checkbox {
  27. font-size: 12px;
  28. }
  29. #chanjs-allow-prompt-buttons button:first-child {
  30.     padding: 20px;
  31. }
  32. button#voteskip {
  33. display: block!important;
  34. }
  35. @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
  36.  
  37. * {
  38.   box-sizing: border-box;
  39.   -webkit-touch-callout: none;
  40.   -webkit-user-select: none;
  41.   -moz-user-select: none;
  42.   -ms-user-select: none;
  43.   user-select: none;
  44. }
  45. .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
  46.     color: #ccc;
  47.     text-transform: uppercase;
  48. }
  49. #modflair {
  50.  display:none;  
  51. }
  52.  
  53. body {
  54.     font-size: 14px;
  55.     font-family: 'Montserrat', sans-serif;
  56.     color: rgb(238,238,238);
  57.     background-color: rgb(28,31,37);
  58. }
  59. .btn-group-xs>.btn, .btn-xs {
  60.     padding: 6px 20px;
  61.     font-size: 11px;
  62.     line-height: 1.5;
  63.     border-radius: 15px;
  64. }
  65. .btn-default {
  66.     color: #B5B5B5;
  67.     background-color: rgba(45, 45, 45, 0.63);
  68.     border-color: rgba(132, 142, 152, 0.1);
  69.     background-image: none!important;
  70. }
  71. /* NanoScroller */
  72.     /** initial setup **/
  73.     .nano {
  74.       position : relative;
  75.       /*width    : 100%;
  76.       height   : 100%;*/
  77.       overflow : hidden;
  78.     }
  79.     .nano > .nano-content {
  80.       position      : absolute;
  81.       overflow      : scroll;
  82.       overflow-x    : hidden;
  83.       top           : 0;
  84.       right         : 0;
  85.       bottom        : 0;
  86.       left          : 0;
  87.       margin-right  : -1px;
  88.     }
  89.     .nano > .nano-content:focus {
  90.       outline: thin dotted;
  91.     }
  92.     .has-scrollbar > .nano-content::-webkit-scrollbar {
  93.       display: none;
  94.     }
  95.     .nano > .nano-content::-webkit-scrollbar {
  96.       display: block;
  97.     }
  98.     .nano > .nano-pane {
  99.       display: block;
  100.       background : rgba(0,0,0,.25);
  101.       position   : absolute;
  102.       width      : 10px;
  103.       right      : 0;
  104.       top        : 0;
  105.       bottom     : 0;
  106.       visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  107.       opacity    : .01;
  108.       transition            : .2s;
  109.       border-radius         : 5px;
  110.       z-index: 999;
  111.     }
  112.     .nano > .nano-pane > .nano-slider {
  113.       background: #444;
  114.       background: rgba(0,0,0,.5);
  115.       position              : relative;
  116.       margin                : 0 1px;
  117.       border-radius         : 3px;
  118.     }
  119.     .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  120.       visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  121.       opacity    : 0.99;
  122.     }
  123.     /*nanoscroll video fix*/
  124.     #main::before {
  125.         position: absolute;
  126.         width: 100%;
  127.         height: 100%;
  128.         display: table;
  129.         z-index: 1;
  130.     }
  131.     .disablehover::before {
  132.         display: block !important;
  133.     }
  134.  
  135. /*Inputs*/
  136. .input-group .form-control, .form-control {
  137.     border-radius: 0;
  138. }
  139. .input-group .input-group-btn, .input-group .input-group-btn button {
  140.     border-radius: 0;
  141.     border: 0;
  142. }
  143. input[type="checkbox"] {
  144.     width: 15px;
  145.     height: 15px;
  146.     margin-bottom: 10px;
  147.     top: -1px;
  148.     background: transparent;
  149.     appearance: none;
  150.     -webkit-appearance: none;
  151.     -moz-appearance:none;
  152. }
  153. input[type="checkbox"]:checked:after {
  154.     content: "■";
  155.     width: 9px;
  156.     height: 9px;
  157.     position: absolute;
  158.     margin-top: 2px;
  159.     margin-left: 2px;
  160.     color: transparent;
  161.     font-size: 0;
  162. }
  163.  
  164.  
  165.  
  166. .alert {
  167.     border-radius: 0;
  168.     margin-bottom: 9px;
  169. }
  170. .well {
  171.     padding: 15px;
  172.     border-radius: 0;
  173.     margin-bottom: 9px;
  174.     box-shadow: none;
  175. }
  176.  
  177.  
  178. /*Dropdowns and Context Menus*/
  179.     /*Bootstrap Dropdowns*/
  180.     .dropdown-menu, .user-dropdown {
  181.         border-radius: 0;
  182.     }
  183.     .dropdown-menu>li>a:focus, .dropdown-menu button:hover {
  184.         text-decoration: none;
  185.     }
  186.     .dropdown-menu button{
  187.         display: list-item;
  188.         padding: 3px 20px;
  189.         clear: both;
  190.         font-weight: 400;
  191.         font-size: 14px;
  192.         line-height: 1.42857143;
  193.         background: none;
  194.         border: 0;
  195.         border-radius: 0;
  196.         white-space: nowrap;
  197.     }
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204. /*Positioning*/
  205. #wrap{padding: 0;}
  206. #motdrow {
  207.     width: 100%;
  208.     margin: 0;
  209.     overflow: hidden;
  210. }
  211. #motdrow .col-lg-12{
  212.     width: 100%;
  213.     padding: 0;
  214. }
  215. #announcements,.container-fluid .col-md-12,#motd .text-center {
  216.     width: auto;
  217. }
  218. .row:after{
  219.         clear: none;
  220. }
  221. .container-fluid .col-lg-12, .row {
  222.     padding-right: 0;
  223. }
  224. div#videowrap {
  225.     margin-bottom: 9px !important;
  226.     float: none !important;
  227. }
  228. #chatwrap {
  229.     padding: 0;
  230.     overflow: hidden;
  231. }
  232. #mainpage .container-fluid {
  233.     padding: 0;
  234.     margin: 0 !important;
  235. }
  236. #mainpage {
  237.     padding-top: 50px;
  238. }
  239. #footer {
  240.     float: left;
  241.     width: 100%;
  242. }
  243. @media (max-width: 991.9px){
  244.     #mainpage > .nano {
  245.         position: static;
  246.     }
  247.     #mainpage .container-fluid {
  248.         position: relative;
  249.         overflow-y: visible;
  250.         padding-left: 1px;
  251.         padding-right: 1px;
  252.     }
  253.     #mainpage > .nano > .nano-pane {
  254.         display: none;
  255.     }
  256.     .nano .nano-content {
  257.         position: relative;
  258.         overflow: visible;
  259.     }
  260.     #mainpage > .nano .nano-pane {display: none !important; opacity: 0; visibility: hidden;}
  261. }
  262. @media (min-width: 992px){
  263.     /*chat bar is 38 px high*/
  264.     #main {
  265.         position: relative;
  266.     }
  267.     #chatwrap .nano {
  268.         height: calc(100% - 72px) !important;
  269.     }
  270.     #chatwrap .nano #messagebuffer {
  271.         height: 100% !important;
  272.         margin-right: 0px;
  273.         /*width: 100% DO NOT UNCOMMENT FOR COMPATIBILITY WITH NANOSCROLLER*/
  274.     }
  275.     #userlist {
  276.         height: calc(100% - 72px) !important;
  277.  
  278.     }
  279.     #chatwrap {
  280.         height: calc(100% - 49px) !important;
  281.     }
  282.     #chatwrap {
  283.         width: 44.94%;
  284.         float: right;
  285.         display: block;
  286.         position: fixed;
  287.         bottom: 0;
  288.         right: 1px;
  289.         margin-bottom: 0;
  290.     }
  291.     #mainpage > .nano {
  292.         width: 55%;
  293.     }
  294.     #mainpage .container-fluid {
  295.         width: 100%;
  296.         padding: 0 9px 0 0;
  297.     }
  298.     .col-md-7 {
  299.         width: 100%;;
  300.     }
  301.     #mainpage > .nano {
  302.         position: fixed;
  303.         overflow-y: visible; /*scroll pre-nano*/
  304.         overflow-x: hidden;
  305.         height: calc(100% - 50px);
  306.         padding: 0 10px 0 9px !important;
  307.     }
  308.     #mainpage > .nano {
  309.         position: fixed;
  310.  
  311.     }
  312.     #footer .container {
  313.         width: 100%;
  314.     }
  315.     #videowrap {
  316.         padding: 0;
  317.         padding-left: 15px;
  318.         padding-right: 15px;
  319.     }
  320.     #leftpane, #leftpane-inner, #pollwrap {
  321.         width: 100%
  322.     }
  323.     #leftpane-inner {
  324.         margin: 0;
  325.     }
  326.     #pollwrap {
  327.         padding: 0;
  328.     }
  329. }
  330.  
  331. /*Left Container*/
  332. #videowrap .embed-responsive {
  333.     background: hsl(0,0%,0%); /*fixes transparent videos*/
  334. }
  335.  
  336.  
  337.  
  338. /*Chat*/
  339.     #messagebuffer {
  340.         padding: 0;
  341.     }
  342.     #messagebuffer > div {
  343.         padding-left: 5px;
  344.         padding-right: 5px;
  345.     }
  346.     .server-msg-reconnect, .server-msg-disconnect {
  347.         margin-left: 5px;
  348.         margin-right: 5px;
  349.     }
  350.     /*Userlist*/
  351.     #mainpage #userlist {
  352.         border-top: 0;
  353.     }
  354.     #userlist {
  355.         width: 100%;
  356.         overflow: visible;
  357.     }
  358.     #userlist {padding-left: 5px;}
  359.         /*profile boxes*/
  360.         #userlist .profile-box {
  361.             border: 0;
  362.             border-radius: 0;
  363.             padding: 8px;
  364.             padding-top: 0;
  365.         }
  366.         #userlist .profile-box .profile-image {
  367.             border: 0;
  368.             border-radius: 0;
  369.             margin-right: 8px;
  370.         }
  371.         #userlist .profile-box strong {
  372.             margin-right: 8px;
  373.             padding-top: 5px;
  374.             display: inline-block;
  375.         }
  376.             /*Specifially user dropdowns*/
  377.             .user-dropdown {
  378.                 padding: 5px 0 3px 0;
  379.             }
  380.             .user-dropdown strong {
  381.                 padding-left: 23px;
  382.                 font-weight: 100;
  383.                 font-size: 11pt;
  384.                 margin-right: 20px;
  385.             }
  386.             .user-dropdown .btn-group-vertical {
  387.                 padding-top: 5px;
  388.             }
  389.             .user-dropdown .btn-group-vertical .btn {
  390.                 text-align: left;
  391.                 border-radius: 0 !important;
  392.                 border: 0;
  393.                 padding: 3px 20px 3px 25px;
  394.                 background: none;
  395.             }
  396.  
  397.     /*Chat header (time and toggles)*/
  398.     #connected {
  399.         width: 100%;
  400.     }
  401.     .navbar-inverse {
  402.     background-image: none!important;
  403.     }
  404.     .navbar {
  405.     background: hsla(0, 0%, 0%, 0.24);
  406.     }
  407.     #chatheader {
  408.         width: 100%;
  409.         border-bottom: 0;
  410.         border-radius: 0;
  411.     }
  412.         #chatheader span {
  413.             border: 0;
  414.             border-radius: 0;
  415.             padding: 4px 7px 5px;
  416.         }
  417.         #clockstaff {
  418.             float: right;
  419.         }
  420.         #emotetoggle, #capturebutton, #jointoggle {
  421.             float: left !important;
  422.         }
  423.     /*Chat bar*/
  424.     #chatline, #guestlogin>input, #guestlogin>.input-group-addon {
  425.         border-radius: 0;
  426.     }
  427.  
  428. /*Below Video*/
  429. #mainpage .btn:focus {outline: none;}
  430. .textheader {
  431.     font-size: 24px;
  432. }
  433.     p#currenttitle, p.sectionheader {
  434.         font-size: 1.5rem;
  435.         letter-spacing: -0.03em;
  436.         overflow-x: hidden;
  437.         text-align: left;
  438.         height: auto;
  439.     }
  440.         .section {
  441.         padding: 12px 15px 5px 15px;
  442.         border-radius: 0;
  443.         margin-bottom: 9px;
  444.         position: relative;
  445.     }
  446.     /*drinkbar*/
  447.     #drinkbarwrap {
  448.         display: block;
  449.         width: 100%;
  450.         height: auto;
  451.         margin-left: 0;
  452.         padding: 0 15 0 15;
  453.     }
  454.     /*Video Description*/
  455.     #currenttitle {
  456.         border: none;
  457.         border-radius: 0;
  458.         background: none;
  459.     }
  460.  
  461.     /*Header right (Time and progbar)*/
  462.     #headright {
  463.         width: 160px;
  464.         height: 2px;
  465.         float: right;
  466.         position: relative;
  467.         margin-top: -7px;
  468.     }
  469.     #progbar {
  470.         width: 0;
  471.         height: 2px;
  472.     }
  473.     #ss7time {
  474.         height: 24px;
  475.         position: relative;
  476.         float: right;
  477.         margin-top: -26px;
  478.         vertical-align: bottom;
  479.         font-size: 19px;
  480.         line-height: 24px;
  481.     }
  482.     /*headerbuttons*/
  483.     #headbottom {
  484.         height: 34px;
  485.         margin-top: 9px;
  486.         padding: 5px 0 0 0;
  487.     }
  488.     #headbottom .headbtn {
  489.         height: 27px;
  490.         background: none;
  491.         border: none;
  492.         border-radius: 0;
  493.         padding: 5px 0 5px 0;
  494.         box-shadow: none;
  495.         font-size: 13px;
  496.         vertical-align: initial;
  497.     }
  498.     .headbtnleft {
  499.         margin-right: 20px;
  500.     }
  501.     .headbtn span {top:0;}
  502.     .headbtn:before {
  503.         font-family: arial, sans-serif;
  504.         font-weight: bold;
  505.     }
  506.     button#voteskip[title="Voteskip"] {
  507.         width: 100%;
  508.         height: 100%;
  509.         background: none;
  510.         border: none;
  511.         border-radius: 0;
  512.         padding: 5px 0 5px 0;
  513.         box-shadow: none;
  514.         vertical-align: initial;
  515.         float: right;
  516.         font-size: 0;
  517.     }
  518.     #voteskip:before {content: "Voteskip"; font-size: 14px;}
  519.     #voteskip span {top: 0;}
  520.     #voteskip span:before {
  521.         width: 17px !important;
  522.         height: 17px !important;
  523.         margin-left: 6px;
  524.         content: "n";
  525.         display: inline-block;
  526.         color: transparent;
  527.         font-size: 14px;
  528.         line-height: normal;
  529.         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAALVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAt4K88AAAADnRSTlMAABQVF1NUWKeoqa3p6yhFc3sAAABKSURBVHgBhco7EsAgDANRQf6E+P7HjTXjRmrY8s2iNbw7qsgo8V0uEdxUuJlwM+Fmws2FLeU2mQdUng6RHCAyOkTmCYiMDSZVyQ+RGQkPgHXunQAAAABJRU5ErkJggg==);
  530.     }
  531.     #addmedia:after {content: "Add media";}
  532.     #addmedia:before {
  533.         width: 17px !important;
  534.         height: 17px !important;
  535.         margin-right: 6px;
  536.         content: "n";
  537.         display: inline-block;
  538.         color: transparent;
  539.         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABlJREFUeAFjgAJGRkYoi64ijOiAGJGBdTMAOMcAXg+QicwAAAAASUVORK5CYII=);
  540.     }
  541.     #newpollbtn:before {
  542.         width: 17px;
  543.         height: 17px;
  544.         margin-right: 6px;
  545.         content: "n";
  546.         display: inline-block;
  547.         color: transparent;
  548.         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNpiYCAPOAPxZiAWJlM/gxAQPwHi/1DalhxDVkMNgOEdpBqQjGbAWyCWJsUAFSD+jGZIICkGsADxCTQD5pDqjRY0A24DMQ8pBtgA8R8kA34BsSk2hcxAnAPEbGjifEB8H80V1dgMYATi+VAFq6EGwsBSNAMOo8nDwSw0hcugCqPQxN8DsTwuP2cD8T80DWugmpDFoggFXgGaBnS8lNhYKMNhwH1oABMNatEMAHnTl5wM1ohkQBEDBaADGk5EAYAAAwAM71Mk30wOEAAAAABJRU5ErkJggg==);
  549.     }
  550.     #morebtn:after {content: "More";}
  551.     #morebtn:before {
  552.         content: "n";
  553.         color: transparent;
  554.         display: inline-block;
  555.         width: 18px;
  556.         height: 17px;
  557.         margin-right: 6px;
  558.         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAElBMVEUAAAD///8AAAAAAAAAAAAAAAD+HpTfAAAABXRSTlMAAAFX7J/vCUYAAAAnSURBVHgBY2DEAAMgxMzCwszAgEKxsLKyMDEgU1A2ExKFRSP9XQ8AEJsBtxxU/nIAAAAASUVORK5CYII=);
  559.     }
  560.     #mediarefresh span {display: none;}
  561.  
  562.     /*Queue*/
  563.     #queue {
  564.         border: none;
  565.     }
  566.     .queue_entry {
  567.         border: none;
  568.     }
  569.         /*plmeta*/
  570.         #upnext #plmeta, #plcount {
  571.             border: none;
  572.             border-radius: 0;
  573.             background: none;
  574.             height: auto;
  575.             font-size: 14px;
  576.             display: inline;
  577.         }
  578.         #queuecontainer > .textheader {
  579.             width: 100%;
  580.             padding-right: 17px;
  581.         }
  582.         #plmeta:before {content: " ("}
  583.         #plmeta:after {content: ")"}
  584.         #pllength {
  585.             display: none;
  586.         }
  587.         #pldropdown{
  588.             width: auto;
  589.             height: 17px;
  590.             border: none;
  591.             padding: 0;
  592.             background: none;
  593.             /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALpJREFUeNpiYKAiUAXiLUDsRKR6kLrNUH1g0ATEP4H4PxB/QJbAAVSg6v5D9TUxAYlPQMwGVcAPxNuAWAiHASDx7VB1DFB9n2CSi6Amw/BeJIMZkDTsRVO3CFkBBxCfQFMwA82QGWjyJ6D6UIA0ED9BU1gIlStAEwepk8EVaOZA/B1J8R8g7oHSMLHvUHV4QSyareg4lth0043DgB5SEh8zNCqRDdgOFScJgNLCTagBN5HSxiigFwAIMAA/nEU9cHe3rAAAAABJRU5ErkJggg==);*/
  594.             background-position: 0 2px;
  595.             float: right;
  596.             margin: 6px 6px 0 6px;
  597.         }
  598.         #pldropdown::before {
  599.             content: "More";
  600.         }
  601.         #ploptions {
  602.             right: -2px;
  603.             left: initial;
  604.             top: 30px;
  605.         }
  606.         #qlockbtn {margin-top: 6px;}
  607.         #qlockbtn, #qlockbtn span {
  608.             background: none;
  609.             width: 17px;
  610.             height: 17px;
  611.             padding: 0;
  612.             color: transparent;
  613.             border: none;
  614.             float: right;
  615.         }
  616.         #qlockbtn span:before {
  617.             width: 13px;
  618.             height: 14px;
  619.             background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAVCAYAAADB5CeuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVlJREFUeNpi/P//PwMIMDIyMpALYGZQDYAMxGGoCxCvB+KXQPwPiJ8D8WogtsVlBqWOg5uBxTBmIJ4LUoMHTwAFLj0d1YvmgPNAvAqIT6GJNxDpKFCIr4GG9G8gfgrEy4HYhlhHqQHxX6ilX4HYD02fExB/gMr/AmJpPI4iO8TRDSvDFhJoIBtJTQYeR03AEeLH0cTrCTkKOeoMcThKD0nNFByO0kAK8Z9AHI5mhiM0JmAhLoXPUUpAvBaIm5CDFQ3oIjlqGg5HVSCpacRhTgGSmnRkc1jQyqd7QBxMaq7BUsbJILG34tC2D82jcMDCQBvAhMT+jqsEQFeP7rk+aNz+JwOD9PVDzWlHSiukYpC+NgakdPMXzXekgr/QUP9NYej/AWJWRixBSS5gpJY5TAyDEIw6atRRtHLUPwrN+YNUNFBsDsxRPdBCkByAXHj2U2hOH8NgBQABBgC1sxw2g3lAvAAAAABJRU5ErkJggg==);
  620.             display: inline-block;
  621.             background-size: 27px;
  622.         }
  623.         #qlockbtn.btn-success span:before {background-position: 0 0}
  624.         #qlockbtn.btn-danger span:before {background-position: -13px 0;}
  625.  
  626.  
  627.     /*AddMedia*/
  628.     #rightpane {
  629.         float: none;
  630.         width: auto;
  631.         min-height: 0;
  632.         display: none;
  633.     }
  634.     #rightpane-inner {
  635.         transition: height 0.3s;
  636.     }
  637.     .plcontrol-collapse {
  638.         padding-left: 0;
  639.         float: none;
  640.     }
  641.     #searchcontrol ul {
  642.         width: 100%;
  643.         margin: 0;
  644.     }
  645.     #rightpane-inner .col-md-12 {
  646.         width: 100%;
  647.         padding: 0;
  648.         float: none;
  649.     }
  650.         /*mediabuttons*/
  651.         #mediabuttons .btn {
  652.             height: 28px;
  653.             background: none;
  654.             border: none;
  655.             border-radius: 0;
  656.             padding: 0;
  657.             box-shadow: none;
  658.             margin-right: 20px;
  659.         }
  660.         #mediabuttons .btn span {
  661.             font-family: arial, sans-serif;
  662.             font-size: 15px;
  663.             font-weight: bold;
  664.         }
  665.         #mediabuttons .btn:not(.collapsed) {
  666.             box-sizing: content-box;
  667.         }
  668.         #showmediaurl span:before {content: "Link"}
  669.         #showcustomembed span:before {content: "Embed"}
  670.         #showsearch span:before {content: "Search"}
  671.         #showplaylistmanager span:before {content: "Playlists"}
  672.     /*controls*/
  673.     .form-control {
  674.     border: 0px solid #ccc;
  675.     }
  676.     #controlsrow {
  677.         margin: 0;
  678.         padding: 12px 15px;
  679.         border-radius: 0;
  680.         margin-bottom: 9px;
  681.     }
  682.     #controlsrow:after {clear: both;}
  683.     #leftcontrols, #rightcontrols {
  684.         width: auto;
  685.  
  686.     }
  687.     /*Message of the day*/
  688.     #motdwrap {
  689.  
  690.     }
  691.  
  692. /* Divider Dragger */
  693. .mHandle {
  694.     position: absolute;
  695.     width: 15px;
  696.     height: 25px;
  697.     left: 55%; /*default 55%*/
  698.     background: white;
  699.     cursor: col-resize;
  700.     visibility: hidden;
  701.     opacity: 0;
  702.     transition: opacity ease .2s, visibility .05s;/*visibility hidden because opacity: 0 is not the same as display: block. */
  703.     /* Needs to be a delay because moving cursor from scroll would otherwise make mhandle disappear. Display cannot have transitions.*/
  704. }
  705. .scrollHover .mHandle, .mHover #mHandle-mid, .mHover .mHandle {
  706.     opacity: .99;
  707.     visibility: visible;
  708. }
  709. .scrolling .mHandle{
  710.     pointer-events: none;
  711. }
  712. #mHandle-left {
  713.     -webkit-transform: translate(-21px, 0px);
  714.             transform: translate(-21px, 0px); /*default -21px, 0*/
  715.     border-radius: 3px 0 0 3px;
  716. }
  717. #mHandle-right {
  718.     -webkit-transform: translate(-1px, 0px);
  719.             transform: translate(-1px, 0px); /*default -1px, 0*/
  720.     border-radius: 0 3px 3px 0;
  721. }
  722. #mHandle-mid {
  723.     width: 5px;
  724.     -webkit-transform: translate(-6px, 0px);
  725.             transform: translate(-6px, 0px);
  726.     opacity: 0;
  727.     pointer-events: none;
  728. }
  729. /* Dragging */
  730. #dragoverlay {
  731.     position: absolute;
  732.     visibility: hidden;
  733.     width: 100%;
  734.     height: 100%;
  735.     background: none;
  736.     transition: background ease .5s, visibility 1s;
  737.     pointer-events: none;
  738.     z-index: 99999;
  739. }
  740. #dragoverlay.dragging {
  741.     visibility: visible;
  742.     pointer-events: auto;
  743.     background: hsla(0,0%,0%,0.3);
  744. }
  745. #handleWidget {
  746.     visibility: hidden;
  747.     position: absolute;
  748.     width: 35px;
  749.     height: 25px;
  750.     left: 55%; /*default 55%*/
  751.     border-radius: 3px;
  752.     background: white;
  753.     cursor: col-resize;
  754. }
  755. .dragging #handleWidget {
  756.     visibility: visible;
  757. }
  758. div#layout-config-form {
  759.     display: none;
  760. }
  761. div#common-config-form {
  762.     display: none;
  763. }
  764. //scroller
  765.  
  766. img.kek {
  767.     opacity: 0.3;
  768.     border: 1px solid transparent;
  769.     -webkit-filter: grayscale(80%);
  770. }
  771. img.kek:hover {
  772.     opacity: 1;
  773.         background: transparent linear-gradient(to bottom left, rgba(249,208,129,.25) 10%, rgba(227,2,62,.25) 30%, rgba(49,128,135,.25) 90%);
  774.     border-bottom: 0px solid transparent;
  775.         border-image: linear-gradient(to bottom left, rgba(249,208,129,1) 10%, rgba(227,2,62,1) 30%, rgba(49,128,135,1) 90%);
  776.     border-image-slice: 1;
  777.         -webkit-filter: grayscale(1%);
  778. }
  779. #responsive-sizing {
  780.   text-align: center;
  781. }
  782.  
  783. #responsive-sizing .spec {
  784.   display: inline-block;
  785.   margin: 10px 10px 10px 0;
  786. }
  787.  
  788. #responsive-sizing .breakpoint {
  789.   background-color: #333;
  790.   color: white;
  791.   border-radius: 5px 0 0 5px;
  792. }
  793.  
  794. #responsive-sizing .vis-image-count {
  795.   border-radius: 0 5px 5px 0;
  796.   background-color: #ddd;
  797. }
  798.  
  799. #responsive-sizing .breakpoint,
  800. #responsive-sizing .vis-image-count {
  801.   padding: 5px 10px;
  802. }
  803.  
  804. /* Begin Scroller Rules */
  805. .horiz-scroll {
  806.   display: flex;
  807.   display: -webkit-flex;
  808.   flex-direction: column;
  809.   -webkit-flex-direction: column;
  810.   overflow: visible;
  811.   position: relative;
  812. }
  813.  
  814. .horiz-scroll h2 {
  815.   font-weight: 600;
  816. }
  817.  
  818. .horiz-scroll .scroller {
  819.   max-height: 30vw;
  820.   position: relative;
  821.   display: flex;
  822.   display: -webkit-flex;
  823.   flex: 1;
  824.   -webkit-flex: 1;
  825.  
  826. }
  827.  
  828. .horiz-scroll .scroller .left-scroll {
  829.   left: 0;
  830. }
  831.  
  832. .horiz-scroll .scroller .right-scroll {
  833.   right: 0;
  834. }
  835.  
  836. .horiz-scroll .scroller .left-scroll,
  837. .horiz-scroll .scroller .right-scroll {
  838.   display: flex;
  839.   display: -webkit-flex;
  840.   flex-direction: column;
  841.   -webkit-flex-direction: column;
  842.   padding: 0 2vw;
  843.   overflow-x: hidden;
  844.   z-index: 1;
  845.   justify-content: center;
  846.   -webkit-justify-content: center;
  847.   position: absolute;
  848.   height: 100%;
  849. }
  850.  
  851. .horiz-scroll .scroller .left-scroll p,
  852. .horiz-scroll .scroller .right-scroll p {
  853.   font-size: 8em;
  854.   color: white;
  855.   text-shadow: 0 0 10px #333;
  856.   margin: 0;
  857.   overflow-y: hidden;
  858. }
  859. #addedbyTEXT {
  860.     display: none;
  861. }
  862. @media only screen and (max-width: 480px) {
  863.   .horiz-scroll .scroller .left-scroll p,
  864.   .horiz-scroll .scroller .right-scroll p {
  865.     color: black;
  866.   }
  867. }
  868.  
  869. .horiz-scroll .scroller .scrollable-x {
  870.   white-space: nowrap;
  871.   overflow-x: scroll;
  872.   overflow-y: hidden;
  873. }
  874.  
  875. .horiz-scroll .scroller .scrollable-x::-webkit-scrollbar {
  876.   display: none;
  877. }
  878.  
  879. .horiz-scroll .scroller .scrollable-x::-webkit-scrollbar {
  880.   width: .375em;
  881.   max-width: 12px;
  882. }
  883.  
  884. .horiz-scroll .scroller .scrollable-x::-webkit-scrollbar-track {
  885.   background-color: transparent;
  886. }
  887.  
  888. .horiz-scroll .scroller .scrollable-x::-webkit-scrollbar-thumb {
  889.   background-color: rgba(255, 255, 255, 0.25);
  890.   border-radius: 1em;
  891. }
  892.  
  893. .horiz-scroll .scroller .scroll-images {
  894.   position: relative;
  895.   flex: 8;
  896.   -webkit-flex: 8;
  897.   order: 2;
  898.   -webkit-order: 2;
  899.   z-index: 0;
  900.   font-size: 0;
  901.   overflow: hidden;
  902.   padding: 0% 0;
  903.   margin: 0% 0;
  904.   text-align: center;
  905.     margin-left: 5rem;
  906.     margin-right: 5rem;
  907.     border-radius: 1rem;
  908. }
  909.  
  910. .horiz-scroll .scroller .scroll-images img {
  911.   width: 25%;
  912.   top: 0;
  913.   z-index: 0;
  914.   -webkit-transition: all 100ms;
  915.   transition: all 100ms;
  916.   position: relative;
  917.   opacity:0.7;
  918. }
  919.  
  920. @media only screen and (max-width: 960px) {
  921.   .horiz-scroll .scroller .scroll-images img {
  922.     width: 33.333%;
  923.   }
  924. }
  925.  
  926. @media only screen and (max-width: 720px) {
  927.   .horiz-scroll .scroller .scroll-images img {
  928.     width: 50%;
  929.   }
  930. }
  931. #loginform {
  932.     display:none;
  933.  
  934. }
  935. @media only screen and (max-width: 480px) {
  936.   .horiz-scroll .scroller .scroll-images img {
  937.     width: 50%;
  938.     margin: 0 25%;
  939.   }
  940. }
  941. #scroll-feature {
  942.     padding-top: 10px;
  943. }
  944. #scroll-feature:hover {
  945.     opacity:1;
  946. }
  947. .horiz-scroll .scroller .scroll-images img.focused {
  948.   z-index: 2;
  949.   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  950.   transform: scale(1.25);
  951.   height: 200%;
  952.   transition: all 250ms ease-in-out, drop-shadow 0.5s;
  953. }
  954.  
  955. .invisible {
  956.   opacity: 0;
  957.   transition: .5s ease-in-out;
  958. }
  959. #config-wrapper {
  960.     display: none!important;
  961. }
  962. #videowrap, #playlistrow, .well {
  963.     display: block;
  964. }
  965. button#voteskip {
  966. height:100%;
  967. width:100%;
  968. }
  969. .vjs-error .vjs-error-display:before {
  970.     content: 'X';
  971.     font-size: 0em;
  972. }
  973. @keyframes fadein {
  974.     from { opacity: 0; }
  975.     to   { opacity: 1; }
  976. }
  977.  
  978. /* Firefox < 16 */
  979. @-moz-keyframes fadein {
  980.     from { opacity: 0; }
  981.     to   { opacity: 1; }
  982. }
  983.  
  984. /* Safari, Chrome and Opera > 12.1 */
  985. @-webkit-keyframes fadein {
  986.     from { opacity: 0; }
  987.     to   { opacity: 1; }
  988. }
  989.  
  990. /* Internet Explorer */
  991. @-ms-keyframes fadein {
  992.     from { opacity: 0; }
  993.     to   { opacity: 1; }
  994. }
  995.  
  996. /* Opera < 12.1 */
  997. @-o-keyframes fadein {
  998.     from { opacity: 0; }
  999.     to   { opacity: 1; }
  1000. }
  1001. /*Scrollbars*/
  1002. ::-webkit-scrollbar {
  1003.     width: 5px;
  1004.     height: 10px;
  1005.     border: 1px solid hsl(0,0%,27%);
  1006.     border-top: 0;border-bottom: 0;
  1007. }
  1008. /*::-webkit-scrollbar-button {background-color:rgba(26,26,26,1);}*/
  1009. ::-webkit-scrollbar-track {
  1010.     background-color:hsl(0,0%,27%);
  1011. }
  1012. ::-webkit-scrollbar-thumb {
  1013.     background-color: hsl(0,0%,60%);
  1014.     border: 1px solid hsl(0,0%,40%);
  1015.     border-radius: 3px;
  1016. }
  1017. ::-webkit-scrollbar-corner {background-color:rgba(26,26,26,1);}
  1018.  
  1019. .darktheme .nano > .nano-pane > .nano-slider {
  1020.     background: hsla(0,0%,100%,.4);
  1021.     width: 5px;
  1022.     float: right;
  1023.     transition: background ease .2s;
  1024. }
  1025. .darktheme .nano > .nano-pane > .nano-slider:hover, .darktheme .scrolling .nano-slider {
  1026.     background: hsla(0,0%,100%,.56);
  1027. }
  1028. .darktheme .nano > .nano-pane {
  1029.     background: none;
  1030.     border-radius: 5px;
  1031. }
  1032. .navbar-nav>li>a {
  1033.     border-right: 0px solid rgba(0,0,0,.2);
  1034.     border-left: 0px solid rgba(255,255,255,.1);
  1035. }
  1036. .server-msg-reconnect {
  1037.     border: 0px solid #3C3C3C;
  1038.     line-height: 2;
  1039.     margin-top: 5px;
  1040.     margin-bottom: 5px;
  1041.     color: #87A287;
  1042.     text-align: center;
  1043.     background-color: rgba(18, 100, 18, 0);
  1044. }
  1045. /* Inputs */
  1046.     /* Text Inputs */
  1047.     input.form-control[type="text"], input.form-control[type="password"], input.form-control[type="email"], textarea.form-control {
  1048.     background-color: hsla(0, 0%, 0%, 0.5)!important;
  1049.     border-top: 1px solid hsl(0, 0%, 29%);
  1050.     color: hsl(0, 3%, 83%);
  1051.     }
  1052.     input.form-control[type="text"]:focus, input.form-control[type="password"]:focus, input.form-control[type="email"]:focus, textarea.form-control:focus {
  1053.         border: 1px solid hsl(0, 0%, 8%);
  1054.     border-bottom: 2px solid #3F7A96;
  1055.     }
  1056.  
  1057.     /* Buttons */
  1058.     .input-group .input-group-btn, .input-group .input-group-btn button {
  1059.         background: hsl(0, 0%, 24%);
  1060.         border: 0;
  1061.         box-shadow: none;
  1062.         color: hsl(0, 0%, 63%);
  1063.     }
  1064.     .input-group .input-group-btn > button {
  1065.         border: 1px solid hsl(0,0%,31%);
  1066.     }
  1067.     .input-group .input-group-btn button:hover {
  1068.         background: hsl(0, 0%, 14%);
  1069.     }
  1070.     .input-group > span:first-of-type.input-group-btn > button {
  1071.         border-left: 0;
  1072.     }
  1073.     .input-group > span:last-of-type.input-group-btn > button {
  1074.         border-left: 0;
  1075.     }
  1076.     .btn-default[disabled], .btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity: 0.63}
  1077.  
  1078.     /* Checkboxes */
  1079.     input[type="checkbox"] {
  1080.         border: 1px solid hsl(0, 0%, 31%);
  1081.     }
  1082.     input[type="checkbox"]:checked {background: hsl(0,0%,5%)}
  1083.     input[type="checkbox"]:checked:after {
  1084.         background: hsl(0,0%,31%);
  1085.     }
  1086.     .checkbox {
  1087.         color: hsl(0, 0%, 56%);
  1088.     }
  1089.  
  1090.  
  1091.  
  1092. /* Dropdowns and Context Menus */
  1093.     /* Bootstrap Dropdowns */
  1094.     .dropdown-menu, .user-dropdown {
  1095.         background: hsl(0,0%,12%);
  1096.         border: 1px solid hsl(0,0%,18%);
  1097.         box-shadow: 0 0 20px 0 hsl(0,0%,0%);
  1098.     }
  1099.     .dropdown-menu>li>a:focus, .dropdown-menu button:hover {
  1100.         color: hsl(0,0%,100%);
  1101.         background: hsl(199,68%,50%);
  1102.     }
  1103.     .dropdown-menu button{
  1104.         color: hsl(0,0%,100%);
  1105.     }
  1106. .open>.dropdown-menu {
  1107.     display: block;
  1108.     font-size: 1rem;
  1109. }
  1110. p#currenttitle {
  1111.     width: auto;
  1112.     float: left;
  1113.     padding: 14px;
  1114. }
  1115. form#logoutform {
  1116.     font-size: 1rem;
  1117.     display: none;
  1118. }
  1119.  
  1120. .navbar-nav {
  1121.     float: right;
  1122.     margin: 0;
  1123.     font-size: 1rem;
  1124. }
  1125.  
  1126. .navbar {
  1127.     background: hsl(0,0%,13%);
  1128.     color: hsl(0,0%,53%);
  1129.     border: none;
  1130. }
  1131. .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-link:hover {
  1132.     color: hsl(0,0%,100%);
  1133. }
  1134. .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  1135.     background: hsl(199,68%,50%);
  1136. }
  1137. .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
  1138.     color: hsl(0,0%,100%);
  1139. }
  1140. .navbar-inverse .navbar-brand {
  1141.     color: hsl(0,0%,100%);
  1142. }
  1143.  
  1144. body {
  1145.     background: hsl(0,0%,6%);
  1146. }
  1147.  
  1148.  
  1149. @media (min-width: 992px){
  1150.     /*chat bar is 38 px high*/
  1151.     #messagebuffer{
  1152.         box-shadow: inset 0 0 50px 0px hsl(0,0%,0%);
  1153.             margin-right: 0px!important;
  1154.     }
  1155. }
  1156.  
  1157. /* Left Container */
  1158. #videowrap .embed-responsive {
  1159.     background: hsl(0,0%,0%); /*fixes transparent videos*/
  1160. }
  1161.  
  1162. .queue_entry {
  1163.     border-color: #000;
  1164.     background-color: rgba(37, 38, 39, 0.4);
  1165. }
  1166. .queue_entry {
  1167.     line-height: 35px;
  1168.     padding: 5px;
  1169.     font-size: 11pt;
  1170. }
  1171. .timestamp {
  1172.     font-size: 6pt;
  1173.     float: right;
  1174.     opacity: 0.01;
  1175.     display:none;
  1176. }
  1177. .timestamp:hover {
  1178.     opacity: 1;
  1179. }
  1180. /* Chat */
  1181.     div#messagebuffer, div#userlist {
  1182.     border: 0px solid hsl(0, 0%, 18%);
  1183.     background: hsla(0, 0%, 0%, 0.54);
  1184.     }
  1185.     .nick-hover {
  1186.         background: hsla(0, 0%, 6%, 0.03);
  1187.     }
  1188.  
  1189.     /* Userlist*/
  1190.         /* profile boxes */
  1191.         #userlist .profile-box {
  1192.             background: hsl(0,0%,12%);
  1193.             box-shadow: 0 0 20px 0 hsl(0,0%,0%);
  1194.         }
  1195.         #userlist .profile-box .profile-image {
  1196.             box-shadow: 0 0 5px 0 hsl(0,0%,0%);
  1197.         }
  1198.             /* Specifially user dropdowns */
  1199.             .user-dropdown .btn-group-vertical {
  1200.                 border-top: 1px solid hsl(0,0%,18%);
  1201.             }
  1202.     .user-dropdown .btn-group-vertical .btn:hover {
  1203.         background: hsl(199, 68%, 50%);
  1204.     }
  1205.     /* Chat header (time and toggles) */
  1206. #chatheader {
  1207.     background-color: hsla(0, 0%, 12%, 0.14);
  1208.     border-bottom: 1px solid hsl(0, 0%, 31%);
  1209.     border-top: none;
  1210.     border-left: none;
  1211.     border-right: none;
  1212.     overflow: hidden;
  1213.     }
  1214.         #chatheader span {
  1215.             background: hsl(0,0%,31%);
  1216.         }
  1217.         #chatheader > .label, #chatheader > .label-default, #chatheader > .label-success, #chatheader i, #chatheader .custom-label {
  1218.     float: left;
  1219.     display: block;
  1220.     padding: 12.8px 0;
  1221.     padding: .8rem 0;
  1222.     width: 33%;
  1223.     border: 0;
  1224.     outline: 0;
  1225.     cursor: pointer;
  1226.     text-align: center;
  1227.     font-size: 24px;
  1228.     font-size: 1.5rem;
  1229.     color: #878c8e;
  1230.     position: relative;
  1231.         }
  1232.         #chatheader span.label-success {
  1233.             border-bottom: 2px solid hsl(358, 79%, 45%);
  1234.             background: hsl(0,0%,31%);
  1235.         }
  1236.         #clockstaff {
  1237.             border-bottom: 1px solid hsl(0,0%,100%);
  1238.         }
  1239.         #chatheader i:hover {
  1240.         color: #fff;
  1241.         }
  1242.     /* Chat bar */
  1243.     #chatline, #guestlogin>input, #guestlogin>.input-group-addon {
  1244.     }
  1245.  
  1246. /* Below Video */
  1247. #mainpage .btn:focus {outline: none;}
  1248.     p#currenttitle, p.sectionheader {
  1249.         color: hsl(0, 0%, 63%);
  1250.     }
  1251.     .section, .well, #controlsrow {
  1252.     padding: 2rem;
  1253.     margin-left: 5rem;
  1254.     margin-right: 5rem;
  1255.     margin-top: 3rem;
  1256.     border-radius: 1rem;
  1257.     background: rgba(0,0,0,.7);
  1258.       -webkit-box-shadow:0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  1259.     -moz-box-shadow:0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  1260.     box-shadow:0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  1261.     }
  1262.     /* Video Description* /
  1263.     /* Header right (Time and progbar) */
  1264.     #headright {
  1265.         background: hsl(0,0%,80%);
  1266.     }
  1267.     #progbar {
  1268.         background: hsl(206,80%,43%);
  1269.     }
  1270.     #ss7time {
  1271.         color: hsl(0, 0%, 56%);
  1272.     }
  1273.     /* headerbuttons */
  1274.     #headbottom {
  1275.         border-top: 1px solid hsl(0, 0%, 20%);
  1276.     }
  1277.     #headbottom .headbtn {
  1278.         color: hsl(0,0%,63%);
  1279.     }
  1280.     .headbtnleft {
  1281.         margin-right: 20px;
  1282.     }
  1283.     .headbtn:before {
  1284.         filter: invert(63%) !important;
  1285.         -webkit-filter: invert(63%) !important;
  1286.         color: hsl(0,0%,63%);
  1287.     }
  1288.     button#voteskip[title="Voteskip"] {
  1289.         color: hsl(0,0%,63%);
  1290.     }
  1291.     #voteskip:before {content: "Voteskip"; font-size: 14px;}
  1292.     #voteskip span {top: 0;}
  1293.     .headbtn span, #voteskip span {top: 0;}
  1294.     #voteskip span:before {
  1295.         filter: invert(63%) !important;
  1296.         -webkit-filter: invert(63%) !important;
  1297.     }
  1298.  
  1299.     /* Queue */
  1300.         /* plmeta */
  1301.         #upnext #plmeta, #plcount {
  1302.             color: hsl(0,0%,78%);
  1303.         }
  1304.         #qlockbtn span:before/*, #pldropdown*/ {
  1305.             -webkit-filter: invert(63%);
  1306.                     filter: invert(63%);
  1307.         }
  1308.         #pldropdown {
  1309.             color: hsl(0,0%,63%);
  1310.             font-weight: bold;
  1311.         }
  1312.  
  1313.  
  1314.     /* AddMedia */
  1315.         /* mediabuttons */
  1316.         #mediabuttons {
  1317.             border-bottom: 1px solid hsl(0,0%,20%);
  1318.         }
  1319.         #mediabuttons .btn {
  1320.             color: hsl(0,0%,50%);
  1321.         }
  1322.         #mediabuttons .btn span {
  1323.             color: hsl(0,0%,50%);
  1324.         }
  1325.         #mediabuttons .btn:not(.collapsed) span {
  1326.             color: hsl(0,0%,69%);
  1327.         }
  1328.         #mediabuttons .btn:not(.collapsed) {
  1329.             border-bottom: 2px solid hsl(358, 79%, 45%);
  1330.         }
  1331. .queue_active {
  1332.     background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.12),rgba(255, 255, 255, 0.12));
  1333.     background-image: linear-gradient(rgba(255, 255, 255, 0.12),rgba(255, 255, 255, 0.12));
  1334.     background-repeat: no-repeat;
  1335.     box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.79);
  1336. }
  1337.     /* Footer */
  1338.     #footer {
  1339.     background: hsl(0, 0%, 0%) !important;
  1340.     font-size: 11px;
  1341. }
  1342. .vjs-error-display div {
  1343. background-color: rgb(0, 0, 0);
  1344. font-size: 2.4em;
  1345. }
  1346. img.chat-avatar.chat-avatar_small {
  1347.     border-radius: 100%;
  1348.     height: 33px;
  1349.     width: 33px;
  1350.     padding: 1px;
  1351.     margin-right: 5px;
  1352.     margin-left: 13px;
  1353.     position: absolute;
  1354.     left: 0;
  1355. }
  1356. .channel-emote {
  1357.     max-width: 120px;
  1358.     max-height: 120px;
  1359. }
  1360. strong.username {
  1361.     word-wrap: break-word;
  1362.     display: block;
  1363.     font-size: 1.2rem;
  1364.     line-height: 1.2;
  1365.     font-weight: 700;
  1366.     color: #878c8e;
  1367.     cursor: pointer;
  1368. }
  1369.     .ch {
  1370.     float: left;
  1371.     padding: 8.5px 0px;
  1372.     width: 33%;
  1373.     border: 0;
  1374.     outline: 0;
  1375.     cursor: pointer;
  1376.     text-align: center;
  1377.     position: relative;  
  1378.     }
  1379.     #wrap {
  1380.     -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
  1381.     -moz-animation: fadein 4s; /* Firefox < 16 */
  1382.     -ms-animation: fadein 4s; /* Internet Explorer */
  1383.     -o-animation: fadein 4s; /* Opera < 12.1 */
  1384.     animation: fadein 4s;
  1385.     background-image: url(http://i.imgur.com/Gzm9eNr.jpg);
  1386.     background-color: rgba(0, 0, 0, 0.5);
  1387.     background-blend-mode: overlay;
  1388.     background-size: cover;
  1389.     background-position: center;
  1390.     }
  1391.     .navbar {
  1392.     background: hsla(0, 0%, 13%, 0.54);
  1393.     }
  1394.     .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
  1395.     color: #fff;
  1396.     background-color: rgba(0, 152, 255, 0.69);
  1397.     border-color: rgba(30, 32, 35, 0);
  1398.     border-bottom: 0px solid black;
  1399. }
  1400. #userlist {
  1401.     display: none;
  1402. }
  1403. [class*="chat-msg"] .username .chatAvatar{
  1404.     width:auto;
  1405.     max-height:initial;
  1406. }
  1407. #userlist {
  1408.     text-align: center;
  1409.     font-size: 14px;
  1410.     line-height: 33px;
  1411. }
  1412. [class*="chat-msg"]:not(.drink):not(.consecutive):before,
  1413. .poll-notify + [class*="chat-msg"].consecutive:before,
  1414. .poll-notify:before {
  1415.     content:"";
  1416.     display:block;
  1417.     border-top: 0px solid rgba(187, 187, 187, 0.49);
  1418.     opacity:0.3;
  1419.     margin: auto;
  1420.     margin-top:1px;
  1421.     margin-bottom:1px;
  1422.     position:absolute;
  1423.  
  1424. }
  1425. [class*="chat-msg"]:not(.drink):not(.consecutive) {
  1426.     margin-top: 4px;
  1427.     margin-left: 55px;
  1428. }
  1429. img.chat-avatar.chat-avatar_big {
  1430.     height: 55px;
  1431.     padding: 3px;
  1432.     border-radius: 100%;
  1433.     position: absolute;
  1434.     left: 0;
  1435. }
  1436. #controlsrow {
  1437.     display: none;
  1438. }
  1439. img.chat-picture {
  1440.     width: 100%;
  1441.     max-height: 180px;
  1442. }
  1443. .video-js .vjs-control-bar {
  1444.     background-color: rgba(0, 0, 0, 0.79)!important;
  1445.     font-size: 13px;
  1446. }
  1447. button#mediarefresh {
  1448.     float: right;
  1449. }
  1450. button#voteskip {
  1451.     display: none;
  1452. }
  1453. button.vjs-fullscreen-control.vjs-control.vjs-button {
  1454.     display: none;
  1455. }
  1456. .pm-buffer.linewrap {
  1457.     display: inline-block;
  1458.     float: right;
  1459.     padding-left: 50px;
  1460. }
  1461. /*!
  1462.  *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
  1463.  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  1464.  */@font-face {
  1465.     font-family:'FontAwesome';
  1466.     src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  1467.     src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  1468.     font-weight:normal;
  1469.     font-style:normal
  1470. }
  1471. .fa {
  1472.     display:inline-block;
  1473.     font:normal normal normal 14px/1 FontAwesome;
  1474.     font-size:inherit;
  1475.     text-rendering:auto;
  1476.     -webkit-font-smoothing:antialiased;
  1477.     -moz-osx-font-smoothing:grayscale
  1478. }
  1479. .fa-lg {
  1480.     font-size:1.33333333em;
  1481.     line-height:.75em;
  1482.     vertical-align:-15%
  1483. }
  1484. .fa-2x {
  1485.     font-size:2em
  1486. }
  1487. .fa-3x {
  1488.     font-size:3em
  1489. }
  1490. .fa-4x {
  1491.     font-size:4em
  1492. }
  1493. .fa-5x {
  1494.     font-size:5em
  1495. }
  1496. .fa-fw {
  1497.     width:1.28571429em;
  1498.     text-align:center
  1499. }
  1500. .fa-ul {
  1501.     padding-left:0;
  1502.     margin-left:2.14285714em;
  1503.     list-style-type:none
  1504. }
  1505. .fa-ul>li {
  1506.     position:relative
  1507. }
  1508. .fa-li {
  1509.     position:absolute;
  1510.     left:-2.14285714em;
  1511.     width:2.14285714em;
  1512.     top:.14285714em;
  1513.     text-align:center
  1514. }
  1515. .fa-li.fa-lg {
  1516.     left:-1.85714286em
  1517. }
  1518. .fa-border {
  1519.     padding:.2em .25em .15em;
  1520.     border:solid .08em #eee;
  1521.     border-radius:.1em
  1522. }
  1523. .fa-pull-left {
  1524.     float:left
  1525. }
  1526. .fa-pull-right {
  1527.     float:right
  1528. }
  1529. .fa.fa-pull-left {
  1530.     margin-right:.3em
  1531. }
  1532. .fa.fa-pull-right {
  1533.     margin-left:.3em
  1534. }
  1535. .pull-right {
  1536.     float:right
  1537. }
  1538. .pull-left {
  1539.     float:left
  1540. }
  1541. .fa.pull-left {
  1542.     margin-right:.3em
  1543. }
  1544. .fa.pull-right {
  1545.     margin-left:.3em
  1546. }
  1547. .fa-spin {
  1548.     -webkit-animation:fa-spin 2s infinite linear;
  1549.     animation:fa-spin 2s infinite linear
  1550. }
  1551. .fa-pulse {
  1552.     -webkit-animation:fa-spin 1s infinite steps(8);
  1553.     animation:fa-spin 1s infinite steps(8)
  1554. }
  1555. @-webkit-keyframes fa-spin {
  1556.     0% {
  1557.         -webkit-transform:rotate(0deg);
  1558.         transform:rotate(0deg)
  1559.     }
  1560.     100% {
  1561.         -webkit-transform:rotate(359deg);
  1562.         transform:rotate(359deg)
  1563.     }
  1564. }
  1565. @keyframes fa-spin {
  1566.     0% {
  1567.         -webkit-transform:rotate(0deg);
  1568.         transform:rotate(0deg)
  1569.     }
  1570.     100% {
  1571.         -webkit-transform:rotate(359deg);
  1572.         transform:rotate(359deg)
  1573.     }
  1574. }
  1575. .fa-rotate-90 {
  1576.     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  1577.     -webkit-transform:rotate(90deg);
  1578.     -ms-transform:rotate(90deg);
  1579.     transform:rotate(90deg)
  1580. }
  1581. .fa-rotate-180 {
  1582.     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  1583.     -webkit-transform:rotate(180deg);
  1584.     -ms-transform:rotate(180deg);
  1585.     transform:rotate(180deg)
  1586. }
  1587. .fa-rotate-270 {
  1588.     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  1589.     -webkit-transform:rotate(270deg);
  1590.     -ms-transform:rotate(270deg);
  1591.     transform:rotate(270deg)
  1592. }
  1593. .fa-flip-horizontal {
  1594.     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  1595.     -webkit-transform:scale(-1, 1);
  1596.     -ms-transform:scale(-1, 1);
  1597.     transform:scale(-1, 1)
  1598. }
  1599. .fa-flip-vertical {
  1600.     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  1601.     -webkit-transform:scale(1, -1);
  1602.     -ms-transform:scale(1, -1);
  1603.     transform:scale(1, -1)
  1604. }
  1605. :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
  1606.     filter:none
  1607. }
  1608. .fa-stack {
  1609.     position:relative;
  1610.     display:inline-block;
  1611.     width:2em;
  1612.     height:2em;
  1613.     line-height:2em;
  1614.     vertical-align:middle
  1615. }
  1616. .fa-stack-1x,.fa-stack-2x {
  1617.     position:absolute;
  1618.     left:0;
  1619.     width:100%;
  1620.     text-align:center
  1621. }
  1622. .fa-stack-1x {
  1623.     line-height:inherit
  1624. }
  1625. .fa-stack-2x {
  1626.     font-size:2em
  1627. }
  1628. .fa-inverse {
  1629.     color:#fff
  1630. }
  1631. .fa-glass:before {
  1632.     content:"\f000"
  1633. }
  1634. .fa-music:before {
  1635.     content:"\f001"
  1636. }
  1637. .fa-search:before {
  1638.     content:"\f002"
  1639. }
  1640. .fa-envelope-o:before {
  1641.     content:"\f003"
  1642. }
  1643. .fa-heart:before {
  1644.     content:"\f004"
  1645. }
  1646. .fa-star:before {
  1647.     content:"\f005"
  1648. }
  1649. .fa-star-o:before {
  1650.     content:"\f006"
  1651. }
  1652. .fa-user:before {
  1653.     content:"\f007"
  1654. }
  1655. .fa-film:before {
  1656.     content:"\f008"
  1657. }
  1658. .fa-th-large:before {
  1659.     content:"\f009"
  1660. }
  1661. .fa-th:before {
  1662.     content:"\f00a"
  1663. }
  1664. .fa-th-list:before {
  1665.     content:"\f00b"
  1666. }
  1667. .fa-check:before {
  1668.     content:"\f00c"
  1669. }
  1670. .fa-remove:before,.fa-close:before,.fa-times:before {
  1671.     content:"\f00d"
  1672. }
  1673. .fa-search-plus:before {
  1674.     content:"\f00e"
  1675. }
  1676. .fa-search-minus:before {
  1677.     content:"\f010"
  1678. }
  1679. .fa-power-off:before {
  1680.     content:"\f011"
  1681. }
  1682. .fa-signal:before {
  1683.     content:"\f012"
  1684. }
  1685. .fa-gear:before,.fa-cog:before {
  1686.     content:"\f013"
  1687. }
  1688. .fa-trash-o:before {
  1689.     content:"\f014"
  1690. }
  1691. .fa-home:before {
  1692.     content:"\f015"
  1693. }
  1694. .fa-file-o:before {
  1695.     content:"\f016"
  1696. }
  1697. .fa-clock-o:before {
  1698.     content:"\f017"
  1699. }
  1700. .fa-road:before {
  1701.     content:"\f018"
  1702. }
  1703. .fa-download:before {
  1704.     content:"\f019"
  1705. }
  1706. .fa-arrow-circle-o-down:before {
  1707.     content:"\f01a"
  1708. }
  1709. .fa-arrow-circle-o-up:before {
  1710.     content:"\f01b"
  1711. }
  1712. .fa-inbox:before {
  1713.     content:"\f01c"
  1714. }
  1715. .fa-play-circle-o:before {
  1716.     content:"\f01d"
  1717. }
  1718. .fa-rotate-right:before,.fa-repeat:before {
  1719.     content:"\f01e"
  1720. }
  1721. .fa-refresh:before {
  1722.     content:"\f021"
  1723. }
  1724. .fa-list-alt:before {
  1725.     content:"\f022"
  1726. }
  1727. .fa-lock:before {
  1728.     content:"\f023"
  1729. }
  1730. .fa-flag:before {
  1731.     content:"\f024"
  1732. }
  1733. .fa-headphones:before {
  1734.     content:"\f025"
  1735. }
  1736. .fa-volume-off:before {
  1737.     content:"\f026"
  1738. }
  1739. .fa-volume-down:before {
  1740.     content:"\f027"
  1741. }
  1742. .fa-volume-up:before {
  1743.     content:"\f028"
  1744. }
  1745. .fa-qrcode:before {
  1746.     content:"\f029"
  1747. }
  1748. .fa-barcode:before {
  1749.     content:"\f02a"
  1750. }
  1751. .fa-tag:before {
  1752.     content:"\f02b"
  1753. }
  1754. .fa-tags:before {
  1755.     content:"\f02c"
  1756. }
  1757. .fa-book:before {
  1758.     content:"\f02d"
  1759. }
  1760. .fa-bookmark:before {
  1761.     content:"\f02e"
  1762. }
  1763. .fa-print:before {
  1764.     content:"\f02f"
  1765. }
  1766. .fa-camera:before {
  1767.     content:"\f030"
  1768. }
  1769. .fa-font:before {
  1770.     content:"\f031"
  1771. }
  1772. .fa-bold:before {
  1773.     content:"\f032"
  1774. }
  1775. .fa-italic:before {
  1776.     content:"\f033"
  1777. }
  1778. .fa-text-height:before {
  1779.     content:"\f034"
  1780. }
  1781. .fa-text-width:before {
  1782.     content:"\f035"
  1783. }
  1784. .fa-align-left:before {
  1785.     content:"\f036"
  1786. }
  1787. .fa-align-center:before {
  1788.     content:"\f037"
  1789. }
  1790. .fa-align-right:before {
  1791.     content:"\f038"
  1792. }
  1793. .fa-align-justify:before {
  1794.     content:"\f039"
  1795. }
  1796. .fa-list:before {
  1797.     content:"\f03a"
  1798. }
  1799. .fa-dedent:before,.fa-outdent:before {
  1800.     content:"\f03b"
  1801. }
  1802. .fa-indent:before {
  1803.     content:"\f03c"
  1804. }
  1805. .fa-video-camera:before {
  1806.     content:"\f03d"
  1807. }
  1808. .fa-photo:before,.fa-image:before,.fa-picture-o:before {
  1809.     content:"\f03e"
  1810. }
  1811. .fa-pencil:before {
  1812.     content:"\f040"
  1813. }
  1814. .fa-map-marker:before {
  1815.     content:"\f041"
  1816. }
  1817. .fa-adjust:before {
  1818.     content:"\f042"
  1819. }
  1820. .fa-tint:before {
  1821.     content:"\f043"
  1822. }
  1823. .fa-edit:before,.fa-pencil-square-o:before {
  1824.     content:"\f044"
  1825. }
  1826. .fa-share-square-o:before {
  1827.     content:"\f045"
  1828. }
  1829. .fa-check-square-o:before {
  1830.     content:"\f046"
  1831. }
  1832. .fa-arrows:before {
  1833.     content:"\f047"
  1834. }
  1835. .fa-step-backward:before {
  1836.     content:"\f048"
  1837. }
  1838. .fa-fast-backward:before {
  1839.     content:"\f049"
  1840. }
  1841. .fa-backward:before {
  1842.     content:"\f04a"
  1843. }
  1844. .fa-play:before {
  1845.     content:"\f04b"
  1846. }
  1847. .fa-pause:before {
  1848.     content:"\f04c"
  1849. }
  1850. .fa-stop:before {
  1851.     content:"\f04d"
  1852. }
  1853. .fa-forward:before {
  1854.     content:"\f04e"
  1855. }
  1856. .fa-fast-forward:before {
  1857.     content:"\f050"
  1858. }
  1859. .fa-step-forward:before {
  1860.     content:"\f051"
  1861. }
  1862. .fa-eject:before {
  1863.     content:"\f052"
  1864. }
  1865. .fa-chevron-left:before {
  1866.     content:"\f053"
  1867. }
  1868. .fa-chevron-right:before {
  1869.     content:"\f054"
  1870. }
  1871. .fa-plus-circle:before {
  1872.     content:"\f055"
  1873. }
  1874. .fa-minus-circle:before {
  1875.     content:"\f056"
  1876. }
  1877. .fa-times-circle:before {
  1878.     content:"\f057"
  1879. }
  1880. .fa-check-circle:before {
  1881.     content:"\f058"
  1882. }
  1883. .fa-question-circle:before {
  1884.     content:"\f059"
  1885. }
  1886. .fa-info-circle:before {
  1887.     content:"\f05a"
  1888. }
  1889. .fa-crosshairs:before {
  1890.     content:"\f05b"
  1891. }
  1892. .fa-times-circle-o:before {
  1893.     content:"\f05c"
  1894. }
  1895. .fa-check-circle-o:before {
  1896.     content:"\f05d"
  1897. }
  1898. .fa-ban:before {
  1899.     content:"\f05e"
  1900. }
  1901. .fa-arrow-left:before {
  1902.     content:"\f060"
  1903. }
  1904. .fa-arrow-right:before {
  1905.     content:"\f061"
  1906. }
  1907. .fa-arrow-up:before {
  1908.     content:"\f062"
  1909. }
  1910. .fa-arrow-down:before {
  1911.     content:"\f063"
  1912. }
  1913. .fa-mail-forward:before,.fa-share:before {
  1914.     content:"\f064"
  1915. }
  1916. .fa-expand:before {
  1917.     content:"\f065"
  1918. }
  1919. .fa-compress:before {
  1920.     content:"\f066"
  1921. }
  1922. .fa-plus:before {
  1923.     content:"\f067"
  1924. }
  1925. .fa-minus:before {
  1926.     content:"\f068"
  1927. }
  1928. .fa-asterisk:before {
  1929.     content:"\f069"
  1930. }
  1931. .fa-exclamation-circle:before {
  1932.     content:"\f06a"
  1933. }
  1934. .fa-gift:before {
  1935.     content:"\f06b"
  1936. }
  1937. .fa-leaf:before {
  1938.     content:"\f06c"
  1939. }
  1940. .fa-fire:before {
  1941.     content:"\f06d"
  1942. }
  1943. .fa-eye:before {
  1944.     content:"\f06e"
  1945. }
  1946. .fa-eye-slash:before {
  1947.     content:"\f070"
  1948. }
  1949. .fa-warning:before,.fa-exclamation-triangle:before {
  1950.     content:"\f071"
  1951. }
  1952. .fa-plane:before {
  1953.     content:"\f072"
  1954. }
  1955. .fa-calendar:before {
  1956.     content:"\f073"
  1957. }
  1958. .fa-random:before {
  1959.     content:"\f074"
  1960. }
  1961. .fa-comment:before {
  1962.     content:"\f075"
  1963. }
  1964. .fa-magnet:before {
  1965.     content:"\f076"
  1966. }
  1967. .fa-chevron-up:before {
  1968.     content:"\f077"
  1969. }
  1970. .fa-chevron-down:before {
  1971.     content:"\f078"
  1972. }
  1973. .fa-retweet:before {
  1974.     content:"\f079"
  1975. }
  1976. .fa-shopping-cart:before {
  1977.     content:"\f07a"
  1978. }
  1979. .fa-folder:before {
  1980.     content:"\f07b"
  1981. }
  1982. .fa-folder-open:before {
  1983.     content:"\f07c"
  1984. }
  1985. .fa-arrows-v:before {
  1986.     content:"\f07d"
  1987. }
  1988. .fa-arrows-h:before {
  1989.     content:"\f07e"
  1990. }
  1991. .fa-bar-chart-o:before,.fa-bar-chart:before {
  1992.     content:"\f080"
  1993. }
  1994. .fa-twitter-square:before {
  1995.     content:"\f081"
  1996. }
  1997. .fa-facebook-square:before {
  1998.     content:"\f082"
  1999. }
  2000. .fa-camera-retro:before {
  2001.     content:"\f083"
  2002. }
  2003. .fa-key:before {
  2004.     content:"\f084"
  2005. }
  2006. .fa-gears:before,.fa-cogs:before {
  2007.     content:"\f085"
  2008. }
  2009. .fa-comments:before {
  2010.     content:"\f086"
  2011. }
  2012. .fa-thumbs-o-up:before {
  2013.     content:"\f087"
  2014. }
  2015. .fa-thumbs-o-down:before {
  2016.     content:"\f088"
  2017. }
  2018. .fa-star-half:before {
  2019.     content:"\f089"
  2020. }
  2021. .fa-heart-o:before {
  2022.     content:"\f08a"
  2023. }
  2024. .fa-sign-out:before {
  2025.     content:"\f08b"
  2026. }
  2027. .fa-linkedin-square:before {
  2028.     content:"\f08c"
  2029. }
  2030. .fa-thumb-tack:before {
  2031.     content:"\f08d"
  2032. }
  2033. .fa-external-link:before {
  2034.     content:"\f08e"
  2035. }
  2036. .fa-sign-in:before {
  2037.     content:"\f090"
  2038. }
  2039. .fa-trophy:before {
  2040.     content:"\f091"
  2041. }
  2042. .fa-github-square:before {
  2043.     content:"\f092"
  2044. }
  2045. .fa-upload:before {
  2046.     content:"\f093"
  2047. }
  2048. .fa-lemon-o:before {
  2049.     content:"\f094"
  2050. }
  2051. .fa-phone:before {
  2052.     content:"\f095"
  2053. }
  2054. .fa-square-o:before {
  2055.     content:"\f096"
  2056. }
  2057. .fa-bookmark-o:before {
  2058.     content:"\f097"
  2059. }
  2060. .fa-phone-square:before {
  2061.     content:"\f098"
  2062. }
  2063. .fa-twitter:before {
  2064.     content:"\f099"
  2065. }
  2066. .fa-facebook-f:before,.fa-facebook:before {
  2067.     content:"\f09a"
  2068. }
  2069. .fa-github:before {
  2070.     content:"\f09b"
  2071. }
  2072. .fa-unlock:before {
  2073.     content:"\f09c"
  2074. }
  2075. .fa-credit-card:before {
  2076.     content:"\f09d"
  2077. }
  2078. .fa-feed:before,.fa-rss:before {
  2079.     content:"\f09e"
  2080. }
  2081. .fa-hdd-o:before {
  2082.     content:"\f0a0"
  2083. }
  2084. .fa-bullhorn:before {
  2085.     content:"\f0a1"
  2086. }
  2087. .fa-bell:before {
  2088.     content:"\f0f3"
  2089. }
  2090. .fa-certificate:before {
  2091.     content:"\f0a3"
  2092. }
  2093. .fa-hand-o-right:before {
  2094.     content:"\f0a4"
  2095. }
  2096. .fa-hand-o-left:before {
  2097.     content:"\f0a5"
  2098. }
  2099. .fa-hand-o-up:before {
  2100.     content:"\f0a6"
  2101. }
  2102. .fa-hand-o-down:before {
  2103.     content:"\f0a7"
  2104. }
  2105. .fa-arrow-circle-left:before {
  2106.     content:"\f0a8"
  2107. }
  2108. .fa-arrow-circle-right:before {
  2109.     content:"\f0a9"
  2110. }
  2111. .fa-arrow-circle-up:before {
  2112.     content:"\f0aa"
  2113. }
  2114. .fa-arrow-circle-down:before {
  2115.     content:"\f0ab"
  2116. }
  2117. .fa-globe:before {
  2118.     content:"\f0ac"
  2119. }
  2120. .fa-wrench:before {
  2121.     content:"\f0ad"
  2122. }
  2123. .fa-tasks:before {
  2124.     content:"\f0ae"
  2125. }
  2126. .fa-filter:before {
  2127.     content:"\f0b0"
  2128. }
  2129. .fa-briefcase:before {
  2130.     content:"\f0b1"
  2131. }
  2132. .fa-arrows-alt:before {
  2133.     content:"\f0b2"
  2134. }
  2135. .fa-group:before,.fa-users:before {
  2136.     content:"\f0c0"
  2137. }
  2138. .fa-chain:before,.fa-link:before {
  2139.     content:"\f0c1"
  2140. }
  2141. .fa-cloud:before {
  2142.     content:"\f0c2"
  2143. }
  2144. .fa-flask:before {
  2145.     content:"\f0c3"
  2146. }
  2147. .fa-cut:before,.fa-scissors:before {
  2148.     content:"\f0c4"
  2149. }
  2150. .fa-copy:before,.fa-files-o:before {
  2151.     content:"\f0c5"
  2152. }
  2153. .fa-paperclip:before {
  2154.     content:"\f0c6"
  2155. }
  2156. .fa-save:before,.fa-floppy-o:before {
  2157.     content:"\f0c7"
  2158. }
  2159. .fa-square:before {
  2160.     content:"\f0c8"
  2161. }
  2162. .fa-navicon:before,.fa-reorder:before,.fa-bars:before {
  2163.     content:"\f0c9"
  2164. }
  2165. .fa-list-ul:before {
  2166.     content:"\f0ca"
  2167. }
  2168. .fa-list-ol:before {
  2169.     content:"\f0cb"
  2170. }
  2171. .fa-strikethrough:before {
  2172.     content:"\f0cc"
  2173. }
  2174. .fa-underline:before {
  2175.     content:"\f0cd"
  2176. }
  2177. .fa-table:before {
  2178.     content:"\f0ce"
  2179. }
  2180. .fa-magic:before {
  2181.     content:"\f0d0"
  2182. }
  2183. .fa-truck:before {
  2184.     content:"\f0d1"
  2185. }
  2186. .fa-pinterest:before {
  2187.     content:"\f0d2"
  2188. }
  2189. .fa-pinterest-square:before {
  2190.     content:"\f0d3"
  2191. }
  2192. .fa-google-plus-square:before {
  2193.     content:"\f0d4"
  2194. }
  2195. .fa-google-plus:before {
  2196.     content:"\f0d5"
  2197. }
  2198. .fa-money:before {
  2199.     content:"\f0d6"
  2200. }
  2201. .fa-caret-down:before {
  2202.     content:"\f0d7"
  2203. }
  2204. .fa-caret-up:before {
  2205.     content:"\f0d8"
  2206. }
  2207. .fa-caret-left:before {
  2208.     content:"\f0d9"
  2209. }
  2210. .fa-caret-right:before {
  2211.     content:"\f0da"
  2212. }
  2213. .fa-columns:before {
  2214.     content:"\f0db"
  2215. }
  2216. .fa-unsorted:before,.fa-sort:before {
  2217.     content:"\f0dc"
  2218. }
  2219. .fa-sort-down:before,.fa-sort-desc:before {
  2220.     content:"\f0dd"
  2221. }
  2222. .fa-sort-up:before,.fa-sort-asc:before {
  2223.     content:"\f0de"
  2224. }
  2225. .fa-envelope:before {
  2226.     content:"\f0e0"
  2227. }
  2228. .fa-linkedin:before {
  2229.     content:"\f0e1"
  2230. }
  2231. .fa-rotate-left:before,.fa-undo:before {
  2232.     content:"\f0e2"
  2233. }
  2234. .fa-legal:before,.fa-gavel:before {
  2235.     content:"\f0e3"
  2236. }
  2237. .fa-dashboard:before,.fa-tachometer:before {
  2238.     content:"\f0e4"
  2239. }
  2240. .fa-comment-o:before {
  2241.     content:"\f0e5"
  2242. }
  2243. .fa-comments-o:before {
  2244.     content:"\f0e6"
  2245. }
  2246. .fa-flash:before,.fa-bolt:before {
  2247.     content:"\f0e7"
  2248. }
  2249. .fa-sitemap:before {
  2250.     content:"\f0e8"
  2251. }
  2252. .fa-umbrella:before {
  2253.     content:"\f0e9"
  2254. }
  2255. .fa-paste:before,.fa-clipboard:before {
  2256.     content:"\f0ea"
  2257. }
  2258. .fa-lightbulb-o:before {
  2259.     content:"\f0eb"
  2260. }
  2261. .fa-exchange:before {
  2262.     content:"\f0ec"
  2263. }
  2264. .fa-cloud-download:before {
  2265.     content:"\f0ed"
  2266. }
  2267. .fa-cloud-upload:before {
  2268.     content:"\f0ee"
  2269. }
  2270. .fa-user-md:before {
  2271.     content:"\f0f0"
  2272. }
  2273. .fa-stethoscope:before {
  2274.     content:"\f0f1"
  2275. }
  2276. .fa-suitcase:before {
  2277.     content:"\f0f2"
  2278. }
  2279. .fa-bell-o:before {
  2280.     content:"\f0a2"
  2281. }
  2282. .fa-coffee:before {
  2283.     content:"\f0f4"
  2284. }
  2285. .fa-cutlery:before {
  2286.     content:"\f0f5"
  2287. }
  2288. .fa-file-text-o:before {
  2289.     content:"\f0f6"
  2290. }
  2291. .fa-building-o:before {
  2292.     content:"\f0f7"
  2293. }
  2294. .fa-hospital-o:before {
  2295.     content:"\f0f8"
  2296. }
  2297. .fa-ambulance:before {
  2298.     content:"\f0f9"
  2299. }
  2300. .fa-medkit:before {
  2301.     content:"\f0fa"
  2302. }
  2303. .fa-fighter-jet:before {
  2304.     content:"\f0fb"
  2305. }
  2306. .fa-beer:before {
  2307.     content:"\f0fc"
  2308. }
  2309. .fa-h-square:before {
  2310.     content:"\f0fd"
  2311. }
  2312. .fa-plus-square:before {
  2313.     content:"\f0fe"
  2314. }
  2315. .fa-angle-double-left:before {
  2316.     content:"\f100"
  2317. }
  2318. .fa-angle-double-right:before {
  2319.     content:"\f101"
  2320. }
  2321. .fa-angle-double-up:before {
  2322.     content:"\f102"
  2323. }
  2324. .fa-angle-double-down:before {
  2325.     content:"\f103"
  2326. }
  2327. .fa-angle-left:before {
  2328.     content:"\f104"
  2329. }
  2330. .fa-angle-right:before {
  2331.     content:"\f105"
  2332. }
  2333. .fa-angle-up:before {
  2334.     content:"\f106"
  2335. }
  2336. .fa-angle-down:before {
  2337.     content:"\f107"
  2338. }
  2339. .fa-desktop:before {
  2340.     content:"\f108"
  2341. }
  2342. .fa-laptop:before {
  2343.     content:"\f109"
  2344. }
  2345. .fa-tablet:before {
  2346.     content:"\f10a"
  2347. }
  2348. .fa-mobile-phone:before,.fa-mobile:before {
  2349.     content:"\f10b"
  2350. }
  2351. .fa-circle-o:before {
  2352.     content:"\f10c"
  2353. }
  2354. .fa-quote-left:before {
  2355.     content:"\f10d"
  2356. }
  2357. .fa-quote-right:before {
  2358.     content:"\f10e"
  2359. }
  2360. .fa-spinner:before {
  2361.     content:"\f110"
  2362. }
  2363. .fa-circle:before {
  2364.     content:"\f111"
  2365. }
  2366. .fa-mail-reply:before,.fa-reply:before {
  2367.     content:"\f112"
  2368. }
  2369. .fa-github-alt:before {
  2370.     content:"\f113"
  2371. }
  2372. .fa-folder-o:before {
  2373.     content:"\f114"
  2374. }
  2375. .fa-folder-open-o:before {
  2376.     content:"\f115"
  2377. }
  2378. .fa-smile-o:before {
  2379.     content:"\f118"
  2380. }
  2381. .fa-frown-o:before {
  2382.     content:"\f119"
  2383. }
  2384. .fa-meh-o:before {
  2385.     content:"\f11a"
  2386. }
  2387. .fa-gamepad:before {
  2388.     content:"\f11b"
  2389. }
  2390. .fa-keyboard-o:before {
  2391.     content:"\f11c"
  2392. }
  2393. .fa-flag-o:before {
  2394.     content:"\f11d"
  2395. }
  2396. .fa-flag-checkered:before {
  2397.     content:"\f11e"
  2398. }
  2399. .fa-terminal:before {
  2400.     content:"\f120"
  2401. }
  2402. .fa-code:before {
  2403.     content:"\f121"
  2404. }
  2405. .fa-mail-reply-all:before,.fa-reply-all:before {
  2406.     content:"\f122"
  2407. }
  2408. .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
  2409.     content:"\f123"
  2410. }
  2411. .fa-location-arrow:before {
  2412.     content:"\f124"
  2413. }
  2414. .fa-crop:before {
  2415.     content:"\f125"
  2416. }
  2417. .fa-code-fork:before {
  2418.     content:"\f126"
  2419. }
  2420. .fa-unlink:before,.fa-chain-broken:before {
  2421.     content:"\f127"
  2422. }
  2423. .fa-question:before {
  2424.     content:"\f128"
  2425. }
  2426. .fa-info:before {
  2427.     content:"\f129"
  2428. }
  2429. .fa-exclamation:before {
  2430.     content:"\f12a"
  2431. }
  2432. .fa-superscript:before {
  2433.     content:"\f12b"
  2434. }
  2435. .fa-subscript:before {
  2436.     content:"\f12c"
  2437. }
  2438. .fa-eraser:before {
  2439.     content:"\f12d"
  2440. }
  2441. .fa-puzzle-piece:before {
  2442.     content:"\f12e"
  2443. }
  2444. .fa-microphone:before {
  2445.     content:"\f130"
  2446. }
  2447. .fa-microphone-slash:before {
  2448.     content:"\f131"
  2449. }
  2450. .fa-shield:before {
  2451.     content:"\f132"
  2452. }
  2453. .fa-calendar-o:before {
  2454.     content:"\f133"
  2455. }
  2456. .fa-fire-extinguisher:before {
  2457.     content:"\f134"
  2458. }
  2459. .fa-rocket:before {
  2460.     content:"\f135"
  2461. }
  2462. .fa-maxcdn:before {
  2463.     content:"\f136"
  2464. }
  2465. .fa-chevron-circle-left:before {
  2466.     content:"\f137"
  2467. }
  2468. .fa-chevron-circle-right:before {
  2469.     content:"\f138"
  2470. }
  2471. .fa-chevron-circle-up:before {
  2472.     content:"\f139"
  2473. }
  2474. .fa-chevron-circle-down:before {
  2475.     content:"\f13a"
  2476. }
  2477. .fa-html5:before {
  2478.     content:"\f13b"
  2479. }
  2480. .fa-css3:before {
  2481.     content:"\f13c"
  2482. }
  2483. .fa-anchor:before {
  2484.     content:"\f13d"
  2485. }
  2486. .fa-unlock-alt:before {
  2487.     content:"\f13e"
  2488. }
  2489. .fa-bullseye:before {
  2490.     content:"\f140"
  2491. }
  2492. .fa-ellipsis-h:before {
  2493.     content:"\f141"
  2494. }
  2495. .fa-ellipsis-v:before {
  2496.     content:"\f142"
  2497. }
  2498. .fa-rss-square:before {
  2499.     content:"\f143"
  2500. }
  2501. .fa-play-circle:before {
  2502.     content:"\f144"
  2503. }
  2504. .fa-ticket:before {
  2505.     content:"\f145"
  2506. }
  2507. .fa-minus-square:before {
  2508.     content:"\f146"
  2509. }
  2510. .fa-minus-square-o:before {
  2511.     content:"\f147"
  2512. }
  2513. .fa-level-up:before {
  2514.     content:"\f148"
  2515. }
  2516. .fa-level-down:before {
  2517.     content:"\f149"
  2518. }
  2519. .fa-check-square:before {
  2520.     content:"\f14a"
  2521. }
  2522. .fa-pencil-square:before {
  2523.     content:"\f14b"
  2524. }
  2525. .fa-external-link-square:before {
  2526.     content:"\f14c"
  2527. }
  2528. .fa-share-square:before {
  2529.     content:"\f14d"
  2530. }
  2531. .fa-compass:before {
  2532.     content:"\f14e"
  2533. }
  2534. .fa-toggle-down:before,.fa-caret-square-o-down:before {
  2535.     content:"\f150"
  2536. }
  2537. .fa-toggle-up:before,.fa-caret-square-o-up:before {
  2538.     content:"\f151"
  2539. }
  2540. .fa-toggle-right:before,.fa-caret-square-o-right:before {
  2541.     content:"\f152"
  2542. }
  2543. .fa-euro:before,.fa-eur:before {
  2544.     content:"\f153"
  2545. }
  2546. .fa-gbp:before {
  2547.     content:"\f154"
  2548. }
  2549. .fa-dollar:before,.fa-usd:before {
  2550.     content:"\f155"
  2551. }
  2552. .fa-rupee:before,.fa-inr:before {
  2553.     content:"\f156"
  2554. }
  2555. .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
  2556.     content:"\f157"
  2557. }
  2558. .fa-ruble:before,.fa-rouble:before,.fa-rub:before {
  2559.     content:"\f158"
  2560. }
  2561. .fa-won:before,.fa-krw:before {
  2562.     content:"\f159"
  2563. }
  2564. .fa-bitcoin:before,.fa-btc:before {
  2565.     content:"\f15a"
  2566. }
  2567. .fa-file:before {
  2568.     content:"\f15b"
  2569. }
  2570. .fa-file-text:before {
  2571.     content:"\f15c"
  2572. }
  2573. .fa-sort-alpha-asc:before {
  2574.     content:"\f15d"
  2575. }
  2576. .fa-sort-alpha-desc:before {
  2577.     content:"\f15e"
  2578. }
  2579. .fa-sort-amount-asc:before {
  2580.     content:"\f160"
  2581. }
  2582. .fa-sort-amount-desc:before {
  2583.     content:"\f161"
  2584. }
  2585. .fa-sort-numeric-asc:before {
  2586.     content:"\f162"
  2587. }
  2588. .fa-sort-numeric-desc:before {
  2589.     content:"\f163"
  2590. }
  2591. .fa-thumbs-up:before {
  2592.     content:"\f164"
  2593. }
  2594. .fa-thumbs-down:before {
  2595.     content:"\f165"
  2596. }
  2597. .fa-youtube-square:before {
  2598.     content:"\f166"
  2599. }
  2600. .fa-youtube:before {
  2601.     content:"\f167"
  2602. }
  2603. .fa-xing:before {
  2604.     content:"\f168"
  2605. }
  2606. .fa-xing-square:before {
  2607.     content:"\f169"
  2608. }
  2609. .fa-youtube-play:before {
  2610.     content:"\f16a"
  2611. }
  2612. .fa-dropbox:before {
  2613.     content:"\f16b"
  2614. }
  2615. .fa-stack-overflow:before {
  2616.     content:"\f16c"
  2617. }
  2618. .fa-instagram:before {
  2619.     content:"\f16d"
  2620. }
  2621. .fa-flickr:before {
  2622.     content:"\f16e"
  2623. }
  2624. .fa-adn:before {
  2625.     content:"\f170"
  2626. }
  2627. .fa-bitbucket:before {
  2628.     content:"\f171"
  2629. }
  2630. .fa-bitbucket-square:before {
  2631.     content:"\f172"
  2632. }
  2633. .fa-tumblr:before {
  2634.     content:"\f173"
  2635. }
  2636. .fa-tumblr-square:before {
  2637.     content:"\f174"
  2638. }
  2639. .fa-long-arrow-down:before {
  2640.     content:"\f175"
  2641. }
  2642. .fa-long-arrow-up:before {
  2643.     content:"\f176"
  2644. }
  2645. .fa-long-arrow-left:before {
  2646.     content:"\f177"
  2647. }
  2648. .fa-long-arrow-right:before {
  2649.     content:"\f178"
  2650. }
  2651. .fa-apple:before {
  2652.     content:"\f179"
  2653. }
  2654. .fa-windows:before {
  2655.     content:"\f17a"
  2656. }
  2657. .fa-android:before {
  2658.     content:"\f17b"
  2659. }
  2660. .fa-linux:before {
  2661.     content:"\f17c"
  2662. }
  2663. .fa-dribbble:before {
  2664.     content:"\f17d"
  2665. }
  2666. .fa-skype:before {
  2667.     content:"\f17e"
  2668. }
  2669. .fa-foursquare:before {
  2670.     content:"\f180"
  2671. }
  2672. .fa-trello:before {
  2673.     content:"\f181"
  2674. }
  2675. .fa-female:before {
  2676.     content:"\f182"
  2677. }
  2678. .fa-male:before {
  2679.     content:"\f183"
  2680. }
  2681. .fa-gittip:before,.fa-gratipay:before {
  2682.     content:"\f184"
  2683. }
  2684. .fa-sun-o:before {
  2685.     content:"\f185"
  2686. }
  2687. .fa-moon-o:before {
  2688.     content:"\f186"
  2689. }
  2690. .fa-archive:before {
  2691.     content:"\f187"
  2692. }
  2693. .fa-bug:before {
  2694.     content:"\f188"
  2695. }
  2696. .fa-vk:before {
  2697.     content:"\f189"
  2698. }
  2699. .fa-weibo:before {
  2700.     content:"\f18a"
  2701. }
  2702. .fa-renren:before {
  2703.     content:"\f18b"
  2704. }
  2705. .fa-pagelines:before {
  2706.     content:"\f18c"
  2707. }
  2708. .fa-stack-exchange:before {
  2709.     content:"\f18d"
  2710. }
  2711. .fa-arrow-circle-o-right:before {
  2712.     content:"\f18e"
  2713. }
  2714. .fa-arrow-circle-o-left:before {
  2715.     content:"\f190"
  2716. }
  2717. .fa-toggle-left:before,.fa-caret-square-o-left:before {
  2718.     content:"\f191"
  2719. }
  2720. .fa-dot-circle-o:before {
  2721.     content:"\f192"
  2722. }
  2723. .fa-wheelchair:before {
  2724.     content:"\f193"
  2725. }
  2726. .fa-vimeo-square:before {
  2727.     content:"\f194"
  2728. }
  2729. .fa-turkish-lira:before,.fa-try:before {
  2730.     content:"\f195"
  2731. }
  2732. .fa-plus-square-o:before {
  2733.     content:"\f196"
  2734. }
  2735. .fa-space-shuttle:before {
  2736.     content:"\f197"
  2737. }
  2738. .fa-slack:before {
  2739.     content:"\f198"
  2740. }
  2741. .fa-envelope-square:before {
  2742.     content:"\f199"
  2743. }
  2744. .fa-wordpress:before {
  2745.     content:"\f19a"
  2746. }
  2747. .fa-openid:before {
  2748.     content:"\f19b"
  2749. }
  2750. .fa-institution:before,.fa-bank:before,.fa-university:before {
  2751.     content:"\f19c"
  2752. }
  2753. .fa-mortar-board:before,.fa-graduation-cap:before {
  2754.     content:"\f19d"
  2755. }
  2756. .fa-yahoo:before {
  2757.     content:"\f19e"
  2758. }
  2759. .fa-google:before {
  2760.     content:"\f1a0"
  2761. }
  2762. .fa-reddit:before {
  2763.     content:"\f1a1"
  2764. }
  2765. .fa-reddit-square:before {
  2766.     content:"\f1a2"
  2767. }
  2768. .fa-stumbleupon-circle:before {
  2769.     content:"\f1a3"
  2770. }
  2771. .fa-stumbleupon:before {
  2772.     content:"\f1a4"
  2773. }
  2774. .fa-delicious:before {
  2775.     content:"\f1a5"
  2776. }
  2777. .fa-digg:before {
  2778.     content:"\f1a6"
  2779. }
  2780. .fa-pied-piper:before {
  2781.     content:"\f1a7"
  2782. }
  2783. .fa-pied-piper-alt:before {
  2784.     content:"\f1a8"
  2785. }
  2786. .fa-drupal:before {
  2787.     content:"\f1a9"
  2788. }
  2789. .fa-joomla:before {
  2790.     content:"\f1aa"
  2791. }
  2792. .fa-language:before {
  2793.     content:"\f1ab"
  2794. }
  2795. .fa-fax:before {
  2796.     content:"\f1ac"
  2797. }
  2798. .fa-building:before {
  2799.     content:"\f1ad"
  2800. }
  2801. .fa-child:before {
  2802.     content:"\f1ae"
  2803. }
  2804. .fa-paw:before {
  2805.     content:"\f1b0"
  2806. }
  2807. .fa-spoon:before {
  2808.     content:"\f1b1"
  2809. }
  2810. .fa-cube:before {
  2811.     content:"\f1b2"
  2812. }
  2813. .fa-cubes:before {
  2814.     content:"\f1b3"
  2815. }
  2816. .fa-behance:before {
  2817.     content:"\f1b4"
  2818. }
  2819. .fa-behance-square:before {
  2820.     content:"\f1b5"
  2821. }
  2822. .fa-steam:before {
  2823.     content:"\f1b6"
  2824. }
  2825. .fa-steam-square:before {
  2826.     content:"\f1b7"
  2827. }
  2828. .fa-recycle:before {
  2829.     content:"\f1b8"
  2830. }
  2831. .fa-automobile:before,.fa-car:before {
  2832.     content:"\f1b9"
  2833. }
  2834. .fa-cab:before,.fa-taxi:before {
  2835.     content:"\f1ba"
  2836. }
  2837. .fa-tree:before {
  2838.     content:"\f1bb"
  2839. }
  2840. .fa-spotify:before {
  2841.     content:"\f1bc"
  2842. }
  2843. .fa-deviantart:before {
  2844.     content:"\f1bd"
  2845. }
  2846. .fa-soundcloud:before {
  2847.     content:"\f1be"
  2848. }
  2849. .fa-database:before {
  2850.     content:"\f1c0"
  2851. }
  2852. .fa-file-pdf-o:before {
  2853.     content:"\f1c1"
  2854. }
  2855. .fa-file-word-o:before {
  2856.     content:"\f1c2"
  2857. }
  2858. .fa-file-excel-o:before {
  2859.     content:"\f1c3"
  2860. }
  2861. .fa-file-powerpoint-o:before {
  2862.     content:"\f1c4"
  2863. }
  2864. .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
  2865.     content:"\f1c5"
  2866. }
  2867. .fa-file-zip-o:before,.fa-file-archive-o:before {
  2868.     content:"\f1c6"
  2869. }
  2870. .fa-file-sound-o:before,.fa-file-audio-o:before {
  2871.     content:"\f1c7"
  2872. }
  2873. .fa-file-movie-o:before,.fa-file-video-o:before {
  2874.     content:"\f1c8"
  2875. }
  2876. .fa-file-code-o:before {
  2877.     content:"\f1c9"
  2878. }
  2879. .fa-vine:before {
  2880.     content:"\f1ca"
  2881. }
  2882. .fa-codepen:before {
  2883.     content:"\f1cb"
  2884. }
  2885. .fa-jsfiddle:before {
  2886.     content:"\f1cc"
  2887. }
  2888. .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
  2889.     content:"\f1cd"
  2890. }
  2891. .fa-circle-o-notch:before {
  2892.     content:"\f1ce"
  2893. }
  2894. .fa-ra:before,.fa-rebel:before {
  2895.     content:"\f1d0"
  2896. }
  2897. .fa-ge:before,.fa-empire:before {
  2898.     content:"\f1d1"
  2899. }
  2900. .fa-git-square:before {
  2901.     content:"\f1d2"
  2902. }
  2903. .fa-git:before {
  2904.     content:"\f1d3"
  2905. }
  2906. .fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {
  2907.     content:"\f1d4"
  2908. }
  2909. .fa-tencent-weibo:before {
  2910.     content:"\f1d5"
  2911. }
  2912. .fa-qq:before {
  2913.     content:"\f1d6"
  2914. }
  2915. .fa-wechat:before,.fa-weixin:before {
  2916.     content:"\f1d7"
  2917. }
  2918. .fa-send:before,.fa-paper-plane:before {
  2919.     content:"\f1d8"
  2920. }
  2921. .fa-send-o:before,.fa-paper-plane-o:before {
  2922.     content:"\f1d9"
  2923. }
  2924. .fa-history:before {
  2925.     content:"\f1da"
  2926. }
  2927. .fa-circle-thin:before {
  2928.     content:"\f1db"
  2929. }
  2930. .fa-header:before {
  2931.     content:"\f1dc"
  2932. }
  2933. .fa-paragraph:before {
  2934.     content:"\f1dd"
  2935. }
  2936. .fa-sliders:before {
  2937.     content:"\f1de"
  2938. }
  2939. .fa-share-alt:before {
  2940.     content:"\f1e0"
  2941. }
  2942. .fa-share-alt-square:before {
  2943.     content:"\f1e1"
  2944. }
  2945. .fa-bomb:before {
  2946.     content:"\f1e2"
  2947. }
  2948. .fa-soccer-ball-o:before,.fa-futbol-o:before {
  2949.     content:"\f1e3"
  2950. }
  2951. .fa-tty:before {
  2952.     content:"\f1e4"
  2953. }
  2954. .fa-binoculars:before {
  2955.     content:"\f1e5"
  2956. }
  2957. .fa-plug:before {
  2958.     content:"\f1e6"
  2959. }
  2960. .fa-slideshare:before {
  2961.     content:"\f1e7"
  2962. }
  2963. .fa-twitch:before {
  2964.     content:"\f1e8"
  2965. }
  2966. .fa-yelp:before {
  2967.     content:"\f1e9"
  2968. }
  2969. .fa-newspaper-o:before {
  2970.     content:"\f1ea"
  2971. }
  2972. .fa-wifi:before {
  2973.     content:"\f1eb"
  2974. }
  2975. .fa-calculator:before {
  2976.     content:"\f1ec"
  2977. }
  2978. .fa-paypal:before {
  2979.     content:"\f1ed"
  2980. }
  2981. .fa-google-wallet:before {
  2982.     content:"\f1ee"
  2983. }
  2984. .fa-cc-visa:before {
  2985.     content:"\f1f0"
  2986. }
  2987. .fa-cc-mastercard:before {
  2988.     content:"\f1f1"
  2989. }
  2990. .fa-cc-discover:before {
  2991.     content:"\f1f2"
  2992. }
  2993. .fa-cc-amex:before {
  2994.     content:"\f1f3"
  2995. }
  2996. .fa-cc-paypal:before {
  2997.     content:"\f1f4"
  2998. }
  2999. .fa-cc-stripe:before {
  3000.     content:"\f1f5"
  3001. }
  3002. .fa-bell-slash:before {
  3003.     content:"\f1f6"
  3004. }
  3005. .fa-bell-slash-o:before {
  3006.     content:"\f1f7"
  3007. }
  3008. .fa-trash:before {
  3009.     content:"\f1f8"
  3010. }
  3011. .fa-copyright:before {
  3012.     content:"\f1f9"
  3013. }
  3014. .fa-at:before {
  3015.     content:"\f1fa"
  3016. }
  3017. .fa-eyedropper:before {
  3018.     content:"\f1fb"
  3019. }
  3020. .fa-paint-brush:before {
  3021.     content:"\f1fc"
  3022. }
  3023. .fa-birthday-cake:before {
  3024.     content:"\f1fd"
  3025. }
  3026. .fa-area-chart:before {
  3027.     content:"\f1fe"
  3028. }
  3029. .fa-pie-chart:before {
  3030.     content:"\f200"
  3031. }
  3032. .fa-line-chart:before {
  3033.     content:"\f201"
  3034. }
  3035. .fa-lastfm:before {
  3036.     content:"\f202"
  3037. }
  3038. .fa-lastfm-square:before {
  3039.     content:"\f203"
  3040. }
  3041. .fa-toggle-off:before {
  3042.     content:"\f204"
  3043. }
  3044. .fa-toggle-on:before {
  3045.     content:"\f205"
  3046. }
  3047. .fa-bicycle:before {
  3048.     content:"\f206"
  3049. }
  3050. .fa-bus:before {
  3051.     content:"\f207"
  3052. }
  3053. .fa-ioxhost:before {
  3054.     content:"\f208"
  3055. }
  3056. .fa-angellist:before {
  3057.     content:"\f209"
  3058. }
  3059. .fa-cc:before {
  3060.     content:"\f20a"
  3061. }
  3062. .fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
  3063.     content:"\f20b"
  3064. }
  3065. .fa-meanpath:before {
  3066.     content:"\f20c"
  3067. }
  3068. .fa-buysellads:before {
  3069.     content:"\f20d"
  3070. }
  3071. .fa-connectdevelop:before {
  3072.     content:"\f20e"
  3073. }
  3074. .fa-dashcube:before {
  3075.     content:"\f210"
  3076. }
  3077. .fa-forumbee:before {
  3078.     content:"\f211"
  3079. }
  3080. .fa-leanpub:before {
  3081.     content:"\f212"
  3082. }
  3083. .fa-sellsy:before {
  3084.     content:"\f213"
  3085. }
  3086. .fa-shirtsinbulk:before {
  3087.     content:"\f214"
  3088. }
  3089. .fa-simplybuilt:before {
  3090.     content:"\f215"
  3091. }
  3092. .fa-skyatlas:before {
  3093.     content:"\f216"
  3094. }
  3095. .fa-cart-plus:before {
  3096.     content:"\f217"
  3097. }
  3098. .fa-cart-arrow-down:before {
  3099.     content:"\f218"
  3100. }
  3101. .fa-diamond:before {
  3102.     content:"\f219"
  3103. }
  3104. .fa-ship:before {
  3105.     content:"\f21a"
  3106. }
  3107. .fa-user-secret:before {
  3108.     content:"\f21b"
  3109. }
  3110. .fa-motorcycle:before {
  3111.     content:"\f21c"
  3112. }
  3113. .fa-street-view:before {
  3114.     content:"\f21d"
  3115. }
  3116. .fa-heartbeat:before {
  3117.     content:"\f21e"
  3118. }
  3119. .fa-venus:before {
  3120.     content:"\f221"
  3121. }
  3122. .fa-mars:before {
  3123.     content:"\f222"
  3124. }
  3125. .fa-mercury:before {
  3126.     content:"\f223"
  3127. }
  3128. .fa-intersex:before,.fa-transgender:before {
  3129.     content:"\f224"
  3130. }
  3131. .fa-transgender-alt:before {
  3132.     content:"\f225"
  3133. }
  3134. .fa-venus-double:before {
  3135.     content:"\f226"
  3136. }
  3137. .fa-mars-double:before {
  3138.     content:"\f227"
  3139. }
  3140. .fa-venus-mars:before {
  3141.     content:"\f228"
  3142. }
  3143. .fa-mars-stroke:before {
  3144.     content:"\f229"
  3145. }
  3146. .fa-mars-stroke-v:before {
  3147.     content:"\f22a"
  3148. }
  3149. .fa-mars-stroke-h:before {
  3150.     content:"\f22b"
  3151. }
  3152. .fa-neuter:before {
  3153.     content:"\f22c"
  3154. }
  3155. .fa-genderless:before {
  3156.     content:"\f22d"
  3157. }
  3158. .fa-facebook-official:before {
  3159.     content:"\f230"
  3160. }
  3161. .fa-pinterest-p:before {
  3162.     content:"\f231"
  3163. }
  3164. .fa-whatsapp:before {
  3165.     content:"\f232"
  3166. }
  3167. .fa-server:before {
  3168.     content:"\f233"
  3169. }
  3170. .fa-user-plus:before {
  3171.     content:"\f234"
  3172. }
  3173. .fa-user-times:before {
  3174.     content:"\f235"
  3175. }
  3176. .fa-hotel:before,.fa-bed:before {
  3177.     content:"\f236"
  3178. }
  3179. .fa-viacoin:before {
  3180.     content:"\f237"
  3181. }
  3182. .fa-train:before {
  3183.     content:"\f238"
  3184. }
  3185. .fa-subway:before {
  3186.     content:"\f239"
  3187. }
  3188. .fa-medium:before {
  3189.     content:"\f23a"
  3190. }
  3191. .fa-yc:before,.fa-y-combinator:before {
  3192.     content:"\f23b"
  3193. }
  3194. .fa-optin-monster:before {
  3195.     content:"\f23c"
  3196. }
  3197. .fa-opencart:before {
  3198.     content:"\f23d"
  3199. }
  3200. .fa-expeditedssl:before {
  3201.     content:"\f23e"
  3202. }
  3203. .fa-battery-4:before,.fa-battery-full:before {
  3204.     content:"\f240"
  3205. }
  3206. .fa-battery-3:before,.fa-battery-three-quarters:before {
  3207.     content:"\f241"
  3208. }
  3209. .fa-battery-2:before,.fa-battery-half:before {
  3210.     content:"\f242"
  3211. }
  3212. .fa-battery-1:before,.fa-battery-quarter:before {
  3213.     content:"\f243"
  3214. }
  3215. .fa-battery-0:before,.fa-battery-empty:before {
  3216.     content:"\f244"
  3217. }
  3218. .fa-mouse-pointer:before {
  3219.     content:"\f245"
  3220. }
  3221. .fa-i-cursor:before {
  3222.     content:"\f246"
  3223. }
  3224. .fa-object-group:before {
  3225.     content:"\f247"
  3226. }
  3227. .fa-object-ungroup:before {
  3228.     content:"\f248"
  3229. }
  3230. .fa-sticky-note:before {
  3231.     content:"\f249"
  3232. }
  3233. .fa-sticky-note-o:before {
  3234.     content:"\f24a"
  3235. }
  3236. .fa-cc-jcb:before {
  3237.     content:"\f24b"
  3238. }
  3239. .fa-cc-diners-club:before {
  3240.     content:"\f24c"
  3241. }
  3242. .fa-clone:before {
  3243.     content:"\f24d"
  3244. }
  3245. .fa-balance-scale:before {
  3246.     content:"\f24e"
  3247. }
  3248. .fa-hourglass-o:before {
  3249.     content:"\f250"
  3250. }
  3251. .fa-hourglass-1:before,.fa-hourglass-start:before {
  3252.     content:"\f251"
  3253. }
  3254. .fa-hourglass-2:before,.fa-hourglass-half:before {
  3255.     content:"\f252"
  3256. }
  3257. .fa-hourglass-3:before,.fa-hourglass-end:before {
  3258.     content:"\f253"
  3259. }
  3260. .fa-hourglass:before {
  3261.     content:"\f254"
  3262. }
  3263. .fa-hand-grab-o:before,.fa-hand-rock-o:before {
  3264.     content:"\f255"
  3265. }
  3266. .fa-hand-stop-o:before,.fa-hand-paper-o:before {
  3267.     content:"\f256"
  3268. }
  3269. .fa-hand-scissors-o:before {
  3270.     content:"\f257"
  3271. }
  3272. .fa-hand-lizard-o:before {
  3273.     content:"\f258"
  3274. }
  3275. .fa-hand-spock-o:before {
  3276.     content:"\f259"
  3277. }
  3278. .fa-hand-pointer-o:before {
  3279.     content:"\f25a"
  3280. }
  3281. .fa-hand-peace-o:before {
  3282.     content:"\f25b"
  3283. }
  3284. .fa-trademark:before {
  3285.     content:"\f25c"
  3286. }
  3287. .fa-registered:before {
  3288.     content:"\f25d"
  3289. }
  3290. .fa-creative-commons:before {
  3291.     content:"\f25e"
  3292. }
  3293. .fa-gg:before {
  3294.     content:"\f260"
  3295. }
  3296. .fa-gg-circle:before {
  3297.     content:"\f261"
  3298. }
  3299. .fa-tripadvisor:before {
  3300.     content:"\f262"
  3301. }
  3302. .fa-odnoklassniki:before {
  3303.     content:"\f263"
  3304. }
  3305. .fa-odnoklassniki-square:before {
  3306.     content:"\f264"
  3307. }
  3308. .fa-get-pocket:before {
  3309.     content:"\f265"
  3310. }
  3311. .fa-wikipedia-w:before {
  3312.     content:"\f266"
  3313. }
  3314. .fa-safari:before {
  3315.     content:"\f267"
  3316. }
  3317. .fa-chrome:before {
  3318.     content:"\f268"
  3319. }
  3320. .fa-firefox:before {
  3321.     content:"\f269"
  3322. }
  3323. .fa-opera:before {
  3324.     content:"\f26a"
  3325. }
  3326. .fa-internet-explorer:before {
  3327.     content:"\f26b"
  3328. }
  3329. .fa-tv:before,.fa-television:before {
  3330.     content:"\f26c"
  3331. }
  3332. .fa-contao:before {
  3333.     content:"\f26d"
  3334. }
  3335. .fa-500px:before {
  3336.     content:"\f26e"
  3337. }
  3338. .fa-amazon:before {
  3339.     content:"\f270"
  3340. }
  3341. .fa-calendar-plus-o:before {
  3342.     content:"\f271"
  3343. }
  3344. .fa-calendar-minus-o:before {
  3345.     content:"\f272"
  3346. }
  3347. .fa-calendar-times-o:before {
  3348.     content:"\f273"
  3349. }
  3350. .fa-calendar-check-o:before {
  3351.     content:"\f274"
  3352. }
  3353. .fa-industry:before {
  3354.     content:"\f275"
  3355. }
  3356. .fa-map-pin:before {
  3357.     content:"\f276"
  3358. }
  3359. .fa-map-signs:before {
  3360.     content:"\f277"
  3361. }
  3362. .fa-map-o:before {
  3363.     content:"\f278"
  3364. }
  3365. .fa-map:before {
  3366.     content:"\f279"
  3367. }
  3368. .fa-commenting:before {
  3369.     content:"\f27a"
  3370. }
  3371. .fa-commenting-o:before {
  3372.     content:"\f27b"
  3373. }
  3374. .fa-houzz:before {
  3375.     content:"\f27c"
  3376. }
  3377. .fa-vimeo:before {
  3378.     content:"\f27d"
  3379. }
  3380. .fa-black-tie:before {
  3381.     content:"\f27e"
  3382. }
  3383. .fa-fonticons:before {
  3384.     content:"\f280"
  3385. }
  3386. @media (min-width: 992px) {
  3387.     #mainpage > .nano {
  3388.         width: 80%;
  3389.     }
  3390.     #chatwrap {
  3391.         width: 19.9%;
  3392.     }
  3393. }
  3394. /* latin */
  3395. @font-face {
  3396.   font-family: 'Montserrat';
  3397.   font-style: normal;
  3398.   font-weight: 400;
  3399.   src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  3400.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  3401. }
  3402. /* latin */
  3403. @font-face {
  3404.   font-family: 'Montserrat';
  3405.   font-style: normal;
  3406.   font-weight: 700;
  3407.   src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
  3408.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  3409. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!