@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css?family=Cinzel:700&display=swap);body{background:#fff;margin:0;padding:0;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body,html{min-height:100%}html{overflow-x:hidden;overflow-y:auto;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}button,svg{display:inline-block;vertical-align:middle}a{text-decoration:none}::-webkit-scrollbar{width:0;background:transparent}.App{text-align:center}.App-header{width:calc(100% - 10px);background-color:#1f1f1f;padding:10px 5px;-ms-flex-align:center;align-items:center;color:#fff;position:fixed;top:0;z-index:1;box-shadow:0 2px 5px 0 rgba(0,0,0,.3)}.App-header,.App-logo{display:-ms-flexbox;display:flex}.App-logo{height:30px}#formSearch{display:-ms-flexbox;display:flex;width:100%;position:relative;margin:0 5px}#search-input{padding:5px;font-size:12px;background:#fff;width:100%;color:#3c3c3c;font-family:Open Sans,sans-serif}#search-button,#search-input{border:none;outline-color:#28c7f7}#search-button{background:#3c3c3c;height:30px;width:50px;color:#28c7f7;cursor:pointer;transition:.1s}.desktop:hover{opacity:.9}.fa-search{font-size:16px}#searchSuggest{display:none;list-style:none;margin:0;padding:0;position:absolute;top:30px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);z-index:10}#searchSuggest li{font-size:12px;text-align:left;padding-left:5px;height:30px;line-height:30px}#searchSuggest li a{text-decoration:none;display:block}#searchSuggest li span{font-size:12px;color:#3c3c3c}#searchSuggest li:hover{background:#eee}#menuButton{width:40px;height:30px;color:#fff;background-color:#28c7f7}.fa-bars{font-size:20px;margin:5px}.filtersContainer{text-align:left}.topBox{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.open-filters-btn{margin:5px;padding:6px;color:#1f1f1f;background:#fff;border:1px solid #a2a2a2;cursor:pointer;font-size:12px;outline:none}.page-title{margin:5px;font-size:14px;font-weight:700}.filtersMenu{width:100%;height:100%;background-color:#292929;z-index:1;position:fixed;top:0;left:0;font-size:12px;color:hsla(0,0%,100%,.75);box-shadow:0 2px 5px 0 rgba(0,0,0,.3)}.filtersMenuHead{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:10px;background-color:#151515;color:#56bade}.filterOptions{display:block;text-align:left;background-color:#292929;padding:10px}.sort-by{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.filter-title{padding:20px 0}.filtersCloseBtn{background-color:#56bade;width:38px;color:#fff}.filtersCloseBtn,.reset{border:none;outline:none;height:30px;text-align:center}.reset{background-color:#151515;color:#56bade;width:50px}.filter{-ms-flex-preferred-size:30%;flex-basis:30%;padding:8px;margin:0 5px;color:#56bade;font-size:12px;outline:none;border:1px solid #1f1f1f;background-color:#1f1f1f;border-top:1px solid #353535;border-bottom:1px solid #000}#menuButtonClose{background-color:#56bade;width:40px;height:30px;color:#fff}#menuButtonClose:after{clear:both;content:" ";display:block}.fa-times{font-size:20px;margin:5px}.menuFooter{padding:10px;font-size:12px;text-align:left;border-top:1px solid #353535}.App-intro{font-size:large}nav{position:fixed;top:0;right:0;height:100%;width:100%;font-size:12px;color:hsla(0,0%,100%,.75)}.nav-wrap{height:100%;background-color:#1f1f1f}.nav-title-flex{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:10px 5px;background:#151515;border-bottom:1px solid #000}.nav-title{color:#56bade}nav a{color:hsla(0,0%,100%,.75);text-decoration:none;display:block;padding:10px;clear:both;background:#1f1f1f;border-top:1px solid #353535;border-bottom:1px solid #000;border-left:2px solid transparent}.active{color:#56bade;border-left:2px solid #56bade}.highlight{color:#56bade;text-transform:capitalize}.navLinks{display:block;clear:both;text-align:left;background-color:#333}.App-page{color:#1f1f1f;margin-top:55px}.users{width:calc(100% - 5px)}.users:after{clear:both;content:" ";display:block}.users>div{width:calc(50% - 5px);margin:5px 0 0 5px;float:left;position:relative}.users>div>div{width:100%;padding-bottom:75%}.users>div>div>div{position:relative}.users>div img{width:100%;display:block;background-color:#ececec}.users>div a{top:0;left:0;right:0}.users>div .username,.users>div a{text-decoration:none;position:absolute;bottom:0}.users>div .username{color:#fff;padding:2px 0;font-size:12px;background:hsla(0,0%,100%,0);background:-webkit-gradient(left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),color-stop(100%,rgba(0,0,0,.75)));background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,rgba(0,0,0,.75));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=0);width:100%}.more-users-loading{display:block;width:100%;text-align:center;padding:10px 0;margin:10px auto}iframe{border:none;padding:0;margin:0}.iframe-logo{position:absolute;top:5px;left:0}.iframe-logo img{height:30px}.chatroom{background-color:#1f1f1f;position:absolute;top:0;left:0;width:100%;z-index:10;font-size:14px;height:75vw;color:#fff}.chatroom-contentwrap{background-color:#1f1f1f;padding:calc(75vw - 50px) 5px 0}.chatroom-bar{-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}.chatroom-bar,.chatroom-bar h1{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.chatroom-bar h1{font-size:14px;font-weight:400;text-transform:capitalize;color:#fff}.chatroom-bar-model{-ms-flex-preferred-size:45%;flex-basis:45%;overflow:hidden}.chatroom-bar-btn,.chatroom-bar-btns{display:-ms-flexbox;display:flex}.chatroom-bar-btn{margin-left:2px;padding:5px 10px;background-color:#3c3c3c;color:#28c7f7;font-size:12px;-ms-flex-align:center;align-items:center}.credits{background-color:#28c7f7;color:#fff;box-shadow:0 2px 5px 0 rgba(40,199,247,.2)}.chatbox{position:fixed;bottom:0;width:calc(100% - 10px);display:-ms-flexbox;display:flex;padding:5px;background-color:#1f1f1f;box-shadow:0 -2px 5px 0 rgba(0,0,0,.3);opacity:.9}.chatbox input{width:100%;padding:10px;border:none;outline-color:#28c7f7;font-family:Open Sans,sans-serif;background:none;color:#fff}#send-input:-ms-input-placeholder{color:#28c7f7}#send-input::placeholder{color:#28c7f7}#send-input:focus:-ms-input-placeholder{color:transparent}#send-input:focus::placeholder{color:transparent}.chatbox .send{padding:10px 20px;background-color:#28c7f7;color:#fff;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.chatroom-info{padding:10px;font-size:12px;background-color:#fff}.chatroom-info div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:10px;color:#1f1f1f}.chatroom-info span{padding-right:10px;font-weight:700}.chatroom-info p{margin:0;text-transform:capitalize;text-align:justify}.chatroom-contentwrap h4{font-weight:400;margin:20px 0 10px;color:#fff}.fa-thumbs-up{color:#26b137}.fa-thumbs-down{color:red}.fa-comment{color:#28c7f7}.fa-circle{color:#26b137;font-size:8px;padding-right:5px}.chatroom-profile-picture{width:200px}.not-found{padding:20px;font-weight:700}@media only screen and (min-width:568px){.users>div{width:calc(25% - 5px)}}@media only screen and (min-width:768px){.users>div{width:calc(20% - 5px)}.App-page{margin-top:65px}.chatroom-contentwrap{padding:calc(75vw - 50px) 10px 0}.chatroom-bar-btn{padding:10px 30px;margin-left:5px}.App-header{width:calc(100% - 20px);padding:10px}.App-logo{height:40px}#search-input{font-size:14px;height:40px;padding:0 10px}#search-button{height:40px;width:70px}.fa-search{font-size:20px}#menuButton{width:55px;height:40px}.fa-bars{font-size:30px;margin:5px}.open-filters-btn{padding:8px 10px;font-size:16px}#searchSuggest{top:40px}#searchSuggest li{font-size:14px;text-align:left;padding-left:10px;height:40px;line-height:40px}nav{font-size:16px}nav a{padding:15px}.menuFooter{font-size:14px}#menuButtonClose{width:55px;height:40px}.fa-times{font-size:30px;margin:5px}.filter,.filtersMenu{font-size:16px}.filter{padding:12px;margin:0 10px}.filtersCloseBtn{width:55px;height:40px}.reset{width:70px;height:40px;font-size:16px}.nav-title-flex{padding:10px}.menuFooter{padding:12px}.credits{font-size:14px}.fa-circle{padding-right:10px;font-size:12px}.iframe-logo{top:10px;left:5px}.iframe-logo img{height:40px}.fa-expand,.fa-photo-video{font-size:16px}.chatroom-info{font-size:14px}.chatroom-bar h1,.page-title{font-size:16px}}.App-header-desktop{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;background-color:#1f1f1f;color:#fff;padding:0 5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.3)}.App-header-desktop,.header-left,.header-logo{display:-ms-flexbox;display:flex}.header-logo{-ms-flex-align:center;align-items:center;margin-right:10px}.header-logo h1{font-size:18px;color:#fff;font-family:Cinzel,serif;transition:.1s}.header-logo h1:hover{color:#28c7f7}.header-navbar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.header-navbar ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding-left:0;margin:10px}.header-navbar ul li{list-style-type:none}.header-navbar ul li a{font-size:13px;padding:6px 12px;color:#fff;display:block;transition:.1s}.header-navbar ul li a:hover{color:#28c7f7}.navlink-active{background-color:#28c7f7;color:#fff!important}.header-right{-ms-flex:1;flex:1}.topbar-desktop{-ms-flex-pack:justify;justify-content:space-between;padding:5px 10px;font-size:16px;font-weight:700}.filter-desktop,.topbar-desktop{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.filter-desktop{font-size:12px;padding:5px}.filter-desktop span{margin:0 10px;font-weight:700}.filter-desktop-btn{background-color:#fff;color:#1f1f1f;padding:5px;margin:2px;border:none;cursor:pointer;outline:none;border:1px solid #a2a2a2;font-size:12px;transition:.1s}.filter-desktop-btn:hover{border:1px solid #1f1f1f;background-color:#dedede}@media only screen and (min-width:1024px){.App-page{margin-top:5px}.users>div{width:calc(16.6666666667% - 5px)}#formSearch{margin-left:auto;width:240px}.App-logo{height:30px}#search-button{outline:none;background-color:#28c7f7;color:#fff}.open-filters-btn{padding:6px 8px;font-size:14px}#searchSuggest li span{font-size:14px}.users>div .username{padding:5px 0}}@media only screen and (min-width:1280px){.users>div{width:calc(14.2857142857% - 5px)}}@media only screen and (min-width:1520px){.users>div{width:calc(12.5% - 5px)}#formSearch{width:400px}}@media only screen and (min-width:1760px){.users>div{width:calc(11.1111111111% - 5px)}}@media only screen and (min-width:1920px){.users>div{width:calc(10% - 5px)}}@media only screen and (min-width:2200px){.users>div{width:calc(9.09090909091% - 5px)}}@media only screen and (min-width:2560px){.users>div{width:calc(8.33333333333% - 5px)}}
/*# sourceMappingURL=main.0e7d1596.css.map*/